munza-x-data-grid 3.0.9 → 3.1.2
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/index.cjs +2 -2
- package/dist/index.css +1 -1
- package/dist/index.js +3 -2
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
mun:[&::-webkit-scrollbar-track]:bg-stone-100\r
|
|
46
46
|
mun:[&::-webkit-scrollbar-thumb]:bg-stone-300\r
|
|
47
47
|
mun:dark:[&::-webkit-scrollbar-track]:bg-neutral-700\r
|
|
48
|
-
mun:dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500`,children:a.length>0?(0,u.jsx)(u.Fragment,{children:a.map(e=>(0,u.jsxs)(Ip,{children:[(0,u.jsx)(Fp,{checked:e.getIsVisible(),onCheckedChange:t=>{e.toggleVisibility(!!t)}}),(0,u.jsxs)(`span`,{className:`mun:truncate`,children:[e.id.replace(/([a-z0-9])([A-Z])/g,`$1 $2`).replace(/^./,e=>e.toUpperCase()),` `]})]},e.id))}):(0,u.jsx)(`div`,{className:`mun:px-2 mun:py-4 mun:text-center mun:text-sm mun:text-muted-foreground`,children:`No columns found`})}),(0,u.jsxs)(`div`,{className:`mun:px-1.5 mun:grid mun:grid-cols-2 mun:gap-1.5`,children:[(0,u.jsx)(Z,{onClick:()=>{e.resetColumnPinning(),t(!1)},variant:`outline`,size:`xs`,children:`Reset Pinning`}),(0,u.jsx)(Z,{onClick:()=>e.resetColumnSizing(),variant:`outline`,size:`xs`,children:`Reset Sizing`}),(0,u.jsx)(Z,{onClick:()=>t(!n),variant:`outline`,size:`xs`,disabled:!e.getIsSomeColumnsPinned(),children:n?`Exit Split View`:`Enter Split View`})]})]})};function Rp(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,c.useMemo)(()=>e=>{t.forEach(t=>t(e))},t)}var zp=typeof window<`u`&&window.document!==void 0&&window.document.createElement!==void 0;function Bp(e){let t=Object.prototype.toString.call(e);return t===`[object Window]`||t===`[object global]`}function Vp(e){return`nodeType`in e}function Hp(e){return e?Bp(e)?e:Vp(e)?e.ownerDocument?.defaultView??window:window:window}function Up(e){let{Document:t}=Hp(e);return e instanceof t}function Wp(e){return!Bp(e)&&e instanceof Hp(e).HTMLElement}function Gp(e){return e instanceof Hp(e).SVGElement}function Kp(e){return e?Bp(e)?e.document:Vp(e)?Up(e)?e:Wp(e)||Gp(e)?e.ownerDocument:document:document:document}var qp=zp?c.useLayoutEffect:c.useEffect;function Jp(e){let t=(0,c.useRef)(e);return qp(()=>{t.current=e}),(0,c.useCallback)(function(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.current==null?void 0:t.current(...n)},[])}function Yp(){let e=(0,c.useRef)(null);return[(0,c.useCallback)((t,n)=>{e.current=setInterval(t,n)},[]),(0,c.useCallback)(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[])]}function Xp(e,t){t===void 0&&(t=[e]);let n=(0,c.useRef)(e);return qp(()=>{n.current!==e&&(n.current=e)},t),n}function Zp(e,t){let n=(0,c.useRef)();return(0,c.useMemo)(()=>{let t=e(n.current);return n.current=t,t},[...t])}function Qp(e){let t=Jp(e),n=(0,c.useRef)(null);return[n,(0,c.useCallback)(e=>{e!==n.current&&t?.(e,n.current),n.current=e},[])]}function $p(e){let t=(0,c.useRef)();return(0,c.useEffect)(()=>{t.current=e},[e]),t.current}var em={};function tm(e,t){return(0,c.useMemo)(()=>{if(t)return t;let n=em[e]==null?0:em[e]+1;return em[e]=n,e+`-`+n},[e,t])}function nm(e){return function(t){for(var n=arguments.length,r=Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];return r.reduce((t,n)=>{let r=Object.entries(n);for(let[n,i]of r){let r=t[n];r!=null&&(t[n]=r+e*i)}return t},{...t})}}var rm=nm(1),im=nm(-1);function am(e){return`clientX`in e&&`clientY`in e}function om(e){if(!e)return!1;let{KeyboardEvent:t}=Hp(e.target);return t&&e instanceof t}function sm(e){if(!e)return!1;let{TouchEvent:t}=Hp(e.target);return t&&e instanceof t}function cm(e){if(sm(e)){if(e.touches&&e.touches.length){let{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){let{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return am(e)?{x:e.clientX,y:e.clientY}:null}var lm=Object.freeze({Translate:{toString(e){if(!e)return;let{x:t,y:n}=e;return`translate3d(`+(t?Math.round(t):0)+`px, `+(n?Math.round(n):0)+`px, 0)`}},Scale:{toString(e){if(!e)return;let{scaleX:t,scaleY:n}=e;return`scaleX(`+t+`) scaleY(`+n+`)`}},Transform:{toString(e){if(e)return[lm.Translate.toString(e),lm.Scale.toString(e)].join(` `)}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+` `+n+`ms `+r}}}),um=`a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]`;function dm(e){return e.matches(um)?e:e.querySelector(um)}var fm={display:`none`};function pm(e){let{id:t,value:n}=e;return c.default.createElement(`div`,{id:t,style:fm},n)}function mm(e){let{id:t,announcement:n,ariaLiveType:r=`assertive`}=e;return c.default.createElement(`div`,{id:t,style:{position:`fixed`,top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:`hidden`,clip:`rect(0 0 0 0)`,clipPath:`inset(100%)`,whiteSpace:`nowrap`},role:`status`,"aria-live":r,"aria-atomic":!0},n)}function hm(){let[e,t]=(0,c.useState)(``);return{announce:(0,c.useCallback)(e=>{e!=null&&t(e)},[]),announcement:e}}var gm=(0,c.createContext)(null);function _m(e){let t=(0,c.useContext)(gm);(0,c.useEffect)(()=>{if(!t)throw Error(`useDndMonitor must be used within a children of <DndContext>`);return t(e)},[e,t])}function vm(){let[e]=(0,c.useState)(()=>new Set),t=(0,c.useCallback)(t=>(e.add(t),()=>e.delete(t)),[e]);return[(0,c.useCallback)(t=>{let{type:n,event:r}=t;e.forEach(e=>e[n]?.call(e,r))},[e]),t]}var ym={draggable:`
|
|
48
|
+
mun:dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500`,children:a.length>0?(0,u.jsx)(u.Fragment,{children:a.map(e=>(0,u.jsxs)(Ip,{children:[(0,u.jsx)(Fp,{checked:e.getIsVisible(),onCheckedChange:t=>{e.toggleVisibility(!!t)}}),(0,u.jsxs)(`span`,{className:`mun:truncate`,children:[e.id.replace(/([a-z0-9])([A-Z])/g,`$1 $2`).replace(/^./,e=>e.toUpperCase()),` `]})]},e.id))}):(0,u.jsx)(`div`,{className:`mun:px-2 mun:py-4 mun:text-center mun:text-sm mun:text-muted-foreground`,children:`No columns found`})}),(0,u.jsxs)(`div`,{className:`mun:px-1.5 mun:grid mun:grid-cols-2 mun:gap-1.5`,children:[(0,u.jsx)(Z,{onClick:()=>{e.resetColumnPinning(),t(!1)},variant:`outline`,size:`xs`,children:`Reset Pinning`}),(0,u.jsx)(Z,{onClick:()=>e.resetColumnSizing(),variant:`outline`,size:`xs`,children:`Reset Sizing`}),(0,u.jsx)(Z,{onClick:()=>t(!n),variant:`outline`,size:`xs`,disabled:!e.getIsSomeColumnsPinned(),className:`mun:col-span-full`,children:n?`Exit Split View`:`Enter Split View`})]})]})};function Rp(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,c.useMemo)(()=>e=>{t.forEach(t=>t(e))},t)}var zp=typeof window<`u`&&window.document!==void 0&&window.document.createElement!==void 0;function Bp(e){let t=Object.prototype.toString.call(e);return t===`[object Window]`||t===`[object global]`}function Vp(e){return`nodeType`in e}function Hp(e){return e?Bp(e)?e:Vp(e)?e.ownerDocument?.defaultView??window:window:window}function Up(e){let{Document:t}=Hp(e);return e instanceof t}function Wp(e){return!Bp(e)&&e instanceof Hp(e).HTMLElement}function Gp(e){return e instanceof Hp(e).SVGElement}function Kp(e){return e?Bp(e)?e.document:Vp(e)?Up(e)?e:Wp(e)||Gp(e)?e.ownerDocument:document:document:document}var qp=zp?c.useLayoutEffect:c.useEffect;function Jp(e){let t=(0,c.useRef)(e);return qp(()=>{t.current=e}),(0,c.useCallback)(function(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.current==null?void 0:t.current(...n)},[])}function Yp(){let e=(0,c.useRef)(null);return[(0,c.useCallback)((t,n)=>{e.current=setInterval(t,n)},[]),(0,c.useCallback)(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[])]}function Xp(e,t){t===void 0&&(t=[e]);let n=(0,c.useRef)(e);return qp(()=>{n.current!==e&&(n.current=e)},t),n}function Zp(e,t){let n=(0,c.useRef)();return(0,c.useMemo)(()=>{let t=e(n.current);return n.current=t,t},[...t])}function Qp(e){let t=Jp(e),n=(0,c.useRef)(null);return[n,(0,c.useCallback)(e=>{e!==n.current&&t?.(e,n.current),n.current=e},[])]}function $p(e){let t=(0,c.useRef)();return(0,c.useEffect)(()=>{t.current=e},[e]),t.current}var em={};function tm(e,t){return(0,c.useMemo)(()=>{if(t)return t;let n=em[e]==null?0:em[e]+1;return em[e]=n,e+`-`+n},[e,t])}function nm(e){return function(t){for(var n=arguments.length,r=Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];return r.reduce((t,n)=>{let r=Object.entries(n);for(let[n,i]of r){let r=t[n];r!=null&&(t[n]=r+e*i)}return t},{...t})}}var rm=nm(1),im=nm(-1);function am(e){return`clientX`in e&&`clientY`in e}function om(e){if(!e)return!1;let{KeyboardEvent:t}=Hp(e.target);return t&&e instanceof t}function sm(e){if(!e)return!1;let{TouchEvent:t}=Hp(e.target);return t&&e instanceof t}function cm(e){if(sm(e)){if(e.touches&&e.touches.length){let{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){let{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return am(e)?{x:e.clientX,y:e.clientY}:null}var lm=Object.freeze({Translate:{toString(e){if(!e)return;let{x:t,y:n}=e;return`translate3d(`+(t?Math.round(t):0)+`px, `+(n?Math.round(n):0)+`px, 0)`}},Scale:{toString(e){if(!e)return;let{scaleX:t,scaleY:n}=e;return`scaleX(`+t+`) scaleY(`+n+`)`}},Transform:{toString(e){if(e)return[lm.Translate.toString(e),lm.Scale.toString(e)].join(` `)}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+` `+n+`ms `+r}}}),um=`a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]`;function dm(e){return e.matches(um)?e:e.querySelector(um)}var fm={display:`none`};function pm(e){let{id:t,value:n}=e;return c.default.createElement(`div`,{id:t,style:fm},n)}function mm(e){let{id:t,announcement:n,ariaLiveType:r=`assertive`}=e;return c.default.createElement(`div`,{id:t,style:{position:`fixed`,top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:`hidden`,clip:`rect(0 0 0 0)`,clipPath:`inset(100%)`,whiteSpace:`nowrap`},role:`status`,"aria-live":r,"aria-atomic":!0},n)}function hm(){let[e,t]=(0,c.useState)(``);return{announce:(0,c.useCallback)(e=>{e!=null&&t(e)},[]),announcement:e}}var gm=(0,c.createContext)(null);function _m(e){let t=(0,c.useContext)(gm);(0,c.useEffect)(()=>{if(!t)throw Error(`useDndMonitor must be used within a children of <DndContext>`);return t(e)},[e,t])}function vm(){let[e]=(0,c.useState)(()=>new Set),t=(0,c.useCallback)(t=>(e.add(t),()=>e.delete(t)),[e]);return[(0,c.useCallback)(t=>{let{type:n,event:r}=t;e.forEach(e=>e[n]?.call(e,r))},[e]),t]}var ym={draggable:`
|
|
49
49
|
To pick up a draggable item, press the space bar.
|
|
50
50
|
While dragging, use the arrow keys to move the item.
|
|
51
51
|
Press space again to drop the item in its new position, or press escape to cancel.
|
|
@@ -57,4 +57,4 @@
|
|
|
57
57
|
mun:[&::-webkit-scrollbar-track]:bg-stone-100\r
|
|
58
58
|
mun:[&::-webkit-scrollbar-thumb]:bg-stone-300\r
|
|
59
59
|
mun:dark:[&::-webkit-scrollbar-track]:bg-neutral-700\r
|
|
60
|
-
mun:dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500`,children:e.getHeaderGroups().map(e=>(0,u.jsx)(l.default.Fragment,{children:e.headers.filter(e=>![`rowNumber`].includes(e.column.id)).map(e=>(0,u.jsx)(r_,{column:e.column},e.id))},e.id))}),(0,u.jsx)(`div`,{className:`mun:px-1.5`,children:(0,u.jsxs)(Z,{onClick:()=>e.setColumnFilters([]),variant:`outline`,size:`xs`,children:[(0,u.jsx)(Tf,{}),`Reset Filters`]})})]})},a_=()=>{let{table:e,density:t}=H();return(0,u.jsxs)(`div`,{className:`mun:flex mun:flex-col mun:gap-1.5 mun:h-full mun:py-1.5`,children:[(0,u.jsx)(`div`,{className:`mun:flex mun:items-center mun:justify-between mun:px-1.5 mun:pb-2.5 mun:border-b mun:border-border`,children:(0,u.jsx)(`h1`,{className:`mun:text-sm mun:font-bold`,children:`Rows`})}),(0,u.jsxs)(`div`,{className:`mun:space-y-2 mun:px-1.5 mun:flex-1`,children:[(0,u.jsx)(Ip,{children:`Row Density`}),(0,u.jsxs)(`div`,{className:`mun:flex mun:items-center mun:gap-1.5 mun:flex-wrap`,children:[(0,u.jsx)(Z,{variant:t===`sm`?`default`:`outline`,onClick:()=>e.setDensity(`sm`),size:`sm`,children:`Small`}),(0,u.jsx)(Z,{variant:t===`md`?`default`:`outline`,onClick:()=>e.setDensity(`md`),size:`sm`,children:`Default`}),(0,u.jsx)(Z,{variant:t===`lg`?`default`:`outline`,onClick:()=>e.setDensity(`lg`),size:`sm`,children:`Large`})]})]}),(0,u.jsx)(`div`,{className:`mun:px-1.5`,children:(0,u.jsx)(Z,{onClick:()=>e.resetRowPinning(),variant:`outline`,size:`xs`,children:`Reset Row Pining`})})]})},o_=()=>{let{table:e,setIsSplit:t,gridWrapperRef:n,isFetching:r,refetch:i}=H(),[a,o]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{let e=()=>{o(document.fullscreenElement===n.current)};return document.addEventListener(`fullscreenchange`,e),()=>document.removeEventListener(`fullscreenchange`,e)},[n]),(0,u.jsxs)(`div`,{className:`mun:flex mun:flex-col mun:gap-1.5 mun:h-full mun:py-1.5`,children:[(0,u.jsx)(`div`,{className:`mun:flex mun:items-center mun:justify-between mun:px-1.5 mun:pb-2.5 mun:border-b mun:border-border`,children:(0,u.jsx)(`h1`,{className:`mun:text-sm mun:font-bold`,children:`Settings`})}),(0,u.jsxs)(`div`,{className:`mun:px-1.5 mun:flex mun:flex-col mun:gap-2`,children:[(0,u.jsx)(Z,{onClick:()=>{n.current&&(document.fullscreenElement?document.exitFullscreen():n.current.requestFullscreen())},children:a?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Of,{className:`mun:mr-2 mun:h-4 mun:w-4`}),`Exit Fullscreen`]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Df,{className:`mun:mr-2 mun:h-4 mun:w-4`}),`Fullscreen`]})}),(0,u.jsxs)(Z,{onClick:()=>i?.(),disabled:r,children:[(0,u.jsx)(jf,{className:X(r&&`mun:animate-spin`)}),r?`Refreshing...`:`Refresh Data`]}),(0,u.jsx)(Z,{onClick:()=>{window.confirm(`Are you sure you want to reset all settings to default?`)&&(e.setColumnPinning({}),e.resetRowPinning(),e.setColumnVisibility({}),e.setColumnOrder(e.getAllLeafColumns().map(e=>e.id)),e.setColumnSizing({}),e.setDensity(`md`),t(!1),window.alert(`Settings have been reset to default.`))},children:`Reset to Default`})]})]})},s_=({height:e})=>{let[t,n]=(0,l.useState)(null),r=e=>{n(t===e?null:e)};return(0,u.jsxs)(`div`,{className:`mun:bg-muted mun:overflow-hidden mun:flex`,style:{height:e},children:[t===`columns`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(Lp,{})}),t===`rows`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(a_,{})}),t===`filter`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(i_,{})}),t===`dnd`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)($g,{})}),t===`settings`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(o_,{})}),(0,u.jsx)(`div`,{className:`mun:w-7 mun:border-l mun:border-border`,children:[{value:`columns`,label:`Columns`,icon:yf},{value:`rows`,label:`Rows`,icon:Mf},{value:`filter`,label:`Filter`,icon:Cf},{value:`dnd`,label:`Dnd`,icon:wf},{value:`settings`,label:`Settings`,icon:Pf}].map(({value:e,label:n,icon:i})=>(0,u.jsxs)(Z,{variant:`ghost`,size:`sm`,className:X(`mun:[writing-mode:vertical-rl] mun:rounded-none mun:h-auto mun:w-full mun:hover:bg-background! mun:cursor-pointer`,t===e&&`bg-background`),onClick:()=>r(e),children:[(0,u.jsx)(i,{}),n]},e))})]})},c_=({columns:e,payload:t,state:n,onColumnFiltersChange:r,onPaginationChange:i,onSortingChange:a,onRowSelectionChange:o,isLoading:s,isError:c,setGlobalFilter:l,getRowCanExpand:d,renderSubComponent:f,manualPagination:p,enableRowSelection:m,isFetching:h,refetch:g,height:_=`65vh`,isToolbar:v
|
|
60
|
+
mun:dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500`,children:e.getHeaderGroups().map(e=>(0,u.jsx)(l.default.Fragment,{children:e.headers.filter(e=>![`rowNumber`].includes(e.column.id)).map(e=>(0,u.jsx)(r_,{column:e.column},e.id))},e.id))}),(0,u.jsx)(`div`,{className:`mun:px-1.5`,children:(0,u.jsxs)(Z,{onClick:()=>e.setColumnFilters([]),variant:`outline`,size:`xs`,children:[(0,u.jsx)(Tf,{}),`Reset Filters`]})})]})},a_=()=>{let{table:e,density:t}=H();return(0,u.jsxs)(`div`,{className:`mun:flex mun:flex-col mun:gap-1.5 mun:h-full mun:py-1.5`,children:[(0,u.jsx)(`div`,{className:`mun:flex mun:items-center mun:justify-between mun:px-1.5 mun:pb-2.5 mun:border-b mun:border-border`,children:(0,u.jsx)(`h1`,{className:`mun:text-sm mun:font-bold`,children:`Rows`})}),(0,u.jsxs)(`div`,{className:`mun:space-y-2 mun:px-1.5 mun:flex-1`,children:[(0,u.jsx)(Ip,{children:`Row Density`}),(0,u.jsxs)(`div`,{className:`mun:flex mun:items-center mun:gap-1.5 mun:flex-wrap`,children:[(0,u.jsx)(Z,{variant:t===`sm`?`default`:`outline`,onClick:()=>e.setDensity(`sm`),size:`sm`,children:`Small`}),(0,u.jsx)(Z,{variant:t===`md`?`default`:`outline`,onClick:()=>e.setDensity(`md`),size:`sm`,children:`Default`}),(0,u.jsx)(Z,{variant:t===`lg`?`default`:`outline`,onClick:()=>e.setDensity(`lg`),size:`sm`,children:`Large`})]})]}),(0,u.jsx)(`div`,{className:`mun:px-1.5`,children:(0,u.jsx)(Z,{onClick:()=>e.resetRowPinning(),variant:`outline`,size:`xs`,children:`Reset Row Pining`})})]})},o_=()=>{let{table:e,setIsSplit:t,gridWrapperRef:n,isFetching:r,refetch:i}=H(),[a,o]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{let e=()=>{o(document.fullscreenElement===n.current)};return document.addEventListener(`fullscreenchange`,e),()=>document.removeEventListener(`fullscreenchange`,e)},[n]),(0,u.jsxs)(`div`,{className:`mun:flex mun:flex-col mun:gap-1.5 mun:h-full mun:py-1.5`,children:[(0,u.jsx)(`div`,{className:`mun:flex mun:items-center mun:justify-between mun:px-1.5 mun:pb-2.5 mun:border-b mun:border-border`,children:(0,u.jsx)(`h1`,{className:`mun:text-sm mun:font-bold`,children:`Settings`})}),(0,u.jsxs)(`div`,{className:`mun:px-1.5 mun:flex mun:flex-col mun:gap-2`,children:[(0,u.jsx)(Z,{onClick:()=>{n.current&&(document.fullscreenElement?document.exitFullscreen():n.current.requestFullscreen())},children:a?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Of,{className:`mun:mr-2 mun:h-4 mun:w-4`}),`Exit Fullscreen`]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Df,{className:`mun:mr-2 mun:h-4 mun:w-4`}),`Fullscreen`]})}),(0,u.jsxs)(Z,{onClick:()=>i?.(),disabled:r,children:[(0,u.jsx)(jf,{className:X(r&&`mun:animate-spin`)}),r?`Refreshing...`:`Refresh Data`]}),(0,u.jsx)(Z,{onClick:()=>{window.confirm(`Are you sure you want to reset all settings to default?`)&&(e.setColumnPinning({}),e.resetRowPinning(),e.setColumnVisibility({}),e.setColumnOrder(e.getAllLeafColumns().map(e=>e.id)),e.setColumnSizing({}),e.setDensity(`md`),t(!1),window.alert(`Settings have been reset to default.`))},children:`Reset to Default`})]})]})},s_=({height:e})=>{let[t,n]=(0,l.useState)(null),r=e=>{n(t===e?null:e)};return(0,u.jsxs)(`div`,{className:`mun:bg-muted mun:overflow-hidden mun:flex`,style:{height:e},children:[t===`columns`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(Lp,{})}),t===`rows`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(a_,{})}),t===`filter`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(i_,{})}),t===`dnd`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)($g,{})}),t===`settings`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(o_,{})}),(0,u.jsx)(`div`,{className:`mun:w-7 mun:border-l mun:border-border`,children:[{value:`columns`,label:`Columns`,icon:yf},{value:`rows`,label:`Rows`,icon:Mf},{value:`filter`,label:`Filter`,icon:Cf},{value:`dnd`,label:`Dnd`,icon:wf},{value:`settings`,label:`Settings`,icon:Pf}].map(({value:e,label:n,icon:i})=>(0,u.jsxs)(Z,{variant:`ghost`,size:`sm`,className:X(`mun:[writing-mode:vertical-rl] mun:rounded-none mun:h-auto mun:w-full mun:hover:bg-background! mun:cursor-pointer`,t===e&&`bg-background`),onClick:()=>r(e),children:[(0,u.jsx)(i,{}),n]},e))})]})},c_=({columns:e,payload:t,state:n,onColumnFiltersChange:r,onPaginationChange:i,onSortingChange:a,onRowSelectionChange:o,isLoading:s,isError:c,setGlobalFilter:l,getRowCanExpand:d,renderSubComponent:f,manualPagination:p,enableRowSelection:m,isFetching:h,refetch:g,height:_=`65vh`,isToolbar:v,isPagination:y,children:b,name:x})=>(0,u.jsx)(wt,{payload:t,columns:e,state:n,onColumnFiltersChange:r,onRowSelectionChange:o,onPaginationChange:i,onSortingChange:a,isLoading:s,isError:c,setGlobalFilter:l,getRowCanExpand:d,renderSubComponent:f,manualPagination:p,enableRowSelection:m,isFetching:h,refetch:g,name:x,height:_,children:(0,u.jsx)(l_,{isToolbar:v,isPagination:y,children:b})}),l_=({children:e,isToolbar:t=!0,isPagination:n=!0})=>{let{gridWrapperRef:r}=H(),i=(0,l.useRef)(null),[a,o]=(0,l.useState)(0);return(0,l.useLayoutEffect)(()=>{i.current&&o(i.current.getBoundingClientRect().height)},[]),(0,l.useEffect)(()=>{let e=i.current;if(!e)return;let t=()=>{o(e.getBoundingClientRect().height)},n=new ResizeObserver(t);return n.observe(e),document.addEventListener(`fullscreenchange`,t),window.addEventListener(`resize`,t),()=>{n.disconnect(),document.removeEventListener(`fullscreenchange`,t),window.removeEventListener(`resize`,t)}},[]),(0,u.jsxs)(`div`,{ref:r,children:[e,(0,u.jsx)(`div`,{className:`mun:relative`,children:(0,u.jsxs)(`div`,{className:`mun:space-y-2`,children:[(0,u.jsxs)(`div`,{className:`mun:flex mun:items-start mun:bg-muted mun:rounded-md mun:overflow-hidden mun:border mun:border-border mun:w-full`,children:[(0,u.jsx)(bp,{}),(0,u.jsx)(`div`,{className:`mun:overflow-hidden mun:flex-1`,ref:i,children:(0,u.jsx)(Pp,{})}),(0,u.jsx)(Ep,{}),t&&(0,u.jsx)(s_,{height:a})]}),n&&(0,u.jsx)(Lf,{pagination:[20,30,40,50,60,70,80,90,100]})]})})]})},u_=()=>{let[e,t]=l.default.useState([]),[n,r]=l.default.useState({pageIndex:0,pageSize:20}),[i,a]=l.default.useState([]),[o,s]=l.default.useState({}),[c,u]=l.default.useState(``);return{state:{columnFilters:e,globalFilter:c,pagination:n,sorting:i,rowSelection:o},handlers:{onColumnFiltersChange:t,onPaginationChange:r,onSortingChange:a,setGlobalFilter:u,onRowSelectionChange:s},rowSelection:o}},d_=e=>new URLSearchParams(e.flatMap(({id:e,value:t})=>{let n=e.replace(/_/g,`.`);return Array.isArray(t)&&t.length===2?[...t[0]!=null&&t[0]!==``?[[`${n}[gte]`,String(t[0])]]:[],...t[1]!=null&&t[1]!==``?[[`${n}[lte]`,String(t[1])]]:[]]:typeof t==`object`&&t?Object.entries(t).flatMap(([e,t])=>`eq.ne.gt.gte.lt.lte.in.nin.regex.exists.all.size.elemMatch.type.mod.not.and.or.nor.text.where.geoWithin.geoIntersects.near.nearSphere.expr.jsonSchema.bitsAllClear.bitsAllSet.bitsAnyClear.bitsAnySet.rand`.split(`.`).includes(e)&&t!=null&&t!==``?[[`${n}[${e}]`,String(t)]]:[]):t!=null&&t!==``?[[n,String(t)]]:[]})).toString();function f_(e){if(!e||e.length===0)return``;let t=e.filter(e=>e.id!=null&&e.id.trim()!==``).map(e=>e.desc?e.id:`-${e.id}`);return t.length===0?``:`sort=${t.join(`,`)}`}var p_=e=>(0,l.useMemo)(()=>({pagination:e.pagination,queryParams:d_(e.columnFilters),sort:f_(e.sorting),globalFilter:e.globalFilter}),[e]),m_=`eq.ne.gt.gte.lt.lte.in.nin.regex.exists.all.size.elemMatch.type.mod.not.and.or.nor.text.where.geoWithin.geoIntersects.near.nearSphere.expr.jsonSchema.bitsAllClear.bitsAllSet.bitsAnyClear.bitsAnySet.rand`.split(`.`);function h_(e,t){let{id:n,value:r}=t,i=n.replace(/_/g,`.`);if(Array.isArray(r)&&r.length===2){r[0]!=null&&r[0]!==``&&e.set(`${i}[gte]`,String(r[0])),r[1]!=null&&r[1]!==``&&e.set(`${i}[lte]`,String(r[1]));return}if(typeof r==`object`&&r){Object.entries(r).forEach(([t,n])=>{m_.includes(t)&&n!=null&&n!==``&&e.set(`${i}[${t}]`,String(n))});return}r!=null&&r!==``&&e.set(i,String(r))}function g_(e){let t=new URLSearchParams;if(t.set(`page`,String(e.pagination.pageIndex+1)),t.set(`limit`,String(e.pagination.pageSize)),e.columnFilters.forEach(e=>{h_(t,e)}),e.sorting.length>0){let n=e.sorting.map(e=>e.desc?`-${e.id}`:e.id).join(`,`);t.set(`sort`,n)}return e.globalFilter&&t.set(`q`,e.globalFilter),`?${t.toString()}`}exports.Grid=c_,exports.URLSearch=g_,exports.useGrid=H,exports.useGridState=u_,exports.useQueryArgs=p_;
|
package/dist/index.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@layer theme{:host,:root{--mun-color-red-500:oklch(63.7% 0.237 25.331);--mun-color-red-600:oklch(57.7% 0.245 27.325);--mun-color-blue-500:oklch(62.3% 0.214 259.815);--mun-color-neutral-500:oklch(55.6% 0 0);--mun-color-neutral-700:oklch(37.1% 0 0);--mun-color-stone-100:oklch(97% 0.001 106.424);--mun-color-stone-300:oklch(86.9% 0.005 56.366);--mun-color-black:#000;--mun-spacing:0.25rem;--mun-container-sm:24rem;--mun-container-md:28rem;--mun-text-xs:0.75rem;--mun-text-xs--line-height:calc(1 / 0.75);--mun-text-sm:0.875rem;--mun-text-sm--line-height:calc(1.25 / 0.875);--mun-text-base:1rem;--mun-text-base--line-height:calc(1.5 / 1);--mun-text-2xl:1.5rem;--mun-text-2xl--line-height:calc(2 / 1.5);--mun-font-weight-medium:500;--mun-font-weight-semibold:600;--mun-font-weight-bold:700;--mun-tracking-tight:-0.025em;--mun-tracking-widest:0.1em;--mun-leading-relaxed:1.625;--mun-animate-spin:spin 1s linear infinite;--mun-animate-pulse:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--mun-default-transition-duration:0.15s;--mun-default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}}@layer utilities{.mun\:data-\[state\=closed\]\:overflow-hidden[data-state=closed],.mun\:overflow-hidden,.mun\:truncate{overflow:hidden}.mun\:truncate,.mun\:whitespace-nowrap{white-space:nowrap}.mun\:transition-all,.mun\:transition-colors{transition-timing-function:var(--tw-ease,var(--mun-default-transition-timing-function));transition-duration:var(
|
|
2
2
|
--tw-duration,
|
|
3
3
|
var(--mun-default-transition-duration)
|
|
4
|
-
)}.mun\:-translate-x-1\/2,.mun\:-translate-y-1\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.mun\:aria-invalid\:ring-3[aria-invalid=true],.mun\:ring-1,.mun\:shadow-lg,.mun\:shadow-md{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mun\:\[\&_svg\]\:pointer-events-none svg,.mun\:disabled\:pointer-events-none:disabled,.mun\:pointer-events-none{pointer-events:none}.mun\:invisible{visibility:hidden}.mun\:absolute{position:absolute}.mun\:relative{position:relative}.mun\:top-0{top:0}.mun\:top-1\/2{top:50%}.mun\:right-0{right:0}.mun\:right-2{right:calc(var(--mun-spacing) * 2)}.mun\:right-2\.5{right:calc(var(--mun-spacing) * 2.5)}.mun\:left-1\/2{left:50%}.mun\:z-50{z-index:50}.mun\:container,.mun\:w-full{width:100%}@media (width>=40rem){.mun\:container{max-width:40rem}}@media (width>=48rem){.mun\:container{max-width:48rem}.mun\:md\:text-sm{font-size:var(--mun-text-sm);line-height:var(--tw-leading, var(--mun-text-sm--line-height))}}@media (width>=64rem){.mun\:container{max-width:64rem}}@media (width>=80rem){.mun\:container{max-width:80rem}}@media (width>=96rem){.mun\:container{max-width:96rem}}.mun\:-mx-1{margin-inline:calc(var(--mun-spacing) * -1)}.mun\:my-1{margin-block:var(--mun-spacing)}.mun\:mt-4{margin-top:calc(var(--mun-spacing) * 4)}.mun\:mr-2{margin-right:calc(var(--mun-spacing) * 2)}.mun\:mb-2{margin-bottom:calc(var(--mun-spacing) * 2)}.mun\:mb-3{margin-bottom:calc(var(--mun-spacing) * 3)}.mun\:mb-6{margin-bottom:calc(var(--mun-spacing) * 6)}.mun\:ml-auto{margin-left:auto}.mun\:flex{display:flex}.mun\:grid{display:grid}.mun\:inline-flex{display:inline-flex}.mun\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]),.mun\:size-4{width:calc(var(--mun-spacing) * 4);height:calc(var(--mun-spacing) * 4)}.mun\:size-6{width:calc(var(--mun-spacing) * 6);height:calc(var(--mun-spacing) * 6)}.mun\:size-7{width:calc(var(--mun-spacing) * 7);height:calc(var(--mun-spacing) * 7)}.mun\:size-8{width:calc(var(--mun-spacing) * 8);height:calc(var(--mun-spacing) * 8)}.mun\:size-9{width:calc(var(--mun-spacing) * 9);height:calc(var(--mun-spacing) * 9)}.mun\:h-4{height:calc(var(--mun-spacing) * 4)}.mun\:h-6{height:calc(var(--mun-spacing) * 6)}.mun\:data-\[size\=sm\]\:h-7[data-size=sm],.mun\:h-7{height:calc(var(--mun-spacing) * 7)}.mun\:h-8{height:calc(var(--mun-spacing) * 8)}.mun\:h-9{height:calc(var(--mun-spacing) * 9)}.mun\:h-10{height:calc(var(--mun-spacing) * 10)}.mun\:h-auto{height:auto}.mun\:h-full{height:100%}.mun\:h-px{height:1px}.mun\:max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.mun\:w-\(--radix-dropdown-menu-trigger-width\){width:var(--radix-dropdown-menu-trigger-width)}.mun\:w-1\.25{width:calc(var(--mun-spacing) * 1.25)}.mun\:w-4{width:calc(var(--mun-spacing) * 4)}.mun\:w-7{width:calc(var(--mun-spacing) * 7)}.mun\:w-16{width:calc(var(--mun-spacing) * 16)}.mun\:w-52{width:calc(var(--mun-spacing) * 52)}.mun\:w-fit{width:fit-content}.mun\:max-w-80{max-width:calc(var(--mun-spacing) * 80)}.mun\:max-w-md{max-width:var(--mun-container-md)}.mun\:max-w-sm{max-width:var(--mun-container-sm)}.mun\:min-w-0{min-width:0}.mun\:min-w-32{min-width:calc(var(--mun-spacing) * 32)}.mun\:min-w-\[96px\]{min-width:96px}.mun\:flex-1{flex:1}.mun\:\[\&_svg\]\:shrink-0 svg,.mun\:shrink-0{flex-shrink:0}.mun\:caption-bottom{caption-side:bottom}.mun\:origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.mun\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)}.mun\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)}.mun\:-rotate-45{rotate:-45deg}.mun\:rotate-45{rotate:45deg}.mun\:animate-pulse{animation:var(--mun-animate-pulse)}.mun\:animate-spin{animation:var(--mun-animate-spin)}.mun\:cursor-col-resize{cursor:col-resize}.mun\:cursor-default{cursor:default}.mun\:cursor-grab{cursor:grab}.mun\:cursor-pointer{cursor:pointer}.mun\:touch-none{touch-action:none}.mun\:\[scrollbar-color\:transparent_transparent\]{scrollbar-color:transparent transparent}.mun\:appearance-none{appearance:none}.mun\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mun\:flex-col{flex-direction:column}.mun\:flex-wrap{flex-wrap:wrap}.mun\:place-content-center{place-content:center}.mun\:items-center{align-items:center}.mun\:items-start{align-items:flex-start}.mun\:justify-between{justify-content:space-between}.mun\:justify-center{justify-content:center}.mun\:gap-1{gap:var(--mun-spacing)}.mun\:gap-1\.5{gap:calc(var(--mun-spacing) * 1.5)}.mun\:gap-2{gap:calc(var(--mun-spacing) * 2)}.mun\:gap-2\.5{gap:calc(var(--mun-spacing) * 2.5)}.mun\:gap-3{gap:calc(var(--mun-spacing) * 3)}.mun\:gap-4{gap:calc(var(--mun-spacing) * 4)}:where(.mun\:space-y-2 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--mun-spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--mun-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.mun\:truncate{text-overflow:ellipsis}.mun\:overflow-scroll{overflow:scroll}.mun\:overflow-x-hidden{overflow-x:hidden}.mun\:overflow-y-auto{overflow-y:auto}.mun\:overflow-y-scroll{overflow-y:scroll}.mun\:rounded{border-radius:.25rem}.mun\:rounded-\[4px\]{border-radius:4px}.mun\:data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm],.mun\:rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.mun\:rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.mun\:rounded-lg{border-radius:var(--radius)}.mun\:rounded-md{border-radius:calc(var(--radius) * .8)}.mun\:rounded-none{border-radius:0}.mun\:rounded-xl{border-radius:calc(var(--radius) * 1.4)}.mun\:border{border-style:var(--tw-border-style);border-width:1px}.mun\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.mun\:\[\&_tr\]\:border-b tr,.mun\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.mun\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.mun\:border-dashed{--tw-border-style:dashed;border-style:dashed}.mun\:border-border{border-color:var(--border)}.mun\:border-input{border-color:var(--input)}.mun\:border-transparent{border-color:#0000}.mun\:bg-\[Canvas\]{background-color:canvas}.mun\:bg-background{background-color:var(--background)}.mun\:bg-black\/50{background-color:var(--mun-color-black)}.mun\:bg-blue-500{background-color:var(--mun-color-blue-500)}.mun\:bg-border{background-color:var(--border)}.mun\:bg-destructive\/10,.mun\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}.mun\:bg-muted,.mun\:bg-muted\/50{background-color:var(--muted)}.mun\:bg-popover{background-color:var(--popover)}.mun\:bg-primary{background-color:var(--primary)}.mun\:aria-expanded\:bg-secondary[aria-expanded=true],.mun\:bg-secondary{background-color:var(--secondary)}.mun\:bg-transparent{background-color:#0000}.mun\:bg-clip-padding{background-clip:padding-box}.mun\:p-0{padding:0}.mun\:p-1{padding:var(--mun-spacing)}.mun\:p-1\.5{padding:calc(var(--mun-spacing) * 1.5)}.mun\:p-2{padding:calc(var(--mun-spacing) * 2)}.mun\:p-6{padding:calc(var(--mun-spacing) * 6)}.mun\:p-10{padding:calc(var(--mun-spacing) * 10)}.mun\:px-1\.5{padding-inline:calc(var(--mun-spacing) * 1.5)}.mun\:px-2{padding-inline:calc(var(--mun-spacing) * 2)}.mun\:px-2\.5{padding-inline:calc(var(--mun-spacing) * 2.5)}.mun\:py-1{padding-block:var(--mun-spacing)}.mun\:py-1\.5{padding-block:calc(var(--mun-spacing) * 1.5)}.mun\:py-4{padding-block:calc(var(--mun-spacing) * 4)}.mun\:pr-0{padding-right:0}.mun\:pr-8{padding-right:calc(var(--mun-spacing) * 8)}.mun\:pb-1\.5{padding-bottom:calc(var(--mun-spacing) * 1.5)}.mun\:pb-2\.5{padding-bottom:calc(var(--mun-spacing) * 2.5)}.mun\:pl-1\.5{padding-left:calc(var(--mun-spacing) * 1.5)}.mun\:pl-2\.5{padding-left:calc(var(--mun-spacing) * 2.5)}.mun\:text-center{text-align:center}.mun\:text-left{text-align:left}.mun\:align-middle{vertical-align:middle}.mun\:font-heading{font-family:var(--font-sans)}.mun\:text-2xl{font-size:var(--mun-text-2xl);line-height:var(--tw-leading, var(--mun-text-2xl--line-height))}.mun\:text-base{font-size:var(--mun-text-base);line-height:var(--tw-leading, var(--mun-text-base--line-height))}.mun\:text-sm{font-size:var(--mun-text-sm);line-height:var(--tw-leading, var(--mun-text-sm--line-height))}.mun\:text-sm\/relaxed{font-size:var(--mun-text-sm);line-height:var(--mun-leading-relaxed)}.mun\:text-xs{font-size:var(--mun-text-xs);line-height:var(--tw-leading, var(--mun-text-xs--line-height))}.mun\:text-\[0\.8rem\]{font-size:.8rem}.mun\:leading-none{--tw-leading:1;line-height:1}.mun\:font-bold{--tw-font-weight:var(--mun-font-weight-bold);font-weight:var(--mun-font-weight-bold)}.mun\:font-medium{--tw-font-weight:var(--mun-font-weight-medium);font-weight:var(--mun-font-weight-medium)}.mun\:font-semibold{--tw-font-weight:var(--mun-font-weight-semibold);font-weight:var(--mun-font-weight-semibold)}.mun\:tracking-tight{--tw-tracking:var(--mun-tracking-tight);letter-spacing:var(--mun-tracking-tight)}.mun\:tracking-widest{--tw-tracking:var(--mun-tracking-widest);letter-spacing:var(--mun-tracking-widest)}.mun\:text-balance{text-wrap:balance}.mun\:text-\[CanvasText\]{color:canvastext}.mun\:text-current{color:currentColor}.mun\:data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus,.mun\:data-\[variant\=destructive\]\:text-destructive[data-variant=destructive],.mun\:text-destructive{color:var(--destructive)}.mun\:text-foreground{color:var(--foreground)}.mun\:text-muted-foreground{color:var(--muted-foreground)}.mun\:text-popover-foreground{color:var(--popover-foreground)}.mun\:\[\&\>a\:hover\]\:text-primary>a:hover,.mun\:text-primary{color:var(--primary)}.mun\:text-primary-foreground{color:var(--primary-foreground)}.mun\:text-red-500{color:var(--mun-color-red-500)}.mun\:text-red-600{color:var(--mun-color-red-600)}.mun\:aria-expanded\:text-secondary-foreground[aria-expanded=true],.mun\:text-secondary-foreground{color:var(--secondary-foreground)}.mun\:\[\&\>a\]\:underline-offset-4>a,.mun\:underline-offset-4{text-underline-offset:4px}.mun\:opacity-0{opacity:0}.mun\:opacity-100{opacity:1}.mun\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, #0000001a),0 4px 6px -4px var(--tw-shadow-color, #0000001a)}.mun\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color, #0000001a),0 2px 4px -2px var(--tw-shadow-color, #0000001a)}.mun\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)}.mun\:ring-foreground\/10{--tw-ring-color:var(--foreground)}.mun\:outline-hidden,.mun\:outline-none{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.mun\:outline-hidden{outline-offset:2px;outline:#0000 solid 2px}}.mun\:transition-all{transition-property:all}.mun\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to}.mun\:transition-none{transition-property:none}.mun\:duration-100{--tw-duration:0.1s;transition-duration:.1s}.mun\:select-none{-webkit-user-select:none;user-select:none}.mun\:\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}:is(.mun\:\*\:border-r > *){border-right-style:var(--tw-border-style);border-right-width:1px}:is(.mun\:\*\:border-border > *){border-color:var(--border)}.mun\:group-focus\/dropdown-menu-item\:text-accent-foreground:is(
|
|
4
|
+
)}.mun\:-translate-x-1\/2,.mun\:-translate-y-1\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.mun\:aria-invalid\:ring-3[aria-invalid=true],.mun\:ring-1,.mun\:shadow-lg,.mun\:shadow-md{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mun\:\[\&_svg\]\:pointer-events-none svg,.mun\:disabled\:pointer-events-none:disabled,.mun\:pointer-events-none{pointer-events:none}.mun\:invisible{visibility:hidden}.mun\:absolute{position:absolute}.mun\:relative{position:relative}.mun\:top-0{top:0}.mun\:top-1\/2{top:50%}.mun\:right-0{right:0}.mun\:right-2{right:calc(var(--mun-spacing) * 2)}.mun\:right-2\.5{right:calc(var(--mun-spacing) * 2.5)}.mun\:left-1\/2{left:50%}.mun\:z-50{z-index:50}.mun\:col-span-full{grid-column:1/-1}.mun\:container,.mun\:w-full{width:100%}@media (width>=40rem){.mun\:container{max-width:40rem}}@media (width>=48rem){.mun\:container{max-width:48rem}.mun\:md\:text-sm{font-size:var(--mun-text-sm);line-height:var(--tw-leading, var(--mun-text-sm--line-height))}}@media (width>=64rem){.mun\:container{max-width:64rem}}@media (width>=80rem){.mun\:container{max-width:80rem}}@media (width>=96rem){.mun\:container{max-width:96rem}}.mun\:-mx-1{margin-inline:calc(var(--mun-spacing) * -1)}.mun\:my-1{margin-block:var(--mun-spacing)}.mun\:mt-4{margin-top:calc(var(--mun-spacing) * 4)}.mun\:mr-2{margin-right:calc(var(--mun-spacing) * 2)}.mun\:mb-2{margin-bottom:calc(var(--mun-spacing) * 2)}.mun\:mb-3{margin-bottom:calc(var(--mun-spacing) * 3)}.mun\:mb-6{margin-bottom:calc(var(--mun-spacing) * 6)}.mun\:ml-auto{margin-left:auto}.mun\:flex{display:flex}.mun\:grid{display:grid}.mun\:inline-flex{display:inline-flex}.mun\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]),.mun\:size-4{width:calc(var(--mun-spacing) * 4);height:calc(var(--mun-spacing) * 4)}.mun\:size-6{width:calc(var(--mun-spacing) * 6);height:calc(var(--mun-spacing) * 6)}.mun\:size-7{width:calc(var(--mun-spacing) * 7);height:calc(var(--mun-spacing) * 7)}.mun\:size-8{width:calc(var(--mun-spacing) * 8);height:calc(var(--mun-spacing) * 8)}.mun\:size-9{width:calc(var(--mun-spacing) * 9);height:calc(var(--mun-spacing) * 9)}.mun\:h-4{height:calc(var(--mun-spacing) * 4)}.mun\:h-6{height:calc(var(--mun-spacing) * 6)}.mun\:data-\[size\=sm\]\:h-7[data-size=sm],.mun\:h-7{height:calc(var(--mun-spacing) * 7)}.mun\:h-8{height:calc(var(--mun-spacing) * 8)}.mun\:h-9{height:calc(var(--mun-spacing) * 9)}.mun\:h-10{height:calc(var(--mun-spacing) * 10)}.mun\:h-auto{height:auto}.mun\:h-full{height:100%}.mun\:h-px{height:1px}.mun\:max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.mun\:w-\(--radix-dropdown-menu-trigger-width\){width:var(--radix-dropdown-menu-trigger-width)}.mun\:w-1\.25{width:calc(var(--mun-spacing) * 1.25)}.mun\:w-4{width:calc(var(--mun-spacing) * 4)}.mun\:w-7{width:calc(var(--mun-spacing) * 7)}.mun\:w-16{width:calc(var(--mun-spacing) * 16)}.mun\:w-52{width:calc(var(--mun-spacing) * 52)}.mun\:w-fit{width:fit-content}.mun\:max-w-80{max-width:calc(var(--mun-spacing) * 80)}.mun\:max-w-md{max-width:var(--mun-container-md)}.mun\:max-w-sm{max-width:var(--mun-container-sm)}.mun\:min-w-0{min-width:0}.mun\:min-w-32{min-width:calc(var(--mun-spacing) * 32)}.mun\:min-w-\[96px\]{min-width:96px}.mun\:flex-1{flex:1}.mun\:\[\&_svg\]\:shrink-0 svg,.mun\:shrink-0{flex-shrink:0}.mun\:caption-bottom{caption-side:bottom}.mun\:origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.mun\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)}.mun\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)}.mun\:-rotate-45{rotate:-45deg}.mun\:rotate-45{rotate:45deg}.mun\:animate-pulse{animation:var(--mun-animate-pulse)}.mun\:animate-spin{animation:var(--mun-animate-spin)}.mun\:cursor-col-resize{cursor:col-resize}.mun\:cursor-default{cursor:default}.mun\:cursor-grab{cursor:grab}.mun\:cursor-pointer{cursor:pointer}.mun\:touch-none{touch-action:none}.mun\:\[scrollbar-color\:transparent_transparent\]{scrollbar-color:transparent transparent}.mun\:appearance-none{appearance:none}.mun\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mun\:flex-col{flex-direction:column}.mun\:flex-wrap{flex-wrap:wrap}.mun\:place-content-center{place-content:center}.mun\:items-center{align-items:center}.mun\:items-start{align-items:flex-start}.mun\:justify-between{justify-content:space-between}.mun\:justify-center{justify-content:center}.mun\:gap-1{gap:var(--mun-spacing)}.mun\:gap-1\.5{gap:calc(var(--mun-spacing) * 1.5)}.mun\:gap-2{gap:calc(var(--mun-spacing) * 2)}.mun\:gap-2\.5{gap:calc(var(--mun-spacing) * 2.5)}.mun\:gap-3{gap:calc(var(--mun-spacing) * 3)}.mun\:gap-4{gap:calc(var(--mun-spacing) * 4)}:where(.mun\:space-y-2 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--mun-spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--mun-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.mun\:truncate{text-overflow:ellipsis}.mun\:overflow-scroll{overflow:scroll}.mun\:overflow-x-hidden{overflow-x:hidden}.mun\:overflow-y-auto{overflow-y:auto}.mun\:overflow-y-scroll{overflow-y:scroll}.mun\:rounded{border-radius:.25rem}.mun\:rounded-\[4px\]{border-radius:4px}.mun\:data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm],.mun\:rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.mun\:rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.mun\:rounded-lg{border-radius:var(--radius)}.mun\:rounded-md{border-radius:calc(var(--radius) * .8)}.mun\:rounded-none{border-radius:0}.mun\:rounded-xl{border-radius:calc(var(--radius) * 1.4)}.mun\:border{border-style:var(--tw-border-style);border-width:1px}.mun\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.mun\:\[\&_tr\]\:border-b tr,.mun\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.mun\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.mun\:border-dashed{--tw-border-style:dashed;border-style:dashed}.mun\:border-border{border-color:var(--border)}.mun\:border-input{border-color:var(--input)}.mun\:border-transparent{border-color:#0000}.mun\:bg-\[Canvas\]{background-color:canvas}.mun\:bg-background{background-color:var(--background)}.mun\:bg-black\/50{background-color:var(--mun-color-black)}.mun\:bg-blue-500{background-color:var(--mun-color-blue-500)}.mun\:bg-border{background-color:var(--border)}.mun\:bg-destructive\/10,.mun\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}.mun\:bg-muted,.mun\:bg-muted\/50{background-color:var(--muted)}.mun\:bg-popover{background-color:var(--popover)}.mun\:bg-primary{background-color:var(--primary)}.mun\:aria-expanded\:bg-secondary[aria-expanded=true],.mun\:bg-secondary{background-color:var(--secondary)}.mun\:bg-transparent{background-color:#0000}.mun\:bg-clip-padding{background-clip:padding-box}.mun\:p-0{padding:0}.mun\:p-1{padding:var(--mun-spacing)}.mun\:p-1\.5{padding:calc(var(--mun-spacing) * 1.5)}.mun\:p-2{padding:calc(var(--mun-spacing) * 2)}.mun\:p-6{padding:calc(var(--mun-spacing) * 6)}.mun\:p-10{padding:calc(var(--mun-spacing) * 10)}.mun\:px-1\.5{padding-inline:calc(var(--mun-spacing) * 1.5)}.mun\:px-2{padding-inline:calc(var(--mun-spacing) * 2)}.mun\:px-2\.5{padding-inline:calc(var(--mun-spacing) * 2.5)}.mun\:py-1{padding-block:var(--mun-spacing)}.mun\:py-1\.5{padding-block:calc(var(--mun-spacing) * 1.5)}.mun\:py-4{padding-block:calc(var(--mun-spacing) * 4)}.mun\:pr-0{padding-right:0}.mun\:pr-8{padding-right:calc(var(--mun-spacing) * 8)}.mun\:pb-1\.5{padding-bottom:calc(var(--mun-spacing) * 1.5)}.mun\:pb-2\.5{padding-bottom:calc(var(--mun-spacing) * 2.5)}.mun\:pl-1\.5{padding-left:calc(var(--mun-spacing) * 1.5)}.mun\:pl-2\.5{padding-left:calc(var(--mun-spacing) * 2.5)}.mun\:text-center{text-align:center}.mun\:text-left{text-align:left}.mun\:align-middle{vertical-align:middle}.mun\:font-heading{font-family:var(--font-sans)}.mun\:text-2xl{font-size:var(--mun-text-2xl);line-height:var(--tw-leading, var(--mun-text-2xl--line-height))}.mun\:text-base{font-size:var(--mun-text-base);line-height:var(--tw-leading, var(--mun-text-base--line-height))}.mun\:text-sm{font-size:var(--mun-text-sm);line-height:var(--tw-leading, var(--mun-text-sm--line-height))}.mun\:text-sm\/relaxed{font-size:var(--mun-text-sm);line-height:var(--mun-leading-relaxed)}.mun\:text-xs{font-size:var(--mun-text-xs);line-height:var(--tw-leading, var(--mun-text-xs--line-height))}.mun\:text-\[0\.8rem\]{font-size:.8rem}.mun\:leading-none{--tw-leading:1;line-height:1}.mun\:font-bold{--tw-font-weight:var(--mun-font-weight-bold);font-weight:var(--mun-font-weight-bold)}.mun\:font-medium{--tw-font-weight:var(--mun-font-weight-medium);font-weight:var(--mun-font-weight-medium)}.mun\:font-semibold{--tw-font-weight:var(--mun-font-weight-semibold);font-weight:var(--mun-font-weight-semibold)}.mun\:tracking-tight{--tw-tracking:var(--mun-tracking-tight);letter-spacing:var(--mun-tracking-tight)}.mun\:tracking-widest{--tw-tracking:var(--mun-tracking-widest);letter-spacing:var(--mun-tracking-widest)}.mun\:text-balance{text-wrap:balance}.mun\:text-\[CanvasText\]{color:canvastext}.mun\:text-current{color:currentColor}.mun\:data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus,.mun\:data-\[variant\=destructive\]\:text-destructive[data-variant=destructive],.mun\:text-destructive{color:var(--destructive)}.mun\:text-foreground{color:var(--foreground)}.mun\:text-muted-foreground{color:var(--muted-foreground)}.mun\:text-popover-foreground{color:var(--popover-foreground)}.mun\:\[\&\>a\:hover\]\:text-primary>a:hover,.mun\:text-primary{color:var(--primary)}.mun\:text-primary-foreground{color:var(--primary-foreground)}.mun\:text-red-500{color:var(--mun-color-red-500)}.mun\:text-red-600{color:var(--mun-color-red-600)}.mun\:aria-expanded\:text-secondary-foreground[aria-expanded=true],.mun\:text-secondary-foreground{color:var(--secondary-foreground)}.mun\:\[\&\>a\]\:underline-offset-4>a,.mun\:underline-offset-4{text-underline-offset:4px}.mun\:opacity-0{opacity:0}.mun\:opacity-100{opacity:1}.mun\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, #0000001a),0 4px 6px -4px var(--tw-shadow-color, #0000001a)}.mun\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color, #0000001a),0 2px 4px -2px var(--tw-shadow-color, #0000001a)}.mun\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)}.mun\:ring-foreground\/10{--tw-ring-color:var(--foreground)}.mun\:outline-hidden,.mun\:outline-none{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.mun\:outline-hidden{outline-offset:2px;outline:#0000 solid 2px}}.mun\:transition-all{transition-property:all}.mun\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to}.mun\:transition-none{transition-property:none}.mun\:duration-100{--tw-duration:0.1s;transition-duration:.1s}.mun\:select-none{-webkit-user-select:none;user-select:none}.mun\:\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}:is(.mun\:\*\:border-r > *){border-right-style:var(--tw-border-style);border-right-width:1px}:is(.mun\:\*\:border-border > *){border-color:var(--border)}.mun\:group-focus\/dropdown-menu-item\:text-accent-foreground:is(
|
|
5
5
|
:where(.mun\:group\/dropdown-menu-item):focus *
|
|
6
6
|
){color:var(--accent-foreground)}.mun\:group-has-disabled\/field\:opacity-50:is(
|
|
7
7
|
:where(.mun\:group\/field):has(:disabled) *
|
package/dist/index.js
CHANGED
|
@@ -8520,6 +8520,7 @@ var Gp = () => {
|
|
|
8520
8520
|
variant: "outline",
|
|
8521
8521
|
size: "xs",
|
|
8522
8522
|
disabled: !e.getIsSomeColumnsPinned(),
|
|
8523
|
+
className: "mun:col-span-full",
|
|
8523
8524
|
children: n ? "Exit Split View" : "Enter Split View"
|
|
8524
8525
|
})
|
|
8525
8526
|
]
|
|
@@ -11049,7 +11050,7 @@ var u_ = ({ column: e }) => {
|
|
|
11049
11050
|
})
|
|
11050
11051
|
]
|
|
11051
11052
|
});
|
|
11052
|
-
}, h_ = ({ columns: e, payload: t, state: n, onColumnFiltersChange: r, onPaginationChange: i, onSortingChange: a, onRowSelectionChange: o, isLoading: s, isError: c, setGlobalFilter: l, getRowCanExpand: u, renderSubComponent: d, manualPagination: f, enableRowSelection: p, isFetching: m, refetch: g, height: _ = "65vh", isToolbar: v
|
|
11053
|
+
}, h_ = ({ columns: e, payload: t, state: n, onColumnFiltersChange: r, onPaginationChange: i, onSortingChange: a, onRowSelectionChange: o, isLoading: s, isError: c, setGlobalFilter: l, getRowCanExpand: u, renderSubComponent: d, manualPagination: f, enableRowSelection: p, isFetching: m, refetch: g, height: _ = "65vh", isToolbar: v, isPagination: y, children: b, name: x }) => /* @__PURE__ */ h(Mt, {
|
|
11053
11054
|
payload: t,
|
|
11054
11055
|
columns: e,
|
|
11055
11056
|
state: n,
|
|
@@ -11073,7 +11074,7 @@ var u_ = ({ column: e }) => {
|
|
|
11073
11074
|
isPagination: y,
|
|
11074
11075
|
children: b
|
|
11075
11076
|
})
|
|
11076
|
-
}), g_ = ({ children: e, isToolbar: t, isPagination: n }) => {
|
|
11077
|
+
}), g_ = ({ children: e, isToolbar: t = !0, isPagination: n = !0 }) => {
|
|
11077
11078
|
let { gridWrapperRef: r } = H(), i = f(null), [a, o] = p(0);
|
|
11078
11079
|
return l(() => {
|
|
11079
11080
|
i.current && o(i.current.getBoundingClientRect().height);
|