@raystack/apsara 0.10.3 → 0.10.4

package/dist/index.cjs

@@ -15194,8 +15194,6 @@ function useReactTable(options) {
   return tableRef.current;
 }
 
-var styles$4 = {"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"};
-
 const TableContext = React.createContext(null);
 
 const useTable = () => {
@@ -15214,6 +15212,8 @@ function DataTableClearFilter({ children, ...props }) {
         }, style: { width: "100%" }, ...props, children: children || (jsxRuntimeExports.jsxs(Flex, { gap: "small", align: "center", justify: "center", children: ["Clear filters ", jsxRuntimeExports.jsx(Cross2Icon, { width: 12, height: "12" })] })) }));
 }
 
+var styles$4 = {"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"};
+
 function DataTableFilterOptions({ children, ...props }) {
     const { table, filteredColumns, addFilterColumn } = useTable();
     const availableColumns = table
@@ -15322,6 +15322,10 @@ function DataTableViewOptions({ children, ...props }) {
                     })] })] }));
 }
 
+const TableDetailContainer = ({ children, }) => {
+    return jsxRuntimeExports.jsx(Flex, { direction: "column", children: children });
+};
+
 const useTableColumn = () => {
     const [columns, setColumns] = React.useState([]);
     const addFilterColumn = React.useCallback((column) => {
@@ -15381,10 +15385,6 @@ const Table = Object.assign(TableRoot, {
     Caption: TableCaption,
 });
 
-const TableDetailContainer = ({ children, }) => {
-    return jsxRuntimeExports.jsx(Flex, { children: children });
-};
-
 function DataTableRoot({ columns, data, emptyState, children, ...props }) {
     const convertedChildren = React.Children.toArray(children);
     const header = convertedChildren.find((child) => child.type === DataTableToolbar) || jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
@@ -15446,6 +15446,7 @@ const DataTable = Object.assign(DataTableRoot, {
     ClearFilter: DataTableClearFilter,
     FilterChips: DataTableFilterChips,
     Footer: DataTableFooter,
+    DetailContainer: TableDetailContainer,
 });
 
 /* -------------------------------------------------------------------------------------------------