@warkypublic/oranguru 0.0.23 → 0.0.25
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/lib.cjs.js +7 -7
- package/dist/lib.cjs.js.map +1 -1
- package/dist/lib.d.ts +148 -17
- package/dist/lib.es.js +1518 -880
- package/dist/lib.es.js.map +1 -1
- package/package.json +37 -26
package/dist/lib.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),U=require("react-hook-form"),he=require("@warkypublic/artemis-kit"),me=require("@warkypublic/zustandsyncstore"),V=require("immer"),C=require("@mantine/core"),$=require("@tabler/icons-react"),N=require("@glideapps/glide-data-grid"),Z=require("@mantine/hooks");var ie={exports:{}},X={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/var Ce;function Me(){if(Ce)return X;Ce=1;var o=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function e(t,n,l){var i=null;if(l!==void 0&&(i=""+l),n.key!==void 0&&(i=""+n.key),"key"in n){l={};for(var s in n)s!=="key"&&(l[s]=n[s])}else l=n;return n=l.ref,{$$typeof:o,type:t,key:i,ref:n!==void 0?n:null,props:l}}return X.Fragment=r,X.jsx=e,X.jsxs=e,X}var Q={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,27 +14,27 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
17
|
+
*/var we;function Oe(){return we||(we=1,process.env.NODE_ENV!=="production"&&(function(){function o(c){if(c==null)return null;if(typeof c=="function")return c.$$typeof===M?null:c.displayName||c.name||null;if(typeof c=="string")return c;switch(c){case R:return"Fragment";case O:return"Profiler";case _:return"StrictMode";case m:return"Suspense";case b:return"SuspenseList";case D:return"Activity"}if(typeof c=="object")switch(typeof c.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),c.$$typeof){case E:return"Portal";case H:return c.displayName||"Context";case j:return(c._context.displayName||"Context")+".Consumer";case w:var v=c.render;return c=c.displayName,c||(c=v.displayName||v.name||"",c=c!==""?"ForwardRef("+c+")":"ForwardRef"),c;case P:return v=c.displayName||null,v!==null?v:o(c.type)||"Memo";case A:v=c._payload,c=c._init;try{return o(c(v))}catch{}}return null}function r(c){return""+c}function e(c){try{r(c);var v=!1}catch{v=!0}if(v){v=console;var x=v.error,k=typeof Symbol=="function"&&Symbol.toStringTag&&c[Symbol.toStringTag]||c.constructor.name||"Object";return x.call(v,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",k),r(c)}}function t(c){if(c===R)return"<>";if(typeof c=="object"&&c!==null&&c.$$typeof===A)return"<...>";try{var v=o(c);return v?"<"+v+">":"<...>"}catch{return"<...>"}}function n(){var c=G.A;return c===null?null:c.getOwner()}function l(){return Error("react-stack-top-frame")}function i(c){if(T.call(c,"key")){var v=Object.getOwnPropertyDescriptor(c,"key").get;if(v&&v.isReactWarning)return!1}return c.key!==void 0}function s(c,v){function x(){ne||(ne=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",v))}x.isReactWarning=!0,Object.defineProperty(c,"key",{get:x,configurable:!0})}function a(){var c=o(this.type);return oe[c]||(oe[c]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),c=this.props.ref,c!==void 0?c:null}function h(c,v,x,k,z,I){var F=x.ref;return c={$$typeof:p,type:c,key:v,props:x,_owner:k},(F!==void 0?F:null)!==null?Object.defineProperty(c,"ref",{enumerable:!1,get:a}):Object.defineProperty(c,"ref",{enumerable:!1,value:null}),c._store={},Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(c,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(c,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:z}),Object.defineProperty(c,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c}function d(c,v,x,k,z,I){var F=v.children;if(F!==void 0)if(k)if(L(F)){for(k=0;k<F.length;k++)u(F[k]);Object.freeze&&Object.freeze(F)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else u(F);if(T.call(v,"key")){F=o(c);var W=Object.keys(v).filter(function(Ae){return Ae!=="key"});k=0<W.length?"{key: someKey, "+W.join(": ..., ")+": ...}":"{key: someKey}",Y[F+k]||(W=0<W.length?"{"+W.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
18
18
|
let props = %s;
|
|
19
19
|
<%s {...props} />
|
|
20
20
|
React keys must be passed directly to JSX without using spread:
|
|
21
21
|
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,p,k,W,k),J[k+p]=!0)}if(k=null,b!==void 0&&(e(b),k=""+b),i(m)&&(e(m.key),k=""+m.key),"key"in m){b={};for(var le in m)le!=="key"&&(b[le]=m[le])}else b=m;return k&&s(b,typeof l=="function"?l.displayName||l.name||"Unknown":l),g(l,k,b,n(),q,A)}function u(l){_(l)?l._store&&(l._store.validated=1):typeof l=="object"&&l!==null&&l.$$typeof===M&&(l._payload.status==="fulfilled"?_(l._payload.value)&&l._payload.value._store&&(l._payload.value._store.validated=1):l._store&&(l._store.validated=1))}function _(l){return typeof l=="object"&&l!==null&&l.$$typeof===w}var C=S,w=Symbol.for("react.transitional.element"),R=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),I=Symbol.for("react.strict_mode"),N=Symbol.for("react.profiler"),P=Symbol.for("react.consumer"),B=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),F=Symbol.for("react.memo"),M=Symbol.for("react.lazy"),D=Symbol.for("react.activity"),j=Symbol.for("react.client.reference"),$=C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,T=Object.prototype.hasOwnProperty,H=Array.isArray,G=console.createTask?console.createTask:function(){return null};C={react_stack_bottom_frame:function(l){return l()}};var Z,ee={},te=C.react_stack_bottom_frame.bind(C,r)(),ne=G(t(r)),J={};X.Fragment=x,X.jsx=function(l,m,b){var p=1e4>$.recentlyCreatedOwnerStacks++;return d(l,m,b,!1,p?Error("react-stack-top-frame"):te,p?G(t(l)):ne)},X.jsxs=function(l,m,b){var p=1e4>$.recentlyCreatedOwnerStacks++;return d(l,m,b,!0,p?Error("react-stack-top-frame"):te,p?G(t(l)):ne)}})()),X}var he;function Ae(){return he||(he=1,process.env.NODE_ENV==="production"?oe.exports=Fe():oe.exports=Te()),oe.exports}var h=Ae();function K(o){return btoa(encodeURIComponent(o).replace(/%([0-9A-F]{2})/g,(c,e)=>String.fromCharCode(Number.parseInt(e,16))))}const Pe="gridler_golang_restapi_v2_token",Me=(o,c)=>{const e=[...o.filter(t=>t!==void 0&&t.type!==void 0)];for(let t=0;t<e.length;t++)(!e[t].name||e[t].name==="")&&(e[t].name=""),e[t].type==="files"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),e[t].type==="advsql"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),e[t].type==="custom-sql-or"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),e[t].type==="custom-sql-join"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),e[t].type==="not-select-fields"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),e[t].type==="custom-sql-w"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),e[t].type==="select-fields"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),e[t].type==="cql-sel"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),c&&((!e||e.length===0)&&c.set("x-limit","10"),e[t].type==="association_autoupdate"&&c.set("association_autoupdate",e[t].value??"1"),e[t].type==="association_autocreate"&&c.set("association_autocreate",e[t].value??"1"),e[t].type==="searchop"||e[t].type==="searchor"||e[t].type==="searchand"?c.set(encodeURIComponent(`x-${e[t].type}-${e[t].op}-${e[t].name}`),String(e[t].value)):c.set(encodeURIComponent(`x-${e[t].type}${e[t].name&&e[t].name!==""?"-"+e[t].name:""}`),String(e[t].value)));return e},V=(o,c)=>{const e=new Headers,t={},n=me?.();if(n&&n!=="")e.set("Authorization",`Token ${n}`);else{const i=me();i&&e.set("Authorization",`Token ${i}`)}c&&c.forEach((i,s)=>{e.set(s,i)});const r=[];for(const i of o?.filter(s=>!!s)??[]){const s=r.findIndex(a=>a.name===i.name&&a.type===i.type);s===-1?r.push(i):r[s]=i}if(Me(r,e),e?.forEach((i,s)=>{t[s]=i}),c)for(const i of Object.keys(t))c.set(i,t[i]);return t},je={getAuthToken:()=>{if(localStorage){const o=localStorage.getItem(Pe);if(o)return o}}},me=()=>je?.getAuthToken?.();function Ne(o,c){if(!o||!c||o.includes("..")||o.includes("[]")||/\[\s*\]/.test(o))return;const e=o.replace(/\[(\w+)\]/g,".$1").split(".").filter(Boolean);if(e.length!==0)return e.reduce((t,n)=>{if(t!=null&&typeof t=="object")return t[n]},c)}const{Provider:Oe,useStore:ce}=Se.createSyncStore((o,c)=>({hide:e=>{c().setInstanceState(e,"visible",!1)},menus:[],setInstanceState:(e,t,n)=>{o(Y.produce(r=>{const i=r?.menus?.findIndex(s=>s.id===e);i>=0&&(r.menus[i][t]=n)}))},setState:(e,t)=>{o(Y.produce(n=>{n[e]=t}))},show:(e,t)=>{const n=c(),r=n.menus.findIndex(s=>s.id===e),i=n.menus[r]?{...n.menus[r]}:{};Object.assign(i,t),i.id=i.id??e,i.visible=!(i.visible??!1),r<0?n.setState("menus",[...n.menus,i]):o(Y.produce(s=>{s.menus||(s.menus=[]),s.menus[r]={...s.menus[r],...i}}))}}),o=>({providerID:o.providerID??`MenuStore-${ve.getUUID()}`}));function De(){const{menus:o,providerID:c,setInstanceState:e,width:t}=ce(n=>({menus:n.menus,providerID:n.providerID,setInstanceState:n.setInstanceState,setState:n.setState,width:n.width}));return h.jsx(E.Portal,{id:`bmm_portal_${c}`,children:S.Children.toArray(o?.map((n,r)=>S.createElement(E.Menu,{shadow:"md",width:t??"300",...n.menuProps,key:`bmm_menu_${c}_${r}`,onClose:()=>{e(n.id,"visible",!1),n.menuProps?.onClose?.()},opened:n.visible},h.jsx(E.Menu.Target,{children:h.jsx("div",{id:`bmm_${c}_${r}_target`,style:{left:n.x,position:"fixed",top:n.y,visibility:"hidden"}})}),h.jsx(E.Menu.Dropdown,{children:n.renderer?n.renderer:S.Children.toArray(n.items?.map((i,s)=>h.jsx(_e,{...i},`bmm_${c}_${r}_item${s}`)))}))))},`bmm_portal_${c}`)}const _e=({children:o,label:c,...e})=>{const[t,n]=S.useState(!1);return typeof e.renderer=="function"?e.renderer({...e,loading:t,renderer:void 0,setLoading:n}):typeof e.renderer=="object"?e.renderer:e.isDivider?h.jsx(E.Menu.Divider,{}):e.items&&e.items.length>0?h.jsxs(E.Menu.Sub,{children:[h.jsx(E.Menu.Sub.Target,{children:h.jsx(E.Menu.Sub.Item,{...e,disabled:t,onClick:r=>{e.onClick?.(r),e.onClickAsync&&(n(!0),e.onClickAsync(r).finally(()=>n(!1)))},styles:{itemLabel:{overflow:"auto",wordWrap:"break-word"},...e.styles},children:o??c})}),h.jsx(E.Menu.Sub.Dropdown,{children:S.Children.toArray(e.items.map((r,i)=>h.jsx(_e,{...r},`bmm_subitem_${r?.id??""}${i}`)))})]}):!e.onClick&&!e.onClickAsync?h.jsxs(E.Menu.Label,{...e,children:[" ",o??c]}):h.jsx(E.Menu.Item,{...e,disabled:t,onClick:r=>{e.onClick?.(r),e.onClickAsync&&(n(!0),e.onClickAsync(r).finally(()=>n(!1)))},styles:{itemLabel:{overflow:"auto",wordWrap:"break-word"},...e.styles},children:o??c})};function Ce(o){return h.jsxs(Oe,{...o,children:[h.jsx(De,{}),o.children]})}const we=[{label:"Contains",value:"contains"},{label:"Equal",value:"eq"},{label:"Not Equal",value:"neq"},{label:"Greater Than",value:"gt"},{label:"Greater Than or Equal",value:"gte"},{label:"Less Than",value:"lt"},{label:"Less Than or Equal",value:"lte"}],ye=o=>{const c=o.storeState?.colFilters?.findIndex(i=>i.id===o.column.id)??-1,e=o.storeState?.colFilters?.[c]??{id:o.column.id,value:""},[t,n]=S.useState(e?.value??""),[r]=Q.useDebouncedValue(t,900);return S.useEffect(()=>{o.storeState.setStateFN("colFilters",i=>{const s=i?.findIndex(g=>g.id===o.column.id)??-1,a=i??[];return s>=0?a[s]={...a[s],...o.options,id:o.column.id,value:r}:a.push({operator:"contains",...o.options,id:o.column.id,value:r}),a})},[r,o.column.id,o.options,o.storeState]),h.jsx(E.TextInput,{onChange:i=>n(i.target.value),rightSection:h.jsx(E.ActionIcon,{color:"gray",onClick:()=>n(""),variant:"filled",children:h.jsx(z.IconX,{color:"red"})}),value:t??e?.value})},be=o=>{const c=o.storeState?.colFilters?.findIndex(i=>i.id===o.column.id)??-1,e=o.storeState?.colFilters?.[c]??{id:o.column.id,operator:"contains"},[t,n]=S.useState(e?.operator??"contains"),[r]=Q.useDebouncedValue(t,900);return S.useEffect(()=>{o.storeState.setStateFN("colFilters",i=>{const s=i?.findIndex(g=>g.id===o.column.id)??-1,a=i??[];return s>=0?a[s]={...a[s],...o.options,id:o.column.id,operator:r}:a.push({...o.options,id:o.column.id,operator:r,value:""}),a})},[r,o.column.id,o.options,o.storeState]),h.jsx(E.Select,{comboboxProps:{withinPortal:!1},data:we,maxDropdownHeight:150,onChange:i=>n(i),placeholder:"Operator",searchable:!0,value:t??e?.operator,withScrollArea:!0})},ie=o=>h.jsxs(E.Stack,{onClick:c=>c.stopPropagation(),children:[h.jsx(be,{...o}),h.jsx(ye,{...o})]}),ae=o=>`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none">
|
|
22
|
+
<%s key={someKey} {...props} />`,k,F,W,F),Y[F+k]=!0)}if(F=null,x!==void 0&&(e(x),F=""+x),i(v)&&(e(v.key),F=""+v.key),"key"in v){x={};for(var ce in v)ce!=="key"&&(x[ce]=v[ce])}else x=v;return F&&s(x,typeof c=="function"?c.displayName||c.name||"Unknown":c),h(c,F,x,n(),z,I)}function u(c){g(c)?c._store&&(c._store.validated=1):typeof c=="object"&&c!==null&&c.$$typeof===A&&(c._payload.status==="fulfilled"?g(c._payload.value)&&c._payload.value._store&&(c._payload.value._store.validated=1):c._store&&(c._store.validated=1))}function g(c){return typeof c=="object"&&c!==null&&c.$$typeof===p}var y=S,p=Symbol.for("react.transitional.element"),E=Symbol.for("react.portal"),R=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),O=Symbol.for("react.profiler"),j=Symbol.for("react.consumer"),H=Symbol.for("react.context"),w=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),D=Symbol.for("react.activity"),M=Symbol.for("react.client.reference"),G=y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,T=Object.prototype.hasOwnProperty,L=Array.isArray,q=console.createTask?console.createTask:function(){return null};y={react_stack_bottom_frame:function(c){return c()}};var ne,oe={},re=y.react_stack_bottom_frame.bind(y,l)(),le=q(t(l)),Y={};Q.Fragment=R,Q.jsx=function(c,v,x){var k=1e4>G.recentlyCreatedOwnerStacks++;return d(c,v,x,!1,k?Error("react-stack-top-frame"):re,k?q(t(c)):le)},Q.jsxs=function(c,v,x){var k=1e4>G.recentlyCreatedOwnerStacks++;return d(c,v,x,!0,k?Error("react-stack-top-frame"):re,k?q(t(c)):le)}})()),Q}var ye;function $e(){return ye||(ye=1,process.env.NODE_ENV==="production"?ie.exports=Me():ie.exports=Oe()),ie.exports}var f=$e();const{Provider:Ne,useStore:te}=me.createSyncStore((o,r)=>({getState:e=>r()?.[e],load:async e=>{try{o({loading:!0});const t=r()?.uniqueKeyField||"id",n=r().values?.[t]??r().primeData?.[t];if(r().onAPICall&&n!==void 0){let l=await r().onAPICall("read",r().request||"insert",r().values,n);r().afterGet&&(l=await r().afterGet({...l})),o({loading:!1,values:l}),r().onChange?.(l)}e&&r().getFormMethods&&r().getFormMethods().reset()}catch(t){o({error:t?.message??t,loading:!1})}o({loading:!1})},onChange:e=>{o({values:e})},request:"insert",reset:async()=>{const e=r();e.getFormMethods&&(e.request!=="insert"&&await e.load(!0),e.getFormMethods().reset({...e.values,...e.primeData}))},save:async e=>{try{const t=r().keepOpen??!1;if(o({loading:!0}),r().getFormMethods){const n=r().getFormMethods();let l=n.getValues();r().beforeSave&&(l=await r().beforeSave(l));let i=!1;if(await n.handleSubmit(a=>{l=a},a=>{o({error:a.root?.message||"Validation errors",loading:!1}),i=!0})(e),i){o({loading:!1});return}if(r().request==="delete"&&!r().deleteConfirmed&&!(await r().onConfirmDelete?.(l)??!1)){o({loading:!1});return}if(r().onAPICall){const a=r()?.uniqueKeyField||"id",h=r().values?.[a]??r().primeData?.[a],d=await r().onAPICall("mutate",r().request||"insert",l,h);return r().afterSave&&await r().afterSave(d),o({loading:!1,values:d}),r().onChange?.(d),n.reset(d),t||r().onClose?.(d),d}return o({loading:!1,values:l}),n.reset(l),r().onChange?.(l),t||r().onClose?.(l),l}}catch(t){o({error:t?.message??t,loading:!1})}},setRequest:e=>{o({request:e})},setState:(e,t)=>{o(V.produce(n=>{n[e]=t}))},setStateFN:(e,t)=>new Promise((l,i)=>{o(V.produce(s=>{if(typeof t=="function")s[e]=t(s[e]);else throw i(new Error(`Not a function ${t}`)),Error(`Not a function ${t}`)})),l()}),validate:async()=>r().getFormMethods?await r().getFormMethods().trigger():!0,values:void 0}),({id:o,onClose:r,onConfirmDelete:e,primeData:t,request:n,useStoreApi:l,values:i})=>{let s=e;return e||(s=async()=>confirm("Are you sure you want to delete this item?")),{id:o||he.newUUID(),onClose:()=>{const a=l.getState().dirty,h=l.getState().setState;a?confirm("You have unsaved changes. Are you sure you want to close?")&&(r?r():h("opened",!1)):r?r():h("opened",!1)},onConfirmDelete:s,primeData:t,request:(n||"insert").replace("change","update"),values:{...t,...i}}}),ee=()=>{const{buttonAreaGroupProps:o,closeButtonProps:r,closeButtonTitle:e,dirty:t,onClose:n,request:l,save:i,saveButtonProps:s,saveButtonTitle:a}=te(d=>({buttonAreaGroupProps:d.layout?.buttonAreaGroupProps,closeButtonProps:d.layout?.closeButtonProps,closeButtonTitle:d.layout?.closeButtonTitle,dirty:d.dirty,onClose:d.onClose,request:d.request,save:d.save,saveButtonProps:d.layout?.saveButtonProps,saveButtonTitle:d.layout?.saveButtonTitle})),h=["select","view"].includes(l||"")||["update"].includes(l||"")&&!t;return f.jsx(C.Group,{justify:"center",p:"xs",style:{boxShadow:"2px 2px 5px rgba(47, 47, 47, 0.1)"},w:"100%",...o,children:f.jsxs(C.Group,{grow:!0,justify:"space-evenly",children:[typeof n=="function"&&f.jsx(C.Button,{color:"orange",leftSection:f.jsx($.IconX,{}),miw:"8rem",px:"md",size:"sm",...r,onClick:()=>{n()},children:e||"Close"}),f.jsx(C.Tooltip,{label:h?f.jsxs("p",{children:["Cannot save in view or select mode, or no changes made. ",f.jsx("br",{}),"Try changing some values."]}):f.jsx("p",{children:"Save the current record"}),children:f.jsx(C.Button,{bg:l==="delete"?"red":void 0,color:"green",leftSection:f.jsx($.IconDeviceFloppy,{}),miw:"8rem",px:"md",size:"sm",...s,disabled:h,onClick:()=>i(),children:a||"Save"})})]})})},De=()=>{const{buttonOnTop:o,getState:r,opened:e,renderBottom:t}=te(n=>({buttonOnTop:n.layout?.buttonOnTop,getState:n.getState,opened:n.opened,renderBottom:n.layout?.renderBottom}));return t?t(f.jsx(ee,{}),e,r("onClose"),r("onOpen"),r):o?f.jsx(f.Fragment,{}):f.jsx(ee,{})},Ge=()=>{const{buttonOnTop:o,getState:r,opened:e,renderTop:t}=te(n=>({buttonOnTop:n.layout?.buttonOnTop,getState:n.getState,opened:n.opened,renderTop:n.layout?.renderTop}));return t?t(f.jsx(ee,{}),e,r("onClose"),r("onOpen"),r):o?f.jsx(ee,{}):f.jsx(f.Fragment,{})},_e=o=>{const{disableHTMlForm:r,getFormMethods:e,id:t,load:n,loading:l,loadingOverlayProps:i,opened:s,request:a,reset:h,save:d,scrollAreaProps:u}=te(g=>({disableHTMlForm:g.disableHTMlForm,getFormMethods:g.getFormMethods,id:g.id,load:g.load,loading:g.loading,loadingOverlayProps:g.loadingOverlayProps,opened:g.opened,request:g.request,reset:g.reset,save:g.save,scrollAreaProps:g.scrollAreaProps}));return S.useEffect(()=>{e&&e()&&a!=="insert"&&n(!0)},[e,a,s]),f.jsxs(f.Fragment,{children:[f.jsx(Ge,{}),f.jsxs(C.ScrollAreaAutosize,{offsetScrollbars:!0,scrollbarSize:4,type:"auto",...u,style:{height:"100%",padding:"0.25rem",width:"100%",...u?.style},children:[r?f.jsx("div",{"x-data-request":a,children:o.children},`former_d${t}`):f.jsx("form",{id:`former_f${t}`,onReset:g=>h(g),onSubmit:g=>d(g),"x-data-request":a,children:o.children},`former_${t}`),f.jsx(C.LoadingOverlay,{loaderProps:{type:"bars"},overlayProps:{backgroundOpacity:.5},...i,visible:l})]}),f.jsx(De,{})]})},qe=S.forwardRef(function(r,e){const{getState:t,onChange:n,onClose:l,onOpen:i,opened:s,primeData:a,reset:h,save:d,setState:u,useFormProps:g,validate:y,values:p,wrapper:E}=te(_=>({getState:_.getState,onChange:_.onChange,onClose:_.onClose,onOpen:_.onOpen,opened:_.opened,primeData:_.primeData,reset:_.reset,save:_.save,setState:_.setState,useFormProps:_.useFormProps,validate:_.validate,values:_.values,wrapper:_.wrapper})),R=U.useForm({defaultValues:a,mode:"all",shouldUseNativeValidation:!0,values:p,...g});return S.useImperativeHandle(e,()=>({close:async()=>{l?.(),u("opened",!1)},getValue:()=>t("values"),reset:()=>{h()},save:async()=>await d(),setValue:_=>{n?.(_)},show:async()=>{u("opened",!0),i?.()},validate:async()=>await y()}),[t,n,y,d,h,u,l,i]),S.useEffect(()=>{u("getFormMethods",()=>R),R&&R.subscribe({callback:({isDirty:_})=>{u("dirty",_)},formState:{isDirty:!0}})},[R]),f.jsx(U.FormProvider,{...R,children:typeof E=="function"?E(f.jsx(_e,{children:r.children}),s,l,i,t):f.jsx(_e,{children:r.children||null})})}),se=S.forwardRef(function(r,e){return!r.opened&&typeof r.wrapper=="function"?null:f.jsx(Ne,{...r,children:f.jsx(qe,{ref:e,children:r.children})})});function Be(o){return async(r,e,t,n)=>{let i=`${o.url.replace(/\/$/,"")}`;e!=="insert"&&n&&(i=`${i}/${n}`);const s={operation:r==="read"?"read":e==="delete"?"delete":e==="update"?"update":"create"};r==="mutate"&&(s.data=t);const a={cache:"no-cache",signal:o.signal,...o.fetchOptions,body:JSON.stringify(s),headers:{Authorization:`Bearer ${o.authToken}`,"Content-Type":"application/json",...o.fetchOptions?.headers},method:"POST"},h=await fetch(i,a);if(!h.ok)throw new Error(`API request failed with status ${h.status}`);return await h.json()}}function ze(o){return async(r,e,t,n)=>{const l=o.url??"";let i=l;const s={cache:"no-cache",signal:o.signal,...o.fetchOptions,body:r==="mutate"&&e!=="delete"?JSON.stringify(t):void 0,headers:{Authorization:`Bearer ${o.authToken}`,"Content-Type":"application/json",...o.fetchOptions?.headers},method:r==="read"?"GET":e==="delete"?"DELETE":e==="update"?"PUT":"POST"};e!=="insert"&&(i=`${l}/${n}`);const a=await fetch(i,s);if(!a.ok)throw new Error(`API request failed with status ${a.status}`);return r==="read"?await a.json():t}}const Le=o=>{const{children:r,former:e,onClose:t,opened:n,...l}=o;return f.jsx(se,{...e,onClose:t,opened:n,wrapper:(i,s,a,h,d)=>{const u=d("values"),g=d("request"),y=d("uniqueKeyField")??"id";return f.jsx(C.Drawer,{closeOnClickOutside:!1,h:"100%",title:g==="delete"?`Delete Record - ${u?.[y]}`:g==="insert"?"New Record":`Edit Record - ${u?.[y]}`,...l,onClose:()=>a?.(),opened:s??!1,children:i})},children:r})},He=o=>{const{children:r,former:e,onClose:t,opened:n,...l}=o;return f.jsx(se,{...e,onClose:t,opened:n,wrapper:(i,s,a,h,d)=>{const u=d("values"),g=d("request"),y=d("uniqueKeyField")??"id";return f.jsx(C.Modal,{closeOnClickOutside:!1,h:"100%",title:g==="delete"?`Delete Record - ${u?.[y]}`:g==="insert"?"New Record":`Edit Record - ${u?.[y]}`,...l,onClose:()=>a?.(),opened:s??!1,children:i})},children:r})},Ke=o=>{const{children:r,former:e,onClose:t,opened:n,target:l,...i}=o;return f.jsx(se,{...e,onClose:t,opened:n,wrapper:(s,a,h)=>f.jsxs(C.Popover,{closeOnClickOutside:!1,middlewares:{inline:!0},trapFocus:!0,width:250,withArrow:!0,...i,onClose:()=>h?.(),opened:a??!1,children:[f.jsx(C.Popover.Target,{children:l}),f.jsx(C.Popover.Dropdown,{children:s})]}),children:r})},Ve=o=>{const[r,e]=S.useState(!1);return f.jsx(C.Tooltip,{label:o.tooltip??"",withArrow:!0,children:f.jsx(C.Button,{loaderProps:{type:"bars"},...o,loading:r||o.loading,onClick:t=>{o.onClick&&(e(!0),o.onClick(t).finally(()=>e(!1)))},children:o.children})})},Ue=o=>{const[r,e]=S.useState(!1);return f.jsx(C.Tooltip,{label:o.tooltip??"",withArrow:!0,children:f.jsxs(C.ActionIcon,{loaderProps:{type:"bars"},...o,loading:r||o.loading,onClick:t=>{o.onClick&&(e(!0),o.onClick(t).finally(()=>e(!1)))},children:[o.children,f.jsxs(C.VisuallyHidden,{children:["Action Button: ",o.tooltip??o.sid??""]})]})})},We=o=>{const{control:r,name:e,sid:t,tooltip:n,...l}=o;return f.jsx(U.Controller,{control:r,name:e,render:({field:i,formState:s})=>f.jsx(C.Tooltip,{label:n??"",withArrow:!0,children:S.createElement(C.NativeSelect,{...l,...i,disabled:s.disabled,id:`field_${e}_${t??""}`,key:`field_${e}_${t??""}`},o.children)})})},Je=o=>{const{control:r,name:e,sid:t,tooltip:n,...l}=o;return f.jsx(U.Controller,{control:r,name:e,render:({field:i,formState:s})=>f.jsx(C.Tooltip,{label:n??"",withArrow:!0,children:S.createElement(C.PasswordInput,{...l,...i,disabled:s.disabled,id:`field_${e}_${t??""}`,key:`field_${e}_${t??""}`},o.children)})})},Ye=o=>{const{control:r,name:e,sid:t,tooltip:n,...l}=o;return f.jsx(U.Controller,{control:r,name:e,render:({field:i,formState:s})=>f.jsx(C.Tooltip,{label:n??"",withArrow:!0,children:S.createElement(C.Switch,{...l,...i,checked:!!i.value,disabled:s.disabled,id:`field_${e}_${t??""}`,key:`field_${e}_${t??""}`,onChange:a=>{i.onChange((a.currentTarget??a.target)?.checked)}})})})},Xe=o=>{const{control:r,name:e,sid:t,tooltip:n,...l}=o;return f.jsx(U.Controller,{control:r,name:e,render:({field:i,formState:s})=>f.jsx(C.Tooltip,{label:n??"",withArrow:!0,children:S.createElement(C.Textarea,{minRows:4,...l,...i,disabled:s.disabled,id:`field_${e}_${t??""}`,key:`field_${e}_${t??""}`},o.children)})})},Qe=o=>{const{control:r,name:e,sid:t,tooltip:n,...l}=o;return f.jsx(U.Controller,{control:r,name:e,render:({field:i,formState:s})=>f.jsx(C.Tooltip,{label:n??"",withArrow:!0,children:S.createElement(C.TextInput,{...l,...i,disabled:s.disabled,id:`field_${e}_${t??""}`,key:`field_${e}_${t??""}`},o.children)})})};function K(o){return btoa(encodeURIComponent(o).replace(/%([0-9A-F]{2})/g,(r,e)=>String.fromCharCode(Number.parseInt(e,16))))}const Ze="gridler_golang_restapi_v2_token",et=(o,r)=>{const e=[...o.filter(t=>t!==void 0&&t.type!==void 0)];for(let t=0;t<e.length;t++)(!e[t].name||e[t].name==="")&&(e[t].name=""),e[t].type==="files"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),e[t].type==="advsql"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),e[t].type==="custom-sql-or"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),e[t].type==="custom-sql-join"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),e[t].type==="not-select-fields"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),e[t].type==="custom-sql-w"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),e[t].type==="select-fields"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),e[t].type==="cql-sel"&&!e[t].value.startsWith("__")&&(e[t].value=`__${K(e[t].value)}__`),r&&((!e||e.length===0)&&r.set("x-limit","10"),e[t].type==="association_autoupdate"&&r.set("association_autoupdate",e[t].value??"1"),e[t].type==="association_autocreate"&&r.set("association_autocreate",e[t].value??"1"),e[t].type==="searchop"||e[t].type==="searchor"||e[t].type==="searchand"?r.set(encodeURIComponent(`x-${e[t].type}-${e[t].op}-${e[t].name}`),String(e[t].value)):r.set(encodeURIComponent(`x-${e[t].type}${e[t].name&&e[t].name!==""?"-"+e[t].name:""}`),String(e[t].value)));return e},J=(o,r)=>{const e=new Headers,t={},n=pe?.();if(n&&n!=="")e.set("Authorization",`Token ${n}`);else{const i=pe();i&&e.set("Authorization",`Token ${i}`)}r&&r.forEach((i,s)=>{e.set(s,i)});const l=[];for(const i of o?.filter(s=>!!s)??[]){const s=l.findIndex(a=>a.name===i.name&&a.type===i.type);s===-1?l.push(i):l[s]=i}if(et(l,e),e?.forEach((i,s)=>{t[s]=i}),r)for(const i of Object.keys(t))r.set(i,t[i]);return t},tt={getAuthToken:()=>{if(localStorage){const o=localStorage.getItem(Ze);if(o)return o}}},pe=()=>tt?.getAuthToken?.();function nt(o,r){if(!o||!r||o.includes("..")||o.includes("[]")||/\[\s*\]/.test(o))return;const e=o.replace(/\[(\w+)\]/g,".$1").split(".").filter(Boolean);if(e.length!==0)return e.reduce((t,n)=>{if(t!=null&&typeof t=="object")return t[n]},r)}const{Provider:ot,useStore:ge}=me.createSyncStore((o,r)=>({hide:e=>{r().setInstanceState(e,"visible",!1)},menus:[],setInstanceState:(e,t,n)=>{o(V.produce(l=>{const i=l?.menus?.findIndex(s=>s.id===e);i>=0&&(l.menus[i][t]=n)}))},setState:(e,t)=>{o(V.produce(n=>{n[e]=t}))},show:(e,t)=>{const n=r(),l=n.menus.findIndex(s=>s.id===e),i=n.menus[l]?{...n.menus[l]}:{};Object.assign(i,t),i.id=i.id??e,i.visible=!(i.visible??!1),l<0?n.setState("menus",[...n.menus,i]):o(V.produce(s=>{s.menus||(s.menus=[]),s.menus[l]={...s.menus[l],...i}}))}}),o=>({providerID:o.providerID??`MenuStore-${he.getUUID()}`}));function rt(){const{menus:o,providerID:r,setInstanceState:e,width:t}=ge(n=>({menus:n.menus,providerID:n.providerID,setInstanceState:n.setInstanceState,setState:n.setState,width:n.width}));return f.jsx(C.Portal,{id:`bmm_portal_${r}`,children:S.Children.toArray(o?.map((n,l)=>S.createElement(C.Menu,{shadow:"md",width:t??"300",...n.menuProps,key:`bmm_menu_${r}_${l}`,onClose:()=>{e(n.id,"visible",!1),n.menuProps?.onClose?.()},opened:n.visible},f.jsx(C.Menu.Target,{children:f.jsx("div",{id:`bmm_${r}_${l}_target`,style:{left:n.x,position:"fixed",top:n.y,visibility:"hidden"}})}),f.jsx(C.Menu.Dropdown,{children:n.renderer?n.renderer:S.Children.toArray(n.items?.map((i,s)=>f.jsx(be,{...i},`bmm_${r}_${l}_item${s}`)))}))))},`bmm_portal_${r}`)}const be=({children:o,label:r,...e})=>{const[t,n]=S.useState(!1);return typeof e.renderer=="function"?e.renderer({...e,loading:t,renderer:void 0,setLoading:n}):typeof e.renderer=="object"?e.renderer:e.isDivider?f.jsx(C.Menu.Divider,{}):e.items&&e.items.length>0?f.jsxs(C.Menu.Sub,{children:[f.jsx(C.Menu.Sub.Target,{children:f.jsx(C.Menu.Sub.Item,{...e,disabled:t,onClick:l=>{e.onClick?.(l),e.onClickAsync&&(n(!0),e.onClickAsync(l).finally(()=>n(!1)))},styles:{itemLabel:{overflow:"auto",wordWrap:"break-word"},...e.styles},children:o??r})}),f.jsx(C.Menu.Sub.Dropdown,{children:S.Children.toArray(e.items.map((l,i)=>f.jsx(be,{...l},`bmm_subitem_${l?.id??""}${i}`)))})]}):!e.onClick&&!e.onClickAsync?f.jsxs(C.Menu.Label,{...e,children:[" ",o??r]}):f.jsx(C.Menu.Item,{...e,disabled:t,onClick:l=>{e.onClick?.(l),e.onClickAsync&&(n(!0),e.onClickAsync(l).finally(()=>n(!1)))},styles:{itemLabel:{overflow:"auto",wordWrap:"break-word"},...e.styles},children:o??r})};function xe(o){return f.jsxs(ot,{...o,children:[f.jsx(rt,{}),o.children]})}const Re=[{label:"Contains",value:"contains"},{label:"Equal",value:"eq"},{label:"Not Equal",value:"neq"},{label:"Greater Than",value:"gt"},{label:"Greater Than or Equal",value:"gte"},{label:"Less Than",value:"lt"},{label:"Less Than or Equal",value:"lte"}],Ee=o=>{const r=o.storeState?.colFilters?.findIndex(i=>i.id===o.column.id)??-1,e=o.storeState?.colFilters?.[r]??{id:o.column.id,value:""},[t,n]=S.useState(e?.value??""),[l]=Z.useDebouncedValue(t,900);return S.useEffect(()=>{o.storeState.setStateFN("colFilters",i=>{const s=i?.findIndex(h=>h.id===o.column.id)??-1,a=i??[];return s>=0?a[s]={...a[s],...o.options,id:o.column.id,value:l}:a.push({operator:"contains",...o.options,id:o.column.id,value:l}),a})},[l,o.column.id,o.options,o.storeState]),f.jsx(C.TextInput,{onChange:i=>n(i.target.value),rightSection:f.jsx(C.ActionIcon,{color:"gray",onClick:()=>n(""),variant:"filled",children:f.jsx($.IconX,{color:"red"})}),value:t??e?.value})},ke=o=>{const r=o.storeState?.colFilters?.findIndex(i=>i.id===o.column.id)??-1,e=o.storeState?.colFilters?.[r]??{id:o.column.id,operator:"contains"},[t,n]=S.useState(e?.operator??"contains"),[l]=Z.useDebouncedValue(t,900);return S.useEffect(()=>{o.storeState.setStateFN("colFilters",i=>{const s=i?.findIndex(h=>h.id===o.column.id)??-1,a=i??[];return s>=0?a[s]={...a[s],...o.options,id:o.column.id,operator:l}:a.push({...o.options,id:o.column.id,operator:l,value:""}),a})},[l,o.column.id,o.options,o.storeState]),f.jsx(C.Select,{comboboxProps:{withinPortal:!1},data:Re,maxDropdownHeight:150,onChange:i=>n(i),placeholder:"Operator",searchable:!0,value:t??e?.operator,withScrollArea:!0})},de=o=>f.jsxs(C.Stack,{onClick:r=>r.stopPropagation(),children:[f.jsx(ke,{...o}),f.jsx(Ee,{...o})]}),ue=o=>`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none">
|
|
23
23
|
<path
|
|
24
24
|
fill="${o.fgColor??"currentColor"}"
|
|
25
25
|
d="M15 2.5a.5.5 0 0 0-1 0v13.793l-2.146-2.147a.5.5 0 0 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L15 16.293zM2.5 4a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1zM5 7.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5M8.5 10a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1z"
|
|
26
26
|
></path>
|
|
27
27
|
</svg>
|
|
28
|
-
`,
|
|
28
|
+
`,fe=o=>`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none">
|
|
29
29
|
<path
|
|
30
30
|
fill="${o.fgColor??"currentColor"}"
|
|
31
31
|
d="M15 17.5a.5.5 0 0 1-1 0V3.707l-2.146 2.147a.5.5 0 0 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L15 3.707zM2.5 16a.5.5 0 0 1 0-1h9a.5.5 0 0 1 0 1zM5 12.5a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 0-1h-6a.5.5 0 0 0-.5.5M8.5 10a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1z"
|
|
32
32
|
></path>
|
|
33
33
|
</svg>
|
|
34
|
-
`,re=o=>h.jsx("img",{alt:o.alt??"Sprite Image",src:`data:image/svg+xml;utf8,${o.sprite({...o,sprite:void 0})}`}),{Provider:$e,useStore:L}=Se.createSyncStore((o,c)=>({_events:new EventTarget,_loadingList:O.CompactSelection.empty(),_page_data:{},_refresh:async()=>{const e=c();await e.loadPage(0,"all"),await e.refreshCells(),await e.reload?.()},_visibleArea:{height:1e4,width:1e3,x:0,y:0},_visiblePages:{height:0,width:0,x:0,y:0},addError:(e,...t)=>{const n=c();console.log("Gridler Error",n.uniqueid,e,t),o(Y.produce(r=>{r.errors=[...r.errors,e]}))},errors:[],get:()=>c(),getCellContent:e=>{const t=c(),[n,r]=e,i=t.getRowBuffer(r);return i!==void 0?t.toCell(i,n):{allowOverlay:!1,kind:O.GridCellKind.Loading}},getCellsForSelection:(e,t)=>async()=>{const n=c();await n.setStateFN("_visibleArea",i=>e);const r=[];for(let i=e.y;i<e.y+e.height;i++){const s=[];for(let a=e.x;a<e.x+e.width;a++)s.push(n.getCellContent([a,i]));r.push(s)}return r},getGridSelectedRows:()=>{const e=c(),t=[],n=e._page_data,r=e.pageSize;if(e._gridSelectionRows)for(const i of e._gridSelectionRows){let s;for(const a in n)for(const g in n[a]){const d=Number(a)*r+Number(g);if(!isNaN(d)){if(Number(n[a][g]?._rownumber)===i+1){s=n[a][g];break}else if(d===i+1){s=n[a][g];break}}}s!==void 0&&t.push(s)}return t},getRowBuffer:e=>{const t=c();if(t.data&&t.data.length>0)return t.data[e]===void 0?{allowOverlay:!1,kind:O.GridCellKind.Loading}:t.data[e];const n=Math.max(0,Math.floor(e/t.pageSize)),r=t.pageSize*n,i=e-r;return t._page_data?.[n]?.[i]},getRowIndexByKey:async e=>{const t=c();let n=-1;if(t.ready){const r=t._page_data,i=t.pageSize,s=t.keyField??"id";for(const a in r){for(const g in r[a]){const d=Number(a)*i+Number(g);if(String(r[a][g]?.[s])===String(e)){n=r[a][g]?._rownumber>0?r[a][g]?._rownumber:d>0?d:-1;break}}if(n>0)return console.log("Local row index",n,e),n}if(n>0)return n;if(typeof t.askAPIRowNumber=="function"){const a=await t.askAPIRowNumber(String(e));if(a&&a>=0)return console.log("Remote row index",n,e),a}}},getState:e=>c()[e],hasLocalData:!1,isEmpty:!0,keyField:"id",loadPage:async(e,t)=>{const n=c(),r=e<0?0:e;if(!n._events.dispatchEvent(new CustomEvent("before_loadPage",{detail:{clearMode:t,page:e,state:n}})))return;const s=[],a=Object.keys(n.renderColumns??[1,2,3]).length,g=n.pageSize*r,d=n._page_data?.[r]?.length>0;if(t==="all"){n._active_requests?.forEach(u=>{u.controller?.abort?.()}),n.setState("_page_data",{}),n.setState("_active_requests",[]),n.loadPage(r);return}if(!n.useAPIQuery){console.warn("No useAPIQuery function defined, cannot load page",r);return}!d&&t!=="page"&&n.useAPIQuery?.(r).then(u=>{n.setStateFN("_page_data",_=>({..._,[r]:u}));for(let _=r;_<=g+n.pageSize;_++)for(let C=0;C<=a;C++)s.push({cell:[C,_]});n._glideref?.updateCells(s),n._events.dispatchEvent(new CustomEvent("loadPage",{detail:{clearMode:t,data:u,page:e,state:n}}))}).catch(u=>{console.error("loadPage Error: ",r,u),n._events.dispatchEvent(new CustomEvent("loadPage_error",{detail:{clearMode:t,error:u,page:e,state:n}}))})},maxConcurrency:1,mounted:!1,onCellActivated:e=>{const t=c(),[n,r]=e;t._events.dispatchEvent(new CustomEvent("onCellActivated",{detail:{cell:e,col:n,row:r,state:t}})),t.glideProps?.onCellActivated?.(e)},onCellClicked:(e,t)=>{const n=c(),[r,i]=e;n.glideProps?.onCellClicked&&n.glideProps?.onCellClicked?.(e,t),n.values?.length&&n.onChange&&n.onChange(n.values),n._events.dispatchEvent(new CustomEvent("onCellClicked",{detail:{cell:e,col:r,row:i,state:n}}))},onCellEdited:(e,t)=>{const n=c(),[,r]=e;n._events.dispatchEvent(new CustomEvent("onCellEdited",{detail:{cell:e,newVal:t,row:r,state:n}})),n.glideProps?.onCellEdited?.(e,t)},onColumnMoved:(e,t)=>{const n=c(),r=n.renderColumns?.[e],i=n.renderColumns?.[t];r?.disableMove||i?.disableMove||n.setStateFN("colOrder",s=>{const a=s??n.renderColumns?.map((g,d)=>[g.id,d]).reduce((g,[d,u])=>({...g,[d]:u}),{});return!r?.id||!i?.id?a:{...a,[r?.id]:t,[i?.id]:e}})},onColumnProposeMove:(e,t)=>{const n=c(),r=n.renderColumns?.[e],i=n.renderColumns?.[t];return!(r?.disableMove||i?.disableMove)},onColumnResize:(e,t,n,r)=>{const i=c(),s=i.renderColumns?.find(a=>a.id===e.id);s?.disableResize||s?.maxWidth&&t<s?.maxWidth||s&&i.setStateFN("colSize",a=>a&&s&&a[s.id]===t?a:{...a,[s.id]:t})},onContextClick:(e,t,n,r)=>{const i=c(),s=i.renderColumns?.[n??-1],a=e==="menu"?[{leftSection:h.jsx(z.IconGrid4x4,{size:16}),title:i.title??"Grid"}]:s?[{leftSection:h.jsx(z.IconGrid4x4,{size:16}),title:i.title??"Grid"},{items:[{label:"Sort Ascending",leftSection:h.jsx(re,{sprite:se}),onClick:()=>{i.setStateFN("colSort",g=>{const d=[...g??[]],u=d.findIndex(C=>C.id===s.id),_="asc";if(u<0){const C={direction:_,id:s.id,order:d?.length};d.push(C)}else u>=0&&(d[u].direction=_);return d})}},{label:"Sort Descending",leftSection:h.jsx(re,{sprite:ae}),onClick:()=>{i.setStateFN("colSort",g=>{const d=[...g??[]],u=d.findIndex(C=>C.id===s.id),_="desc";if(u<0){const C={direction:_,id:s.id,order:d?.length};d.push(C)}else u>=0&&(d[u].direction=_);return d})}},{label:`Filter ${s?.title??s?.id}`},{renderer:h.jsx(ie,{column:s,storeState:c()})}],label:`Column Settings for ${s?.title??s?.id}`,leftSection:h.jsx(z.IconGrid4x4,{size:16})}]:[];i.hideMenu?.(e),i.showMenu?.(e,{items:s?.getMenuItems?.(e,i,n&&r?i.getRowBuffer(r):void 0,s,a)??i.getMenuItems?.(e,i,n&&r?i.getRowBuffer(r):void 0,s,a)??a,x:t.clientX??t.bounds?.x,y:t.clientY??t.bounds?.y})},onHeaderClicked:(e,t)=>{const n=c();t.preventDefault();const r=n.renderColumns?.[e];r&&(r.disableSort||n.setStateFN("colSort",i=>{const s=[...i??[]],a=s.findIndex(g=>g.id===r.id);if(a<0){const g={direction:"asc",id:r.id,order:s?.length};s.push(g)}else a>=0&&s[a].direction==="asc"?s[a].direction="desc":a>=0&&s[a].direction==="desc"&&s.splice(a,1);return s}))},onHeaderMenuClick:(e,t)=>{const n=c(),r=n.renderColumns?.[e];if(!r)return;const i=[{label:`Sort ${r?.title??r?.id}`},{label:"Sort Ascending",leftSection:h.jsx(re,{sprite:se}),onClick:()=>{n.setStateFN("colSort",a=>{const g=[...a??[]],d=g.findIndex(_=>_.id===r.id),u="asc";if(d<0){const _={direction:u,id:r.id,order:g?.length};g.push(_)}else d>=0&&(g[d].direction=u);return g})}},{label:"Sort Descending",leftSection:h.jsx(re,{sprite:ae}),onClick:()=>{n.setStateFN("colSort",a=>{const g=[...a??[]],d=g.findIndex(_=>_.id===r.id),u="desc";if(d<0){const _={direction:u,id:r.id,order:g?.length};g.push(_)}else d>=0&&(g[d].direction=u);return g})}},{isDivider:!0}],s=[...r.disableSort?[]:i,{label:`Filter ${r?.title??r?.id}`},{renderer:h.jsx(ie,{column:r,storeState:c()})},{isDivider:!0},{id:"refesh",label:"Refresh",onClick:()=>{c()._refresh?.()}}];n.hideMenu?.("header-menu"),n.showMenu?.("header-menu",{items:r?.getMenuItems?.("header-menu",n,void 0,r,s)??n.getMenuItems?.("header-menu",n,void 0,r,s),x:t.x,y:t.y})},onItemHovered:e=>{const t=c();if(t.setState("_activeTooltip",void 0),e.kind==="cell"){const n=t.renderColumns?.[e.location[0]];if(n?.tooltip&&typeof n?.tooltip=="string")t.setState("_activeTooltip",n?.tooltip);else if(n?.tooltip&&typeof n?.tooltip=="function"){const r=t.getRowBuffer(e.location[1]);t.setState("_activeTooltip",n?.tooltip(r,e.location[1],e.location[0]))}}},onVisibleRegionChanged:(e,t,n,r)=>{const i=c();i._scrollTimeout&&clearTimeout(i._scrollTimeout);const s=()=>{const a=c(),g=Math.max(0,Math.floor(e.y/a.pageSize)),d=Math.max(0,Math.floor(a._visiblePages.y/a.pageSize)),u=g-d;if(a.progressiveScroll&&u>1){const _=c(),C=(d+2)*_.pageSize*(_.rowHeight??22);_._glideref?.scrollTo(0,{amount:C,unit:"px"},"vertical");return}a.setState("_visiblePages",e)};i.setState("_scrollTimeout",setTimeout(()=>{s()},100))},pageSize:50,ready:!1,refreshCells:(e,t,n)=>{const r=c(),i=[],s=Object.keys(r.renderColumns??[1,2,3]).length,a=e&&e>0?e:0,g=t&&t>=a?t:a+r.pageSize;for(let d=a;d<=g;d++)if(n&&n>0)i.push({cell:[n,d]});else for(let u=0;u<=s;u++)i.push({cell:[u,d]});r._glideref?.updateCells(i)},setState:(e,t)=>{o(Y.produce(n=>{n[e]=t}))},setStateFN:(e,t)=>new Promise((r,i)=>{o(Y.produce(s=>{if(typeof t=="function")s[e]=t(s[e]);else throw i(new Error(`Not a function ${t}`)),Error(`Not a function ${t}`)})),r()}),toCell:(e,t)=>{const n=c(),i=n.renderColumns?.[t],s=i?.id??i?.title??String(t);if(s==null||e===void 0||e===null)return i?.Cell?i?.Cell(e,t,s,void 0,n):n.RenderCell?n.RenderCell(e,t,s,void 0,n):{allowOverlay:!1,kind:O.GridCellKind.Loading};try{const a=String(s).includes(".")?Ne(s,e)??"":e?.[s];return i?.Cell?{kind:O.GridCellKind.Text,...i?.Cell(e,t,s,a,n)}:n.RenderCell?n.RenderCell(e,t,s,a,n):{allowOverlay:!0,data:a??"",displayData:String(a??""),kind:O.GridCellKind.Text}}catch{return n.RenderCell?n.RenderCell(e,t,s,e?.[s??""],n):{allowOverlay:!1,kind:O.GridCellKind.Loading,skeletonWidthVariability:50}}},total_rows:1e3,uniqueid:ve.getUUID()}),o=>{const[c,e]=o.useStore(n=>[n.setState,n.getState]),t=ce();return S.useEffect(()=>{const n=e("onMounted");if(typeof n=="function"&&n(e,c),c("mounted",!0),window&&window.document&&!window.document.getElementById("portal")){const i=window.document.createElement("div");i.id="portal",i.setAttribute("data-gridler-portal",o.uniqueid),window.document.body.appendChild(i)}return e("_events").dispatchEvent(new CustomEvent("mounted",{detail:{}})),()=>{const r=e("onUnMounted");c("mounted",!1),e("_events").dispatchEvent(new CustomEvent("unmounted",{detail:{}})),typeof r=="function"&&r()}},[c,e]),e("_events").addEventListener("reload",n=>{e("_refresh")?.()}),{...o,colSort:o.defaultSort??e("colSort")??[],hideMenu:o.hideMenu??t.hide,scrollToRowKey:o.scrollToRowKey??o.selectedRowKey??e("scrollToRowKey"),showMenu:o.showMenu??t.show,total_rows:e("total_rows")??o.total_rows}});function Ge(o){const[c,e,t,n,r]=L(a=>[a.setStateFN,a.setState,a.getState,a.addError,a.mounted]),i=S.useCallback(async a=>{const g=t("columns"),d=t("colSort"),u=t("pageSize"),_=t("colFilters"),C=t("searchStr"),w=t("searchFields"),R=t("_active_requests");e("loadingData",!0);try{if(o&&o.url){const x=new Headers;x.set("Authorization",`Token ${o.authtoken}`);const I=[{type:"limit",value:String(u??50)},{type:"offset",value:String((u??50)*a)}];d?.length&&d.length>0&&I.push({type:"sort",value:d?.map(f=>`${f.id} ${f.direction}`).reduce((f,y)=>`${f},${y}`)}),_?.filter(f=>f.value?.length>0)?.forEach(f=>{f.value&&f.value!==""&&I.push({name:`${f.id}`,op:f.operator,type:"searchop",value:f.value})}),C&&C!==""&&g?.filter(f=>!f.disableFilter&&!f.disableSearch&&!f.virtual&&((w??[]).length==0||w?.includes(f.id)))?.forEach(f=>{I.push({name:`${f.id}`,op:"contains",type:"searchor",value:C})}),o.filter&&o.filter!==""&&I.push({name:"sql_filter",type:"custom-sql-w",value:o.filter}),(o.options??[]).length>0&&I.push(...o.options??[]);const N=g?.filter(f=>!f.virtual)?.map(f=>f.id)??[];if(o.hotfields&&o.hotfields.length>0&&N?.push(o.hotfields.join(",")),N&&N.length>0&&I.push({type:"select-fields",value:N.join(",")}),I&&I.length>0){const f=V(I);for(const y in V(I))x.set(y,f[y])}const P=R?.findIndex(f=>f.page===a)??-1;if(R?.forEach(f=>{(f.page>=0&&f.page<a-2||a>=0&&f.page>a+2)&&f.controller?.abort?.()}),R&&P>=0&&R[P]){e("loadingData",!1);return}const B=new AbortController;await c("_active_requests",f=>[...f??[],{controller:B,page:a}]);const v=await fetch(`${o.url}?x-limit=${String(u??50)}&x-offset=${String((u??50)*a)}`,{headers:x,method:"GET",signal:B?.signal});if(v.ok){const f=v.headers.get("Content-Range")?.split("/");f?.[1]&&parseInt(f[1],10)>0&&e("total_rows",parseInt(f[1],10));const y=await v.json();return e("loadingData",!1),y??[]}n(`${v.status} ${v.statusText}`,"api",o.url),await c("_active_requests",f=>[...(f??[]).filter(y=>y.page!==a)])}}catch{}return e("loadingData",!1),[]},[t,o.authtoken,o.url,o.filter,JSON.stringify(o.options),e,c,n]),s=S.useCallback(async a=>{const g=t("colFilters");if(o&&o.url){const d=new Headers,u=[{type:"limit",value:String(10)},{type:"fetch-rownumber",value:a}];if(d.set("Authorization",`Token ${o.authtoken}`),g?.length&&g.length>0&&g?.filter(w=>w.value?.length>0)?.forEach(w=>{w.value&&w.value!==""&&d.set(`x-searchop-${w.operator}-${w.id}`,`${w.value}`)}),o.filter&&o.filter!==""&&u.push({name:"sql_filter",type:"custom-sql-w",value:o.filter}),o.options&&o.options.length>0){const w=V(o.options);for(const R in w)d.set(R,w[R])}if(u&&u.length>0){const w=V(u);for(const R in V(u))d.set(R,w[R])}const _=new AbortController,C=await fetch(`${o.url}?x-fetch-rownumber=${a}}`,{headers:d,method:"GET",signal:_?.signal});if(C.ok){const w=await C.json();return w?.[0]?._rownumber??w?._rownumber??0}n(`${C.status} ${C.statusText}`,"api",o.url)}return[]},[o.url,o.authtoken,o.filter,o.options,t,n]);return S.useEffect(()=>{e("useAPIQuery",i),e("askAPIRowNumber",s),t("_refresh")?.().then(()=>{const g=t("onChange"),d=t("getGridSelectedRows");if(g&&typeof g=="function"){const u=d?.();g(u)}})},[o.url,o.authtoken,o.filter,JSON.stringify(o.options),r,e]),h.jsx(h.Fragment,{})}const xe=S.memo(Ge);xe.displayName="Gridler-GlidlerAPIAdaptorForGoLangv2";function Re(o){const[c,e,t,n]=L(i=>[i.getState,i.mounted,i.setState,i._events]);S.useEffect(()=>{if(e&&o.changeOnActiveClick){const i=s=>{const{row:a,state:g}=s.detail,d=g.getRowBuffer;if(d){const u=d(a);if(!u)return;o.onRequestForm("change",u)}};return n?.addEventListener("onCellActivated",i),()=>{i&&n?.removeEventListener("onCellActivated",i)}}},[o.changeOnActiveClick,e,n]);const r=S.useCallback((i,s,a,g,d)=>{if(i==="header-menu")return d||[];const u=[];u.push(...d);const _=c("_gridSelection")?.rows.toArray()??[],C=_.length>1;if(!a){const x=_[0];x!==void 0&&(a=s.getRowBuffer(x))}const w=typeof o.descriptionField=="string"?a?.[o.descriptionField]:typeof o.descriptionField=="function"&&a?o.descriptionField(a):void 0;i==="other"&&u.push({c:"blue",label:"Add",onClick:()=>{o.onRequestForm("insert",a)}}),i==="cell"&&a||i==="menu"&&a?(u.push({c:"teal",label:"Add",leftSection:h.jsx(z.IconSquarePlus,{color:"teal",size:16}),onClick:()=>{o.onRequestForm("insert",a)}}),C?(u.push({c:"green",label:`Modify All Selected (${_.length})`,leftSection:h.jsx(z.IconEdit,{color:"green",size:16}),onClick:()=>{o.onRequestForm("change",_.map(x=>s.getRowBuffer(x)))}}),u.push({c:"red",label:`Remove All Selected (${_.length})`,leftSection:h.jsx(z.IconTrashX,{color:"maroon",size:16}),onClick:()=>{o.onRequestForm("delete",_.map(x=>s.getRowBuffer(x)))}})):(u.push({c:"green",label:`Modify${w&&o.showDescriptionInMenu?` (${w})`:""}`,leftSection:h.jsx(z.IconEdit,{color:"green",size:16}),onClick:()=>{o.onRequestForm("change",a)}}),u.push({c:"red",label:`Remove${w&&o.showDescriptionInMenu?` (${w})`:""}`,leftSection:h.jsx(z.IconTrashX,{color:"maroon",size:16}),onClick:()=>{o.onRequestForm("delete",a)}})),u.push({isDivider:!0})):(i==="cell"&&!a||i==="menu"&&!a)&&u.push({c:"red",label:"Nothing Selected",leftSection:h.jsx(z.IconExclamationMark,{color:"yellow",size:16})}),u.push({c:"orange",label:"Refresh",leftSection:h.jsx(z.IconRefresh,{color:"orange",size:16}),onClickAsync:async()=>{await c("_refresh")?.()}});const R=o.getMenuItems?o.getMenuItems(i,s,a,g,u):u;return!u||u.length===0?d||[]:R},[o.onRequestForm,c]);return S.useEffect(()=>(e&&typeof t=="function"&&c("getMenuItems")!==r&&t("getMenuItems",r),()=>{}),[o.getMenuItems,e]),h.jsx(h.Fragment,{})}function ze(o){const[c,e,t]=L(d=>[d.setState,d.getState,d.mounted]),{colFilters:n,colSort:r,columns:i,searchStr:s}=L(d=>({colFilters:d.colFilters,colOrder:d.colOrder,colSize:d.colSize,colSort:d.colSort,columns:d.columns,searchStr:d.searchStr})),a=S.useRef({colFilters:n,colSort:r,searchStr:s}),g=async d=>{const u=e("pageSize");return o.data&&Array.isArray(o.data)?(c("total_rows",o.data.length),o.data.slice(d*(u??50),(d+1)*(u??50))):[]};return S.useEffect(()=>{c("useAPIQuery",g)},[t,c]),S.useEffect(()=>{if(o.onColumnSort&&r!==a?.current?.colSort){const d=o.onColumnSort(r,i,o.data);c("total_rows",d.length),c("data",d),a.current.colSort=r,e("refreshCells")?.()}},[r,o.onColumnSort]),S.useEffect(()=>{if(o.onColumnFilter&&n!==a?.current?.colFilters){const d=o.onColumnFilter(n,i,o.data);c("total_rows",d.length),c("data",d),a.current.colFilters=n,e("refreshCells")?.()}},[n,o.onColumnFilter]),S.useEffect(()=>{if(o.onSearch&&s!==a?.current?.searchStr){const d=o.onSearch(s,i,o.data);c("total_rows",d.length),c("data",d),a.current.colFilters=n,e("refreshCells")?.()}},[s,o.onSearch]),h.jsx(h.Fragment,{})}const ue=S.memo(ze);ue.displayName="Gridler-GlidlerLocalDataAdaptor";function pe(){const{loadingData:o,onContextClick:c}=L(e=>({loadingData:e.loadingData,onContextClick:e.onContextClick}));return h.jsx(E.ActionIcon,{loading:o,mr:"xs",mt:"2px",onClick:e=>c("menu",e),variant:"subtle",children:h.jsx(z.IconMenu2,{})})}function Le(o,c){const[e,t]=L(n=>[n.setStateFN,n.getState]);return S.useImperativeHandle(c,()=>({getGlideRef:()=>t("_glideref"),getState:t,isEmpty:()=>t("isEmpty"),refresh:async n=>{const r=t("refreshCells");t("loadPage")?.(n?.pageIndex??0,"all").then(()=>{r?.()})},reload:async n=>{const r=t("refreshCells");t("loadPage")?.(n?.pageIndex??0,"all").then(()=>{r?.()})},reloadRow:async n=>{const r=t("refreshCells"),s=await t("getRowIndexByKey")?.(String(n));s&&s>=0&&r?.(s,s+1)},scrollToRow:async n=>{n&&Number(n)>=0&&e("scrollToRowKey",r=>Number(n??r))},selectRow:async n=>{n&&Number(n)>=0&&e("selectedRowKey",r=>Number(n??r))},setStateFN:e}),[]),h.jsx(h.Fragment,{children:o.children})}const qe=S.forwardRef(Le);function He(){const{_activeTooltip:o,tooltipBarProps:c}=L(e=>({_activeTooltip:e._activeTooltip,tooltipBarProps:e.tooltipBarProps}));return h.jsx("div",{"data-tooltip-bar":!0,style:{minHeight:"24px"},...c,children:o})}const Ee=S.memo(()=>{const o=S.useRef(0),c=S.useRef(""),e=S.useRef(null),{_glideref:t,_gridSelectionRows:n,colFilters:r,colOrder:i,colSize:s,colSort:a,columns:g,getRowIndexByKey:d,getState:u,loadPage:_,ready:C,scrollToRowKey:w,searchStr:R,selectedRowKey:x,setState:I,setStateFN:N,values:P}=L(v=>({_glideref:v._glideref,_gridSelectionRows:v._gridSelectionRows,colFilters:v.colFilters,colOrder:v.colOrder,colSize:v.colSize,colSort:v.colSort,columns:v.columns,getRowIndexByKey:v.getRowIndexByKey,getState:v.getState,loadPage:v.loadPage,ready:v.ready,scrollToRowKey:v.scrollToRowKey,searchStr:v.searchStr,selectedRowKey:v.selectedRowKey,setState:v.setState,setStateFN:v.setStateFN,uniqueid:v.uniqueid,values:v.values})),B=Q.useDebouncedCallback(v=>{_(0,"all").then(()=>{u("refreshCells")?.(),u("_events")?.dispatchEvent?.(new CustomEvent("onSearched",{detail:{search:v}}))})},{delay:300,leading:!1});return S.useEffect(()=>{P&&(async()=>{const f=u("_page_data"),y=u("pageSize"),F=u("keyField")??"id",M=[];for(const D in P){let j=-1;const $=String(typeof P?.[D]=="object"?P?.[D]?.[F]:typeof P?.[D]=="string"?P?.[D]:void 0);for(const T in f){for(const H in f[T]){const G=Number(T)*y+Number(H);if(String(f[T][H]?.[F])===$){j=G;break}}if(j>=0){M.push(j);break}}if(!(j>=0)){const T=await d($);T&&M.push(T)}}return M})().then(f=>{let y=O.CompactSelection.empty();f.forEach(F=>{y=y.add(F)}),N("_gridSelectionRows",()=>y),N("_gridSelection",F=>({columns:F?.columns??O.CompactSelection.empty(),...F,rows:y}))})},[P]),S.useEffect(()=>{const v=u("onChange");if(v&&typeof v=="function"){const y=u("getGridSelectedRows")(),F=u("values");JSON.stringify(F)!==JSON.stringify(y)&&v(y)}},[n,n?.length,u]),S.useEffect(()=>{I("renderColumns",g?.map(v=>({...v,hasMenu:v?.hasMenu??!0,icon:"sort"})))},[g]),S.useEffect(()=>{if(R==null){c.current="";return}c.current!==R&&(B(R),c.current=R)},[R]),S.useEffect(()=>{a&&(I("_gridSelection",{columns:O.CompactSelection.empty(),current:void 0,rows:O.CompactSelection.empty()}),I("_gridSelectionRows",O.CompactSelection.empty()),N("renderColumns",v=>v?.map(f=>({...f,icon:f.id&&a?.find(y=>y.id===f.id)?.direction?a?.find(y=>y.id===f.id)?.direction==="asc"?"sortup":"sortdown":f.defaultIcon??"sort"}))).then(()=>{_(0,"all").then(()=>{u("refreshCells")?.(),u("_events")?.dispatchEvent?.(new CustomEvent("onColumnSorted",{detail:{cols:a}}))})}))},[a]),S.useEffect(()=>{r&&JSON.stringify(e.current)!==JSON.stringify(r)&&(_(0,"all").then(()=>{u("refreshCells")?.(),u("_events")?.dispatchEvent?.(new CustomEvent("onColumnFiltered",{detail:{filters:r}}))}),e.current=r)},[r]),S.useEffect(()=>{s&&N("renderColumns",v=>v?.map(f=>({...f,width:f.id&&s?.[f.id]?s?.[f.id]:f.width}))).then(()=>{u("refreshCells")?.()})},[s]),S.useEffect(()=>{i&&N("renderColumns",v=>v?.sort((y,F)=>i[y.id]>i[F.id]?1:-1)).then(()=>{u("refreshCells")?.()})},[i]),S.useEffect(()=>{t&&(o.current>0||(o.current=1,_(0).then(()=>{u("refreshCells")?.()})))},[C,_]),S.useEffect(()=>{const v=u("_events"),f=()=>{const y=u("selectFirstRowOnMount");if(C&&y){const F=u("scrollToRowKey");if(F&&F>=0)return;const M=u("keyField")??"id",j=u("_page_data")?.[0]?.[0],$=j?.[M],T=u("values")??[];if(!(P&&P.length>0)&&$&&$>0&&(T.length??0)===0){const H=[j,...T],G=u("onChange");G?G(H):I("values",H),I("scrollToRowKey",$)}}};return v?.addEventListener("loadPage",f),()=>{v?.removeEventListener("loadPage",f)}},[C]),S.useEffect(()=>{const v=u("ready"),f=u("_glideref"),y=u("getRowIndexByKey"),F=x??w;F&&f&&v&&y?.(F).then(M=>{if(M!==void 0){if(x){const D=u("onChange"),j=[{[u("keyField")??"id"]:x}];JSON.stringify(u("values"))!==JSON.stringify(j)&&(D?D(j):I("values",j))}f.scrollTo(0,M),u("_events").dispatchEvent(new CustomEvent("scrollToRowKeyFound",{detail:{rowNumber:M,scrollToRowKey:w,selectedRowKey:x}}))}})},[w,x]),h.jsx(h.Fragment,{})});Ee.displayName="Gridler-Computer";function Be(o,c,e=1){let t;if(c===void 0?(t=0,c=o):t=o,e===0)throw new Error("Step cannot be zero");const n=[];if(e>0)for(let r=t;r<c;r+=e)n.push(r);else for(let r=t;r>c;r+=e)n.push(r);return n}const ke=S.memo(()=>{const[o,c,e,t,n,r,i,s]=L(a=>[a.setState,a.getState,a._glideref,a._visiblePages,a.pageSize,a.loadPage,a._loadingList,a.hasLocalData]);return S.useEffect(()=>{e&&o("mounted",!0)},[o]),S.useEffect(()=>{if(!e)return;const a=Math.max(0,Math.floor(t.y/n)),g=Math.floor((t.y+t.height)/n);for(const d of Be(a,g+1,1))r(d).then(()=>{const u=c("_page_data")?.[0]??{};o("isEmpty",u&&u.length>0)})},[r,n,t,e,i,s]),h.jsx(h.Fragment,{})});ke.displayName="Gridler-Pager";const Ke=o=>`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none">
|
|
34
|
+
`,ae=o=>f.jsx("img",{alt:o.alt??"Sprite Image",src:`data:image/svg+xml;utf8,${o.sprite({...o,sprite:void 0})}`}),{Provider:lt,useStore:B}=me.createSyncStore((o,r)=>({_events:new EventTarget,_loadingList:N.CompactSelection.empty(),_page_data:{},_refresh:async()=>{const e=r();await e.loadPage(0,"all"),await e.refreshCells(),await e.reload?.()},_visibleArea:{height:1e4,width:1e3,x:0,y:0},_visiblePages:{height:0,width:0,x:0,y:0},addError:(e,...t)=>{const n=r();console.log("Gridler Error",n.uniqueid,e,t),o(V.produce(l=>{l.errors=[...l.errors,e]}))},errors:[],get:()=>r(),getCellContent:e=>{const t=r(),[n,l]=e,i=t.getRowBuffer(l);return i!==void 0?t.toCell(i,n):{allowOverlay:!1,kind:N.GridCellKind.Loading}},getCellsForSelection:(e,t)=>async()=>{const n=r();await n.setStateFN("_visibleArea",i=>e);const l=[];for(let i=e.y;i<e.y+e.height;i++){const s=[];for(let a=e.x;a<e.x+e.width;a++)s.push(n.getCellContent([a,i]));l.push(s)}return l},getGridSelectedRows:()=>{const e=r(),t=[],n=e._page_data,l=e.pageSize;if(e._gridSelectionRows)for(const i of e._gridSelectionRows){let s;for(const a in n)for(const h in n[a]){const d=Number(a)*l+Number(h);if(!isNaN(d)){if(Number(n[a][h]?._rownumber)===i+1){s=n[a][h];break}else if(d===i+1){s=n[a][h];break}}}s!==void 0&&t.push(s)}return t},getRowBuffer:e=>{const t=r();if(t.data&&t.data.length>0)return t.data[e]===void 0?{allowOverlay:!1,kind:N.GridCellKind.Loading}:t.data[e];const n=Math.max(0,Math.floor(e/t.pageSize)),l=t.pageSize*n,i=e-l;return t._page_data?.[n]?.[i]},getRowIndexByKey:async e=>{const t=r();let n=-1;if(t.ready){const l=t._page_data,i=t.pageSize,s=t.keyField??"id";for(const a in l){for(const h in l[a]){const d=Number(a)*i+Number(h);if(String(l[a][h]?.[s])===String(e)){n=l[a][h]?._rownumber>0?l[a][h]?._rownumber:d>0?d:-1;break}}if(n>0)return console.log("Local row index",n,e),n}if(n>0)return n;if(typeof t.askAPIRowNumber=="function"){const a=await t.askAPIRowNumber(String(e));if(a&&a>=0)return console.log("Remote row index",n,e),a}}},getState:e=>r()[e],hasLocalData:!1,isEmpty:!0,keyField:"id",loadPage:async(e,t)=>{const n=r(),l=e<0?0:e;if(!n._events.dispatchEvent(new CustomEvent("before_loadPage",{detail:{clearMode:t,page:e,state:n}})))return;const s=[],a=Object.keys(n.renderColumns??[1,2,3]).length,h=n.pageSize*l,d=n._page_data?.[l]?.length>0;if(t==="all"){n._active_requests?.forEach(u=>{u.controller?.abort?.()}),n.setState("_page_data",{}),n.setState("_active_requests",[]),n.loadPage(l);return}if(!n.useAPIQuery){console.warn("No useAPIQuery function defined, cannot load page",l);return}!d&&t!=="page"&&n.useAPIQuery?.(l).then(u=>{n.setStateFN("_page_data",g=>({...g,[l]:u}));for(let g=l;g<=h+n.pageSize;g++)for(let y=0;y<=a;y++)s.push({cell:[y,g]});n._glideref?.updateCells(s),n._events.dispatchEvent(new CustomEvent("loadPage",{detail:{clearMode:t,data:u,page:e,state:n}}))}).catch(u=>{console.error("loadPage Error: ",l,u),n._events.dispatchEvent(new CustomEvent("loadPage_error",{detail:{clearMode:t,error:u,page:e,state:n}}))})},maxConcurrency:1,mounted:!1,onCellActivated:e=>{const t=r(),[n,l]=e;t._events.dispatchEvent(new CustomEvent("onCellActivated",{detail:{cell:e,col:n,row:l,state:t}})),t.glideProps?.onCellActivated?.(e)},onCellClicked:(e,t)=>{const n=r(),[l,i]=e;n.glideProps?.onCellClicked&&n.glideProps?.onCellClicked?.(e,t),n.values?.length&&n.onChange&&n.onChange(n.values),n._events.dispatchEvent(new CustomEvent("onCellClicked",{detail:{cell:e,col:l,row:i,state:n}}))},onCellEdited:(e,t)=>{const n=r(),[,l]=e;n._events.dispatchEvent(new CustomEvent("onCellEdited",{detail:{cell:e,newVal:t,row:l,state:n}})),n.glideProps?.onCellEdited?.(e,t)},onColumnMoved:(e,t)=>{const n=r(),l=n.renderColumns?.[e],i=n.renderColumns?.[t];l?.disableMove||i?.disableMove||n.setStateFN("colOrder",s=>{const a=s??n.renderColumns?.map((h,d)=>[h.id,d]).reduce((h,[d,u])=>({...h,[d]:u}),{});return!l?.id||!i?.id?a:{...a,[l?.id]:t,[i?.id]:e}})},onColumnProposeMove:(e,t)=>{const n=r(),l=n.renderColumns?.[e],i=n.renderColumns?.[t];return!(l?.disableMove||i?.disableMove)},onColumnResize:(e,t,n,l)=>{const i=r(),s=i.renderColumns?.find(a=>a.id===e.id);s?.disableResize||s?.maxWidth&&t<s?.maxWidth||s&&i.setStateFN("colSize",a=>a&&s&&a[s.id]===t?a:{...a,[s.id]:t})},onContextClick:(e,t,n,l)=>{const i=r(),s=i.renderColumns?.[n??-1],a=e==="menu"?[{leftSection:f.jsx($.IconGrid4x4,{size:16}),title:i.title??"Grid"}]:s?[{leftSection:f.jsx($.IconGrid4x4,{size:16}),title:i.title??"Grid"},{items:[{label:"Sort Ascending",leftSection:f.jsx(ae,{sprite:fe}),onClick:()=>{i.setStateFN("colSort",h=>{const d=[...h??[]],u=d.findIndex(y=>y.id===s.id),g="asc";if(u<0){const y={direction:g,id:s.id,order:d?.length};d.push(y)}else u>=0&&(d[u].direction=g);return d})}},{label:"Sort Descending",leftSection:f.jsx(ae,{sprite:ue}),onClick:()=>{i.setStateFN("colSort",h=>{const d=[...h??[]],u=d.findIndex(y=>y.id===s.id),g="desc";if(u<0){const y={direction:g,id:s.id,order:d?.length};d.push(y)}else u>=0&&(d[u].direction=g);return d})}},{label:`Filter ${s?.title??s?.id}`},{renderer:f.jsx(de,{column:s,storeState:r()})}],label:`Column Settings for ${s?.title??s?.id}`,leftSection:f.jsx($.IconGrid4x4,{size:16})}]:[];i.hideMenu?.(e),i.showMenu?.(e,{items:s?.getMenuItems?.(e,i,n&&l?i.getRowBuffer(l):void 0,s,a)??i.getMenuItems?.(e,i,n&&l?i.getRowBuffer(l):void 0,s,a)??a,x:t.clientX??t.bounds?.x,y:t.clientY??t.bounds?.y})},onHeaderClicked:(e,t)=>{const n=r();t.preventDefault();const l=n.renderColumns?.[e];l&&(l.disableSort||n.setStateFN("colSort",i=>{const s=[...i??[]],a=s.findIndex(h=>h.id===l.id);if(a<0){const h={direction:"asc",id:l.id,order:s?.length};s.push(h)}else a>=0&&s[a].direction==="asc"?s[a].direction="desc":a>=0&&s[a].direction==="desc"&&s.splice(a,1);return s}))},onHeaderMenuClick:(e,t)=>{const n=r(),l=n.renderColumns?.[e];if(!l)return;const i=[{label:`Sort ${l?.title??l?.id}`},{label:"Sort Ascending",leftSection:f.jsx(ae,{sprite:fe}),onClick:()=>{n.setStateFN("colSort",a=>{const h=[...a??[]],d=h.findIndex(g=>g.id===l.id),u="asc";if(d<0){const g={direction:u,id:l.id,order:h?.length};h.push(g)}else d>=0&&(h[d].direction=u);return h})}},{label:"Sort Descending",leftSection:f.jsx(ae,{sprite:ue}),onClick:()=>{n.setStateFN("colSort",a=>{const h=[...a??[]],d=h.findIndex(g=>g.id===l.id),u="desc";if(d<0){const g={direction:u,id:l.id,order:h?.length};h.push(g)}else d>=0&&(h[d].direction=u);return h})}},{isDivider:!0}],s=[...l.disableSort?[]:i,{label:`Filter ${l?.title??l?.id}`},{renderer:f.jsx(de,{column:l,storeState:r()})},{isDivider:!0},{id:"refesh",label:"Refresh",onClick:()=>{r()._refresh?.()}}];n.hideMenu?.("header-menu"),n.showMenu?.("header-menu",{items:l?.getMenuItems?.("header-menu",n,void 0,l,s)??n.getMenuItems?.("header-menu",n,void 0,l,s),x:t.x,y:t.y})},onItemHovered:e=>{const t=r();if(t.setState("_activeTooltip",void 0),e.kind==="cell"){const n=t.renderColumns?.[e.location[0]];if(n?.tooltip&&typeof n?.tooltip=="string")t.setState("_activeTooltip",n?.tooltip);else if(n?.tooltip&&typeof n?.tooltip=="function"){const l=t.getRowBuffer(e.location[1]);t.setState("_activeTooltip",n?.tooltip(l,e.location[1],e.location[0]))}}},onVisibleRegionChanged:(e,t,n,l)=>{const i=r();i._scrollTimeout&&clearTimeout(i._scrollTimeout);const s=()=>{const a=r(),h=Math.max(0,Math.floor(e.y/a.pageSize)),d=Math.max(0,Math.floor(a._visiblePages.y/a.pageSize)),u=h-d;if(a.progressiveScroll&&u>1){const g=r(),y=(d+2)*g.pageSize*(g.rowHeight??22);g._glideref?.scrollTo(0,{amount:y,unit:"px"},"vertical");return}a.setState("_visiblePages",e)};i.setState("_scrollTimeout",setTimeout(()=>{s()},100))},pageSize:50,ready:!1,refreshCells:(e,t,n)=>{const l=r(),i=[],s=Object.keys(l.renderColumns??[1,2,3]).length,a=e&&e>0?e:0,h=t&&t>=a?t:a+l.pageSize;for(let d=a;d<=h;d++)if(n&&n>0)i.push({cell:[n,d]});else for(let u=0;u<=s;u++)i.push({cell:[u,d]});l._glideref?.updateCells(i)},setState:(e,t)=>{o(V.produce(n=>{n[e]=t}))},setStateFN:(e,t)=>new Promise((l,i)=>{o(V.produce(s=>{if(typeof t=="function")s[e]=t(s[e]);else throw i(new Error(`Not a function ${t}`)),Error(`Not a function ${t}`)})),l()}),toCell:(e,t)=>{const n=r(),i=n.renderColumns?.[t],s=i?.id??i?.title??String(t);if(s==null||e===void 0||e===null)return i?.Cell?i?.Cell(e,t,s,void 0,n):n.RenderCell?n.RenderCell(e,t,s,void 0,n):{allowOverlay:!1,kind:N.GridCellKind.Loading};try{const a=String(s).includes(".")?nt(s,e)??"":e?.[s];return i?.Cell?{kind:N.GridCellKind.Text,...i?.Cell(e,t,s,a,n)}:n.RenderCell?n.RenderCell(e,t,s,a,n):{allowOverlay:!0,data:a??"",displayData:String(a??""),kind:N.GridCellKind.Text}}catch{return n.RenderCell?n.RenderCell(e,t,s,e?.[s??""],n):{allowOverlay:!1,kind:N.GridCellKind.Loading,skeletonWidthVariability:50}}},total_rows:1e3,uniqueid:he.getUUID()}),o=>{const[r,e]=o.useStore(n=>[n.setState,n.getState]),t=ge();return S.useEffect(()=>{const n=e("onMounted");if(typeof n=="function"&&n(e,r),r("mounted",!0),window&&window.document&&!window.document.getElementById("portal")){const i=window.document.createElement("div");i.id="portal",i.setAttribute("data-gridler-portal",o.uniqueid),window.document.body.appendChild(i)}return e("_events").dispatchEvent(new CustomEvent("mounted",{detail:{}})),()=>{const l=e("onUnMounted");r("mounted",!1),e("_events").dispatchEvent(new CustomEvent("unmounted",{detail:{}})),typeof l=="function"&&l()}},[r,e]),e("_events").addEventListener("reload",n=>{e("_refresh")?.()}),{...o,colSort:o.defaultSort??e("colSort")??[],hideMenu:o.hideMenu??t.hide,scrollToRowKey:o.scrollToRowKey??o.selectedRowKey??e("scrollToRowKey"),showMenu:o.showMenu??t.show,total_rows:e("total_rows")??o.total_rows}});function it(o){const[r,e,t,n,l]=B(a=>[a.setStateFN,a.setState,a.getState,a.addError,a.mounted]),i=S.useCallback(async a=>{const h=t("columns"),d=t("colSort"),u=t("pageSize"),g=t("colFilters"),y=t("searchStr"),p=t("searchFields"),E=t("_active_requests");e("loadingData",!0);try{if(o&&o.url){const R=new Headers;R.set("Authorization",`Token ${o.authtoken}`);const _=[{type:"limit",value:String(u??50)},{type:"offset",value:String((u??50)*a)}];d?.length&&d.length>0&&_.push({type:"sort",value:d?.map(m=>`${m.id} ${m.direction}`).reduce((m,b)=>`${m},${b}`)}),g?.filter(m=>m.value?.length>0)?.forEach(m=>{m.value&&m.value!==""&&_.push({name:`${m.id}`,op:m.operator,type:"searchop",value:m.value})}),y&&y!==""&&h?.filter(m=>!m.disableFilter&&!m.disableSearch&&!m.virtual&&m.id&&((p??[]).length==0||p?.includes(m.id)))?.forEach(m=>{_.push({name:`${m.id??""}`,op:"contains",type:"searchor",value:y})}),o.filter&&o.filter!==""&&_.push({name:"sql_filter",type:"custom-sql-w",value:o.filter}),(o.options??[]).length>0&&_.push(...o.options??[]);const O=h?.filter(m=>!m.virtual)?.map(m=>m.id)??[];if(o.hotfields&&o.hotfields.length>0&&O?.push(o.hotfields.join(",")),O&&O.length>0&&_.push({type:"select-fields",value:O.join(",")}),_&&_.length>0){const m=J(_);for(const b in J(_))R.set(b,m[b])}const j=E?.findIndex(m=>m.page===a)??-1;if(E?.forEach(m=>{(m.page>=0&&m.page<a-2||a>=0&&m.page>a+2)&&m.controller?.abort?.()}),E&&j>=0&&E[j]){e("loadingData",!1);return}const H=new AbortController;await r("_active_requests",m=>[...m??[],{controller:H,page:a}]);const w=await fetch(`${o.url}?x-limit=${String(u??50)}&x-offset=${String((u??50)*a)}`,{headers:R,method:"GET",signal:H?.signal});if(w.ok){const m=w.headers.get("Content-Range")?.split("/");m?.[1]&&parseInt(m[1],10)>0&&e("total_rows",parseInt(m[1],10));const b=await w.json();return e("loadingData",!1),b??[]}n(`${w.status} ${w.statusText}`,"api",o.url),await r("_active_requests",m=>[...(m??[]).filter(b=>b.page!==a)])}}catch{}return e("loadingData",!1),[]},[t,o.authtoken,o.url,o.filter,JSON.stringify(o.options),e,r,n]),s=S.useCallback(async a=>{const h=t("colFilters");if(o&&o.url){const d=new Headers,u=[{type:"limit",value:String(10)},{type:"fetch-rownumber",value:a}];if(d.set("Authorization",`Token ${o.authtoken}`),h?.length&&h.length>0&&h?.filter(p=>p.value?.length>0)?.forEach(p=>{p.value&&p.value!==""&&d.set(`x-searchop-${p.operator}-${p.id}`,`${p.value}`)}),o.filter&&o.filter!==""&&u.push({name:"sql_filter",type:"custom-sql-w",value:o.filter}),o.options&&o.options.length>0){const p=J(o.options);for(const E in p)d.set(E,p[E])}if(u&&u.length>0){const p=J(u);for(const E in J(u))d.set(E,p[E])}const g=new AbortController,y=await fetch(`${o.url}?x-fetch-rownumber=${a}}`,{headers:d,method:"GET",signal:g?.signal});if(y.ok){const p=await y.json();return p?.[0]?._rownumber??p?._rownumber??0}n(`${y.status} ${y.statusText}`,"api",o.url)}return[]},[o.url,o.authtoken,o.filter,o.options,t,n]);return S.useEffect(()=>{e("useAPIQuery",i),e("askAPIRowNumber",s),t("_refresh")?.().then(()=>{const h=t("onChange"),d=t("getGridSelectedRows");if(h&&typeof h=="function"){const u=d?.();h(u)}})},[o.url,o.authtoken,o.filter,JSON.stringify(o.options),l,e]),f.jsx(f.Fragment,{})}const Fe=S.memo(it);Fe.displayName="Gridler-GlidlerAPIAdaptorForGoLangv2";function Pe(o){const[r,e,t,n]=B(i=>[i.getState,i.mounted,i.setState,i._events]);S.useEffect(()=>{if(e&&o.changeOnActiveClick){const i=s=>{const{row:a,state:h}=s.detail,d=h.getRowBuffer;if(d){const u=d(a);if(!u)return;o.onRequestForm("change",u)}};return n?.addEventListener("onCellActivated",i),()=>{i&&n?.removeEventListener("onCellActivated",i)}}},[o.changeOnActiveClick,e,n]);const l=S.useCallback((i,s,a,h,d)=>{if(i==="header-menu")return d||[];const u=[];u.push(...d);const g=r("_gridSelection")?.rows.toArray()??[],y=g.length>1;if(!a){const R=g[0];R!==void 0&&(a=s.getRowBuffer(R))}const p=typeof o.descriptionField=="string"?a?.[o.descriptionField]:typeof o.descriptionField=="function"&&a?o.descriptionField(a):void 0;i==="other"&&u.push({c:"blue",label:"Add",onClick:()=>{o.onRequestForm("insert",a)}}),i==="cell"&&a||i==="menu"&&a?(u.push({c:"teal",label:"Add",leftSection:f.jsx($.IconSquarePlus,{color:"teal",size:16}),onClick:()=>{o.onRequestForm("insert",a)}}),y?(u.push({c:"green",label:`Modify All Selected (${g.length})`,leftSection:f.jsx($.IconEdit,{color:"green",size:16}),onClick:()=>{o.onRequestForm("change",g.map(R=>s.getRowBuffer(R)))}}),u.push({c:"red",label:`Remove All Selected (${g.length})`,leftSection:f.jsx($.IconTrashX,{color:"maroon",size:16}),onClick:()=>{o.onRequestForm("delete",g.map(R=>s.getRowBuffer(R)))}})):(u.push({c:"green",label:`Modify${p&&o.showDescriptionInMenu?` (${p})`:""}`,leftSection:f.jsx($.IconEdit,{color:"green",size:16}),onClick:()=>{o.onRequestForm("change",a)}}),u.push({c:"red",label:`Remove${p&&o.showDescriptionInMenu?` (${p})`:""}`,leftSection:f.jsx($.IconTrashX,{color:"maroon",size:16}),onClick:()=>{o.onRequestForm("delete",a)}})),u.push({isDivider:!0})):(i==="cell"&&!a||i==="menu"&&!a)&&u.push({c:"red",label:"Nothing Selected",leftSection:f.jsx($.IconExclamationMark,{color:"yellow",size:16})}),u.push({c:"orange",label:"Refresh",leftSection:f.jsx($.IconRefresh,{color:"orange",size:16}),onClickAsync:async()=>{await r("_refresh")?.()}});const E=o.getMenuItems?o.getMenuItems(i,s,a,h,u):u;return!u||u.length===0?d||[]:E},[o.onRequestForm,r]);return S.useEffect(()=>(e&&typeof t=="function"&&r("getMenuItems")!==l&&t("getMenuItems",l),()=>{}),[o.getMenuItems,e]),f.jsx(f.Fragment,{})}function at(o){const[r,e,t]=B(d=>[d.setState,d.getState,d.mounted]),{colFilters:n,colSort:l,columns:i,searchStr:s}=B(d=>({colFilters:d.colFilters,colOrder:d.colOrder,colSize:d.colSize,colSort:d.colSort,columns:d.columns,searchStr:d.searchStr})),a=S.useRef({colFilters:n,colSort:l,searchStr:s}),h=async d=>{const u=e("pageSize");return o.data&&Array.isArray(o.data)?(r("total_rows",o.data.length),o.data.slice(d*(u??50),(d+1)*(u??50))):[]};return S.useEffect(()=>{r("useAPIQuery",h)},[t,r]),S.useEffect(()=>{if(o.onColumnSort&&l!==a?.current?.colSort){const d=o.onColumnSort(l,i,o.data);r("total_rows",d.length),r("data",d),a.current.colSort=l,e("refreshCells")?.()}},[l,o.onColumnSort]),S.useEffect(()=>{if(o.onColumnFilter&&n!==a?.current?.colFilters){const d=o.onColumnFilter(n,i,o.data);r("total_rows",d.length),r("data",d),a.current.colFilters=n,e("refreshCells")?.()}},[n,o.onColumnFilter]),S.useEffect(()=>{if(o.onSearch&&s!==a?.current?.searchStr){const d=o.onSearch(s,i,o.data);r("total_rows",d.length),r("data",d),a.current.colFilters=n,e("refreshCells")?.()}},[s,o.onSearch]),f.jsx(f.Fragment,{})}const ve=S.memo(at);ve.displayName="Gridler-GlidlerLocalDataAdaptor";function Te(){const{loadingData:o,onContextClick:r}=B(e=>({loadingData:e.loadingData,onContextClick:e.onContextClick}));return f.jsx(C.ActionIcon,{loading:o,mr:"xs",mt:"2px",onClick:e=>r("menu",e),variant:"subtle",children:f.jsx($.IconMenu2,{})})}function st(o,r){const[e,t]=B(n=>[n.setStateFN,n.getState]);return S.useImperativeHandle(r,()=>({getGlideRef:()=>t("_glideref"),getState:t,isEmpty:()=>t("isEmpty"),refresh:async n=>{const l=t("refreshCells");t("loadPage")?.(n?.pageIndex??0,"all").then(()=>{l?.()})},reload:async n=>{const l=t("refreshCells");t("loadPage")?.(n?.pageIndex??0,"all").then(()=>{l?.()})},reloadRow:async n=>{const l=t("refreshCells"),s=await t("getRowIndexByKey")?.(String(n));s&&s>=0&&l?.(s,s+1)},scrollToRow:async n=>{n&&Number(n)>=0&&e("scrollToRowKey",l=>Number(n??l))},selectRow:async n=>{n&&Number(n)>=0&&e("selectedRowKey",l=>Number(n??l))},setStateFN:e}),[]),f.jsx(f.Fragment,{children:o.children})}const ct=S.forwardRef(st);function dt(){const{_activeTooltip:o,tooltipBarProps:r}=B(e=>({_activeTooltip:e._activeTooltip,tooltipBarProps:e.tooltipBarProps}));return f.jsx("div",{"data-tooltip-bar":!0,style:{minHeight:"24px"},...r,children:o})}const Ie=S.memo(()=>{const o=S.useRef(0),r=S.useRef(""),e=S.useRef(null),{_glideref:t,_gridSelectionRows:n,colFilters:l,colOrder:i,colSize:s,colSort:a,columns:h,getRowIndexByKey:d,getState:u,loadPage:g,ready:y,scrollToRowKey:p,searchStr:E,selectedRowKey:R,setState:_,setStateFN:O,values:j}=B(w=>({_glideref:w._glideref,_gridSelectionRows:w._gridSelectionRows,colFilters:w.colFilters,colOrder:w.colOrder,colSize:w.colSize,colSort:w.colSort,columns:w.columns,getRowIndexByKey:w.getRowIndexByKey,getState:w.getState,loadPage:w.loadPage,ready:w.ready,scrollToRowKey:w.scrollToRowKey,searchStr:w.searchStr,selectedRowKey:w.selectedRowKey,setState:w.setState,setStateFN:w.setStateFN,uniqueid:w.uniqueid,values:w.values})),H=Z.useDebouncedCallback(w=>{g(0,"all").then(()=>{u("refreshCells")?.(),u("_events")?.dispatchEvent?.(new CustomEvent("onSearched",{detail:{search:w}}))})},{delay:300,leading:!1});return S.useEffect(()=>{j&&(async()=>{const m=u("_page_data"),b=u("pageSize"),P=u("keyField")??"id",A=[];for(const D in j){let M=-1;const G=String(typeof j?.[D]=="object"?j?.[D]?.[P]:typeof j?.[D]=="string"?j?.[D]:void 0);for(const T in m){for(const L in m[T]){const q=Number(T)*b+Number(L);if(String(m[T][L]?.[P])===G){M=q;break}}if(M>=0){A.push(M);break}}if(!(M>=0)){const T=await d(G);T&&A.push(T)}}return A})().then(m=>{let b=N.CompactSelection.empty();m.forEach(P=>{b=b.add(P)}),O("_gridSelectionRows",()=>b),O("_gridSelection",P=>({columns:P?.columns??N.CompactSelection.empty(),...P,rows:b}))})},[j]),S.useEffect(()=>{const w=u("onChange");if(w&&typeof w=="function"){const b=u("getGridSelectedRows")(),P=u("values");JSON.stringify(P)!==JSON.stringify(b)&&w(b)}},[n,n?.length,u]),S.useEffect(()=>{_("renderColumns",h?.map(w=>({...w,hasMenu:w?.hasMenu??!0,icon:"sort"})))},[h]),S.useEffect(()=>{if(E==null){r.current="";return}r.current!==E&&(H(E),r.current=E)},[E]),S.useEffect(()=>{a&&(_("_gridSelection",{columns:N.CompactSelection.empty(),current:void 0,rows:N.CompactSelection.empty()}),_("_gridSelectionRows",N.CompactSelection.empty()),O("renderColumns",w=>w?.map(m=>({...m,icon:m.id&&a?.find(b=>b.id===m.id)?.direction?a?.find(b=>b.id===m.id)?.direction==="asc"?"sortup":"sortdown":m.defaultIcon??"sort"}))).then(()=>{g(0,"all").then(()=>{u("refreshCells")?.(),u("_events")?.dispatchEvent?.(new CustomEvent("onColumnSorted",{detail:{cols:a}}))})}))},[a]),S.useEffect(()=>{l&&JSON.stringify(e.current)!==JSON.stringify(l)&&(g(0,"all").then(()=>{u("refreshCells")?.(),u("_events")?.dispatchEvent?.(new CustomEvent("onColumnFiltered",{detail:{filters:l}}))}),e.current=l)},[l]),S.useEffect(()=>{s&&O("renderColumns",w=>w?.map(m=>({...m,width:m.id&&s?.[m.id]?s?.[m.id]:m.width}))).then(()=>{u("refreshCells")?.()})},[s]),S.useEffect(()=>{i&&O("renderColumns",w=>w?.sort((b,P)=>i[b.id]>i[P.id]?1:-1)).then(()=>{u("refreshCells")?.()})},[i]),S.useEffect(()=>{t&&(o.current>0||(o.current=1,g(0).then(()=>{u("refreshCells")?.()})))},[y,g]),S.useEffect(()=>{const w=u("_events"),m=()=>{const b=u("selectFirstRowOnMount");if(y&&b){const P=u("scrollToRowKey");if(P&&P>=0)return;const A=u("keyField")??"id",M=u("_page_data")?.[0]?.[0],G=M?.[A],T=u("values")??[];if(!(j&&j.length>0)&&G&&G>0&&(T.length??0)===0){const L=[M,...T],q=u("onChange");q?q(L):_("values",L),_("scrollToRowKey",G)}}};return w?.addEventListener("loadPage",m),()=>{w?.removeEventListener("loadPage",m)}},[y]),S.useEffect(()=>{const w=u("ready"),m=u("_glideref"),b=u("getRowIndexByKey"),P=R??p;P&&m&&w&&b?.(P).then(A=>{if(A!==void 0){if(R){const D=u("onChange"),M=[{[u("keyField")??"id"]:R}];JSON.stringify(u("values"))!==JSON.stringify(M)&&(D?D(M):_("values",M))}m.scrollTo(0,A),u("_events").dispatchEvent(new CustomEvent("scrollToRowKeyFound",{detail:{rowNumber:A,scrollToRowKey:p,selectedRowKey:R}}))}})},[p,R]),f.jsx(f.Fragment,{})});Ie.displayName="Gridler-Computer";function ut(o,r,e=1){let t;if(r===void 0?(t=0,r=o):t=o,e===0)throw new Error("Step cannot be zero");const n=[];if(e>0)for(let l=t;l<r;l+=e)n.push(l);else for(let l=t;l>r;l+=e)n.push(l);return n}const je=S.memo(()=>{const[o,r,e,t,n,l,i,s]=B(a=>[a.setState,a.getState,a._glideref,a._visiblePages,a.pageSize,a.loadPage,a._loadingList,a.hasLocalData]);return S.useEffect(()=>{e&&o("mounted",!0)},[o]),S.useEffect(()=>{if(!e)return;const a=Math.max(0,Math.floor(t.y/n)),h=Math.floor((t.y+t.height)/n);for(const d of ut(a,h+1,1))l(d).then(()=>{const u=r("_page_data")?.[0]??{};o("isEmpty",u&&u.length>0)})},[l,n,t,e,i,s]),f.jsx(f.Fragment,{})});je.displayName="Gridler-Pager";const ft=o=>`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none">
|
|
35
35
|
<path
|
|
36
36
|
fill="${o.fgColor??"currentColor"}"
|
|
37
37
|
d="M2.22 9.967L7.97 4.22l.085-.074l.058-.038l.072-.039l.105-.04l.105-.022l.052-.005L8.5 4l.057.002l.092.013l.107.03l.085.037l.054.03l.063.044l.072.064l5.75 5.747a.75.75 0 0 1-.976 1.133l-.084-.072L9.25 6.56v16.69a.75.75 0 0 1-1.493.102l-.007-.102V6.56l-4.47 4.468a.75.75 0 0 1-.976.072l-.084-.072a.75.75 0 0 1-.073-.977zM19.5 4a.75.75 0 0 1 .743.648l.007.102v16.687l4.47-4.467l.084-.073a.75.75 0 0 1 1.049 1.05l-.073.083l-5.728 5.727a.75.75 0 0 1-1.031.07l-.073-.07l-5.728-5.727l-.073-.084a.75.75 0 0 1-.007-.882l.08-.094l.084-.073a.75.75 0 0 1 .882-.007l.094.08l4.47 4.469V4.75l.007-.102A.75.75 0 0 1 19.5 4"
|
|
38
38
|
></path>
|
|
39
|
-
</svg>`,
|
|
39
|
+
</svg>`,ht="_container_1nbyf_1",mt={container:ht},gt=o=>r=>r%2===0?void 0:{bgCell:o==="dark"?"#303030":"#e1effc"},vt=()=>{const o=C.useMantineTheme(),{colorScheme:r}=C.useMantineColorScheme(),{enableOddEvenRowColor:e,focused:t}=B(u=>({enableOddEvenRowColor:u.enableOddEvenRowColor,focused:u.focused})),n={auto:t?C.lighten(o.colors.blue[4],.9):"#ffffff",dark:t?C.darken("#bacfe0",.2):o.colors.dark[7],light:t?C.lighten(o.colors.blue[4],.8):"#ffffff"}[r],l={accentColor:"none",accentLight:o.colors.blue[9],baseFontStyle:"13px",bgBubble:"#212121",bgBubbleSelected:"#000000",bgCell:n,bgCellMedium:"#202027",bgHeader:"#2A2A2A",bgHeaderHasFocus:"#181818",bgHeaderHovered:"#404040",bgIconHeader:"#b8b8b8",bgSearchResult:"#423c24",borderColor:"#eee1",drilldownBorder:"rgba(225,225,225,0.4)",fgIconHeader:"#000000",fontFamily:"Inter, Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, noto, arial, sans-serif",headerFontStyle:"500 13px",linkColor:o.colors.blue[4],textBubble:"#ffffff",textDark:"#dedede",textGroupHeader:"#dedede",textHeader:"#a1a1a1",textHeaderSelected:"#000000",textLight:"#a0a0a0",textMedium:"#b8b8b8"},s=r==="dark"?l:{bgCell:n,textGroupHeader:"#2c5491"},[a,h]=S.useState(s);return S.useEffect(()=>{h(s)},[r,t]),{getRowThemeOverride:u=>e?gt(r)(u):void 0,gridTheme:a}},St=()=>{const o=S.useRef(null),r=S.useRef(!1),{height:e,ref:t,width:n}=Z.useElementSize({box:"content-box"}),{_gridSelection:l,allowMultiSelect:i,focused:s,getCellContent:a,getCellsForSelection:h,getState:d,glideProps:u,hasLocalData:g,headerHeight:y,heightProp:p,mounted:E,onCellActivated:R,onCellClicked:_,onCellEdited:O,onColumnMoved:j,onColumnProposeMove:H,onColumnResize:w,onContextClick:m,onHeaderClicked:b,onHeaderMenuClick:P,onItemHovered:A,onVisibleRegionChanged:D,renderColumns:M,rowHeight:G,sections:T,selectMode:L,setState:q,setStateFN:ne,total_rows:oe,widthProp:re}=B(c=>({_gridSelection:c._gridSelection,allowMultiSelect:c.allowMultiSelect,focused:c.focused,getCellContent:c.getCellContent,getCellsForSelection:c.getCellsForSelection,getState:c.getState,glideProps:c.glideProps,hasLocalData:c.hasLocalData,headerHeight:c.headerHeight,heightProp:c.height,mounted:c.mounted,onCellActivated:c.onCellActivated,onCellClicked:c.onCellClicked,onCellEdited:c.onCellEdited,onColumnMoved:c.onColumnMoved,onColumnProposeMove:c.onColumnProposeMove,onColumnResize:c.onColumnResize,onContextClick:c.onContextClick,onHeaderClicked:c.onHeaderClicked,onHeaderMenuClick:c.onHeaderMenuClick,onItemHovered:c.onItemHovered,onVisibleRegionChanged:c.onVisibleRegionChanged,renderColumns:c.renderColumns,rowHeight:c.rowHeight,sections:c.sections,selectMode:c.selectMode,setState:c.setState,setStateFN:c.setStateFN,total_rows:c.total_rows,widthProp:c.width})),le=Z.useMergedRef(o,c=>{ne("_glideref",()=>c??void 0);const v=d("ready"),x=!!(c&&E);v!==x&&q("ready",x)}),Y=vt();return f.jsxs(C.Stack,{align:"stretch",gap:0,h:p??"100%",justify:"stretch",w:re??"100%",children:[T?.top,f.jsxs("div",{className:mt.container,"data-focused":s,onContextMenu:c=>{c.preventDefault(),r.current||(r.current=!0,m("other",c),setTimeout(()=>{r.current=!1},100))},ref:t,style:{display:"flex",height:"100%",minHeight:"64px",minWidth:"32px",width:"100%"},children:[T?.left,n&&n>0&&e&&e>0&&f.jsx(N.DataEditor,{cellActivationBehavior:"double-click",columns:M??[],columnSelect:"none",drawFocusRing:!0,height:e??400,overscrollX:16,overscrollY:32,rangeSelect:i?"multi-rect":"cell",rightElementProps:{fill:!1,sticky:!0},rowMarkers:{checkboxStyle:"square",kind:i?"both":"clickable-number"},rowSelect:i?"multi":"single",rowSelectionMode:"auto",spanRangeBehavior:"default",...u,getCellContent:a,getCellsForSelection:h,getRowThemeOverride:Y.getRowThemeOverride,gridSelection:l,headerHeight:y??32,headerIcons:{sort:ft,sortdown:ue,sortup:fe},onCellActivated:R,onCellClicked:_,onCellContextMenu:(c,v)=>{v.preventDefault(),u?.onCellContextMenu?.(c,v),r.current||(r.current=!0,m("cell",v,c[0],c[1]),setTimeout(()=>{r.current=!1},100))},onCellEdited:O,onColumnMoved:j,onColumnProposeMove:H,onColumnResize:w,onGridSelectionChange:c=>{let v=N.CompactSelection.empty();const x=d("_gridSelection"),k=d("keyField")??"id",z=d("getRowBuffer");for(const I of c.rows)z&&z(I)?.[k]&&(v=v.hasIndex(I)?v:v.add(I));if(L==="row"&&c.current?.range)for(let I=c.current.range.y;I<c.current.range.y+c.current.range.height;I++)z&&z(I)?.[k]&&(v=v.hasIndex(I)?v:v.add(I));if(v.length===0)for(const I of x?.rows??[])z&&z(I)?.[k]&&(v=v.hasIndex(I)?v:v.add(I));console.log("Debug:onGridSelectionChange",x,c),(JSON.stringify(x?.columns)!==JSON.stringify(c.columns)||JSON.stringify(x?.rows)!==JSON.stringify(v)||JSON.stringify(x?.current)!==JSON.stringify(c.current))&&(q("_gridSelection",{...c,rows:v}),q("_gridSelectionRows",v))},onHeaderClicked:b,onHeaderContextMenu:(c,v)=>{v.preventDefault(),r.current||(r.current=!0,m("header",v,c),setTimeout(()=>{r.current=!1},100))},onHeaderMenuClick:P,onItemHovered:A,onVisibleRegionChanged:D,ref:le,rightElement:T?.rightElementDisabled?void 0:f.jsxs(C.Group,{children:[T?.rightElementStart,f.jsx(Te,{}),T?.rightElementEnd]}),rowHeight:G??22,rows:oe??0,theme:Y.gridTheme,width:n??200}),f.jsx(Ie,{}),!g&&f.jsx(je,{}),T?.right]}),f.jsxs("div",{style:{flexGrow:0},children:[f.jsx(dt,{}),T?.bottom]})]})},Ct=(o,r)=>f.jsx(xe,{children:f.jsxs(lt,{...o,persist:{name:`Gridler_${o.uniqueid}`,partialize:e=>({colOrder:e.colOrder,colSize:e.colSize}),version:1},children:[f.jsx(St,{}),f.jsx(ct,{ref:r}),o.children]})}),Se=S.forwardRef(Ct);Se.FormAdaptor=Pe;Se.LocalDataAdaptor=ve;exports.ButtonCtrl=Ve;exports.ColumnFilterInput=Ee;exports.ColumnFilterInputOperator=ke;exports.ColumnFilterSet=de;exports.FilterOperators=Re;exports.Former=se;exports.FormerButtonArea=ee;exports.FormerDialog=Le;exports.FormerModel=He;exports.FormerPopover=Ke;exports.FormerResolveSpecAPI=Be;exports.FormerRestHeadSpecAPI=ze;exports.GlidlerAPIAdaptorForGoLangv2=Fe;exports.GlidlerFormAdaptor=Pe;exports.GlidlerLocalDataAdaptor=ve;exports.GoAPIHeaders=J;exports.Gridler=Se;exports.GridlerRightMenuIcon=Te;exports.IconButtonCtrl=Ue;exports.MantineBetterMenusProvider=xe;exports.NativeSelectCtrl=We;exports.PasswordInputCtrl=Je;exports.SwitchCtrl=Ye;exports.TextAreaCtrl=Xe;exports.TextInputCtrl=Qe;exports.useGridlerStore=B;exports.useMantineBetterMenus=ge;
|
|
40
40
|
//# sourceMappingURL=lib.cjs.js.map
|