@jamsrui/data-grid 0.0.4 → 0.0.6

package/dist/data-grid-body.d.mts

@@ -1,7 +1,7 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Row } from '@tanstack/react-table';
 
-declare const DataGridBody: () => react.JSX.Element;
+declare const DataGridBody: () => react_jsx_runtime.JSX.Element;
 interface DataGridBodyProps<T> {
     rows: Row<T>[];
 }

package/dist/data-grid-body.mjs

@@ -1 +1 @@
-import{TableBody as a,TableCell as l,TableRow as m}from"@jamsrui/table";import{flexRender as i}from"@tanstack/react-table";import{useDataGridContext as p}from"./data-grid-context";import{DataGridEmpty as d}from"./data-grid-empty";const f=()=>{const{table:o,isEmtpy:r}=p();return React.createElement(a,null,!!r&&React.createElement(d,null),o.getRowModel().rows.map(t=>React.createElement(m,{key:t.id},t.getVisibleCells().map(e=>React.createElement(l,{key:e.id},i(e.column.columnDef.cell,e.getContext()))))))};export{f as DataGridBody};
+import{jsx as o,jsxs as b}from"react/jsx-runtime";import{TableBody as l,TableCell as m,TableRow as i}from"@jamsrui/table";import{flexRender as p}from"@tanstack/react-table";import{useDataGridContext as d}from"./data-grid-context";import{DataGridEmpty as n}from"./data-grid-empty";const w=()=>{const{table:r,isEmtpy:a}=d();return b(l,{children:[!!a&&o(n,{}),r.getRowModel().rows.map(t=>o(i,{children:t.getVisibleCells().map(e=>o(m,{children:p(e.column.columnDef.cell,e.getContext())},e.id))},t.id))]})};export{w as DataGridBody};

package/dist/data-grid-column-visibility.mjs

@@ -1 +1 @@
-import{useRenderElement as s}from"@jamsrui/hooks";import{IconButton as m}from"@jamsrui/icon-button";import{InfoIcon as a}from"@jamsrui/icons";import{Menu as p,MenuContent as d,MenuItem as n,MenuTrigger as g}from"@jamsrui/menu";import{useDataGridContext as u}from"./data-grid-context";const h=o=>{const{table:t}=u(),l=React.createElement(React.Fragment,null,React.createElement(p,null,React.createElement(g,null,React.createElement(m,{label:"Column Visibility",size:"sm"},React.createElement(a,null))),React.createElement(d,null,React.createElement(n,{preventCloseOnClick:!0,onClick:t.getToggleAllColumnsVisibilityHandler()},React.createElement("input",{type:"checkbox",checked:t.getIsAllColumnsVisible(),onChange:t.getToggleAllColumnsVisibilityHandler()})," ","Toggle All"),t.getAllLeafColumns().map(e=>{const i=e.columnDef.header,r=typeof i=="function"?i({}):i;return React.createElement(n,{key:e.id,preventCloseOnClick:!0,isDisabled:!e.getCanHide(),onClick:e.getToggleVisibilityHandler()},React.createElement("input",{type:"checkbox",checked:e.getIsVisible(),onChange:e.getToggleVisibilityHandler()})," ",r)}))));return s("div",{props:[o,{children:l}]})};export{h as DataGridColumnVisibility};
+import{Fragment as b,jsx as i,jsxs as n}from"react/jsx-runtime";import{useRenderElement as p}from"@jamsrui/hooks";import{IconButton as a}from"@jamsrui/icon-button";import{InfoIcon as d}from"@jamsrui/icons";import{Menu as g,MenuContent as u,MenuItem as l,MenuTrigger as c}from"@jamsrui/menu";import{useDataGridContext as C}from"./data-grid-context";const M=r=>{const{table:t}=C(),s=i(b,{children:n(g,{children:[i(c,{children:i(a,{label:"Column Visibility",size:"sm",children:i(d,{})})}),n(u,{children:[n(l,{preventCloseOnClick:!0,onClick:t.getToggleAllColumnsVisibilityHandler(),children:[i("input",{type:"checkbox",checked:t.getIsAllColumnsVisible(),onChange:t.getToggleAllColumnsVisibilityHandler()})," ","Toggle All"]}),t.getAllLeafColumns().map(e=>{const o=e.columnDef.header,m=typeof o=="function"?o({}):o;return n(l,{preventCloseOnClick:!0,isDisabled:!e.getCanHide(),onClick:e.getToggleVisibilityHandler(),children:[i("input",{type:"checkbox",checked:e.getIsVisible(),onChange:e.getToggleVisibilityHandler()})," ",m]},e.id)})]})]})});return p("div",{props:[r,{children:s}]})};export{M as DataGridColumnVisibility};

