@raystack/apsara 0.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/avatar/avatar.cjs +76 -0
- package/dist/avatar/avatar.cjs.map +1 -0
- package/dist/avatar/avatar.d.ts +28 -0
- package/dist/avatar/avatar.d.ts.map +1 -0
- package/dist/avatar/avatar.js +55 -0
- package/dist/avatar/avatar.js.map +1 -0
- package/dist/avatar/avatar.module.css.cjs +6 -0
- package/dist/avatar/avatar.module.css.cjs.map +1 -0
- package/dist/avatar/avatar.module.css.js +4 -0
- package/dist/avatar/avatar.module.css.js.map +1 -0
- package/dist/avatar/index.d.ts +2 -0
- package/dist/avatar/index.d.ts.map +1 -0
- package/dist/badge/badge.cjs +20 -0
- package/dist/badge/badge.cjs.map +1 -0
- package/dist/badge/badge.d.ts +9 -0
- package/dist/badge/badge.d.ts.map +1 -0
- package/dist/badge/badge.js +18 -0
- package/dist/badge/badge.js.map +1 -0
- package/dist/badge/badge.module.css.cjs +6 -0
- package/dist/badge/badge.module.css.cjs.map +1 -0
- package/dist/badge/badge.module.css.js +4 -0
- package/dist/badge/badge.module.css.js.map +1 -0
- package/dist/badge/index.d.ts +2 -0
- package/dist/badge/index.d.ts.map +1 -0
- package/dist/body/body.cjs +24 -0
- package/dist/body/body.cjs.map +1 -0
- package/dist/body/body.d.ts +9 -0
- package/dist/body/body.d.ts.map +1 -0
- package/dist/body/body.js +22 -0
- package/dist/body/body.js.map +1 -0
- package/dist/body/body.module.css.cjs +6 -0
- package/dist/body/body.module.css.cjs.map +1 -0
- package/dist/body/body.module.css.js +4 -0
- package/dist/body/body.module.css.js.map +1 -0
- package/dist/body/index.d.ts +2 -0
- package/dist/body/index.d.ts.map +1 -0
- package/dist/box/box.cjs +13 -0
- package/dist/box/box.cjs.map +1 -0
- package/dist/box/box.d.ts +7 -0
- package/dist/box/box.d.ts.map +1 -0
- package/dist/box/box.js +11 -0
- package/dist/box/box.js.map +1 -0
- package/dist/box/box.module.css.cjs +6 -0
- package/dist/box/box.module.css.cjs.map +1 -0
- package/dist/box/box.module.css.js +4 -0
- package/dist/box/box.module.css.js.map +1 -0
- package/dist/box/index.d.ts +2 -0
- package/dist/box/index.d.ts.map +1 -0
- package/dist/button/button.cjs +32 -0
- package/dist/button/button.cjs.map +1 -0
- package/dist/button/button.d.ts +11 -0
- package/dist/button/button.d.ts.map +1 -0
- package/dist/button/button.js +30 -0
- package/dist/button/button.js.map +1 -0
- package/dist/button/button.module.css.cjs +6 -0
- package/dist/button/button.module.css.cjs.map +1 -0
- package/dist/button/button.module.css.js +4 -0
- package/dist/button/button.module.css.js.map +1 -0
- package/dist/button/index.d.ts +2 -0
- package/dist/button/index.d.ts.map +1 -0
- package/dist/checkbox/checkbox.cjs +48 -0
- package/dist/checkbox/checkbox.cjs.map +1 -0
- package/dist/checkbox/checkbox.d.ts +14 -0
- package/dist/checkbox/checkbox.d.ts.map +1 -0
- package/dist/checkbox/checkbox.js +27 -0
- package/dist/checkbox/checkbox.js.map +1 -0
- package/dist/checkbox/checkbox.module.css.cjs +6 -0
- package/dist/checkbox/checkbox.module.css.cjs.map +1 -0
- package/dist/checkbox/checkbox.module.css.js +4 -0
- package/dist/checkbox/checkbox.module.css.js.map +1 -0
- package/dist/checkbox/index.d.ts +2 -0
- package/dist/checkbox/index.d.ts.map +1 -0
- package/dist/command/command.cjs +52 -0
- package/dist/command/command.cjs.map +1 -0
- package/dist/command/command.d.ts +2 -0
- package/dist/command/command.d.ts.map +1 -0
- package/dist/command/command.js +50 -0
- package/dist/command/command.js.map +1 -0
- package/dist/command/command.module.css.cjs +6 -0
- package/dist/command/command.module.css.cjs.map +1 -0
- package/dist/command/command.module.css.js +4 -0
- package/dist/command/command.module.css.js.map +1 -0
- package/dist/command/index.d.ts +2 -0
- package/dist/command/index.d.ts.map +1 -0
- package/dist/container/container.cjs +25 -0
- package/dist/container/container.cjs.map +1 -0
- package/dist/container/container.d.ts +9 -0
- package/dist/container/container.d.ts.map +1 -0
- package/dist/container/container.js +23 -0
- package/dist/container/container.js.map +1 -0
- package/dist/container/container.module.css.cjs +6 -0
- package/dist/container/container.module.css.cjs.map +1 -0
- package/dist/container/container.module.css.js +4 -0
- package/dist/container/container.module.css.js.map +1 -0
- package/dist/container/index.d.ts +2 -0
- package/dist/container/index.d.ts.map +1 -0
- package/dist/dialog/dialog.cjs +52 -0
- package/dist/dialog/dialog.cjs.map +1 -0
- package/dist/dialog/dialog.d.ts +25 -0
- package/dist/dialog/dialog.d.ts.map +1 -0
- package/dist/dialog/dialog.js +29 -0
- package/dist/dialog/dialog.js.map +1 -0
- package/dist/dialog/dialog.module.css.cjs +6 -0
- package/dist/dialog/dialog.module.css.cjs.map +1 -0
- package/dist/dialog/dialog.module.css.js +4 -0
- package/dist/dialog/dialog.module.css.js.map +1 -0
- package/dist/dialog/index.d.ts +2 -0
- package/dist/dialog/index.d.ts.map +1 -0
- package/dist/display/display.cjs +24 -0
- package/dist/display/display.cjs.map +1 -0
- package/dist/display/display.d.ts +9 -0
- package/dist/display/display.d.ts.map +1 -0
- package/dist/display/display.js +22 -0
- package/dist/display/display.js.map +1 -0
- package/dist/display/display.module.css.cjs +6 -0
- package/dist/display/display.module.css.cjs.map +1 -0
- package/dist/display/display.module.css.js +4 -0
- package/dist/display/display.module.css.js.map +1 -0
- package/dist/display/index.d.ts +2 -0
- package/dist/display/index.d.ts.map +1 -0
- package/dist/dropdown-menu/dropdown-menu.cjs +54 -0
- package/dist/dropdown-menu/dropdown-menu.cjs.map +1 -0
- package/dist/dropdown-menu/dropdown-menu.d.ts +25 -0
- package/dist/dropdown-menu/dropdown-menu.d.ts.map +1 -0
- package/dist/dropdown-menu/dropdown-menu.js +32 -0
- package/dist/dropdown-menu/dropdown-menu.js.map +1 -0
- package/dist/dropdown-menu/dropdown-menu.module.css.cjs +6 -0
- package/dist/dropdown-menu/dropdown-menu.module.css.cjs.map +1 -0
- package/dist/dropdown-menu/dropdown-menu.module.css.js +4 -0
- package/dist/dropdown-menu/dropdown-menu.module.css.js.map +1 -0
- package/dist/dropdown-menu/index.d.ts +2 -0
- package/dist/dropdown-menu/index.d.ts.map +1 -0
- package/dist/emptystate/emptystate.cjs +13 -0
- package/dist/emptystate/emptystate.cjs.map +1 -0
- package/dist/emptystate/emptystate.d.ts +7 -0
- package/dist/emptystate/emptystate.d.ts.map +1 -0
- package/dist/emptystate/emptystate.js +11 -0
- package/dist/emptystate/emptystate.js.map +1 -0
- package/dist/emptystate/emptystate.module.css.cjs +6 -0
- package/dist/emptystate/emptystate.module.css.cjs.map +1 -0
- package/dist/emptystate/emptystate.module.css.js +4 -0
- package/dist/emptystate/emptystate.module.css.js.map +1 -0
- package/dist/emptystate/index.d.ts +2 -0
- package/dist/emptystate/index.d.ts.map +1 -0
- package/dist/flex/flex.cjs +53 -0
- package/dist/flex/flex.cjs.map +1 -0
- package/dist/flex/flex.d.ts +13 -0
- package/dist/flex/flex.d.ts.map +1 -0
- package/dist/flex/flex.js +51 -0
- package/dist/flex/flex.js.map +1 -0
- package/dist/flex/flex.module.css.cjs +6 -0
- package/dist/flex/flex.module.css.cjs.map +1 -0
- package/dist/flex/flex.module.css.js +4 -0
- package/dist/flex/flex.module.css.js.map +1 -0
- package/dist/flex/index.d.ts +2 -0
- package/dist/flex/index.d.ts.map +1 -0
- package/dist/grid/grid.cjs +72 -0
- package/dist/grid/grid.cjs.map +1 -0
- package/dist/grid/grid.d.ts +15 -0
- package/dist/grid/grid.d.ts.map +1 -0
- package/dist/grid/grid.js +70 -0
- package/dist/grid/grid.js.map +1 -0
- package/dist/grid/grid.module.css.cjs +6 -0
- package/dist/grid/grid.module.css.cjs.map +1 -0
- package/dist/grid/grid.module.css.js +4 -0
- package/dist/grid/grid.module.css.js.map +1 -0
- package/dist/grid/index.d.ts +2 -0
- package/dist/grid/index.d.ts.map +1 -0
- package/dist/headline/headline.cjs +24 -0
- package/dist/headline/headline.cjs.map +1 -0
- package/dist/headline/headline.d.ts +9 -0
- package/dist/headline/headline.d.ts.map +1 -0
- package/dist/headline/headline.js +22 -0
- package/dist/headline/headline.js.map +1 -0
- package/dist/headline/headline.module.css.cjs +6 -0
- package/dist/headline/headline.module.css.cjs.map +1 -0
- package/dist/headline/headline.module.css.js +4 -0
- package/dist/headline/headline.module.css.js.map +1 -0
- package/dist/headline/index.d.ts +2 -0
- package/dist/headline/index.d.ts.map +1 -0
- package/dist/image/image.cjs +13 -0
- package/dist/image/image.cjs.map +1 -0
- package/dist/image/image.d.ts +7 -0
- package/dist/image/image.d.ts.map +1 -0
- package/dist/image/image.js +11 -0
- package/dist/image/image.js.map +1 -0
- package/dist/image/image.module.css.cjs +6 -0
- package/dist/image/image.module.css.cjs.map +1 -0
- package/dist/image/image.module.css.js +4 -0
- package/dist/image/image.module.css.js.map +1 -0
- package/dist/image/index.d.ts +2 -0
- package/dist/image/index.d.ts.map +1 -0
- package/dist/index.cjs +77 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.css +1666 -0
- package/dist/index.d.ts +34 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +36 -0
- package/dist/index.js.map +1 -0
- package/dist/label/index.d.ts +2 -0
- package/dist/label/index.d.ts.map +1 -0
- package/dist/label/label.cjs +24 -0
- package/dist/label/label.cjs.map +1 -0
- package/dist/label/label.d.ts +9 -0
- package/dist/label/label.d.ts.map +1 -0
- package/dist/label/label.js +22 -0
- package/dist/label/label.js.map +1 -0
- package/dist/label/label.module.css.cjs +6 -0
- package/dist/label/label.module.css.cjs.map +1 -0
- package/dist/label/label.module.css.js +4 -0
- package/dist/label/label.module.css.js.map +1 -0
- package/dist/link/index.d.ts +2 -0
- package/dist/link/index.d.ts.map +1 -0
- package/dist/link/link.cjs +24 -0
- package/dist/link/link.cjs.map +1 -0
- package/dist/link/link.d.ts +9 -0
- package/dist/link/link.d.ts.map +1 -0
- package/dist/link/link.js +22 -0
- package/dist/link/link.js.map +1 -0
- package/dist/link/link.module.css.cjs +6 -0
- package/dist/link/link.module.css.cjs.map +1 -0
- package/dist/link/link.module.css.js +4 -0
- package/dist/link/link.module.css.js.map +1 -0
- package/dist/popover/index.d.ts +2 -0
- package/dist/popover/index.d.ts.map +1 -0
- package/dist/popover/popover.cjs +35 -0
- package/dist/popover/popover.cjs.map +1 -0
- package/dist/popover/popover.d.ts +7 -0
- package/dist/popover/popover.d.ts.map +1 -0
- package/dist/popover/popover.js +14 -0
- package/dist/popover/popover.js.map +1 -0
- package/dist/popover/popover.module.css.cjs +6 -0
- package/dist/popover/popover.module.css.cjs.map +1 -0
- package/dist/popover/popover.module.css.js +4 -0
- package/dist/popover/popover.module.css.js.map +1 -0
- package/dist/radio/index.d.ts +2 -0
- package/dist/radio/index.d.ts.map +1 -0
- package/dist/radio/radio.cjs +51 -0
- package/dist/radio/radio.cjs.map +1 -0
- package/dist/radio/radio.d.ts +18 -0
- package/dist/radio/radio.d.ts.map +1 -0
- package/dist/radio/radio.js +29 -0
- package/dist/radio/radio.js.map +1 -0
- package/dist/radio/radio.module.css.cjs +6 -0
- package/dist/radio/radio.module.css.cjs.map +1 -0
- package/dist/radio/radio.module.css.js +4 -0
- package/dist/radio/radio.module.css.js.map +1 -0
- package/dist/scroll-area/index.d.ts +2 -0
- package/dist/scroll-area/index.d.ts.map +1 -0
- package/dist/scroll-area/scrollarea.cjs +38 -0
- package/dist/scroll-area/scrollarea.cjs.map +1 -0
- package/dist/scroll-area/scrollarea.d.ts +11 -0
- package/dist/scroll-area/scrollarea.d.ts.map +1 -0
- package/dist/scroll-area/scrollarea.js +15 -0
- package/dist/scroll-area/scrollarea.js.map +1 -0
- package/dist/scroll-area/scrollarea.module.css.cjs +6 -0
- package/dist/scroll-area/scrollarea.module.css.cjs.map +1 -0
- package/dist/scroll-area/scrollarea.module.css.js +4 -0
- package/dist/scroll-area/scrollarea.module.css.js.map +1 -0
- package/dist/select/index.d.ts +2 -0
- package/dist/select/index.d.ts.map +1 -0
- package/dist/select/select.cjs +56 -0
- package/dist/select/select.cjs.map +1 -0
- package/dist/select/select.d.ts +17 -0
- package/dist/select/select.d.ts.map +1 -0
- package/dist/select/select.js +34 -0
- package/dist/select/select.js.map +1 -0
- package/dist/select/select.module.css.cjs +6 -0
- package/dist/select/select.module.css.cjs.map +1 -0
- package/dist/select/select.module.css.js +4 -0
- package/dist/select/select.module.css.js.map +1 -0
- package/dist/separator/index.d.ts +2 -0
- package/dist/separator/index.d.ts.map +1 -0
- package/dist/separator/separator.cjs +44 -0
- package/dist/separator/separator.cjs.map +1 -0
- package/dist/separator/separator.d.ts +10 -0
- package/dist/separator/separator.d.ts.map +1 -0
- package/dist/separator/separator.js +23 -0
- package/dist/separator/separator.js.map +1 -0
- package/dist/separator/separator.module.css.cjs +6 -0
- package/dist/separator/separator.module.css.cjs.map +1 -0
- package/dist/separator/separator.module.css.js +4 -0
- package/dist/separator/separator.module.css.js.map +1 -0
- package/dist/sheet/index.d.ts +2 -0
- package/dist/sheet/index.d.ts.map +1 -0
- package/dist/sheet/sheet.cjs +67 -0
- package/dist/sheet/sheet.cjs.map +1 -0
- package/dist/sheet/sheet.d.ts +29 -0
- package/dist/sheet/sheet.d.ts.map +1 -0
- package/dist/sheet/sheet.js +43 -0
- package/dist/sheet/sheet.js.map +1 -0
- package/dist/sheet/sheet.module.css.cjs +6 -0
- package/dist/sheet/sheet.module.css.cjs.map +1 -0
- package/dist/sheet/sheet.module.css.js +4 -0
- package/dist/sheet/sheet.module.css.js.map +1 -0
- package/dist/sidebar/index.d.ts +2 -0
- package/dist/sidebar/index.d.ts.map +1 -0
- package/dist/sidebar/sidebar.cjs +44 -0
- package/dist/sidebar/sidebar.cjs.map +1 -0
- package/dist/sidebar/sidebar.d.ts +34 -0
- package/dist/sidebar/sidebar.d.ts.map +1 -0
- package/dist/sidebar/sidebar.js +42 -0
- package/dist/sidebar/sidebar.js.map +1 -0
- package/dist/sidebar/sidebar.module.css.cjs +6 -0
- package/dist/sidebar/sidebar.module.css.cjs.map +1 -0
- package/dist/sidebar/sidebar.module.css.js +4 -0
- package/dist/sidebar/sidebar.module.css.js.map +1 -0
- package/dist/switch/index.d.ts +2 -0
- package/dist/switch/index.d.ts.map +1 -0
- package/dist/switch/switch.cjs +35 -0
- package/dist/switch/switch.cjs.map +1 -0
- package/dist/switch/switch.d.ts +12 -0
- package/dist/switch/switch.d.ts.map +1 -0
- package/dist/switch/switch.js +14 -0
- package/dist/switch/switch.js.map +1 -0
- package/dist/switch/switch.module.css.cjs +6 -0
- package/dist/switch/switch.module.css.cjs.map +1 -0
- package/dist/switch/switch.module.css.js +4 -0
- package/dist/switch/switch.module.css.js.map +1 -0
- package/dist/table/DataTableClearFilter.cjs +18 -0
- package/dist/table/DataTableClearFilter.cjs.map +1 -0
- package/dist/table/DataTableClearFilter.d.ts +6 -0
- package/dist/table/DataTableClearFilter.d.ts.map +1 -0
- package/dist/table/DataTableClearFilter.js +16 -0
- package/dist/table/DataTableClearFilter.js.map +1 -0
- package/dist/table/DataTableFilterChips.cjs +25 -0
- package/dist/table/DataTableFilterChips.cjs.map +1 -0
- package/dist/table/DataTableFilterChips.d.ts +6 -0
- package/dist/table/DataTableFilterChips.d.ts.map +1 -0
- package/dist/table/DataTableFilterChips.js +23 -0
- package/dist/table/DataTableFilterChips.js.map +1 -0
- package/dist/table/DataTableFilterOptions.cjs +22 -0
- package/dist/table/DataTableFilterOptions.cjs.map +1 -0
- package/dist/table/DataTableFilterOptions.d.ts +6 -0
- package/dist/table/DataTableFilterOptions.d.ts.map +1 -0
- package/dist/table/DataTableFilterOptions.js +20 -0
- package/dist/table/DataTableFilterOptions.js.map +1 -0
- package/dist/table/DataTableFooter.cjs +12 -0
- package/dist/table/DataTableFooter.cjs.map +1 -0
- package/dist/table/DataTableFooter.d.ts +9 -0
- package/dist/table/DataTableFooter.d.ts.map +1 -0
- package/dist/table/DataTableFooter.js +10 -0
- package/dist/table/DataTableFooter.js.map +1 -0
- package/dist/table/DataTableGloabalSearch.cjs +13 -0
- package/dist/table/DataTableGloabalSearch.cjs.map +1 -0
- package/dist/table/DataTableGloabalSearch.d.ts +6 -0
- package/dist/table/DataTableGloabalSearch.d.ts.map +1 -0
- package/dist/table/DataTableGloabalSearch.js +11 -0
- package/dist/table/DataTableGloabalSearch.js.map +1 -0
- package/dist/table/DataTableToolbar.cjs +12 -0
- package/dist/table/DataTableToolbar.cjs.map +1 -0
- package/dist/table/DataTableToolbar.d.ts +9 -0
- package/dist/table/DataTableToolbar.d.ts.map +1 -0
- package/dist/table/DataTableToolbar.js +10 -0
- package/dist/table/DataTableToolbar.js.map +1 -0
- package/dist/table/DataTableViewOptions.cjs +22 -0
- package/dist/table/DataTableViewOptions.cjs.map +1 -0
- package/dist/table/DataTableViewOptions.d.ts +6 -0
- package/dist/table/DataTableViewOptions.d.ts.map +1 -0
- package/dist/table/DataTableViewOptions.js +20 -0
- package/dist/table/DataTableViewOptions.js.map +1 -0
- package/dist/table/FilteredChip.cjs +57 -0
- package/dist/table/FilteredChip.cjs.map +1 -0
- package/dist/table/FilteredChip.d.ts +7 -0
- package/dist/table/FilteredChip.d.ts.map +1 -0
- package/dist/table/FilteredChip.js +55 -0
- package/dist/table/FilteredChip.js.map +1 -0
- package/dist/table/TableBottomContainer.cjs +11 -0
- package/dist/table/TableBottomContainer.cjs.map +1 -0
- package/dist/table/TableBottomContainer.d.ts +6 -0
- package/dist/table/TableBottomContainer.d.ts.map +1 -0
- package/dist/table/TableBottomContainer.js +9 -0
- package/dist/table/TableBottomContainer.js.map +1 -0
- package/dist/table/TableContext.cjs +8 -0
- package/dist/table/TableContext.cjs.map +1 -0
- package/dist/table/TableContext.d.ts +22 -0
- package/dist/table/TableContext.d.ts.map +1 -0
- package/dist/table/TableContext.js +6 -0
- package/dist/table/TableContext.js.map +1 -0
- package/dist/table/TableDetailContainer.cjs +11 -0
- package/dist/table/TableDetailContainer.cjs.map +1 -0
- package/dist/table/TableDetailContainer.d.ts +6 -0
- package/dist/table/TableDetailContainer.d.ts.map +1 -0
- package/dist/table/TableDetailContainer.js +9 -0
- package/dist/table/TableDetailContainer.js.map +1 -0
- package/dist/table/TableTopContainer.cjs +11 -0
- package/dist/table/TableTopContainer.cjs.map +1 -0
- package/dist/table/TableTopContainer.d.ts +6 -0
- package/dist/table/TableTopContainer.d.ts.map +1 -0
- package/dist/table/TableTopContainer.js +9 -0
- package/dist/table/TableTopContainer.js.map +1 -0
- package/dist/table/datatable.cjs +86 -0
- package/dist/table/datatable.cjs.map +1 -0
- package/dist/table/datatable.d.ts +27 -0
- package/dist/table/datatable.d.ts.map +1 -0
- package/dist/table/datatable.js +84 -0
- package/dist/table/datatable.js.map +1 -0
- package/dist/table/datatable.module.css.cjs +6 -0
- package/dist/table/datatable.module.css.cjs.map +1 -0
- package/dist/table/datatable.module.css.js +4 -0
- package/dist/table/datatable.module.css.js.map +1 -0
- package/dist/table/datatables.types.d.ts +20 -0
- package/dist/table/datatables.types.d.ts.map +1 -0
- package/dist/table/helpers/aggregationFns.d.ts +12 -0
- package/dist/table/helpers/aggregationFns.d.ts.map +1 -0
- package/dist/table/helpers/column.d.ts +3 -0
- package/dist/table/helpers/column.d.ts.map +1 -0
- package/dist/table/helpers/filterFns.d.ts +75 -0
- package/dist/table/helpers/filterFns.d.ts.map +1 -0
- package/dist/table/hooks/useOnClickOutside.cjs +17 -0
- package/dist/table/hooks/useOnClickOutside.cjs.map +1 -0
- package/dist/table/hooks/useOnClickOutside.d.ts +5 -0
- package/dist/table/hooks/useOnClickOutside.d.ts.map +1 -0
- package/dist/table/hooks/useOnClickOutside.js +15 -0
- package/dist/table/hooks/useOnClickOutside.js.map +1 -0
- package/dist/table/hooks/useRowSelection.cjs +45 -0
- package/dist/table/hooks/useRowSelection.cjs.map +1 -0
- package/dist/table/hooks/useRowSelection.d.ts +7 -0
- package/dist/table/hooks/useRowSelection.d.ts.map +1 -0
- package/dist/table/hooks/useRowSelection.js +43 -0
- package/dist/table/hooks/useRowSelection.js.map +1 -0
- package/dist/table/hooks/useTable.cjs +15 -0
- package/dist/table/hooks/useTable.cjs.map +1 -0
- package/dist/table/hooks/useTable.d.ts +11 -0
- package/dist/table/hooks/useTable.d.ts.map +1 -0
- package/dist/table/hooks/useTable.js +13 -0
- package/dist/table/hooks/useTable.js.map +1 -0
- package/dist/table/hooks/useTableColumn.cjs +29 -0
- package/dist/table/hooks/useTableColumn.cjs.map +1 -0
- package/dist/table/hooks/useTableColumn.d.ts +12 -0
- package/dist/table/hooks/useTableColumn.d.ts.map +1 -0
- package/dist/table/hooks/useTableColumn.js +27 -0
- package/dist/table/hooks/useTableColumn.js.map +1 -0
- package/dist/table/hooks/useTableFilter.d.ts +11 -0
- package/dist/table/hooks/useTableFilter.d.ts.map +1 -0
- package/dist/table/index.d.ts +5 -0
- package/dist/table/index.d.ts.map +1 -0
- package/dist/table/table.cjs +62 -0
- package/dist/table/table.cjs.map +1 -0
- package/dist/table/table.d.ts +26 -0
- package/dist/table/table.d.ts.map +1 -0
- package/dist/table/table.js +41 -0
- package/dist/table/table.js.map +1 -0
- package/dist/table/table.module.css.cjs +6 -0
- package/dist/table/table.module.css.cjs.map +1 -0
- package/dist/table/table.module.css.js +4 -0
- package/dist/table/table.module.css.js.map +1 -0
- package/dist/tabs/index.d.ts +2 -0
- package/dist/tabs/index.d.ts.map +1 -0
- package/dist/tabs/tabs.cjs +56 -0
- package/dist/tabs/tabs.cjs.map +1 -0
- package/dist/tabs/tabs.d.ts +34 -0
- package/dist/tabs/tabs.d.ts.map +1 -0
- package/dist/tabs/tabs.js +35 -0
- package/dist/tabs/tabs.js.map +1 -0
- package/dist/tabs/tabs.module.css.cjs +6 -0
- package/dist/tabs/tabs.module.css.cjs.map +1 -0
- package/dist/tabs/tabs.module.css.js +4 -0
- package/dist/tabs/tabs.module.css.js.map +1 -0
- package/dist/text/index.d.ts +2 -0
- package/dist/text/index.d.ts.map +1 -0
- package/dist/text/text.cjs +31 -0
- package/dist/text/text.cjs.map +1 -0
- package/dist/text/text.d.ts +9 -0
- package/dist/text/text.d.ts.map +1 -0
- package/dist/text/text.js +29 -0
- package/dist/text/text.js.map +1 -0
- package/dist/text/text.module.css.cjs +6 -0
- package/dist/text/text.module.css.cjs.map +1 -0
- package/dist/text/text.module.css.js +4 -0
- package/dist/text/text.module.css.js.map +1 -0
- package/dist/textfield/index.d.ts +2 -0
- package/dist/textfield/index.d.ts.map +1 -0
- package/dist/textfield/textfield.cjs +28 -0
- package/dist/textfield/textfield.cjs.map +1 -0
- package/dist/textfield/textfield.d.ts +13 -0
- package/dist/textfield/textfield.d.ts.map +1 -0
- package/dist/textfield/textfield.js +26 -0
- package/dist/textfield/textfield.js.map +1 -0
- package/dist/textfield/textfield.module.css.cjs +6 -0
- package/dist/textfield/textfield.module.css.cjs.map +1 -0
- package/dist/textfield/textfield.module.css.js +4 -0
- package/dist/textfield/textfield.module.css.js.map +1 -0
- package/dist/themprovider/OSPreference.cjs +34 -0
- package/dist/themprovider/OSPreference.cjs.map +1 -0
- package/dist/themprovider/OSPreference.d.ts +4 -0
- package/dist/themprovider/OSPreference.d.ts.map +1 -0
- package/dist/themprovider/OSPreference.js +31 -0
- package/dist/themprovider/OSPreference.js.map +1 -0
- package/dist/themprovider/index.d.ts +3 -0
- package/dist/themprovider/index.d.ts.map +1 -0
- package/dist/themprovider/storage.cjs +33 -0
- package/dist/themprovider/storage.cjs.map +1 -0
- package/dist/themprovider/storage.d.ts +5 -0
- package/dist/themprovider/storage.d.ts.map +1 -0
- package/dist/themprovider/storage.js +29 -0
- package/dist/themprovider/storage.js.map +1 -0
- package/dist/themprovider/switcher.cjs +22 -0
- package/dist/themprovider/switcher.cjs.map +1 -0
- package/dist/themprovider/switcher.d.ts +6 -0
- package/dist/themprovider/switcher.d.ts.map +1 -0
- package/dist/themprovider/switcher.js +20 -0
- package/dist/themprovider/switcher.js.map +1 -0
- package/dist/themprovider/themeprovider.cjs +86 -0
- package/dist/themprovider/themeprovider.cjs.map +1 -0
- package/dist/themprovider/themeprovider.d.ts +19 -0
- package/dist/themprovider/themeprovider.d.ts.map +1 -0
- package/dist/themprovider/themeprovider.js +82 -0
- package/dist/themprovider/themeprovider.js.map +1 -0
- package/dist/themprovider/useTheme.cjs +74 -0
- package/dist/themprovider/useTheme.cjs.map +1 -0
- package/dist/themprovider/useTheme.d.ts +14 -0
- package/dist/themprovider/useTheme.d.ts.map +1 -0
- package/dist/themprovider/useTheme.js +70 -0
- package/dist/themprovider/useTheme.js.map +1 -0
- package/dist/title/index.d.ts +2 -0
- package/dist/title/index.d.ts.map +1 -0
- package/dist/title/title.cjs +24 -0
- package/dist/title/title.cjs.map +1 -0
- package/dist/title/title.d.ts +9 -0
- package/dist/title/title.d.ts.map +1 -0
- package/dist/title/title.js +22 -0
- package/dist/title/title.js.map +1 -0
- package/dist/title/title.module.css.cjs +6 -0
- package/dist/title/title.module.css.cjs.map +1 -0
- package/dist/title/title.module.css.js +4 -0
- package/dist/title/title.module.css.js.map +1 -0
- package/package.json +66 -0
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var reactIcons = require('@radix-ui/react-icons');
|
|
5
|
+
var reactTable = require('@tanstack/react-table');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var flex = require('../flex/flex.cjs');
|
|
8
|
+
var text = require('../text/text.cjs');
|
|
9
|
+
var datatable_module = require('./datatable.module.css.cjs');
|
|
10
|
+
var DataTableClearFilter = require('./DataTableClearFilter.cjs');
|
|
11
|
+
var DataTableFilterChips = require('./DataTableFilterChips.cjs');
|
|
12
|
+
var DataTableFilterOptions = require('./DataTableFilterOptions.cjs');
|
|
13
|
+
var DataTableFooter = require('./DataTableFooter.cjs');
|
|
14
|
+
var DataTableGloabalSearch = require('./DataTableGloabalSearch.cjs');
|
|
15
|
+
var DataTableToolbar = require('./DataTableToolbar.cjs');
|
|
16
|
+
var DataTableViewOptions = require('./DataTableViewOptions.cjs');
|
|
17
|
+
var useTableColumn = require('./hooks/useTableColumn.cjs');
|
|
18
|
+
var table = require('./table.cjs');
|
|
19
|
+
var TableContext = require('./TableContext.cjs');
|
|
20
|
+
var TableDetailContainer = require('./TableDetailContainer.cjs');
|
|
21
|
+
|
|
22
|
+
function DataTableRoot({ columns, data, children, }) {
|
|
23
|
+
const convertedChildren = React.Children.toArray(children);
|
|
24
|
+
const header = convertedChildren.find((child) => child.type === DataTableToolbar.DataTableToolbar) || jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
25
|
+
const footer = convertedChildren.find((child) => child.type === DataTableFooter.DataTableFooter) || jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
26
|
+
const detail = convertedChildren.find((child) => child.type === TableDetailContainer.TableDetailContainer) || jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
27
|
+
const [sorting, setSorting] = React.useState([]);
|
|
28
|
+
const [columnFilters, setColumnFilters] = React.useState([]);
|
|
29
|
+
const [columnVisibility, setColumnVisibility] = React.useState({});
|
|
30
|
+
const [rowSelection, setRowSelection] = React.useState({});
|
|
31
|
+
const [globalFilter, setGlobalFilter] = React.useState("");
|
|
32
|
+
const { filteredColumns, addFilterColumn, removeFilterColumn, resetColumns } = useTableColumn.useTableColumn();
|
|
33
|
+
const table$1 = reactTable.useReactTable({
|
|
34
|
+
data,
|
|
35
|
+
columns,
|
|
36
|
+
globalFilterFn: "auto",
|
|
37
|
+
enableRowSelection: true,
|
|
38
|
+
onGlobalFilterChange: setGlobalFilter,
|
|
39
|
+
onSortingChange: setSorting,
|
|
40
|
+
onColumnFiltersChange: setColumnFilters,
|
|
41
|
+
onColumnVisibilityChange: setColumnVisibility,
|
|
42
|
+
onRowSelectionChange: setRowSelection,
|
|
43
|
+
getCoreRowModel: reactTable.getCoreRowModel(),
|
|
44
|
+
getFilteredRowModel: reactTable.getFilteredRowModel(),
|
|
45
|
+
getPaginationRowModel: reactTable.getPaginationRowModel(),
|
|
46
|
+
getSortedRowModel: reactTable.getSortedRowModel(),
|
|
47
|
+
getFacetedRowModel: reactTable.getFacetedRowModel(),
|
|
48
|
+
getFacetedUniqueValues: reactTable.getFacetedUniqueValues(),
|
|
49
|
+
state: {
|
|
50
|
+
sorting,
|
|
51
|
+
globalFilter,
|
|
52
|
+
columnFilters,
|
|
53
|
+
columnVisibility,
|
|
54
|
+
rowSelection,
|
|
55
|
+
},
|
|
56
|
+
});
|
|
57
|
+
return (jsxRuntime.jsx(flex.Flex, { direction: "column", justify: "between", className: datatable_module.wrapper, children: jsxRuntime.jsxs(TableContext.TableContext.Provider, { value: {
|
|
58
|
+
table: table$1,
|
|
59
|
+
globalFilter,
|
|
60
|
+
filteredColumns,
|
|
61
|
+
addFilterColumn,
|
|
62
|
+
removeFilterColumn,
|
|
63
|
+
resetColumns,
|
|
64
|
+
onGlobalFilterChange: setGlobalFilter,
|
|
65
|
+
onChange: () => ({}),
|
|
66
|
+
}, children: [jsxRuntime.jsxs(flex.Flex, { direction: "column", className: datatable_module.datatable, children: [header, jsxRuntime.jsxs(table.Table, { children: [jsxRuntime.jsx(table.Table.Header, { children: table$1.getHeaderGroups().map((headerGroup) => (jsxRuntime.jsx(table.Table.Row, { children: headerGroup.headers.map((header) => {
|
|
67
|
+
return (jsxRuntime.jsx(table.Table.Head, { children: jsxRuntime.jsxs(text.Text, { className: datatable_module.head, children: [header.isPlaceholder
|
|
68
|
+
? null
|
|
69
|
+
: reactTable.flexRender(header.column.columnDef.header, header.getContext()), {
|
|
70
|
+
asc: jsxRuntime.jsx(reactIcons.ArrowUpIcon, {}),
|
|
71
|
+
desc: jsxRuntime.jsx(reactIcons.ArrowDownIcon, {}),
|
|
72
|
+
}[header.column.getIsSorted()] ?? null] }) }, header.id));
|
|
73
|
+
}) }, headerGroup.id))) }), jsxRuntime.jsx(table.Table.Body, { children: table$1.getRowModel().rows?.length ? (table$1.getRowModel().rows.map((row) => (jsxRuntime.jsx(table.Table.Row, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => (jsxRuntime.jsx(table.Table.Cell, { children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (jsxRuntime.jsx(table.Table.Row, { children: jsxRuntime.jsx(table.Table.Cell, { colSpan: columns.length, children: "No results." }) })) })] }), detail] }), footer] }) }));
|
|
74
|
+
}
|
|
75
|
+
const DataTable = Object.assign(DataTableRoot, {
|
|
76
|
+
Toolbar: DataTableToolbar.DataTableToolbar,
|
|
77
|
+
GloabalSearch: DataTableGloabalSearch.DataTableGloabalSearch,
|
|
78
|
+
FilterOptions: DataTableFilterOptions.DataTableFilterOptions,
|
|
79
|
+
ViewOptions: DataTableViewOptions.DataTableViewOptions,
|
|
80
|
+
ClearFilter: DataTableClearFilter.DataTableClearFilter,
|
|
81
|
+
FilterChips: DataTableFilterChips.DataTableFilterChips,
|
|
82
|
+
Footer: DataTableFooter.DataTableFooter,
|
|
83
|
+
});
|
|
84
|
+
|
|
85
|
+
exports.DataTable = DataTable;
|
|
86
|
+
//# sourceMappingURL=datatable.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datatable.cjs","sources":["../../../table/datatable.tsx"],"sourcesContent":["import { ArrowDownIcon, ArrowUpIcon } from \"@radix-ui/react-icons\";\nimport {\n ColumnDef,\n ColumnFiltersState,\n flexRender,\n getCoreRowModel,\n getFacetedRowModel,\n getFacetedUniqueValues,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n SortingState,\n useReactTable,\n VisibilityState,\n} from \"@tanstack/react-table\";\nimport React, { Children, ReactElement, ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Text } from \"~/text\";\nimport styles from \"./datatable.module.css\";\nimport { DataTableClearFilter } from \"./DataTableClearFilter\";\nimport { DataTableFilterChips } from \"./DataTableFilterChips\";\nimport { DataTableFilterOptions } from \"./DataTableFilterOptions\";\nimport { DataTableFooter } from \"./DataTableFooter\";\nimport { DataTableGloabalSearch } from \"./DataTableGloabalSearch\";\nimport { DataTableToolbar } from \"./DataTableToolbar\";\nimport { DataTableViewOptions } from \"./DataTableViewOptions\";\nimport { useTableColumn } from \"./hooks/useTableColumn\";\nimport { Table } from \"./table\";\nimport { TableContext } from \"./TableContext\";\nimport { TableDetailContainer } from \"./TableDetailContainer\";\n\ninterface DataTableProps<TData, TValue> {\n columns: ColumnDef<TData, TValue>[];\n data: TData[];\n multiRowSelectionEnabled?: boolean;\n children?: ReactNode;\n}\n\nfunction DataTableRoot<TData, TValue>({\n columns,\n data,\n children,\n}: DataTableProps<TData, TValue>) {\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const header = convertedChildren.find(\n (child) => child.type === DataTableToolbar\n ) || <></>;\n const footer = convertedChildren.find(\n (child) => child.type === DataTableFooter\n ) || <></>;\n const detail = convertedChildren.find(\n (child) => child.type === TableDetailContainer\n ) || <></>;\n\n const [sorting, setSorting] = React.useState<SortingState>([]);\n const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(\n []\n );\n const [columnVisibility, setColumnVisibility] =\n React.useState<VisibilityState>({});\n const [rowSelection, setRowSelection] = React.useState({});\n const [globalFilter, setGlobalFilter] = React.useState(\"\");\n const { filteredColumns, addFilterColumn, removeFilterColumn, resetColumns } =\n useTableColumn();\n\n const table = useReactTable({\n data,\n columns,\n globalFilterFn: \"auto\",\n enableRowSelection: true,\n onGlobalFilterChange: setGlobalFilter,\n onSortingChange: setSorting,\n onColumnFiltersChange: setColumnFilters,\n onColumnVisibilityChange: setColumnVisibility,\n onRowSelectionChange: setRowSelection,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n getSortedRowModel: getSortedRowModel(),\n getFacetedRowModel: getFacetedRowModel(),\n getFacetedUniqueValues: getFacetedUniqueValues(),\n state: {\n sorting,\n globalFilter,\n columnFilters,\n columnVisibility,\n rowSelection,\n },\n });\n\n return (\n <Flex direction=\"column\" justify=\"between\" className={styles.wrapper}>\n <TableContext.Provider\n value={{\n table,\n globalFilter,\n filteredColumns,\n addFilterColumn,\n removeFilterColumn,\n resetColumns,\n onGlobalFilterChange: setGlobalFilter,\n onChange: () => ({}),\n }}\n >\n <Flex direction=\"column\" className={styles.datatable}>\n {header}\n <Table>\n <Table.Header>\n {table.getHeaderGroups().map((headerGroup) => (\n <Table.Row key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Table.Head key={header.id}>\n <Text className={styles.head}>\n {header.isPlaceholder\n ? null\n : flexRender(\n header.column.columnDef.header,\n header.getContext()\n )}\n {{\n asc: <ArrowUpIcon />,\n desc: <ArrowDownIcon />,\n }[header.column.getIsSorted() as string] ?? null}\n </Text>\n </Table.Head>\n );\n })}\n </Table.Row>\n ))}\n </Table.Header>\n <Table.Body>\n {table.getRowModel().rows?.length ? (\n table.getRowModel().rows.map((row) => (\n <Table.Row\n key={row.id}\n data-state={row.getIsSelected() && \"selected\"}\n >\n {row.getVisibleCells().map((cell) => (\n <Table.Cell key={cell.id}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext()\n )}\n </Table.Cell>\n ))}\n </Table.Row>\n ))\n ) : (\n <Table.Row>\n <Table.Cell colSpan={columns.length}>No results.</Table.Cell>\n </Table.Row>\n )}\n </Table.Body>\n </Table>\n {detail}\n </Flex>\n {footer}\n </TableContext.Provider>\n </Flex>\n );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n Toolbar: DataTableToolbar,\n GloabalSearch: DataTableGloabalSearch,\n FilterOptions: DataTableFilterOptions,\n ViewOptions: DataTableViewOptions,\n ClearFilter: DataTableClearFilter,\n FilterChips: DataTableFilterChips,\n Footer: DataTableFooter,\n});\n"],"names":["Children","DataTableToolbar","_jsx","DataTableFooter","TableDetailContainer","useTableColumn","table","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","getSortedRowModel","getFacetedRowModel","getFacetedUniqueValues","Flex","styles","_jsxs","TableContext","Table","Text","flexRender","ArrowUpIcon","ArrowDownIcon","DataTableGloabalSearch","DataTableFilterOptions","DataTableViewOptions","DataTableClearFilter","DataTableFilterChips"],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ColumnDef } from "@tanstack/react-table";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
import { DataTableClearFilter } from "./DataTableClearFilter";
|
|
4
|
+
import { DataTableFilterChips } from "./DataTableFilterChips";
|
|
5
|
+
import { DataTableFilterOptions } from "./DataTableFilterOptions";
|
|
6
|
+
import { DataTableFooter } from "./DataTableFooter";
|
|
7
|
+
import { DataTableGloabalSearch } from "./DataTableGloabalSearch";
|
|
8
|
+
import { DataTableToolbar } from "./DataTableToolbar";
|
|
9
|
+
import { DataTableViewOptions } from "./DataTableViewOptions";
|
|
10
|
+
interface DataTableProps<TData, TValue> {
|
|
11
|
+
columns: ColumnDef<TData, TValue>[];
|
|
12
|
+
data: TData[];
|
|
13
|
+
multiRowSelectionEnabled?: boolean;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
declare function DataTableRoot<TData, TValue>({ columns, data, children, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const DataTable: typeof DataTableRoot & {
|
|
18
|
+
Toolbar: typeof DataTableToolbar;
|
|
19
|
+
GloabalSearch: typeof DataTableGloabalSearch;
|
|
20
|
+
FilterOptions: typeof DataTableFilterOptions;
|
|
21
|
+
ViewOptions: typeof DataTableViewOptions;
|
|
22
|
+
ClearFilter: typeof DataTableClearFilter;
|
|
23
|
+
FilterChips: typeof DataTableFilterChips;
|
|
24
|
+
Footer: typeof DataTableFooter;
|
|
25
|
+
};
|
|
26
|
+
export {};
|
|
27
|
+
//# sourceMappingURL=datatable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datatable.d.ts","sourceRoot":"","sources":["../../table/datatable.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EAYV,MAAM,uBAAuB,CAAC;AAC/B,OAAc,EAA0B,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAM9D,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM;IACpC,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC;IACpC,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EACpC,OAAO,EACP,IAAI,EACJ,QAAQ,GACT,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,2CAuH/B;AAED,eAAO,MAAM,SAAS;;;;;;;;CAQpB,CAAC"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { ArrowUpIcon, ArrowDownIcon } from '@radix-ui/react-icons';
|
|
3
|
+
import { useReactTable, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, getFacetedRowModel, getFacetedUniqueValues, flexRender } from '@tanstack/react-table';
|
|
4
|
+
import React__default, { Children } from 'react';
|
|
5
|
+
import { Flex } from '../flex/flex.js';
|
|
6
|
+
import { Text } from '../text/text.js';
|
|
7
|
+
import styles from './datatable.module.css.js';
|
|
8
|
+
import { DataTableClearFilter } from './DataTableClearFilter.js';
|
|
9
|
+
import { DataTableFilterChips } from './DataTableFilterChips.js';
|
|
10
|
+
import { DataTableFilterOptions } from './DataTableFilterOptions.js';
|
|
11
|
+
import { DataTableFooter } from './DataTableFooter.js';
|
|
12
|
+
import { DataTableGloabalSearch } from './DataTableGloabalSearch.js';
|
|
13
|
+
import { DataTableToolbar } from './DataTableToolbar.js';
|
|
14
|
+
import { DataTableViewOptions } from './DataTableViewOptions.js';
|
|
15
|
+
import { useTableColumn } from './hooks/useTableColumn.js';
|
|
16
|
+
import { Table } from './table.js';
|
|
17
|
+
import { TableContext } from './TableContext.js';
|
|
18
|
+
import { TableDetailContainer } from './TableDetailContainer.js';
|
|
19
|
+
|
|
20
|
+
function DataTableRoot({ columns, data, children, }) {
|
|
21
|
+
const convertedChildren = Children.toArray(children);
|
|
22
|
+
const header = convertedChildren.find((child) => child.type === DataTableToolbar) || jsx(Fragment, {});
|
|
23
|
+
const footer = convertedChildren.find((child) => child.type === DataTableFooter) || jsx(Fragment, {});
|
|
24
|
+
const detail = convertedChildren.find((child) => child.type === TableDetailContainer) || jsx(Fragment, {});
|
|
25
|
+
const [sorting, setSorting] = React__default.useState([]);
|
|
26
|
+
const [columnFilters, setColumnFilters] = React__default.useState([]);
|
|
27
|
+
const [columnVisibility, setColumnVisibility] = React__default.useState({});
|
|
28
|
+
const [rowSelection, setRowSelection] = React__default.useState({});
|
|
29
|
+
const [globalFilter, setGlobalFilter] = React__default.useState("");
|
|
30
|
+
const { filteredColumns, addFilterColumn, removeFilterColumn, resetColumns } = useTableColumn();
|
|
31
|
+
const table = useReactTable({
|
|
32
|
+
data,
|
|
33
|
+
columns,
|
|
34
|
+
globalFilterFn: "auto",
|
|
35
|
+
enableRowSelection: true,
|
|
36
|
+
onGlobalFilterChange: setGlobalFilter,
|
|
37
|
+
onSortingChange: setSorting,
|
|
38
|
+
onColumnFiltersChange: setColumnFilters,
|
|
39
|
+
onColumnVisibilityChange: setColumnVisibility,
|
|
40
|
+
onRowSelectionChange: setRowSelection,
|
|
41
|
+
getCoreRowModel: getCoreRowModel(),
|
|
42
|
+
getFilteredRowModel: getFilteredRowModel(),
|
|
43
|
+
getPaginationRowModel: getPaginationRowModel(),
|
|
44
|
+
getSortedRowModel: getSortedRowModel(),
|
|
45
|
+
getFacetedRowModel: getFacetedRowModel(),
|
|
46
|
+
getFacetedUniqueValues: getFacetedUniqueValues(),
|
|
47
|
+
state: {
|
|
48
|
+
sorting,
|
|
49
|
+
globalFilter,
|
|
50
|
+
columnFilters,
|
|
51
|
+
columnVisibility,
|
|
52
|
+
rowSelection,
|
|
53
|
+
},
|
|
54
|
+
});
|
|
55
|
+
return (jsx(Flex, { direction: "column", justify: "between", className: styles.wrapper, children: jsxs(TableContext.Provider, { value: {
|
|
56
|
+
table,
|
|
57
|
+
globalFilter,
|
|
58
|
+
filteredColumns,
|
|
59
|
+
addFilterColumn,
|
|
60
|
+
removeFilterColumn,
|
|
61
|
+
resetColumns,
|
|
62
|
+
onGlobalFilterChange: setGlobalFilter,
|
|
63
|
+
onChange: () => ({}),
|
|
64
|
+
}, children: [jsxs(Flex, { direction: "column", className: styles.datatable, children: [header, jsxs(Table, { children: [jsx(Table.Header, { children: table.getHeaderGroups().map((headerGroup) => (jsx(Table.Row, { children: headerGroup.headers.map((header) => {
|
|
65
|
+
return (jsx(Table.Head, { children: jsxs(Text, { className: styles.head, children: [header.isPlaceholder
|
|
66
|
+
? null
|
|
67
|
+
: flexRender(header.column.columnDef.header, header.getContext()), {
|
|
68
|
+
asc: jsx(ArrowUpIcon, {}),
|
|
69
|
+
desc: jsx(ArrowDownIcon, {}),
|
|
70
|
+
}[header.column.getIsSorted()] ?? null] }) }, header.id));
|
|
71
|
+
}) }, headerGroup.id))) }), jsx(Table.Body, { children: table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row) => (jsx(Table.Row, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => (jsx(Table.Cell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (jsx(Table.Row, { children: jsx(Table.Cell, { colSpan: columns.length, children: "No results." }) })) })] }), detail] }), footer] }) }));
|
|
72
|
+
}
|
|
73
|
+
const DataTable = Object.assign(DataTableRoot, {
|
|
74
|
+
Toolbar: DataTableToolbar,
|
|
75
|
+
GloabalSearch: DataTableGloabalSearch,
|
|
76
|
+
FilterOptions: DataTableFilterOptions,
|
|
77
|
+
ViewOptions: DataTableViewOptions,
|
|
78
|
+
ClearFilter: DataTableClearFilter,
|
|
79
|
+
FilterChips: DataTableFilterChips,
|
|
80
|
+
Footer: DataTableFooter,
|
|
81
|
+
});
|
|
82
|
+
|
|
83
|
+
export { DataTable };
|
|
84
|
+
//# sourceMappingURL=datatable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datatable.js","sources":["../../../table/datatable.tsx"],"sourcesContent":["import { ArrowDownIcon, ArrowUpIcon } from \"@radix-ui/react-icons\";\nimport {\n ColumnDef,\n ColumnFiltersState,\n flexRender,\n getCoreRowModel,\n getFacetedRowModel,\n getFacetedUniqueValues,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n SortingState,\n useReactTable,\n VisibilityState,\n} from \"@tanstack/react-table\";\nimport React, { Children, ReactElement, ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Text } from \"~/text\";\nimport styles from \"./datatable.module.css\";\nimport { DataTableClearFilter } from \"./DataTableClearFilter\";\nimport { DataTableFilterChips } from \"./DataTableFilterChips\";\nimport { DataTableFilterOptions } from \"./DataTableFilterOptions\";\nimport { DataTableFooter } from \"./DataTableFooter\";\nimport { DataTableGloabalSearch } from \"./DataTableGloabalSearch\";\nimport { DataTableToolbar } from \"./DataTableToolbar\";\nimport { DataTableViewOptions } from \"./DataTableViewOptions\";\nimport { useTableColumn } from \"./hooks/useTableColumn\";\nimport { Table } from \"./table\";\nimport { TableContext } from \"./TableContext\";\nimport { TableDetailContainer } from \"./TableDetailContainer\";\n\ninterface DataTableProps<TData, TValue> {\n columns: ColumnDef<TData, TValue>[];\n data: TData[];\n multiRowSelectionEnabled?: boolean;\n children?: ReactNode;\n}\n\nfunction DataTableRoot<TData, TValue>({\n columns,\n data,\n children,\n}: DataTableProps<TData, TValue>) {\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const header = convertedChildren.find(\n (child) => child.type === DataTableToolbar\n ) || <></>;\n const footer = convertedChildren.find(\n (child) => child.type === DataTableFooter\n ) || <></>;\n const detail = convertedChildren.find(\n (child) => child.type === TableDetailContainer\n ) || <></>;\n\n const [sorting, setSorting] = React.useState<SortingState>([]);\n const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(\n []\n );\n const [columnVisibility, setColumnVisibility] =\n React.useState<VisibilityState>({});\n const [rowSelection, setRowSelection] = React.useState({});\n const [globalFilter, setGlobalFilter] = React.useState(\"\");\n const { filteredColumns, addFilterColumn, removeFilterColumn, resetColumns } =\n useTableColumn();\n\n const table = useReactTable({\n data,\n columns,\n globalFilterFn: \"auto\",\n enableRowSelection: true,\n onGlobalFilterChange: setGlobalFilter,\n onSortingChange: setSorting,\n onColumnFiltersChange: setColumnFilters,\n onColumnVisibilityChange: setColumnVisibility,\n onRowSelectionChange: setRowSelection,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n getSortedRowModel: getSortedRowModel(),\n getFacetedRowModel: getFacetedRowModel(),\n getFacetedUniqueValues: getFacetedUniqueValues(),\n state: {\n sorting,\n globalFilter,\n columnFilters,\n columnVisibility,\n rowSelection,\n },\n });\n\n return (\n <Flex direction=\"column\" justify=\"between\" className={styles.wrapper}>\n <TableContext.Provider\n value={{\n table,\n globalFilter,\n filteredColumns,\n addFilterColumn,\n removeFilterColumn,\n resetColumns,\n onGlobalFilterChange: setGlobalFilter,\n onChange: () => ({}),\n }}\n >\n <Flex direction=\"column\" className={styles.datatable}>\n {header}\n <Table>\n <Table.Header>\n {table.getHeaderGroups().map((headerGroup) => (\n <Table.Row key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Table.Head key={header.id}>\n <Text className={styles.head}>\n {header.isPlaceholder\n ? null\n : flexRender(\n header.column.columnDef.header,\n header.getContext()\n )}\n {{\n asc: <ArrowUpIcon />,\n desc: <ArrowDownIcon />,\n }[header.column.getIsSorted() as string] ?? null}\n </Text>\n </Table.Head>\n );\n })}\n </Table.Row>\n ))}\n </Table.Header>\n <Table.Body>\n {table.getRowModel().rows?.length ? (\n table.getRowModel().rows.map((row) => (\n <Table.Row\n key={row.id}\n data-state={row.getIsSelected() && \"selected\"}\n >\n {row.getVisibleCells().map((cell) => (\n <Table.Cell key={cell.id}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext()\n )}\n </Table.Cell>\n ))}\n </Table.Row>\n ))\n ) : (\n <Table.Row>\n <Table.Cell colSpan={columns.length}>No results.</Table.Cell>\n </Table.Row>\n )}\n </Table.Body>\n </Table>\n {detail}\n </Flex>\n {footer}\n </TableContext.Provider>\n </Flex>\n );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n Toolbar: DataTableToolbar,\n GloabalSearch: DataTableGloabalSearch,\n FilterOptions: DataTableFilterOptions,\n ViewOptions: DataTableViewOptions,\n ClearFilter: DataTableClearFilter,\n FilterChips: DataTableFilterChips,\n Footer: DataTableFooter,\n});\n"],"names":["_jsx","React","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var styles = {"wrapper":"datatable-module_wrapper__Sxg2d","datatable":"datatable-module_datatable__z-Th2","head":"datatable-module_head__zCfCW","toolbar":"datatable-module_toolbar__lO-aI","chipWrapper":"datatable-module_chipWrapper__iz69x","chip":"datatable-module_chip__IiwTD"};
|
|
4
|
+
|
|
5
|
+
module.exports = styles;
|
|
6
|
+
//# sourceMappingURL=datatable.module.css.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datatable.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var styles = {"wrapper":"datatable-module_wrapper__Sxg2d","datatable":"datatable-module_datatable__z-Th2","head":"datatable-module_head__zCfCW","toolbar":"datatable-module_toolbar__lO-aI","chipWrapper":"datatable-module_chipWrapper__iz69x","chip":"datatable-module_chip__IiwTD"};
|
|
2
|
+
|
|
3
|
+
export { styles as default };
|
|
4
|
+
//# sourceMappingURL=datatable.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datatable.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { AggregationFn, ColumnDef, DeepKeys, FilterFn } from "@tanstack/table-core";
|
|
2
|
+
import type { ApsaraAggregationFns } from "./helpers/aggregationFns";
|
|
3
|
+
import type { ApsaraFilterFns } from "./helpers/filterFns";
|
|
4
|
+
declare type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
|
|
5
|
+
export declare type ApsaraFilterOption = LiteralUnion<string & keyof typeof ApsaraFilterFns>;
|
|
6
|
+
export declare type ApsaraFilterFn<TData extends Record<string, any> = {}> = FilterFn<TData> | ApsaraFilterOption;
|
|
7
|
+
export declare type ApsaraAggregationOption = string & keyof typeof ApsaraAggregationFns;
|
|
8
|
+
export declare type ApsaraAggregationFn<TData extends Record<string, any> = {}> = AggregationFn<TData> | ApsaraAggregationOption;
|
|
9
|
+
export declare type ApsaraColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnDef<TData, unknown>, "accessorKey" | "aggregatedCell" | "aggregationFn" | "columns" | "filterFn" | "id" | "sortingFn"> & {
|
|
10
|
+
id?: LiteralUnion<string & keyof TData>;
|
|
11
|
+
accessorKey?: DeepKeys<TData>;
|
|
12
|
+
accessorFn?: (originalRow: TData) => any;
|
|
13
|
+
aggregationFn?: ApsaraAggregationFn<TData> | Array<ApsaraAggregationFn<TData>>;
|
|
14
|
+
filterFn?: ApsaraFilterFn<TData>;
|
|
15
|
+
filterVariant?: "checkbox" | "date" | "date-range" | "multi-select" | "range" | "select" | "text";
|
|
16
|
+
columnDefType?: "data" | "display" | "group";
|
|
17
|
+
columns?: ApsaraColumnDef<TData>[];
|
|
18
|
+
};
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=datatables.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datatables.types.d.ts","sourceRoot":"","sources":["../../table/datatables.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,SAAS,EACT,QAAQ,EACR,QAAQ,EACT,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,aAAK,YAAY,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;AAE5E,oBAAY,kBAAkB,GAAG,YAAY,CAC3C,MAAM,GAAG,MAAM,OAAO,eAAe,CACtC,CAAC;AACF,oBAAY,cAAc,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,IAC7D,QAAQ,CAAC,KAAK,CAAC,GACf,kBAAkB,CAAC;AAEvB,oBAAY,uBAAuB,GAAG,MAAM,GAC1C,MAAM,OAAO,oBAAoB,CAAC;AACpC,oBAAY,mBAAmB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,IAClE,aAAa,CAAC,KAAK,CAAC,GACpB,uBAAuB,CAAC;AAE5B,oBAAY,eAAe,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,IAAI,IAAI,CACxE,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,EACvB,aAAa,GACb,gBAAgB,GAChB,eAAe,GACf,SAAS,GACT,UAAU,GACV,IAAI,GACJ,WAAW,CACd,GAAG;IACF,EAAE,CAAC,EAAE,YAAY,CAAC,MAAM,GAAG,MAAM,KAAK,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,KAAK,GAAG,CAAC;IACzC,aAAa,CAAC,EACV,mBAAmB,CAAC,KAAK,CAAC,GAC1B,KAAK,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IACjC,aAAa,CAAC,EACV,UAAU,GACV,MAAM,GACN,YAAY,GACZ,cAAc,GACd,OAAO,GACP,QAAQ,GACR,MAAM,CAAC;IACX,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IAC7C,OAAO,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;CACpC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const ApsaraAggregationFns: {
|
|
2
|
+
sum: import("@tanstack/react-table").AggregationFn<any>;
|
|
3
|
+
min: import("@tanstack/react-table").AggregationFn<any>;
|
|
4
|
+
max: import("@tanstack/react-table").AggregationFn<any>;
|
|
5
|
+
extent: import("@tanstack/react-table").AggregationFn<any>;
|
|
6
|
+
mean: import("@tanstack/react-table").AggregationFn<any>;
|
|
7
|
+
median: import("@tanstack/react-table").AggregationFn<any>;
|
|
8
|
+
unique: import("@tanstack/react-table").AggregationFn<any>;
|
|
9
|
+
uniqueCount: import("@tanstack/react-table").AggregationFn<any>;
|
|
10
|
+
count: import("@tanstack/react-table").AggregationFn<any>;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=aggregationFns.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aggregationFns.d.ts","sourceRoot":"","sources":["../../../table/helpers/aggregationFns.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;;;;;;;;;CAAwB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../table/helpers/column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEpD,eAAO,MAAM,aAAa,WAAY,OAAO,GAAG,EAAE,OAAO,CAAC,GAAG,SAAS,QAItC,CAAC"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import type { RankingInfo } from "@tanstack/match-sorter-utils";
|
|
2
|
+
import type { FilterFn, Row } from "@tanstack/react-table";
|
|
3
|
+
export declare const globalFilterFn: FilterFn<any>;
|
|
4
|
+
export declare const fuzzyFilter: FilterFn<any>;
|
|
5
|
+
export declare const ApsaraFilterFns: {
|
|
6
|
+
between: {
|
|
7
|
+
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValues: [string | number, string | number]): boolean;
|
|
8
|
+
autoRemove(val: any): boolean;
|
|
9
|
+
};
|
|
10
|
+
betweenInclusive: {
|
|
11
|
+
<TData_1 extends Record<string, any> = {}>(row: Row<TData_1>, id: string, filterValues: [string | number, string | number]): boolean;
|
|
12
|
+
autoRemove(val: any): boolean;
|
|
13
|
+
};
|
|
14
|
+
contains: {
|
|
15
|
+
<TData_2 extends Record<string, any> = {}>(row: Row<TData_2>, id: string, filterValue: string | number): boolean;
|
|
16
|
+
autoRemove(val: any): boolean;
|
|
17
|
+
};
|
|
18
|
+
empty: {
|
|
19
|
+
<TData_3 extends Record<string, any> = {}>(row: Row<TData_3>, id: string, _filterValue: string | number): boolean;
|
|
20
|
+
autoRemove(val: any): boolean;
|
|
21
|
+
};
|
|
22
|
+
endsWith: {
|
|
23
|
+
<TData_4 extends Record<string, any> = {}>(row: Row<TData_4>, id: string, filterValue: string | number): boolean;
|
|
24
|
+
autoRemove(val: any): boolean;
|
|
25
|
+
};
|
|
26
|
+
equals: {
|
|
27
|
+
<TData_5 extends Record<string, any> = {}>(row: Row<TData_5>, id: string, filterValue: string | number): boolean;
|
|
28
|
+
autoRemove(val: any): boolean;
|
|
29
|
+
};
|
|
30
|
+
fuzzy: {
|
|
31
|
+
<TData_6 extends Record<string, any> = {}>(row: Row<TData_6>, columnId: string, filterValue: string | number, addMeta: (item: RankingInfo) => void): boolean;
|
|
32
|
+
autoRemove(val: any): boolean;
|
|
33
|
+
};
|
|
34
|
+
greaterThan: {
|
|
35
|
+
<TData_7 extends Record<string, any> = {}>(row: Row<TData_7>, id: string, filterValue: string | number): boolean;
|
|
36
|
+
autoRemove(val: any): boolean;
|
|
37
|
+
};
|
|
38
|
+
greaterThanOrEqualTo: {
|
|
39
|
+
<TData_8 extends Record<string, any> = {}>(row: Row<TData_8>, id: string, filterValue: string | number): boolean;
|
|
40
|
+
autoRemove(val: any): boolean;
|
|
41
|
+
};
|
|
42
|
+
lessThan: {
|
|
43
|
+
<TData_9 extends Record<string, any> = {}>(row: Row<TData_9>, id: string, filterValue: string | number): boolean;
|
|
44
|
+
autoRemove(val: any): boolean;
|
|
45
|
+
};
|
|
46
|
+
lessThanOrEqualTo: {
|
|
47
|
+
<TData_10 extends Record<string, any> = {}>(row: Row<TData_10>, id: string, filterValue: string | number): boolean;
|
|
48
|
+
autoRemove(val: any): boolean;
|
|
49
|
+
};
|
|
50
|
+
notEmpty: {
|
|
51
|
+
<TData_11 extends Record<string, any> = {}>(row: Row<TData_11>, id: string, _filterValue: string | number): boolean;
|
|
52
|
+
autoRemove(val: any): boolean;
|
|
53
|
+
};
|
|
54
|
+
notEquals: {
|
|
55
|
+
<TData_12 extends Record<string, any> = {}>(row: Row<TData_12>, id: string, filterValue: string | number): boolean;
|
|
56
|
+
autoRemove(val: any): boolean;
|
|
57
|
+
};
|
|
58
|
+
startsWith: {
|
|
59
|
+
<TData_13 extends Record<string, any> = {}>(row: Row<TData_13>, id: string, filterValue: string | number): boolean;
|
|
60
|
+
autoRemove(val: any): boolean;
|
|
61
|
+
};
|
|
62
|
+
apsara: {
|
|
63
|
+
<TData_14 extends Record<string, any> = {}>(row: Row<TData_14>, id: string, _filterValue: any, addMeta: (item: RankingInfo) => void): boolean;
|
|
64
|
+
autoRemove(val: any): boolean;
|
|
65
|
+
};
|
|
66
|
+
includesString: FilterFn<any>;
|
|
67
|
+
includesStringSensitive: FilterFn<any>;
|
|
68
|
+
equalsString: FilterFn<any>;
|
|
69
|
+
arrIncludes: FilterFn<any>;
|
|
70
|
+
arrIncludesAll: FilterFn<any>;
|
|
71
|
+
arrIncludesSome: FilterFn<any>;
|
|
72
|
+
weakEquals: FilterFn<any>;
|
|
73
|
+
inNumberRange: FilterFn<any>;
|
|
74
|
+
};
|
|
75
|
+
//# sourceMappingURL=filterFns.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"filterFns.d.ts","sourceRoot":"","sources":["../../../table/helpers/filterFns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAG3D,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,GAAG,CAWxC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,GAAG,CAMrC,CAAC;AAwLF,eAAO,MAAM,eAAe;;sEA/DtB,MAAM,gBACI,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;wBAUvB,GAAG;;;0EAIxB,MAAM,gBACI,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;wBAUd,GAAG;;;0EAhIjC,MAAM,eACG,MAAM,GAAG,MAAM;wBASF,GAAG;;;0EA0HzB,MAAM,gBACI,MAAM,GAAG,MAAM;wBAGN,GAAG;;;0EA5GtB,MAAM,eACG,MAAM,GAAG,MAAM;wBASF,GAAG;;;0EAIzB,MAAM,eACG,MAAM,GAAG,MAAM;wBAKJ,GAAG;;;gFA/DjB,MAAM,eACH,MAAM,GAAG,MAAM,kBACZ,WAAW,KAAK,IAAI;wBASb,GAAG;;;0EAkEtB,MAAM,eACG,MAAM,GAAG,MAAM;wBAOC,GAAG;;;0EAI5B,MAAM,eACG,MAAM,GAAG,MAAM;wBAGU,GAAG;;;0EAIrC,MAAM,eACG,MAAM,GAAG,MAAM;wBAOF,GAAG;;;4EAIzB,MAAM,eACG,MAAM,GAAG,MAAM;wBAGO,GAAG;;;4EA0ClC,MAAM,gBACI,MAAM,GAAG,MAAM;wBAGH,GAAG;;;4EA5FzB,MAAM,eACG,MAAM,GAAG,MAAM;wBAKD,GAAG;;;4EA5C1B,MAAM,eACG,MAAM,GAAG,MAAM;wBASA,GAAG;;;4EA4H3B,MAAM,gBACI,GAAG,kBACD,WAAW,KAAK,IAAI;wBAaZ,GAAG;;;;;;;;;;CAmB5B,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var usehooksTs = require('usehooks-ts');
|
|
4
|
+
|
|
5
|
+
function useOnClickOutside(ref, handler, mouseEvent = "mousedown") {
|
|
6
|
+
usehooksTs.useEventListener(mouseEvent, (event) => {
|
|
7
|
+
const el = ref?.current;
|
|
8
|
+
// Do nothing if clicking ref's element or descendent elements
|
|
9
|
+
if (!el || el.contains(event.target)) {
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
12
|
+
handler(event);
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
module.exports = useOnClickOutside;
|
|
17
|
+
//# sourceMappingURL=useOnClickOutside.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useOnClickOutside.cjs","sources":["../../../../table/hooks/useOnClickOutside.ts"],"sourcesContent":["import type { RefObject } from \"react\";\n\nimport { useEventListener } from \"usehooks-ts\";\n\ntype Handler = (event: MouseEvent) => void;\n\nfunction useOnClickOutside<T extends HTMLElement = HTMLElement>(\n ref: RefObject<T>,\n handler: Handler,\n mouseEvent: \"mousedown\" | \"mouseup\" = \"mousedown\"\n): void {\n useEventListener(mouseEvent, (event: MouseEvent) => {\n const el = ref?.current;\n\n // Do nothing if clicking ref's element or descendent elements\n if (!el || el.contains(event.target as Node)) {\n return;\n }\n\n handler(event);\n });\n}\n\nexport default useOnClickOutside;\n"],"names":["useEventListener"],"mappings":";;;;AAMA,SAAS,iBAAiB,CACxB,GAAiB,EACjB,OAAgB,EAChB,aAAsC,WAAW,EAAA;AAEjD,IAAAA,2BAAgB,CAAC,UAAU,EAAE,CAAC,KAAiB,KAAI;AACjD,QAAA,MAAM,EAAE,GAAG,GAAG,EAAE,OAAO,CAAC;;QAGxB,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;YAC5C,OAAO;AACR,SAAA;QAED,OAAO,CAAC,KAAK,CAAC,CAAC;AACjB,KAAC,CAAC,CAAC;AACL;;;;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { RefObject } from "react";
|
|
2
|
+
declare type Handler = (event: MouseEvent) => void;
|
|
3
|
+
declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: Handler, mouseEvent?: "mousedown" | "mouseup"): void;
|
|
4
|
+
export default useOnClickOutside;
|
|
5
|
+
//# sourceMappingURL=useOnClickOutside.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../../table/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,aAAK,OAAO,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;AAE3C,iBAAS,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAC5D,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,OAAO,EAAE,OAAO,EAChB,UAAU,GAAE,WAAW,GAAG,SAAuB,GAChD,IAAI,CAWN;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { useEventListener } from 'usehooks-ts';
|
|
2
|
+
|
|
3
|
+
function useOnClickOutside(ref, handler, mouseEvent = "mousedown") {
|
|
4
|
+
useEventListener(mouseEvent, (event) => {
|
|
5
|
+
const el = ref?.current;
|
|
6
|
+
// Do nothing if clicking ref's element or descendent elements
|
|
7
|
+
if (!el || el.contains(event.target)) {
|
|
8
|
+
return;
|
|
9
|
+
}
|
|
10
|
+
handler(event);
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { useOnClickOutside as default };
|
|
15
|
+
//# sourceMappingURL=useOnClickOutside.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useOnClickOutside.js","sources":["../../../../table/hooks/useOnClickOutside.ts"],"sourcesContent":["import type { RefObject } from \"react\";\n\nimport { useEventListener } from \"usehooks-ts\";\n\ntype Handler = (event: MouseEvent) => void;\n\nfunction useOnClickOutside<T extends HTMLElement = HTMLElement>(\n ref: RefObject<T>,\n handler: Handler,\n mouseEvent: \"mousedown\" | \"mouseup\" = \"mousedown\"\n): void {\n useEventListener(mouseEvent, (event: MouseEvent) => {\n const el = ref?.current;\n\n // Do nothing if clicking ref's element or descendent elements\n if (!el || el.contains(event.target as Node)) {\n return;\n }\n\n handler(event);\n });\n}\n\nexport default useOnClickOutside;\n"],"names":[],"mappings":";;AAMA,SAAS,iBAAiB,CACxB,GAAiB,EACjB,OAAgB,EAChB,aAAsC,WAAW,EAAA;AAEjD,IAAA,gBAAgB,CAAC,UAAU,EAAE,CAAC,KAAiB,KAAI;AACjD,QAAA,MAAM,EAAE,GAAG,GAAG,EAAE,OAAO,CAAC;;QAGxB,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;YAC5C,OAAO;AACR,SAAA;QAED,OAAO,CAAC,KAAK,CAAC,CAAC;AACjB,KAAC,CAAC,CAAC;AACL;;;;"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var tableCore = require('@tanstack/table-core');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
|
|
6
|
+
const useRowSelection = (table) => {
|
|
7
|
+
const [rowSelection, setRowSelection] = React.useState({});
|
|
8
|
+
table.setOptions((prev) => ({
|
|
9
|
+
...prev,
|
|
10
|
+
onRowSelectionChange: (rowSelectionUpdater) => {
|
|
11
|
+
table.setState((old) => {
|
|
12
|
+
const selectedRowsIds = tableCore.functionalUpdate(rowSelectionUpdater, old["rowSelection"]);
|
|
13
|
+
setRowSelection((current) => {
|
|
14
|
+
const currentRowsById = table.getRowModel().rowsById;
|
|
15
|
+
return Object.keys(selectedRowsIds).reduce((memo, rowId) => {
|
|
16
|
+
if (current[rowId]) {
|
|
17
|
+
memo[rowId] = current[rowId];
|
|
18
|
+
}
|
|
19
|
+
else {
|
|
20
|
+
memo[rowId] = currentRowsById[rowId].original;
|
|
21
|
+
}
|
|
22
|
+
return memo;
|
|
23
|
+
}, {});
|
|
24
|
+
});
|
|
25
|
+
return {
|
|
26
|
+
...old,
|
|
27
|
+
rowSelection: selectedRowsIds,
|
|
28
|
+
};
|
|
29
|
+
});
|
|
30
|
+
},
|
|
31
|
+
}));
|
|
32
|
+
const clearSelection = () => {
|
|
33
|
+
table.resetRowSelection(true);
|
|
34
|
+
};
|
|
35
|
+
const getSelectedRows = () => Object.values(rowSelection);
|
|
36
|
+
const getSelectedRow = () => getSelectedRows()[0] ?? null;
|
|
37
|
+
return {
|
|
38
|
+
clearSelection,
|
|
39
|
+
getSelectedRow,
|
|
40
|
+
getSelectedRows,
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
exports.useRowSelection = useRowSelection;
|
|
45
|
+
//# sourceMappingURL=useRowSelection.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useRowSelection.cjs","sources":["../../../../table/hooks/useRowSelection.ts"],"sourcesContent":["import type { Table } from \"@tanstack/table-core\";\nimport { functionalUpdate } from \"@tanstack/table-core\";\nimport { useState } from \"react\";\n\nexport const useRowSelection = <T>(table: Table<T>) => {\n const [rowSelection, setRowSelection] = useState<Record<string, T>>({});\n\n table.setOptions((prev) => ({\n ...prev,\n onRowSelectionChange: (rowSelectionUpdater) => {\n table.setState((old) => {\n const selectedRowsIds = functionalUpdate(\n rowSelectionUpdater,\n old[\"rowSelection\"]\n );\n setRowSelection((current) => {\n const currentRowsById = table.getRowModel().rowsById;\n return Object.keys(selectedRowsIds).reduce((memo, rowId) => {\n if (current[rowId]) {\n memo[rowId] = current[rowId];\n } else {\n memo[rowId] = currentRowsById[rowId].original;\n }\n return memo;\n }, {} as Record<string, T>);\n });\n\n return {\n ...old,\n rowSelection: selectedRowsIds,\n };\n });\n },\n }));\n\n const clearSelection = () => {\n table.resetRowSelection(true);\n };\n\n const getSelectedRows = () => Object.values(rowSelection);\n\n const getSelectedRow = () => getSelectedRows()[0] ?? null;\n\n return {\n clearSelection,\n getSelectedRow,\n getSelectedRows,\n };\n};\n"],"names":["useState","functionalUpdate"],"mappings":";;;;;AAIa,MAAA,eAAe,GAAG,CAAI,KAAe,KAAI;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGA,cAAQ,CAAoB,EAAE,CAAC,CAAC;IAExE,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,MAAM;AAC1B,QAAA,GAAG,IAAI;AACP,QAAA,oBAAoB,EAAE,CAAC,mBAAmB,KAAI;AAC5C,YAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAI;gBACrB,MAAM,eAAe,GAAGC,0BAAgB,CACtC,mBAAmB,EACnB,GAAG,CAAC,cAAc,CAAC,CACpB,CAAC;AACF,gBAAA,eAAe,CAAC,CAAC,OAAO,KAAI;oBAC1B,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC;AACrD,oBAAA,OAAO,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACzD,wBAAA,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;4BAClB,IAAI,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;AAC9B,yBAAA;AAAM,6BAAA;4BACL,IAAI,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC;AAC/C,yBAAA;AACD,wBAAA,OAAO,IAAI,CAAC;qBACb,EAAE,EAAuB,CAAC,CAAC;AAC9B,iBAAC,CAAC,CAAC;gBAEH,OAAO;AACL,oBAAA,GAAG,GAAG;AACN,oBAAA,YAAY,EAAE,eAAe;iBAC9B,CAAC;AACJ,aAAC,CAAC,CAAC;SACJ;AACF,KAAA,CAAC,CAAC,CAAC;IAEJ,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAChC,KAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;AAE1D,IAAA,MAAM,cAAc,GAAG,MAAM,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IAE1D,OAAO;QACL,cAAc;QACd,cAAc;QACd,eAAe;KAChB,CAAC;AACJ;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Table } from "@tanstack/table-core";
|
|
2
|
+
export declare const useRowSelection: <T>(table: Table<T>) => {
|
|
3
|
+
clearSelection: () => void;
|
|
4
|
+
getSelectedRow: () => NonNullable<T> | null;
|
|
5
|
+
getSelectedRows: () => T[];
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=useRowSelection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useRowSelection.d.ts","sourceRoot":"","sources":["../../../table/hooks/useRowSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAIlD,eAAO,MAAM,eAAe;;;;CA4C3B,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { functionalUpdate } from '@tanstack/table-core';
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
|
|
4
|
+
const useRowSelection = (table) => {
|
|
5
|
+
const [rowSelection, setRowSelection] = useState({});
|
|
6
|
+
table.setOptions((prev) => ({
|
|
7
|
+
...prev,
|
|
8
|
+
onRowSelectionChange: (rowSelectionUpdater) => {
|
|
9
|
+
table.setState((old) => {
|
|
10
|
+
const selectedRowsIds = functionalUpdate(rowSelectionUpdater, old["rowSelection"]);
|
|
11
|
+
setRowSelection((current) => {
|
|
12
|
+
const currentRowsById = table.getRowModel().rowsById;
|
|
13
|
+
return Object.keys(selectedRowsIds).reduce((memo, rowId) => {
|
|
14
|
+
if (current[rowId]) {
|
|
15
|
+
memo[rowId] = current[rowId];
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
memo[rowId] = currentRowsById[rowId].original;
|
|
19
|
+
}
|
|
20
|
+
return memo;
|
|
21
|
+
}, {});
|
|
22
|
+
});
|
|
23
|
+
return {
|
|
24
|
+
...old,
|
|
25
|
+
rowSelection: selectedRowsIds,
|
|
26
|
+
};
|
|
27
|
+
});
|
|
28
|
+
},
|
|
29
|
+
}));
|
|
30
|
+
const clearSelection = () => {
|
|
31
|
+
table.resetRowSelection(true);
|
|
32
|
+
};
|
|
33
|
+
const getSelectedRows = () => Object.values(rowSelection);
|
|
34
|
+
const getSelectedRow = () => getSelectedRows()[0] ?? null;
|
|
35
|
+
return {
|
|
36
|
+
clearSelection,
|
|
37
|
+
getSelectedRow,
|
|
38
|
+
getSelectedRows,
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
export { useRowSelection };
|
|
43
|
+
//# sourceMappingURL=useRowSelection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useRowSelection.js","sources":["../../../../table/hooks/useRowSelection.ts"],"sourcesContent":["import type { Table } from \"@tanstack/table-core\";\nimport { functionalUpdate } from \"@tanstack/table-core\";\nimport { useState } from \"react\";\n\nexport const useRowSelection = <T>(table: Table<T>) => {\n const [rowSelection, setRowSelection] = useState<Record<string, T>>({});\n\n table.setOptions((prev) => ({\n ...prev,\n onRowSelectionChange: (rowSelectionUpdater) => {\n table.setState((old) => {\n const selectedRowsIds = functionalUpdate(\n rowSelectionUpdater,\n old[\"rowSelection\"]\n );\n setRowSelection((current) => {\n const currentRowsById = table.getRowModel().rowsById;\n return Object.keys(selectedRowsIds).reduce((memo, rowId) => {\n if (current[rowId]) {\n memo[rowId] = current[rowId];\n } else {\n memo[rowId] = currentRowsById[rowId].original;\n }\n return memo;\n }, {} as Record<string, T>);\n });\n\n return {\n ...old,\n rowSelection: selectedRowsIds,\n };\n });\n },\n }));\n\n const clearSelection = () => {\n table.resetRowSelection(true);\n };\n\n const getSelectedRows = () => Object.values(rowSelection);\n\n const getSelectedRow = () => getSelectedRows()[0] ?? null;\n\n return {\n clearSelection,\n getSelectedRow,\n getSelectedRows,\n };\n};\n"],"names":[],"mappings":";;;AAIa,MAAA,eAAe,GAAG,CAAI,KAAe,KAAI;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAExE,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,MAAM;AAC1B,QAAA,GAAG,IAAI;AACP,QAAA,oBAAoB,EAAE,CAAC,mBAAmB,KAAI;AAC5C,YAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAI;gBACrB,MAAM,eAAe,GAAG,gBAAgB,CACtC,mBAAmB,EACnB,GAAG,CAAC,cAAc,CAAC,CACpB,CAAC;AACF,gBAAA,eAAe,CAAC,CAAC,OAAO,KAAI;oBAC1B,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC;AACrD,oBAAA,OAAO,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACzD,wBAAA,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;4BAClB,IAAI,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;AAC9B,yBAAA;AAAM,6BAAA;4BACL,IAAI,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC;AAC/C,yBAAA;AACD,wBAAA,OAAO,IAAI,CAAC;qBACb,EAAE,EAAuB,CAAC,CAAC;AAC9B,iBAAC,CAAC,CAAC;gBAEH,OAAO;AACL,oBAAA,GAAG,GAAG;AACN,oBAAA,YAAY,EAAE,eAAe;iBAC9B,CAAC;AACJ,aAAC,CAAC,CAAC;SACJ;AACF,KAAA,CAAC,CAAC,CAAC;IAEJ,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAChC,KAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;AAE1D,IAAA,MAAM,cAAc,GAAG,MAAM,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IAE1D,OAAO;QACL,cAAc;QACd,cAAc;QACd,eAAe;KAChB,CAAC;AACJ;;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var TableContext = require('../TableContext.cjs');
|
|
5
|
+
|
|
6
|
+
const useTable = () => {
|
|
7
|
+
const ctx = React.useContext(TableContext.TableContext);
|
|
8
|
+
if (ctx === null) {
|
|
9
|
+
throw new Error("useTable must be used inside of a TableContext.Provider");
|
|
10
|
+
}
|
|
11
|
+
return ctx;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
exports.useTable = useTable;
|
|
15
|
+
//# sourceMappingURL=useTable.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTable.cjs","sources":["../../../../table/hooks/useTable.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { TableContext } from \"../TableContext\";\n\nexport const useTable = () => {\n const ctx = useContext(TableContext);\n if (ctx === null) {\n throw new Error(\"useTable must be used inside of a TableContext.Provider\");\n }\n\n return ctx;\n};\n"],"names":["useContext","TableContext"],"mappings":";;;;;AAGO,MAAM,QAAQ,GAAG,MAAK;AAC3B,IAAA,MAAM,GAAG,GAAGA,gBAAU,CAACC,yBAAY,CAAC,CAAC;IACrC,IAAI,GAAG,KAAK,IAAI,EAAE;AAChB,QAAA,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;AAC5E,KAAA;AAED,IAAA,OAAO,GAAG,CAAC;AACb;;;;"}
|