package/dist/data-grid-config.d.mts

@@ -1,5 +1,5 @@
 import { DataGrid } from './data-grid.mjs';
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import './use-data-grid.mjs';
 import '@tanstack/react-table';
 import '@jamsrui/table';
@@ -7,7 +7,7 @@ import '@jamsrui/table';
 declare const useDataGridConfig: () => DataGridConfig.Props;
 declare const DataGridConfig: (props: DataGridConfig.Props & {
     merge?: boolean;
-}) => react.JSX.Element;
+}) => react_jsx_runtime.JSX.Element;
 declare namespace DataGridConfig {
     interface Props extends DataGrid.Props {
         children: React.ReactNode;

package/dist/data-grid-empty.d.mts

@@ -1,6 +1,6 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare const DataGridEmpty: () => react.JSX.Element;
+declare const DataGridEmpty: () => react_jsx_runtime.JSX.Element;
 declare namespace DataGridEmpty {
     interface Props {
     }

package/dist/data-grid-empty.mjs

@@ -1 +1 @@
-import{TableCell as e,TableRow as o}from"@jamsrui/table";import{useDataGridContext as l}from"./data-grid-context";const p=()=>{const{table:t}=l(),a=t.getAllColumns().length;return React.createElement(o,null,React.createElement(e,{colSpan:a},"No data available"))};export{p as DataGridEmpty};
+import{jsx as t}from"react/jsx-runtime";import{TableCell as e,TableRow as l}from"@jamsrui/table";import{useDataGridContext as r}from"./data-grid-context";const m=()=>{const{table:a}=r(),o=a.getAllColumns().length;return t(l,{children:t(e,{colSpan:o,children:"No data available"})})};export{m as DataGridEmpty};

package/dist/data-grid-header.d.mts

@@ -1,6 +1,6 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare const DataGridHeader: () => react.JSX.Element;
+declare const DataGridHeader: () => react_jsx_runtime.JSX.Element;
 declare namespace DataGridHeader {
     interface Props {
     }

package/dist/data-grid-header.mjs

@@ -1 +1 @@
-import{ChevronDownIcon as a,ChevronUpIcon as s}from"@jamsrui/icons";import{TableColumn as l,TableHeader as i,TableRow as c}from"@jamsrui/table";import{cn as t}from"@jamsrui/utils";import{flexRender as m}from"@tanstack/react-table";import{useDataGridContext as u}from"./data-grid-context";const w=()=>{const{table:r}=u(),n=r.getHeaderGroups();return React.createElement(i,null,n.map(o=>React.createElement(c,{key:o.id},o.headers.map(e=>React.createElement(l,{key:e.id},e.isPlaceholder?null:React.createElement(React.Fragment,null,React.createElement("button",{onClick:e.column.getToggleSortingHandler(),type:"button",className:t("flex w-full cursor-pointer select-none gap-1 overflow-hidden pr-1 text-transform-inherit",{"":e.column.getCanSort()})},React.createElement("span",{className:"flex w-full  grow items-center overflow-hidden font-medium"},m(e.column.columnDef.header,e.getContext()),{asc:React.createElement(s,{className:"size-4 shrink-0"}),desc:React.createElement(a,{className:"size-4 shrink-0"})}[e.column.getIsSorted()]??null)),React.createElement("span",{"aria-label":"resize",onMouseDown:e.getResizeHandler(),onTouchStart:e.getResizeHandler(),role:"presentation",className:t("absolute right-0 top-1/2  h-3/5 w-[2px] -translate-y-1/2 cursor-ew-resize bg-slate-300/30 opacity-0 transition-all duration-500 group-hover/table:opacity-100",{"isResizing cursor-ew-resize":e.column.getIsResizing()})})))))))};export{w as DataGridHeader};
+import{Fragment as d,jsx as o,jsxs as n}from"react/jsx-runtime";import{ChevronDownIcon as l,ChevronUpIcon as i}from"@jamsrui/icons";import{TableColumn as c,TableHeader as m,TableRow as u}from"@jamsrui/table";import{cn as r}from"@jamsrui/utils";import{flexRender as p}from"@tanstack/react-table";import{useDataGridContext as g}from"./data-grid-context";const C=()=>{const{table:a}=g(),s=a.getHeaderGroups();return o(m,{children:s.map(t=>o(u,{children:t.headers.map(e=>o(c,{children:e.isPlaceholder?null:n(d,{children:[o("button",{onClick:e.column.getToggleSortingHandler(),type:"button",className:r("flex w-full cursor-pointer select-none gap-1 overflow-hidden pr-1 text-transform-inherit",{"":e.column.getCanSort()}),children:n("span",{className:"flex w-full  grow items-center overflow-hidden font-medium",children:[p(e.column.columnDef.header,e.getContext()),{asc:o(i,{className:"size-4 shrink-0"}),desc:o(l,{className:"size-4 shrink-0"})}[e.column.getIsSorted()]??null]})}),o("span",{"aria-label":"resize",onMouseDown:e.getResizeHandler(),onTouchStart:e.getResizeHandler(),role:"presentation",className:r("absolute right-0 top-1/2  h-3/5 w-[2px] -translate-y-1/2 cursor-ew-resize bg-slate-300/30 opacity-0 transition-all duration-500 group-hover/table:opacity-100",{"isResizing cursor-ew-resize":e.column.getIsResizing()})})]})},e.id))},t.id))})};export{C as DataGridHeader};

package/dist/data-grid-loading.d.mts

@@ -1,6 +1,6 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare const DataGridLoading: (props: DataGridLoading.Props) => react.JSX.Element;
+declare const DataGridLoading: (props: DataGridLoading.Props) => react_jsx_runtime.JSX.Element;
 declare namespace DataGridLoading {
     interface Props {
     }

package/dist/data-grid-loading.mjs

@@ -1 +1 @@
-import{LinearProgress as r}from"@jamsrui/linear-progress";const o=a=>React.createElement(r,{className:"absolute inset-0",...a});export{o as DataGridLoading};
+import{jsx as o}from"react/jsx-runtime";import{LinearProgress as r}from"@jamsrui/linear-progress";const t=a=>o(r,{className:"absolute inset-0",...a});export{t as DataGridLoading};

package/dist/data-grid-pagination.d.mts

@@ -1,6 +1,6 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare const DataGridPagination: () => react.JSX.Element | null;
+declare const DataGridPagination: () => react_jsx_runtime.JSX.Element | null;
 declare namespace DataGridPagination {
     interface Props<T> {
     }

package/dist/data-grid-pagination.mjs

@@ -1 +1 @@
-import{useState as d}from"react";import{IconButton as a}from"@jamsrui/icon-button";import{ChevronDoubleLeftIcon as p,ChevronDoubleRightIcon as f,ChevronLeftIcon as P,ChevronRightIcon as h}from"@jamsrui/icons";import{Select as x,SelectItem as v}from"@jamsrui/select";import{useDataGridContext as C}from"./data-grid-context";const S=()=>{const{table:e,isEmtpy:s}=C(),[o,i]=d(["10"]),l=()=>{e.nextPage()},r=()=>{e.previousPage()},g=()=>{e.setPageIndex(0)},c=()=>{e.setPageIndex(e.getPageCount()-1)},n=e.getPageCount(),m=n?e.getState().pagination.pageIndex+1:0,u=t=>{e.setPageSize(Number(Array.from(t)[0]??[10])),i(t)};return s?null:React.createElement("div",{className:"flex flex-col w-full justify-between gap-4 md:flex-row md:items-center","data-slot":"pagination"},React.createElement(x,{label:"Rows Per Page:",onValueChange:u,returnFocus:!1,size:"sm",value:o,classNames:{root:"items-center flex max-w-[80px] flex-row gap-2",label:"shrink-0"}},[10,20,50,100,500].map(t=>React.createElement(v,{key:t.toString(),value:t.toString()},t.toString()))),React.createElement("div",{className:"flex gap-1 md:gap-4"},React.createElement("div",{className:"flex items-center justify-center text-sm font-medium"},"Page ",m," of ",n),React.createElement("div",{className:"flex items-center"},React.createElement(a,{isDisabled:!e.getCanPreviousPage(),label:"First Page",onClick:g,radius:"full",size:"sm",variant:"light"},React.createElement("span",{className:"sr-only"},"Go to first page"),React.createElement(p,{height:20,width:20})),React.createElement(a,{isDisabled:!e.getCanPreviousPage(),label:"Previous Page",onClick:r,radius:"full",size:"sm",variant:"light"},React.createElement("span",{className:"sr-only"},"Go to previous page"),React.createElement(P,{height:20,width:20})),React.createElement(a,{isDisabled:!e.getCanNextPage(),label:"Next Page",onClick:l,radius:"full",size:"sm",variant:"light"},React.createElement("span",{className:"sr-only"},"Go to next page"),React.createElement(h,{height:20,width:20})),React.createElement(a,{isDisabled:!e.getCanNextPage(),label:"Last Page",onClick:c,radius:"full",size:"sm",variant:"light"},React.createElement("span",{className:"sr-only"},"Go to last page"),React.createElement(f,{height:20,width:20})))))};export{S as DataGridPagination};
+import{jsx as t,jsxs as a}from"react/jsx-runtime";import{useState as f}from"react";import{IconButton as o}from"@jamsrui/icon-button";import{ChevronDoubleLeftIcon as P,ChevronDoubleRightIcon as h,ChevronLeftIcon as v,ChevronRightIcon as x}from"@jamsrui/icons";import{Select as C,SelectItem as b}from"@jamsrui/select";import{useDataGridContext as I}from"./data-grid-context";const G=()=>{const{table:e,isEmtpy:i}=I(),[l,r]=f(["10"]),g=()=>{e.nextPage()},c=()=>{e.previousPage()},m=()=>{e.setPageIndex(0)},u=()=>{e.setPageIndex(e.getPageCount()-1)},s=e.getPageCount(),d=s?e.getState().pagination.pageIndex+1:0,p=n=>{e.setPageSize(Number(Array.from(n)[0]??[10])),r(n)};return i?null:a("div",{className:"flex flex-col w-full justify-between gap-4 md:flex-row md:items-center","data-slot":"pagination",children:[t(C,{label:"Rows Per Page:",onValueChange:p,returnFocus:!1,size:"sm",value:l,classNames:{root:"items-center flex max-w-[80px] flex-row gap-2",label:"shrink-0"},children:[10,20,50,100,500].map(n=>t(b,{value:n.toString(),children:n.toString()},n.toString()))}),a("div",{className:"flex gap-1 md:gap-4",children:[a("div",{className:"flex items-center justify-center text-sm font-medium",children:["Page ",d," of ",s]}),a("div",{className:"flex items-center",children:[a(o,{isDisabled:!e.getCanPreviousPage(),label:"First Page",onClick:m,radius:"full",size:"sm",variant:"light",children:[t("span",{className:"sr-only",children:"Go to first page"}),t(P,{height:20,width:20})]}),a(o,{isDisabled:!e.getCanPreviousPage(),label:"Previous Page",onClick:c,radius:"full",size:"sm",variant:"light",children:[t("span",{className:"sr-only",children:"Go to previous page"}),t(v,{height:20,width:20})]}),a(o,{isDisabled:!e.getCanNextPage(),label:"Next Page",onClick:g,radius:"full",size:"sm",variant:"light",children:[t("span",{className:"sr-only",children:"Go to next page"}),t(x,{height:20,width:20})]}),a(o,{isDisabled:!e.getCanNextPage(),label:"Last Page",onClick:u,radius:"full",size:"sm",variant:"light",children:[t("span",{className:"sr-only",children:"Go to last page"}),t(h,{height:20,width:20})]})]})]})]})};export{G as DataGridPagination};

package/dist/data-grid-table.d.mts

@@ -1,6 +1,6 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare const DataGridTable: (props: DataGridTable.Props) => react.JSX.Element;
+declare const DataGridTable: (props: DataGridTable.Props) => react_jsx_runtime.JSX.Element;
 declare namespace DataGridTable {
     interface Props {
         children: React.ReactNode;

package/dist/data-grid-table.mjs

@@ -1 +1 @@
-import{Table as a}from"@jamsrui/table";import{useDataGridContext as o}from"./data-grid-context";const n=e=>{const{children:r}=e,{rootProps:t}=o();return React.createElement(a,{...t},r)};export{n as DataGridTable};
+import{jsx as p}from"react/jsx-runtime";import{Table as o}from"@jamsrui/table";import{useDataGridContext as t}from"./data-grid-context";const n=e=>{const{children:r}=e,{rootProps:a}=t();return p(o,{...a,children:r})};export{n as DataGridTable};

package/dist/data-grid.d.mts

@@ -1,9 +1,9 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { useDataGrid } from './use-data-grid.mjs';
 import '@tanstack/react-table';
 import '@jamsrui/table';
 
-declare const DataGrid: (props: DataGrid.Props) => react.JSX.Element;
+declare const DataGrid: (props: DataGrid.Props) => react_jsx_runtime.JSX.Element;
 declare namespace DataGrid {
     interface Props extends useDataGrid.Props<any> {
     }

package/dist/data-grid.mjs

@@ -1 +1 @@
-import{useRenderElement as d}from"@jamsrui/hooks";import{mergeConfigProps as m}from"@jamsrui/utils";import{DataGridBody as n}from"./data-grid-body";import{DataGridColumnVisibility as p}from"./data-grid-column-visibility";import{useDataGridConfig as s}from"./data-grid-config";import{DataGridContext as f}from"./data-grid-context";import{DataGridHeader as c}from"./data-grid-header";import{DataGridLoading as l}from"./data-grid-loading";import{DataGridPagination as D}from"./data-grid-pagination";import{DataGridTable as G}from"./data-grid-table";import{useDataGrid as g}from"./use-data-grid";const B=t=>{const r=s(),a=m(r,r,t),o=g(a),i=React.createElement(React.Fragment,null,React.createElement(p,null),!!o.isLoading&&React.createElement(l,null),React.createElement(G,null,React.createElement(c,null),React.createElement(n,null)),React.createElement(D,null)),e=d("div",{props:[{"data-component":"data-grid","data-slot":"root",className:"relative flex flex-col gap-2"},{children:i}]});return React.createElement(f,{value:o},e)};export{B as DataGrid};
+import{Fragment as C,jsx as r,jsxs as a}from"react/jsx-runtime";import{useRenderElement as n}from"@jamsrui/hooks";import{mergeConfigProps as p}from"@jamsrui/utils";import{DataGridBody as s}from"./data-grid-body";import{DataGridColumnVisibility as f}from"./data-grid-column-visibility";import{useDataGridConfig as l}from"./data-grid-config";import{DataGridContext as D}from"./data-grid-context";import{DataGridHeader as G}from"./data-grid-header";import{DataGridLoading as c}from"./data-grid-loading";import{DataGridPagination as g}from"./data-grid-pagination";import{DataGridTable as x}from"./data-grid-table";import{useDataGrid as u}from"./use-data-grid";const R=i=>{const o=l(),e=p(o,o,i),t=u(e),d=a(C,{children:[r(f,{}),!!t.isLoading&&r(c,{}),a(x,{children:[r(G,{}),r(s,{})]}),r(g,{})]}),m=n("div",{props:[{"data-component":"data-grid","data-slot":"root",className:"relative flex flex-col gap-2"},{children:d}]});return r(D,{value:t,children:m})};export{R as DataGrid};

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 export { DataGrid } from './data-grid.mjs';
 export { DataGridConfig, useDataGridConfig } from './data-grid-config.mjs';
-import 'react';
+import 'react/jsx-runtime';
 import './use-data-grid.mjs';
 import '@tanstack/react-table';
 import '@jamsrui/table';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jamsrui/data-grid",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "peerDependencies": {
     "@tanstack/react-table": ">=8",
     "react": ">=19"
@@ -10,16 +10,16 @@
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@jamsrui/hooks": "^0.0.4",
-    "@jamsrui/icon-button": "^0.0.4",
-    "@jamsrui/core": "^0.0.4",
-    "@jamsrui/icons": "^0.0.4",
-    "@jamsrui/input": "^0.0.4",
-    "@jamsrui/table": "^0.0.4",
-    "@jamsrui/utils": "^0.0.4",
-    "@jamsrui/select": "^0.0.4",
-    "@jamsrui/menu": "^0.0.4",
-    "@jamsrui/linear-progress": "^0.0.4"
+    "@jamsrui/icon-button": "^0.0.6",
+    "@jamsrui/icons": "^0.0.6",
+    "@jamsrui/linear-progress": "^0.0.6",
+    "@jamsrui/input": "^0.0.6",
+    "@jamsrui/hooks": "^0.0.6",
+    "@jamsrui/core": "^0.0.6",
+    "@jamsrui/menu": "^0.0.6",
+    "@jamsrui/utils": "^0.0.6",
+    "@jamsrui/table": "^0.0.6",
+    "@jamsrui/select": "^0.0.6"
   },
   "exports": {
     ".": {