@object-ui/plugin-view 3.1.5 → 3.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +13 -8
- package/CHANGELOG.md +22 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +611 -778
- package/dist/index.umd.cjs +2 -7
- package/dist/{plugin-view → packages/plugin-view}/src/ObjectView.d.ts +2 -0
- package/package.json +10 -10
- package/src/ObjectView.tsx +24 -0
- package/src/ViewSwitcher.tsx +2 -2
- package/vite.config.ts +4 -0
- /package/dist/{plugin-view → packages/plugin-view}/src/FilterUI.d.ts +0 -0
- /package/dist/{plugin-view → packages/plugin-view}/src/SharedViewLink.d.ts +0 -0
- /package/dist/{plugin-view → packages/plugin-view}/src/SortUI.d.ts +0 -0
- /package/dist/{plugin-view → packages/plugin-view}/src/ViewSwitcher.d.ts +0 -0
- /package/dist/{plugin-view → packages/plugin-view}/src/ViewTabBar.d.ts +0 -0
- /package/dist/{plugin-view → packages/plugin-view}/src/index.d.ts +0 -0
package/dist/index.umd.cjs
CHANGED
|
@@ -1,10 +1,5 @@
|
|
|
1
|
-
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`@object-ui/core`),require(`@object-ui/react`),require(`@object-ui/plugin-grid`),require(`@object-ui/plugin-form`),require(`@object-ui/components`),require(`lucide-react`),require(`react-dom`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`@object-ui/core`,`@object-ui/react`,`@object-ui/plugin-grid`,`@object-ui/plugin-form`,`@object-ui/components`,`lucide-react`,`react-dom`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ObjectUIPluginView={},e.React,e._object_ui_core,e._object_ui_react,e._object_ui_plugin_grid,e._object_ui_plugin_form,e._object_ui_components,e.lucide_react,e.ReactDOM))})(this,function(e,t,n,r,i,a,o,s,c){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var l=Object.create,u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,f=Object.getOwnPropertyNames,p=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty,h=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),g=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=f(t),a=0,o=i.length,s;a<o;a++)s=i[a],!m.call(e,s)&&s!==n&&u(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=d(t,s))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:l(p(e)),g(t||!e||!e.__esModule?u(n,`default`,{value:e,enumerable:!0}):n,e)))(t);function _(e){var t,n,r=``;if(typeof e==`string`||typeof e==`number`)r+=e;else if(typeof e==`object`)if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=_(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function v(){for(var e,t,n=0,r=``,i=arguments.length;n<i;n++)(e=arguments[n])&&(t=_(e))&&(r&&(r+=` `),r+=t);return r}var y=e=>typeof e==`boolean`?`${e}`:e===0?`0`:e,b=v,x=(e,t)=>n=>{if(t?.variants==null)return b(e,n?.class,n?.className);let{variants:r,defaultVariants:i}=t,a=Object.keys(r).map(e=>{let t=n?.[e],a=i?.[e];if(t===null)return null;let o=y(t)||y(a);return r[e][o]}),o=n&&Object.entries(n).reduce((e,t)=>{let[n,r]=t;return r===void 0||(e[n]=r),e},{});return b(e,a,t?.compoundVariants?.reduce((e,t)=>{let{class:n,className:r,...a}=t;return Object.entries(a).every(e=>{let[t,n]=e;return Array.isArray(n)?n.includes({...i,...o}[t]):{...i,...o}[t]===n})?[...e,n,r]:e},[]),n?.class,n?.className)},S=h((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.fragment`);function r(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.Fragment=n,e.jsx=r,e.jsxs=r})),C=h((e=>{process.env.NODE_ENV!==`production`&&(function(){function t(e){if(e==null)return null;if(typeof e==`function`)return e.$$typeof===O?null:e.displayName||e.name||null;if(typeof e==`string`)return e;switch(e){case _:return`Fragment`;case y:return`Profiler`;case v:return`StrictMode`;case C:return`Suspense`;case w:return`SuspenseList`;case D:return`Activity`}if(typeof e==`object`)switch(typeof e.tag==`number`&&console.error(`Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.`),e.$$typeof){case g:return`Portal`;case x:return e.displayName||`Context`;case b:return(e._context.displayName||`Context`)+`.Consumer`;case S:var n=e.render;return e=e.displayName,e||=(e=n.displayName||n.name||``,e===``?`ForwardRef`:`ForwardRef(`+e+`)`),e;case T:return n=e.displayName||null,n===null?t(e.type)||`Memo`:n;case E:n=e._payload,e=e._init;try{return t(e(n))}catch{}}return null}function n(e){return``+e}function r(e){try{n(e);var t=!1}catch{t=!0}if(t){t=console;var r=t.error,i=typeof Symbol==`function`&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||`Object`;return r.call(t,`The provided key is an unsupported type %s. This value must be coerced to a string before using it here.`,i),n(e)}}function i(e){if(e===_)return`<>`;if(typeof e==`object`&&e&&e.$$typeof===E)return`<...>`;try{var n=t(e);return n?`<`+n+`>`:`<...>`}catch{return`<...>`}}function a(){var e=k.A;return e===null?null:e.getOwner()}function o(){return Error(`react-stack-top-frame`)}function s(e){if(ee.call(e,`key`)){var t=Object.getOwnPropertyDescriptor(e,`key`).get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function c(e,t){function n(){M||(M=!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)",t))}n.isReactWarning=!0,Object.defineProperty(e,`key`,{get:n,configurable:!0})}function l(){var e=t(this.type);return N[e]||(N[e]=!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.`)),e=this.props.ref,e===void 0?null:e}function u(e,t,n,r,i,a){var o=n.ref;return e={$$typeof:h,type:e,key:t,props:n,_owner:r},(o===void 0?null:o)===null?Object.defineProperty(e,`ref`,{enumerable:!1,value:null}):Object.defineProperty(e,`ref`,{enumerable:!1,get:l}),e._store={},Object.defineProperty(e._store,`validated`,{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,`_debugInfo`,{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,`_debugStack`,{configurable:!1,enumerable:!1,writable:!0,value:i}),Object.defineProperty(e,`_debugTask`,{configurable:!1,enumerable:!1,writable:!0,value:a}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function d(e,n,i,o,l,d){var p=n.children;if(p!==void 0)if(o)if(A(p)){for(o=0;o<p.length;o++)f(p[o]);Object.freeze&&Object.freeze(p)}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 f(p);if(ee.call(n,`key`)){p=t(e);var m=Object.keys(n).filter(function(e){return e!==`key`});o=0<m.length?`{key: someKey, `+m.join(`: ..., `)+`: ...}`:`{key: someKey}`,te[p+o]||(m=0<m.length?`{`+m.join(`: ..., `)+`: ...}`:`{}`,console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
2
|
-
let props = %s;
|
|
3
|
-
<%s {...props} />
|
|
4
|
-
React keys must be passed directly to JSX without using spread:
|
|
5
|
-
let props = %s;
|
|
6
|
-
<%s key={someKey} {...props} />`,o,p,m,p),te[p+o]=!0)}if(p=null,i!==void 0&&(r(i),p=``+i),s(n)&&(r(n.key),p=``+n.key),`key`in n)for(var h in i={},n)h!==`key`&&(i[h]=n[h]);else i=n;return p&&c(i,typeof e==`function`?e.displayName||e.name||`Unknown`:e),u(e,p,i,a(),l,d)}function f(e){p(e)?e._store&&(e._store.validated=1):typeof e==`object`&&e&&e.$$typeof===E&&(e._payload.status===`fulfilled`?p(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function p(e){return typeof e==`object`&&!!e&&e.$$typeof===h}var m=require(`react`),h=Symbol.for(`react.transitional.element`),g=Symbol.for(`react.portal`),_=Symbol.for(`react.fragment`),v=Symbol.for(`react.strict_mode`),y=Symbol.for(`react.profiler`),b=Symbol.for(`react.consumer`),x=Symbol.for(`react.context`),S=Symbol.for(`react.forward_ref`),C=Symbol.for(`react.suspense`),w=Symbol.for(`react.suspense_list`),T=Symbol.for(`react.memo`),E=Symbol.for(`react.lazy`),D=Symbol.for(`react.activity`),O=Symbol.for(`react.client.reference`),k=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ee=Object.prototype.hasOwnProperty,A=Array.isArray,j=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(e){return e()}};var M,N={},P=m.react_stack_bottom_frame.bind(m,o)(),F=j(i(o)),te={};e.Fragment=_,e.jsx=function(e,t,n){var r=1e4>k.recentlyCreatedOwnerStacks++;return d(e,t,n,!1,r?Error(`react-stack-top-frame`):P,r?j(i(e)):F)},e.jsxs=function(e,t,n){var r=1e4>k.recentlyCreatedOwnerStacks++;return d(e,t,n,!0,r?Error(`react-stack-top-frame`):P,r?j(i(e)):F)}})()})),w=h(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=S():t.exports=C()}))(),T={list:`List`,detail:`Detail`,grid:`Grid`,kanban:`Kanban`,calendar:`Calendar`,timeline:`Timeline`,map:`Map`,gallery:`Gallery`,gantt:`Gantt`},E={list:s.List,detail:s.FileText,grid:s.Grid,kanban:s.LayoutGrid,calendar:s.Calendar,timeline:s.Activity,map:s.Map,gallery:s.Images,gantt:s.GanttChartSquare},D=x(`flex gap-4`,{variants:{position:{top:`flex-col`,bottom:`flex-col-reverse`,left:`flex-row`,right:`flex-row-reverse`}},defaultVariants:{position:`top`}}),O=x(`w-full`,{variants:{orientation:{horizontal:`w-full`,vertical:`w-48`}},defaultVariants:{orientation:`horizontal`}}),k=x(`flex gap-2`,{variants:{orientation:{horizontal:`flex-row flex-wrap`,vertical:`flex-col`}},defaultVariants:{orientation:`horizontal`}}),ee=x(``,{variants:{orientation:{horizontal:``,vertical:`flex h-auto flex-col items-stretch`}},defaultVariants:{orientation:`horizontal`}});function A(e){return e.split(`-`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(``)}var j={Home:`House`};function M(e){if(!e)return null;let t=A(e);return s.icons[j[t]||t]||null}function N(e){return e.label?e.label:T[e.type]||e.type}function P(e){return e.icon?M(e.icon):E[e.type]||null}function F(e){return e.activeView?e.activeView:e.defaultView?e.defaultView:e.views?.[0]?.type}var te={share:s.Share2,settings:s.Settings,duplicate:s.Copy,delete:s.Trash2},I={share:`Share`,settings:`Settings`,duplicate:`Duplicate`,delete:`Delete`},L=({schema:e,className:n,onViewChange:i,onCreateView:a,onViewAction:c,createViewLabel:l=`Create view`,...u})=>{let d=t.useMemo(()=>e.storageKey?e.storageKey:`view-switcher${e.id?`-${e.id}`:``}`,[e.id,e.storageKey]),[f,p]=t.useState(()=>F(e));t.useEffect(()=>{if(e.activeView){p(e.activeView);return}if(e.persistPreference)try{let t=localStorage.getItem(d);if(t){let n=e.views.find(e=>e.type===t)?.type;n&&p(n)}}catch{}},[e.activeView,e.persistPreference,e.views,d]),t.useEffect(()=>{if(!(!e.persistPreference||!f||e.activeView))try{localStorage.setItem(d,f)}catch{}},[f,e.activeView,e.persistPreference,d]);let m=t.useCallback(t=>{i?.(t),e.onViewChange&&typeof window<`u`&&window.dispatchEvent(new CustomEvent(e.onViewChange,{detail:{view:t}}))},[i,e.onViewChange]),h=t.useCallback(e=>{p(e),m(e)},[m]),g=f||e.views?.[0]?.type,_=g||``,v=e.views.find(e=>e.type===g)||e.views?.[0],y=e.variant||`tabs`,b=e.position||`top`,x=b===`left`||b===`right`,S=x?`vertical`:`horizontal`,C=e.viewActions&&e.viewActions.length>0?(0,w.jsx)(`div`,{className:`flex items-center gap-1`,children:e.viewActions.map((e,t)=>{let n=e.icon&&M(e.icon)||te[e.type];return(0,w.jsx)(o.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,onClick:()=>c?.(e.type,g),title:I[e.type]||e.type,children:n?(0,w.jsx)(n,{className:`h-3.5 w-3.5`}):null},`action-${e.type}-${t}`)})}):null,T=e.allowCreateView?(0,w.jsx)(o.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,onClick:()=>a?.(),title:l,children:(0,w.jsx)(s.Plus,{className:`h-3.5 w-3.5`})}):null,E=(0,w.jsxs)(`div`,{className:(0,o.cn)(O({orientation:S}),`flex items-center gap-1`),children:[y===`dropdown`&&(0,w.jsxs)(o.Select,{value:_,onValueChange:e=>h(e),children:[(0,w.jsx)(o.SelectTrigger,{className:(0,o.cn)(`w-full`,x?`h-10`:`h-9`),children:(0,w.jsx)(o.SelectValue,{placeholder:`Select view`})}),(0,w.jsx)(o.SelectContent,{children:e.views.map((e,t)=>(0,w.jsx)(o.SelectItem,{value:e.type,children:N(e)},`${e.type}-${t}`))})]}),y===`buttons`&&(0,w.jsx)(`div`,{className:(0,o.cn)(k({orientation:S})),children:e.views.map((e,t)=>{let n=e.type===g,r=P(e);return(0,w.jsxs)(o.Button,{type:`button`,size:`sm`,variant:n?`secondary`:`ghost`,className:(0,o.cn)(`justify-start gap-2`,x?`w-full`:``),onClick:()=>h(e.type),children:[r?(0,w.jsx)(r,{className:`h-4 w-4`}):null,(0,w.jsx)(`span`,{children:N(e)})]},`${e.type}-${t}`)})}),y===`tabs`&&(0,w.jsx)(o.Tabs,{value:_,onValueChange:e=>h(e),children:(0,w.jsx)(o.TabsList,{className:(0,o.cn)(ee({orientation:S})),children:e.views.map((e,t)=>{let n=P(e);return(0,w.jsxs)(o.TabsTrigger,{value:e.type,className:(0,o.cn)(`gap-2`,x?`justify-start`:``),children:[n?(0,w.jsx)(n,{className:`h-4 w-4`}):null,(0,w.jsx)(`span`,{children:N(e)})]},`${e.type}-${t}`)})})}),C,T]}),A=v?.schema?Array.isArray(v.schema)?(0,w.jsx)(`div`,{className:`space-y-4`,children:v.schema.map((e,t)=>(0,w.jsx)(r.SchemaRenderer,{schema:e,...u},`${v.type}-${t}`))}):(0,w.jsx)(r.SchemaRenderer,{schema:v.schema,...u}):null;return(0,w.jsxs)(`div`,{className:(0,o.cn)(D({position:b}),n),children:[(0,w.jsx)(`div`,{className:(0,o.cn)(`shrink-0`,x?`flex flex-col`:`flex`),children:E}),(0,w.jsx)(`div`,{className:`flex-1 min-w-0`,children:A})]})},ne=r.SchemaRenderer,R=({schema:e,dataSource:r,className:c,views:l,activeViewId:u,onViewChange:d,onRowClick:f,onEdit:p,renderListView:m,toolbarAddon:h,onCreateView:g,onViewAction:_})=>{let[v,y]=(0,t.useState)(null),b=(0,t.useRef)(null);b.current=v;let[x,S]=(0,t.useState)(!1),[C,T]=(0,t.useState)(`create`),[E,D]=(0,t.useState)(null),[O,k]=(0,t.useState)(0),[ee,A]=(0,t.useState)([]),[j,M]=(0,t.useState)(!1),[N,P]=(0,t.useState)({}),[F,te]=(0,t.useState)([]),I=e.listViews,R=I!=null&&Object.keys(I).length>0,[z,B]=(0,t.useState)(()=>e.defaultListView&&I?.[e.defaultListView]?e.defaultListView:I&&Object.keys(I)[0]||``),V=(0,t.useMemo)(()=>!R||!z?null:I[z]||null,[R,z,I]),H=(0,t.useMemo)(()=>l&&l.length>0?l:null,[l]),U=H!=null&&H.length>0,re=u||H?.[0]?.id,W=H?.find(e=>e.id===re)||H?.[0],G=(0,t.useMemo)(()=>V?.type?V.type:W?.type?W.type:e.defaultViewType||`grid`,[V,W,e.defaultViewType]),K=e.navigation;(0,t.useEffect)(()=>{let t=!0;return e.objectName&&r&&(async()=>{try{let n=await r.getObjectSchema(e.objectName);t&&y(n)}catch(e){console.error(`Failed to fetch object schema:`,e)}})(),()=>{t=!1}},[e.objectName,r]),(0,t.useEffect)(()=>{let t=!0;return(async()=>{if(!m&&G!==`grid`&&!(!r||!e.objectName)){M(!0);try{let i=V?.filter||W?.filter||e.table?.defaultFilters||[],a=Object.entries(N).filter(([,e])=>e!==void 0&&e!==``&&e!==null).map(([e,t])=>[e,`=`,t]),o=[];o=i.length>0&&a.length>0?[`and`,...i,...a]:a.length===1?a[0]:a.length>1?[`and`,...a]:i;let s=F.length>0?F.map(e=>({field:e.field,order:e.direction})):V?.sort||W?.sort||e.table?.defaultSort||void 0,c=(0,n.buildExpandFields)(b.current?.fields),l=await r.find(e.objectName,{$filter:o.length>0?o:void 0,$orderby:s,$top:100,...c.length>0?{$expand:c}:{}}),u=[];Array.isArray(l)?u=l:l&&typeof l==`object`&&(Array.isArray(l.data)?u=l.data:Array.isArray(l.records)?u=l.records:Array.isArray(l.value)&&(u=l.value)),t&&A(u)}catch(e){console.error(`ObjectView data fetch error:`,e)}finally{t&&M(!1)}}})(),()=>{t=!1}},[e.objectName,r,G,N,F,O,V,W,m]);let ie=e.layout||`drawer`,q=e.operations||e.table?.operations||{create:!0,read:!0,update:!0,delete:!0},ae=(0,t.useCallback)(()=>{ie===`page`&&e.onNavigate?e.onNavigate(`new`,`edit`):(T(`create`),D(null),S(!0))},[ie,e]),oe=(0,t.useCallback)(t=>{if(p){p(t);return}if(ie===`page`&&e.onNavigate){let n=t.id||t._id;e.onNavigate(n,`edit`)}else T(`edit`),D(t),S(!0)},[ie,e,p]),se=(0,t.useCallback)(t=>{if(ie===`page`&&e.onNavigate){let n=t.id||t._id;e.onNavigate(n,`view`)}else T(`view`),D(t),S(!0)},[ie,e]),ce=(0,t.useCallback)(t=>{if(f){f(t);return}if(K){if(K.mode===`none`||K.preventNavigation)return;if(K.mode===`new_window`||K.openNewTab){let n=t.id||t._id,r=`/${e.objectName}/${encodeURIComponent(String(n))}`;window.open(r,`_blank`);return}if(K.mode===`drawer`){T(`view`),D(t),S(!0);return}if(K.mode===`modal`){T(`view`),D(t),S(!0);return}if(K.mode===`page`){let n=t.id||t._id;e.onNavigate&&e.onNavigate(n,`view`);return}if(K.mode===`split`||K.mode===`popover`){T(`view`),D(t),S(!0);return}}q.read!==!1&&se(t)},[f,K,q.read,se,e]),le=(0,t.useCallback)(e=>{k(e=>e+1)},[]),J=(0,t.useCallback)(e=>{k(e=>e+1)},[]),ue=(0,t.useCallback)(()=>{S(!1),D(null),k(e=>e+1)},[]),Y=(0,t.useCallback)(()=>{S(!1),D(null)},[]);(0,t.useCallback)(()=>{k(e=>e+1)},[]);let de=(0,t.useMemo)(()=>!U||!H||H.length<=1?null:{type:`view-switcher`,variant:`tabs`,position:`top`,persistPreference:!0,storageKey:`view-pref-${e.objectName}`,defaultView:W?.type||`grid`,activeView:W?.type||`grid`,views:H.map(e=>({type:e.type,label:e.label,icon:{kanban:`kanban`,calendar:`calendar`,map:`map`,gallery:`layout-grid`,timeline:`activity`,gantt:`gantt-chart`,grid:`table`,list:`list`,detail:`file-text`}[e.type]||`table`})),allowCreateView:e.allowCreateView,viewActions:e.viewActions},[U,H,W,e.objectName,e.allowCreateView,e.viewActions]),X=(0,t.useCallback)(e=>{if(!H)return;let t=H.find(t=>t.type===e);t&&d&&d(t.id)},[H,d]),fe=(0,t.useCallback)(e=>{B(e)},[]);(0,t.useMemo)(()=>{if(e.showFilters===!1)return null;let t=e.filterableFields,n=v?.fields||{},r=(t?t.map(e=>[e,n[e]||{label:e}]):Object.entries(n).filter(([,e])=>!e.hidden).slice(0,8)).map(([e,t])=>{let n=t.type||`text`,r=`text`,i;return n===`number`||n===`currency`||n===`percent`?r=`number`:n===`boolean`||n===`toggle`?r=`boolean`:n===`date`||n===`datetime`?r=`date`:n===`select`||n===`status`||t.options?(r=`select`,i=(t.options||[]).map(e=>typeof e==`string`?{label:e,value:e}:{label:e.label,value:e.value})):(n===`lookup`||n===`master_detail`||n===`user`||n===`owner`)&&t.options&&t.options.length>0&&(r=`multi-select`,i=(t.options||[]).map(e=>typeof e==`string`?{label:e,value:e}:{label:e.label,value:e.value})),{field:e,label:t.label||e,type:r,placeholder:`Filter ${t.label||e}...`,...i?{options:i}:{}}});return r.length===0?null:{type:`filter-ui`,layout:`popover`,showClear:!0,showApply:!0,filters:r,values:N}},[e.showFilters,e.filterableFields,v,N]);let pe=e.showSort;(0,t.useMemo)(()=>{if(pe===!1)return null;let e=v?.fields||{},t=Object.entries(e).filter(([,e])=>!e.hidden).slice(0,10).map(([e,t])=>({field:e,label:t.label||e}));return t.length===0?null:{type:`sort-ui`,variant:`dropdown`,multiple:!1,fields:t,sort:F}},[v,F,pe]);let me=(0,t.useCallback)(t=>{let n={objectName:e.objectName,fields:V?.columns||W?.columns||e.table?.fields,className:`h-full w-full`,showSearch:W?.showSearch??e.showSearch??!1,showSort:W?.showSort??e.showSort??!1,showFilters:W?.showFilters??e.showFilters??!1,striped:W?.striped??!1,bordered:W?.bordered??!1,color:W?.color},r=V?.options||W||{};if(process.env.NODE_ENV===`development`){let e=[`startDateField`,`endDateField`,`dateField`,`groupBy`,`groupField`,`locationField`,`imageField`,`dependenciesField`,`progressField`,`titleField`,`subtitleField`,`latitudeField`,`longitudeField`],n=r[t]||{},i=e.filter(e=>e in r&&!(e in n));i.length>0&&console.warn(`[Spec Compliance] View options use flat properties ${JSON.stringify(i)}. Move them under options.${t} per @objectstack/spec protocol.`)}switch(t){case`kanban`:return{type:`object-kanban`,...n,groupBy:r.kanban?.groupField||`status`,groupField:r.kanban?.groupField||`status`,titleField:r.kanban?.titleField||`name`,cardFields:n.fields||[],...r.kanban||{}};case`calendar`:return{type:`object-calendar`,...n,startDateField:r.calendar?.startDateField||`start_date`,endDateField:r.calendar?.endDateField||`end_date`,titleField:r.calendar?.titleField||`name`,...r.calendar||{}};case`gallery`:return{type:`object-gallery`,...n,imageField:r.gallery?.imageField,titleField:r.gallery?.titleField||`name`,subtitleField:r.gallery?.subtitleField,...r.gallery||{}};case`timeline`:return{type:`object-timeline`,...n,dateField:r.timeline?.dateField||`created_at`,titleField:r.timeline?.titleField||`name`,...r.timeline||{}};case`gantt`:return{type:`object-gantt`,...n,startDateField:r.gantt?.startDateField||`start_date`,endDateField:r.gantt?.endDateField||`end_date`,progressField:r.gantt?.progressField||`progress`,dependenciesField:r.gantt?.dependenciesField||`dependencies`,...r.gantt||{}};case`map`:return{type:`object-map`,...n,locationField:r.map?.locationField||`location`,...r.map||{}};default:return null}},[e.objectName,e.table?.fields,V,W]),he=(0,t.useMemo)(()=>({type:`object-grid`,objectName:e.objectName,title:e.table?.title,description:e.table?.description,fields:V?.columns||W?.columns||e.table?.fields,columns:V?.columns||W?.columns||e.table?.columns,operations:{...q,create:!1},defaultFilters:V?.filter||W?.filter||e.table?.defaultFilters,defaultSort:V?.sort||W?.sort||e.table?.defaultSort,pageSize:e.table?.pageSize,selectable:e.table?.selectable,striped:W?.striped??e.table?.striped,bordered:W?.bordered??e.table?.bordered,className:e.table?.className}),[e,q,V,W]),ge=()=>{let t=E?E.id||E._id:void 0;return{type:`object-form`,objectName:e.objectName,mode:C,recordId:t,title:e.form?.title,description:e.form?.description,fields:e.form?.fields,customFields:e.form?.customFields,groups:e.form?.groups,layout:e.form?.layout,columns:e.form?.columns,showSubmit:e.form?.showSubmit,submitText:e.form?.submitText,showCancel:e.form?.showCancel,cancelText:e.form?.cancelText,showReset:e.form?.showReset,initialValues:e.form?.initialValues,readOnly:e.form?.readOnly||C===`view`,className:e.form?.className,onSuccess:ue,onCancel:Y}},_e=()=>{if(e.form?.title)return e.form.title;let t=v?.label||e.objectName;switch(C){case`create`:return`Create ${t}`;case`edit`:return`Edit ${t}`;case`view`:return`View ${t}`;default:return t}},ve=(0,t.useMemo)(()=>{let e=K?.width;return e?typeof e==`number`?`max-w-[${e}px]`:`max-w-[${e}]`:``},[K]),ye=()=>(0,w.jsx)(o.Drawer,{open:x,onOpenChange:S,direction:`right`,children:(0,w.jsxs)(o.DrawerContent,{className:(0,o.cn)(`w-full sm:max-w-2xl`,ve),children:[(0,w.jsxs)(o.DrawerHeader,{children:[(0,w.jsx)(o.DrawerTitle,{children:_e()}),e.form?.description&&(0,w.jsx)(o.DrawerDescription,{children:e.form.description})]}),(0,w.jsx)(`div`,{className:`flex-1 overflow-y-auto px-4 pb-4`,children:(0,w.jsx)(a.ObjectForm,{schema:ge(),dataSource:r})})]})}),be=()=>(0,w.jsx)(o.Dialog,{open:x,onOpenChange:S,children:(0,w.jsxs)(o.DialogContent,{className:(0,o.cn)(`max-w-2xl max-h-[90vh] overflow-y-auto`,ve),children:[(0,w.jsxs)(o.DialogHeader,{children:[(0,w.jsx)(o.DialogTitle,{children:_e()}),e.form?.description&&(0,w.jsx)(o.DialogDescription,{children:e.form.description})]}),(0,w.jsx)(a.ObjectForm,{schema:ge(),dataSource:r})]})}),xe=(0,t.useMemo)(()=>Object.keys(N).some(e=>N[e]!==void 0&&N[e]!==``&&N[e]!==null)?Object.entries(N).filter(([,e])=>e!==void 0&&e!==``&&e!==null).map(([e,t])=>({field:e,operator:`equals`,value:t})):V?.filter||W?.filter||e.table?.defaultFilters,[N,V,W,e.table?.defaultFilters]),Se=(0,t.useMemo)(()=>F.length>0?F:V?.sort||W?.sort||e.table?.defaultSort,[F,V,W,e.table?.defaultSort]),Ce=()=>{let t=`${e.objectName}-${z||W?.id||`default`}-${G}-${O}`;if(m)return m({schema:{type:`list-view`,objectName:e.objectName,viewType:G,fields:V?.columns||W?.columns||e.table?.fields,filters:xe,sort:Se,rowHeight:W?.rowHeight,densityMode:W?.densityMode,groupBy:W?.groupBy,options:V?.options||W,showSearch:W?.showSearch??e.showSearch,showFilters:W?.showFilters??e.showFilters,showSort:W?.showSort??e.showSort,showHideFields:W?.showHideFields??e.showHideFields,showGroup:W?.showGroup??e.showGroup,showColor:W?.showColor??e.showColor,showDensity:W?.showDensity??e.showDensity,allowExport:W?.allowExport??e.allowExport,striped:W?.striped??e.striped,bordered:W?.bordered??e.bordered,color:W?.color??e.color,inlineEdit:W?.inlineEdit??e.inlineEdit,wrapHeaders:W?.wrapHeaders??e.wrapHeaders,clickIntoRecordDetails:W?.clickIntoRecordDetails??e.clickIntoRecordDetails,addRecordViaForm:W?.addRecordViaForm??e.addRecordViaForm,addDeleteRecordsInline:W?.addDeleteRecordsInline??e.addDeleteRecordsInline,collapseAllByDefault:W?.collapseAllByDefault??e.collapseAllByDefault,fieldTextColor:W?.fieldTextColor??e.fieldTextColor,prefixField:W?.prefixField??e.prefixField,showDescription:W?.showDescription??e.showDescription,navigation:W?.navigation??e.navigation,selection:W?.selection??e.selection,pagination:W?.pagination??e.pagination,searchableFields:W?.searchableFields??e.searchableFields,filterableFields:W?.filterableFields??e.filterableFields,resizable:W?.resizable??e.resizable,hiddenFields:W?.hiddenFields??e.hiddenFields,rowActions:W?.rowActions??e.rowActions,bulkActions:W?.bulkActions??e.bulkActions,sharing:W?.sharing??e.sharing,addRecord:W?.addRecord??e.addRecord,conditionalFormatting:W?.conditionalFormatting??e.conditionalFormatting,quickFilters:W?.quickFilters??e.quickFilters,userFilters:W?.userFilters??e.userFilters,showRecordCount:W?.showRecordCount??e.showRecordCount,allowPrinting:W?.allowPrinting??e.allowPrinting,virtualScroll:W?.virtualScroll??e.virtualScroll,emptyState:W?.emptyState??e.emptyState,aria:W?.aria??e.aria,tabs:e.tabs},dataSource:r,onEdit:oe,onRowClick:ce,className:`h-full`});if(G!==`grid`){let e=me(G);if(e&&ne)return(0,w.jsx)(ne,{schema:e,dataSource:r,data:ee,loading:j},t);if(!ne)return(0,w.jsx)(`div`,{className:`flex items-center justify-center h-40 text-muted-foreground`,children:(0,w.jsxs)(`p`,{children:[`SchemaRenderer not available. Install @object-ui/react to render `,G,` views.`]})})}return(0,w.jsx)(i.ObjectGrid,{schema:he,dataSource:r,onRowClick:ce,onEdit:q.update===!1?void 0:oe,onDelete:q.delete===!1?void 0:le,onBulkDelete:q.delete===!1?void 0:J},t)},we=()=>{if(!R)return null;let e=Object.entries(I);return e.length<=1?null:(0,w.jsx)(o.Tabs,{value:z,onValueChange:fe,className:`w-full`,children:(0,w.jsx)(o.TabsList,{className:`w-auto`,children:e.map(([e,t])=>(0,w.jsx)(o.TabsTrigger,{value:e,className:`text-sm`,children:t.label||e},e))})})},Te=()=>{let t=e.showCreate!==!1&&q.create!==!1,n=e.showViewSwitcher===!0,r=we();return!r&&!n&&!t&&!h?null:(0,w.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[r,(n||t||h)&&(0,w.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,w.jsx)(`div`,{className:`flex items-center gap-2`,children:n&&de&&(0,w.jsx)(L,{schema:de,onViewChange:X,onCreateView:g,onViewAction:_,className:`overflow-x-auto`})}),(0,w.jsxs)(`div`,{className:`flex items-center gap-2`,children:[h,t&&(0,w.jsxs)(o.Button,{size:`sm`,onClick:ae,children:[(0,w.jsx)(s.Plus,{className:`h-4 w-4`}),`Create`]})]})]})]})},Ee=K?.mode===`modal`?`modal`:K?.mode===`drawer`?`drawer`:K?.mode===`split`?`split`:K?.mode===`popover`?`popover`:ie,De=e=>(0,w.jsx)(`div`,{className:`space-y-3`,children:(0,w.jsx)(a.ObjectForm,{schema:ge(),dataSource:r})}),Oe=(0,t.useCallback)(e=>{e||Y()},[Y]);if(Ee===`split`){let t=v?.label||e.objectName;return(0,w.jsxs)(`div`,{className:(0,o.cn)(`flex flex-col h-full min-w-0 overflow-hidden`,c),children:[(e.title||e.description)&&(0,w.jsxs)(`div`,{className:`mb-4 shrink-0`,children:[e.title&&(0,w.jsx)(`h2`,{className:`text-2xl font-bold tracking-tight`,children:e.title}),e.description&&(0,w.jsx)(`p`,{className:`text-muted-foreground mt-1`,children:e.description})]}),(0,w.jsx)(`div`,{className:`mb-4 shrink-0`,children:Te()}),(0,w.jsx)(`div`,{className:`flex-1 min-h-0 min-w-0 overflow-hidden`,children:x&&E?(0,w.jsx)(o.NavigationOverlay,{isOpen:x,selectedRecord:E,mode:`split`,close:Y,setIsOpen:Oe,width:K?.width,isOverlay:!0,title:`${t} Detail`,mainContent:(0,w.jsx)(`div`,{className:`h-full overflow-auto`,children:Ce()}),children:De}):Ce()})]})}return(0,w.jsxs)(`div`,{className:(0,o.cn)(`flex flex-col h-full min-w-0 overflow-hidden`,c),children:[(e.title||e.description)&&(0,w.jsxs)(`div`,{className:`mb-4 shrink-0`,children:[e.title&&(0,w.jsx)(`h2`,{className:`text-2xl font-bold tracking-tight`,children:e.title}),e.description&&(0,w.jsx)(`p`,{className:`text-muted-foreground mt-1`,children:e.description})]}),(0,w.jsx)(`div`,{className:`mb-4 shrink-0`,children:Te()}),(0,w.jsx)(`div`,{className:`flex-1 min-h-0 min-w-0 overflow-hidden`,children:Ce()}),Ee===`drawer`&&ye(),Ee===`modal`&&be(),Ee===`popover`&&x&&E&&(0,w.jsx)(o.NavigationOverlay,{isOpen:x,selectedRecord:E,mode:`popover`,close:Y,setIsOpen:Oe,width:K?.width,isOverlay:!0,title:_e(),children:De})]})},z=x(`flex`,{variants:{layout:{inline:`flex-col space-y-4`,popover:`items-center`,drawer:`items-center`}},defaultVariants:{layout:`inline`}}),B=e=>e==null||e===``?!0:Array.isArray(e)?e.length===0:typeof e==`object`?Object.values(e).every(e=>e==null||e===``):!1,V=e=>Array.isArray(e)?{start:e[0]||``,end:e[1]||``}:e&&typeof e==`object`?{start:e.start||``,end:e.end||``}:{start:``,end:``},H=({schema:e,className:n,onChange:r})=>{let[i,a]=t.useState(e.values||{}),[c,l]=t.useState(!1);t.useEffect(()=>{e.values&&a(e.values)},[e.values]);let u=t.useCallback(t=>{r?.(t),e.onChange&&typeof window<`u`&&window.dispatchEvent(new CustomEvent(e.onChange,{detail:{values:t}}))},[r,e.onChange]),d=t.useCallback((t,n)=>{let r={...i,[t]:n};a(r),e.showApply||u(r)},[u,e.showApply,i]),f=t.useCallback(()=>{let t={};if(a(t),e.showApply){u(t);return}u(t)},[u,e.showApply]),p=t.useCallback(()=>{u(i),l(!1)},[u,i]),m=t.useMemo(()=>Object.values(i).filter(e=>!B(e)).length,[i]),h=e=>{let t=e.label||e.field,n=e.placeholder||`Filter by ${t}`;switch(e.type){case`number`:return(0,w.jsx)(o.Input,{type:`number`,value:i[e.field]??``,placeholder:n,onChange:t=>{let n=t.target.value,r=n===``?``:Number(n);d(e.field,r)}});case`select`:return(0,w.jsxs)(o.Select,{value:i[e.field]===void 0?``:String(i[e.field]),onValueChange:t=>{let n=e.options?.find(e=>String(e.value)===t);d(e.field,n?n.value:t)},children:[(0,w.jsx)(o.SelectTrigger,{children:(0,w.jsx)(o.SelectValue,{placeholder:n})}),(0,w.jsx)(o.SelectContent,{children:e.options?.map(e=>(0,w.jsx)(o.SelectItem,{value:String(e.value),children:e.label},String(e.value)))})]});case`multi-select`:{let t=i[e.field],n=Array.isArray(t)?t:t?[t]:[];return(0,w.jsx)(`div`,{className:`max-h-40 overflow-y-auto space-y-0.5 border rounded-md p-2`,children:e.options?.map(t=>{let r=n.map(String).includes(String(t.value));return(0,w.jsxs)(`label`,{className:(0,o.cn)(`flex items-center gap-2 text-sm py-1 px-1.5 rounded cursor-pointer`,r?`bg-primary/5 text-primary`:`hover:bg-muted`),children:[(0,w.jsx)(o.Checkbox,{checked:r,onCheckedChange:r=>{let i=r?[...n,t.value]:n.filter(e=>String(e)!==String(t.value));d(e.field,i)}}),(0,w.jsx)(`span`,{className:`truncate`,children:t.label})]},String(t.value))})})}case`date`:return(0,w.jsx)(o.Input,{type:`date`,value:i[e.field]??``,onChange:t=>d(e.field,t.target.value)});case`date-range`:{let t=V(i[e.field]);return(0,w.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,w.jsx)(o.Input,{type:`date`,value:t.start??``,onChange:n=>{d(e.field,{...t,start:n.target.value})}}),(0,w.jsx)(o.Input,{type:`date`,value:t.end??``,onChange:n=>{d(e.field,{...t,end:n.target.value})}})]})}case`boolean`:return(0,w.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,w.jsx)(o.Checkbox,{checked:!!i[e.field],onCheckedChange:t=>d(e.field,!!t)}),(0,w.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:`Enabled`})]});default:return(0,w.jsx)(o.Input,{value:i[e.field]??``,placeholder:n,onChange:t=>d(e.field,t.target.value)})}},g=(0,w.jsxs)(`div`,{className:`space-y-4`,children:[(0,w.jsx)(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:e.filters.map(e=>(0,w.jsxs)(`div`,{className:`space-y-2`,children:[(0,w.jsx)(o.Label,{className:`text-xs text-muted-foreground`,children:e.label||e.field}),h(e)]},e.field))}),(e.showApply||e.showClear)&&(0,w.jsxs)(`div`,{className:`flex items-center justify-end gap-2 border-t pt-3`,children:[e.showClear&&(0,w.jsx)(o.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:f,children:`Clear`}),e.showApply&&(0,w.jsx)(o.Button,{type:`button`,size:`sm`,onClick:p,children:`Apply`})]})]}),_=e.layout||`inline`;return _===`popover`?(0,w.jsx)(`div`,{className:(0,o.cn)(z({layout:_}),n),children:(0,w.jsxs)(o.Popover,{open:c,onOpenChange:l,children:[(0,w.jsx)(o.PopoverTrigger,{asChild:!0,children:(0,w.jsxs)(o.Button,{type:`button`,variant:m>0?`secondary`:`outline`,size:`sm`,className:`gap-2`,children:[(0,w.jsx)(s.SlidersHorizontal,{className:`h-4 w-4`}),`Filters`,m>0&&(0,w.jsx)(`span`,{className:`inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary`,children:m})]})}),(0,w.jsx)(o.PopoverContent,{align:`start`,className:`w-[520px] p-4`,children:g})]})}):_===`drawer`?(0,w.jsxs)(`div`,{className:(0,o.cn)(z({layout:_}),n),children:[(0,w.jsxs)(o.Button,{type:`button`,variant:m>0?`secondary`:`outline`,size:`sm`,className:`gap-2`,onClick:()=>l(!0),children:[(0,w.jsx)(s.SlidersHorizontal,{className:`h-4 w-4`}),`Filters`,m>0&&(0,w.jsx)(`span`,{className:`inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary`,children:m})]}),(0,w.jsx)(o.Drawer,{open:c,onOpenChange:l,children:(0,w.jsxs)(o.DrawerContent,{children:[(0,w.jsxs)(o.DrawerHeader,{children:[(0,w.jsx)(o.DrawerTitle,{children:`Filters`}),(0,w.jsx)(o.DrawerDescription,{children:`Refine the data with advanced filters.`})]}),(0,w.jsx)(`div`,{className:`px-4 pb-6`,children:g})]})})]}):(0,w.jsxs)(`div`,{className:(0,o.cn)(z({layout:_}),n),children:[g,!e.showApply&&e.showClear&&(0,w.jsxs)(o.Button,{type:`button`,variant:`ghost`,size:`sm`,className:`gap-2`,onClick:f,children:[(0,w.jsx)(s.X,{className:`h-3.5 w-3.5`}),`Clear filters`]})]})},U=x(``,{variants:{variant:{buttons:`flex flex-wrap gap-2`,dropdown:`flex flex-wrap items-center gap-3`,builder:`space-y-3`}},defaultVariants:{variant:`dropdown`}}),re=e=>e?e.map(e=>({field:e.field,direction:e.direction})):[],W=e=>e.map(e=>({id:`${e.field}-${e.direction}`,field:e.field,order:e.direction})),G=e=>e.filter(e=>e.field).map(e=>({field:e.field,direction:e.order})),K=({schema:e,className:n,onChange:r})=>{let[i,a]=t.useState(()=>re(e.sort)),[c,l]=t.useState(()=>W(re(e.sort)));t.useEffect(()=>{let t=re(e.sort);a(t),l(W(t))},[e.sort]);let u=t.useCallback(t=>{a(t),r?.(t),e.onChange&&typeof window<`u`&&window.dispatchEvent(new CustomEvent(e.onChange,{detail:{sort:t}}))},[r,e.onChange]),d=t.useCallback(t=>{let n=i.find(e=>e.field===t),r=!!e.multiple;if(!n){u(r?[...i,{field:t,direction:`asc`}]:[{field:t,direction:`asc`}]);return}if(n.direction===`asc`){u(i.map(e=>e.field===t?{...e,direction:`desc`}:e));return}u(i.filter(e=>e.field!==t))},[u,e.multiple,i]);if((e.variant||`dropdown`)===`buttons`)return(0,w.jsx)(`div`,{className:(0,o.cn)(U({variant:`buttons`}),n),children:e.fields.map(e=>{let t=i.find(t=>t.field===e.field),n=t?.direction===`asc`?s.ArrowUp:s.ArrowDown;return(0,w.jsxs)(o.Button,{type:`button`,variant:t?`secondary`:`outline`,size:`sm`,onClick:()=>d(e.field),className:`gap-2`,children:[(0,w.jsx)(`span`,{children:e.label||e.field}),t&&(0,w.jsx)(n,{className:`h-3.5 w-3.5`})]},e.field)})});if(e.multiple)return(0,w.jsx)(`div`,{className:(0,o.cn)(U({variant:`builder`}),n),children:(0,w.jsx)(o.SortBuilder,{fields:e.fields.map(e=>({value:e.field,label:e.label||e.field})),value:c,onChange:e=>{l(e),u(G(e))}})});let f=i[0];return(0,w.jsxs)(`div`,{className:(0,o.cn)(U({variant:`dropdown`}),n),children:[(0,w.jsxs)(o.Select,{value:f?.field||``,onValueChange:e=>{if(!e){u([]);return}u([{field:e,direction:f?.direction||`asc`}])},children:[(0,w.jsx)(o.SelectTrigger,{className:`w-56`,children:(0,w.jsx)(o.SelectValue,{placeholder:`Select field`})}),(0,w.jsx)(o.SelectContent,{children:e.fields.map(e=>(0,w.jsx)(o.SelectItem,{value:e.field,children:e.label||e.field},e.field))})]}),(0,w.jsxs)(o.Select,{value:f?.direction||`asc`,onValueChange:e=>{f?.field&&u([{field:f.field,direction:e}])},children:[(0,w.jsx)(o.SelectTrigger,{className:`w-36`,children:(0,w.jsx)(o.SelectValue,{})}),(0,w.jsxs)(o.SelectContent,{children:[(0,w.jsx)(o.SelectItem,{value:`asc`,children:`Ascending`}),(0,w.jsx)(o.SelectItem,{value:`desc`,children:`Descending`})]})]})]})};function ie(){if(typeof crypto<`u`&&typeof crypto.randomUUID==`function`)return crypto.randomUUID();if(typeof crypto<`u`&&typeof crypto.getRandomValues==`function`){let e=new Uint8Array(16);return crypto.getRandomValues(e),Array.from(e,e=>e.toString(16).padStart(2,`0`)).join(``)}return Math.random().toString(36).slice(2)+Math.random().toString(36).slice(2)}function q(e,t,n,r){return`${e}/share/${t}/${n}?mode=readonly&token=${r}`}var ae=({objectName:e,viewId:n=`default`,baseUrl:r,onShare:i,className:a})=>{let[c,l]=t.useState(null),[u,d]=t.useState(!1),[f,p]=t.useState(!1),[m,h]=t.useState(``),[g,_]=t.useState(``),v=r??(typeof window<`u`?window.location.origin:``),y=t.useCallback(()=>{let t=q(v,e,n,ie());l(t),d(!1);let r=g?new Date(Date.now()+parseInt(g,10)*864e5).toISOString():void 0;i?.(t,{password:m||void 0,expiresAt:r})},[v,e,n,i,m,g]),b=t.useCallback(async()=>{if(c)try{await navigator.clipboard.writeText(c),d(!0),setTimeout(()=>d(!1),2e3)}catch{let e=document.createElement(`textarea`);e.value=c,document.body.appendChild(e),e.select(),document.execCommand(`copy`),document.body.removeChild(e),d(!0),setTimeout(()=>d(!1),2e3)}},[c]);return(0,w.jsxs)(o.Popover,{open:f,onOpenChange:p,children:[(0,w.jsx)(o.PopoverTrigger,{asChild:!0,children:(0,w.jsxs)(o.Button,{variant:`outline`,size:`sm`,className:(0,o.cn)(`gap-2`,a),children:[(0,w.jsx)(s.Share2,{className:`h-4 w-4`}),`Share`]})}),(0,w.jsxs)(o.PopoverContent,{className:`w-96 space-y-4`,align:`end`,children:[(0,w.jsxs)(`div`,{className:`space-y-2`,children:[(0,w.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,w.jsx)(`h4`,{className:`text-sm font-medium`,children:`Share View`}),(0,w.jsx)(o.Badge,{variant:`secondary`,className:`text-xs`,children:`Read-only`})]}),(0,w.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Generate a public link to share this view. Recipients can view data without logging in.`})]}),c?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,w.jsx)(o.Input,{value:c,readOnly:!0,className:`h-8 text-xs`,onClick:e=>e.target.select()}),(0,w.jsx)(o.Button,{variant:`outline`,size:`sm`,onClick:b,className:`shrink-0 gap-1`,children:u?(0,w.jsx)(s.Check,{className:`h-4 w-4 text-green-500`}):(0,w.jsx)(s.Copy,{className:`h-4 w-4`})})]}),(m||g)&&(0,w.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[m&&(0,w.jsxs)(o.Badge,{variant:`outline`,className:`text-xs gap-1`,children:[(0,w.jsx)(s.Lock,{className:`h-3 w-3`}),`Password protected`]}),g&&(0,w.jsxs)(o.Badge,{variant:`outline`,className:`text-xs gap-1`,children:[(0,w.jsx)(s.Calendar,{className:`h-3 w-3`}),`Expires in `,g,` day`,g===`1`?``:`s`]})]})]}):(0,w.jsxs)(`div`,{className:`space-y-3`,children:[(0,w.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,w.jsxs)(`label`,{className:`flex items-center gap-1.5 text-xs font-medium text-foreground`,children:[(0,w.jsx)(s.Lock,{className:`h-3.5 w-3.5`}),`Password protection (optional)`]}),(0,w.jsx)(o.Input,{type:`password`,value:m,onChange:e=>h(e.target.value),placeholder:`Enter password...`,className:`h-8 text-xs`})]}),(0,w.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,w.jsxs)(`label`,{className:`flex items-center gap-1.5 text-xs font-medium text-foreground`,children:[(0,w.jsx)(s.Calendar,{className:`h-3.5 w-3.5`}),`Expires after (optional)`]}),(0,w.jsxs)(`select`,{value:g,onChange:e=>_(e.target.value),className:`w-full h-8 text-xs rounded-md border border-input bg-background px-3`,children:[(0,w.jsx)(`option`,{value:``,children:`Never`}),(0,w.jsx)(`option`,{value:`1`,children:`1 day`}),(0,w.jsx)(`option`,{value:`7`,children:`7 days`}),(0,w.jsx)(`option`,{value:`30`,children:`30 days`}),(0,w.jsx)(`option`,{value:`90`,children:`90 days`})]})]}),(0,w.jsxs)(o.Button,{onClick:y,className:`w-full gap-2`,size:`sm`,children:[(0,w.jsx)(s.Share2,{className:`h-4 w-4`}),`Generate Link`]})]})]})]})};function oe(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];return(0,t.useMemo)(()=>e=>{n.forEach(t=>t(e))},n)}var se=typeof window<`u`&&window.document!==void 0&&window.document.createElement!==void 0;function ce(e){let t=Object.prototype.toString.call(e);return t===`[object Window]`||t===`[object global]`}function le(e){return`nodeType`in e}function J(e){return e?ce(e)?e:le(e)?e.ownerDocument?.defaultView??window:window:window}function ue(e){let{Document:t}=J(e);return e instanceof t}function Y(e){return ce(e)?!1:e instanceof J(e).HTMLElement}function de(e){return e instanceof J(e).SVGElement}function X(e){return e?ce(e)?e.document:le(e)?ue(e)?e:Y(e)||de(e)?e.ownerDocument:document:document:document}var fe=se?t.useLayoutEffect:t.useEffect;function pe(e){let n=(0,t.useRef)(e);return fe(()=>{n.current=e}),(0,t.useCallback)(function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.current==null?void 0:n.current(...t)},[])}function me(){let e=(0,t.useRef)(null);return[(0,t.useCallback)((t,n)=>{e.current=setInterval(t,n)},[]),(0,t.useCallback)(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[])]}function he(e,n){n===void 0&&(n=[e]);let r=(0,t.useRef)(e);return fe(()=>{r.current!==e&&(r.current=e)},n),r}function ge(e,n){let r=(0,t.useRef)();return(0,t.useMemo)(()=>{let t=e(r.current);return r.current=t,t},[...n])}function _e(e){let n=pe(e),r=(0,t.useRef)(null);return[r,(0,t.useCallback)(e=>{e!==r.current&&n?.(e,r.current),r.current=e},[])]}function ve(e){let n=(0,t.useRef)();return(0,t.useEffect)(()=>{n.current=e},[e]),n.current}var ye={};function be(e,n){return(0,t.useMemo)(()=>{if(n)return n;let t=ye[e]==null?0:ye[e]+1;return ye[e]=t,e+`-`+t},[e,n])}function xe(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 Se=xe(1),Ce=xe(-1);function we(e){return`clientX`in e&&`clientY`in e}function Te(e){if(!e)return!1;let{KeyboardEvent:t}=J(e.target);return t&&e instanceof t}function Ee(e){if(!e)return!1;let{TouchEvent:t}=J(e.target);return t&&e instanceof t}function De(e){if(Ee(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 we(e)?{x:e.clientX,y:e.clientY}:null}var Oe=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[Oe.Translate.toString(e),Oe.Scale.toString(e)].join(` `)}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+` `+n+`ms `+r}}}),ke=`a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]`;function Ae(e){return e.matches(ke)?e:e.querySelector(ke)}var je={display:`none`};function Me(e){let{id:n,value:r}=e;return t.default.createElement(`div`,{id:n,style:je},r)}function Ne(e){let{id:n,announcement:r,ariaLiveType:i=`assertive`}=e;return t.default.createElement(`div`,{id:n,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":i,"aria-atomic":!0},r)}function Pe(){let[e,n]=(0,t.useState)(``);return{announce:(0,t.useCallback)(e=>{e!=null&&n(e)},[]),announcement:e}}var Fe=(0,t.createContext)(null);function Ie(e){let n=(0,t.useContext)(Fe);(0,t.useEffect)(()=>{if(!n)throw Error(`useDndMonitor must be used within a children of <DndContext>`);return n(e)},[e,n])}function Le(){let[e]=(0,t.useState)(()=>new Set),n=(0,t.useCallback)(t=>(e.add(t),()=>e.delete(t)),[e]);return[(0,t.useCallback)(t=>{let{type:n,event:r}=t;e.forEach(e=>e[n]?.call(e,r))},[e]),n]}var Re={draggable:`
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`@object-ui/core`),require(`@object-ui/react`),require(`@object-ui/plugin-grid`),require(`@object-ui/plugin-form`),require(`@object-ui/components`),require(`lucide-react`),require(`react-dom`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`@object-ui/core`,`@object-ui/react`,`@object-ui/plugin-grid`,`@object-ui/plugin-form`,`@object-ui/components`,`lucide-react`,`react-dom`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ObjectUIPluginView={},e.React,e._object_ui_core,e._object_ui_react,e._object_ui_plugin_grid,e._object_ui_plugin_form,e._object_ui_components,e.lucide_react,e.ReactDOM))})(this,function(e,t,n,r,i,a,o,s,c){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var l=Object.create,u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,f=Object.getOwnPropertyNames,p=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty,h=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),g=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=f(t),a=0,o=i.length,s;a<o;a++)s=i[a],!m.call(e,s)&&s!==n&&u(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=d(t,s))||r.enumerable});return e},_=(e,t,n)=>(n=e==null?{}:l(p(e)),g(t||!e||!e.__esModule?u(n,`default`,{value:e,enumerable:!0}):n,e));let v=_(t,1);t=_(t);function y(e){var t,n,r=``;if(typeof e==`string`||typeof e==`number`)r+=e;else if(typeof e==`object`)if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=y(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function b(){for(var e,t,n=0,r=``,i=arguments.length;n<i;n++)(e=arguments[n])&&(t=y(e))&&(r&&(r+=` `),r+=t);return r}var x=e=>typeof e==`boolean`?`${e}`:e===0?`0`:e,S=b,C=(e,t)=>n=>{if(t?.variants==null)return S(e,n?.class,n?.className);let{variants:r,defaultVariants:i}=t,a=Object.keys(r).map(e=>{let t=n?.[e],a=i?.[e];if(t===null)return null;let o=x(t)||x(a);return r[e][o]}),o=n&&Object.entries(n).reduce((e,t)=>{let[n,r]=t;return r===void 0||(e[n]=r),e},{});return S(e,a,t?.compoundVariants?.reduce((e,t)=>{let{class:n,className:r,...a}=t;return Object.entries(a).every(e=>{let[t,n]=e;return Array.isArray(n)?n.includes({...i,...o}[t]):{...i,...o}[t]===n})?[...e,n,r]:e},[]),n?.class,n?.className)},w=h((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.fragment`);function r(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.Fragment=n,e.jsx=r,e.jsxs=r})),T=h(((e,t)=>{t.exports=w()}))(),E={list:`List`,detail:`Detail`,grid:`Grid`,kanban:`Kanban`,calendar:`Calendar`,timeline:`Timeline`,map:`Map`,gallery:`Gallery`,gantt:`Gantt`},D={list:s.List,detail:s.FileText,grid:s.Grid,kanban:s.LayoutGrid,calendar:s.Calendar,timeline:s.Activity,map:s.Map,gallery:s.Images,gantt:s.GanttChartSquare},O=C(`flex gap-4`,{variants:{position:{top:`flex-col`,bottom:`flex-col-reverse`,left:`flex-row`,right:`flex-row-reverse`}},defaultVariants:{position:`top`}}),k=C(`w-full`,{variants:{orientation:{horizontal:`w-full`,vertical:`w-48`}},defaultVariants:{orientation:`horizontal`}}),ee=C(`flex gap-2`,{variants:{orientation:{horizontal:`flex-row flex-wrap`,vertical:`flex-col`}},defaultVariants:{orientation:`horizontal`}}),A=C(``,{variants:{orientation:{horizontal:``,vertical:`flex h-auto flex-col items-stretch`}},defaultVariants:{orientation:`horizontal`}});function j(e){return e.split(`-`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(``)}var M={Home:`House`};function N(e){if(!e)return null;let t=j(e);return s.icons[M[t]||t]||null}function P(e){return e.label?e.label:E[e.type]||e.type}function F(e){return e.icon?N(e.icon):D[e.type]||null}function te(e){return e.activeView?e.activeView:e.defaultView?e.defaultView:e.views?.[0]?.type}var I={share:s.Share2,settings:s.Settings,duplicate:s.Copy,delete:s.Trash2},L={share:`Share`,settings:`Settings`,duplicate:`Duplicate`,delete:`Delete`},ne=({schema:e,className:t,onViewChange:n,onCreateView:i,onViewAction:a,createViewLabel:c=`Create view`,...l})=>{let u=v.useMemo(()=>e.storageKey?e.storageKey:`view-switcher${e.id?`-${e.id}`:``}`,[e.id,e.storageKey]),[d,f]=v.useState(()=>te(e));v.useEffect(()=>{if(e.activeView){f(e.activeView);return}if(e.persistPreference)try{let t=localStorage.getItem(u);if(t){let n=e.views.find(e=>e.type===t)?.type;n&&f(n)}}catch{}},[e.activeView,e.persistPreference,e.views,u]),v.useEffect(()=>{if(!(!e.persistPreference||!d||e.activeView))try{localStorage.setItem(u,d)}catch{}},[d,e.activeView,e.persistPreference,u]);let p=v.useCallback(t=>{n?.(t),e.onViewChange&&typeof window<`u`&&window.dispatchEvent(new CustomEvent(e.onViewChange,{detail:{view:t}}))},[n,e.onViewChange]),m=v.useCallback(e=>{f(e),p(e)},[p]),h=d||e.views?.[0]?.type,g=h||``,_=e.views.find(e=>e.type===h)||e.views?.[0],y=e.variant||`tabs`,b=e.position||`top`,x=b===`left`||b===`right`,S=x?`vertical`:`horizontal`,C=e.viewActions&&e.viewActions.length>0?(0,T.jsx)(`div`,{className:`flex items-center gap-1`,children:e.viewActions.map((e,t)=>{let n=e.icon&&N(e.icon)||I[e.type];return(0,T.jsx)(o.Button,{type:`button`,variant:`ghost`,size:`icon`,onClick:()=>a?.(e.type,h),title:L[e.type]||e.type,children:n?(0,T.jsx)(n,{className:`h-3.5 w-3.5`}):null},`action-${e.type}-${t}`)})}):null,w=e.allowCreateView?(0,T.jsx)(o.Button,{type:`button`,variant:`ghost`,size:`icon`,onClick:()=>i?.(),title:c,children:(0,T.jsx)(s.Plus,{className:`h-3.5 w-3.5`})}):null,E=(0,T.jsxs)(`div`,{className:(0,o.cn)(k({orientation:S}),`flex items-center gap-1`),children:[y===`dropdown`&&(0,T.jsxs)(o.Select,{value:g,onValueChange:e=>m(e),children:[(0,T.jsx)(o.SelectTrigger,{className:(0,o.cn)(`w-full`,x?`h-10`:`h-9`),children:(0,T.jsx)(o.SelectValue,{placeholder:`Select view`})}),(0,T.jsx)(o.SelectContent,{children:e.views.map((e,t)=>(0,T.jsx)(o.SelectItem,{value:e.type,children:P(e)},`${e.type}-${t}`))})]}),y===`buttons`&&(0,T.jsx)(`div`,{className:(0,o.cn)(ee({orientation:S})),children:e.views.map((e,t)=>{let n=e.type===h,r=F(e);return(0,T.jsxs)(o.Button,{type:`button`,size:`sm`,variant:n?`secondary`:`ghost`,className:(0,o.cn)(`justify-start gap-2`,x?`w-full`:``),onClick:()=>m(e.type),children:[r?(0,T.jsx)(r,{className:`h-4 w-4`}):null,(0,T.jsx)(`span`,{children:P(e)})]},`${e.type}-${t}`)})}),y===`tabs`&&(0,T.jsx)(o.Tabs,{value:g,onValueChange:e=>m(e),children:(0,T.jsx)(o.TabsList,{className:(0,o.cn)(A({orientation:S})),children:e.views.map((e,t)=>{let n=F(e);return(0,T.jsxs)(o.TabsTrigger,{value:e.type,className:(0,o.cn)(`gap-2`,x?`justify-start`:``),children:[n?(0,T.jsx)(n,{className:`h-4 w-4`}):null,(0,T.jsx)(`span`,{children:P(e)})]},`${e.type}-${t}`)})})}),C,w]}),D=_?.schema?Array.isArray(_.schema)?(0,T.jsx)(`div`,{className:`space-y-4`,children:_.schema.map((e,t)=>(0,T.jsx)(r.SchemaRenderer,{schema:e,...l},`${_.type}-${t}`))}):(0,T.jsx)(r.SchemaRenderer,{schema:_.schema,...l}):null;return(0,T.jsxs)(`div`,{className:(0,o.cn)(O({position:b}),t),children:[(0,T.jsx)(`div`,{className:(0,o.cn)(`shrink-0`,x?`flex flex-col`:`flex`),children:E}),(0,T.jsx)(`div`,{className:`flex-1 min-w-0`,children:D})]})},R=r.SchemaRenderer,z=({schema:e,dataSource:t,className:r,views:c,activeViewId:l,onViewChange:u,onRowClick:d,onEdit:f,renderListView:p,toolbarAddon:m,onCreateView:h,onViewAction:g})=>{let[_,y]=(0,v.useState)(null),b=(0,v.useRef)(null);b.current=_;let[x,S]=(0,v.useState)(!1),[C,w]=(0,v.useState)(`create`),[E,D]=(0,v.useState)(null),[O,k]=(0,v.useState)(0);(0,v.useEffect)(()=>{if(!(!t?.onMutation||!e.objectName)&&!p)return t.onMutation(t=>{t.resource===e.objectName&&k(e=>e+1)})},[t,e.objectName,p]);let[ee,A]=(0,v.useState)([]),[j,M]=(0,v.useState)(!1),[N,P]=(0,v.useState)({}),[F,te]=(0,v.useState)([]),I=e.listViews,L=I!=null&&Object.keys(I).length>0,[z,B]=(0,v.useState)(()=>e.defaultListView&&I?.[e.defaultListView]?e.defaultListView:I&&Object.keys(I)[0]||``),V=(0,v.useMemo)(()=>!L||!z?null:I[z]||null,[L,z,I]),H=(0,v.useMemo)(()=>c&&c.length>0?c:null,[c]),U=H!=null&&H.length>0,re=l||H?.[0]?.id,W=H?.find(e=>e.id===re)||H?.[0],G=(0,v.useMemo)(()=>V?.type?V.type:W?.type?W.type:e.defaultViewType||`grid`,[V,W,e.defaultViewType]),K=e.navigation;(0,v.useEffect)(()=>{let n=!0;return e.objectName&&t&&(async()=>{try{let r=await t.getObjectSchema(e.objectName);n&&y(r)}catch(e){console.error(`Failed to fetch object schema:`,e)}})(),()=>{n=!1}},[e.objectName,t]),(0,v.useEffect)(()=>{let r=!0;return(async()=>{if(!p&&G!==`grid`&&!(!t||!e.objectName)){M(!0);try{let i=V?.filter||W?.filter||e.table?.defaultFilters||[],a=Object.entries(N).filter(([,e])=>e!==void 0&&e!==``&&e!==null).map(([e,t])=>[e,`=`,t]),o=[];o=i.length>0&&a.length>0?[`and`,...i,...a]:a.length===1?a[0]:a.length>1?[`and`,...a]:i;let s=F.length>0?F.map(e=>({field:e.field,order:e.direction})):V?.sort||W?.sort||e.table?.defaultSort||void 0,c=(0,n.buildExpandFields)(b.current?.fields),l=await t.find(e.objectName,{$filter:o.length>0?o:void 0,$orderby:s,$top:100,...c.length>0?{$expand:c}:{}}),u=[];Array.isArray(l)?u=l:l&&typeof l==`object`&&(Array.isArray(l.data)?u=l.data:Array.isArray(l.records)?u=l.records:Array.isArray(l.value)&&(u=l.value)),r&&A(u)}catch(e){console.error(`ObjectView data fetch error:`,e)}finally{r&&M(!1)}}})(),()=>{r=!1}},[e.objectName,t,G,N,F,O,V,W,p]);let ie=e.layout||`drawer`,q=e.operations||e.table?.operations||{create:!0,read:!0,update:!0,delete:!0},ae=(0,v.useCallback)(()=>{ie===`page`&&e.onNavigate?e.onNavigate(`new`,`edit`):(w(`create`),D(null),S(!0))},[ie,e]),oe=(0,v.useCallback)(t=>{if(f){f(t);return}if(ie===`page`&&e.onNavigate){let n=t.id||t._id;e.onNavigate(n,`edit`)}else w(`edit`),D(t),S(!0)},[ie,e,f]),se=(0,v.useCallback)(t=>{if(ie===`page`&&e.onNavigate){let n=t.id||t._id;e.onNavigate(n,`view`)}else w(`view`),D(t),S(!0)},[ie,e]),ce=(0,v.useCallback)(t=>{if(d){d(t);return}if(K){if(K.mode===`none`||K.preventNavigation)return;if(K.mode===`new_window`||K.openNewTab){let n=t.id||t._id,r=`/${e.objectName}/${encodeURIComponent(String(n))}`;window.open(r,`_blank`);return}if(K.mode===`drawer`){w(`view`),D(t),S(!0);return}if(K.mode===`modal`){w(`view`),D(t),S(!0);return}if(K.mode===`page`){let n=t.id||t._id;e.onNavigate&&e.onNavigate(n,`view`);return}if(K.mode===`split`||K.mode===`popover`){w(`view`),D(t),S(!0);return}}q.read!==!1&&se(t)},[d,K,q.read,se,e]),le=(0,v.useCallback)(e=>{k(e=>e+1)},[]),ue=(0,v.useCallback)(e=>{k(e=>e+1)},[]),J=(0,v.useCallback)(()=>{S(!1),D(null),k(e=>e+1)},[]),Y=(0,v.useCallback)(()=>{S(!1),D(null)},[]);(0,v.useCallback)(()=>{k(e=>e+1)},[]);let X=(0,v.useMemo)(()=>!U||!H||H.length<=1?null:{type:`view-switcher`,variant:`tabs`,position:`top`,persistPreference:!0,storageKey:`view-pref-${e.objectName}`,defaultView:W?.type||`grid`,activeView:W?.type||`grid`,views:H.map(e=>({type:e.type,label:e.label,icon:{kanban:`kanban`,calendar:`calendar`,map:`map`,gallery:`layout-grid`,timeline:`activity`,gantt:`gantt-chart`,grid:`table`,list:`list`,detail:`file-text`}[e.type]||`table`})),allowCreateView:e.allowCreateView,viewActions:e.viewActions},[U,H,W,e.objectName,e.allowCreateView,e.viewActions]),de=(0,v.useCallback)(e=>{if(!H)return;let t=H.find(t=>t.type===e);t&&u&&u(t.id)},[H,u]),fe=(0,v.useCallback)(e=>{B(e)},[]);(0,v.useMemo)(()=>{if(e.showFilters===!1)return null;let t=e.filterableFields,n=_?.fields||{},r=(t?t.map(e=>[e,n[e]||{label:e}]):Object.entries(n).filter(([,e])=>!e.hidden).slice(0,8)).map(([e,t])=>{let n=t.type||`text`,r=`text`,i;return n===`number`||n===`currency`||n===`percent`?r=`number`:n===`boolean`||n===`toggle`?r=`boolean`:n===`date`||n===`datetime`?r=`date`:n===`select`||n===`status`||t.options?(r=`select`,i=(t.options||[]).map(e=>typeof e==`string`?{label:e,value:e}:{label:e.label,value:e.value})):(n===`lookup`||n===`master_detail`||n===`user`||n===`owner`)&&t.options&&t.options.length>0&&(r=`multi-select`,i=(t.options||[]).map(e=>typeof e==`string`?{label:e,value:e}:{label:e.label,value:e.value})),{field:e,label:t.label||e,type:r,placeholder:`Filter ${t.label||e}...`,...i?{options:i}:{}}});return r.length===0?null:{type:`filter-ui`,layout:`popover`,showClear:!0,showApply:!0,filters:r,values:N}},[e.showFilters,e.filterableFields,_,N]);let pe=e.showSort;(0,v.useMemo)(()=>{if(pe===!1)return null;let e=_?.fields||{},t=Object.entries(e).filter(([,e])=>!e.hidden).slice(0,10).map(([e,t])=>({field:e,label:t.label||e}));return t.length===0?null:{type:`sort-ui`,variant:`dropdown`,multiple:!1,fields:t,sort:F}},[_,F,pe]);let me=(0,v.useCallback)(t=>{let n={objectName:e.objectName,fields:V?.columns||W?.columns||e.table?.fields,className:`h-full w-full`,showSearch:W?.showSearch??e.showSearch??!1,showSort:W?.showSort??e.showSort??!1,showFilters:W?.showFilters??e.showFilters??!1,striped:W?.striped??!1,bordered:W?.bordered??!1,color:W?.color},r=V?.options||W||{};switch(t){case`kanban`:return{type:`object-kanban`,...n,groupBy:r.kanban?.groupField||`status`,groupField:r.kanban?.groupField||`status`,titleField:r.kanban?.titleField||`name`,cardFields:n.fields||[],...r.kanban||{}};case`calendar`:return{type:`object-calendar`,...n,startDateField:r.calendar?.startDateField||`start_date`,endDateField:r.calendar?.endDateField||`end_date`,titleField:r.calendar?.titleField||`name`,...r.calendar||{}};case`gallery`:return{type:`object-gallery`,...n,imageField:r.gallery?.imageField,titleField:r.gallery?.titleField||`name`,subtitleField:r.gallery?.subtitleField,...r.gallery||{}};case`timeline`:return{type:`object-timeline`,...n,dateField:r.timeline?.dateField||`created_at`,titleField:r.timeline?.titleField||`name`,...r.timeline||{}};case`gantt`:return{type:`object-gantt`,...n,startDateField:r.gantt?.startDateField||`start_date`,endDateField:r.gantt?.endDateField||`end_date`,progressField:r.gantt?.progressField||`progress`,dependenciesField:r.gantt?.dependenciesField||`dependencies`,...r.gantt||{}};case`map`:return{type:`object-map`,...n,locationField:r.map?.locationField||`location`,...r.map||{}};default:return null}},[e.objectName,e.table?.fields,V,W]),he=(0,v.useMemo)(()=>({type:`object-grid`,objectName:e.objectName,title:e.table?.title,description:e.table?.description,fields:V?.columns||W?.columns||e.table?.fields,columns:V?.columns||W?.columns||e.table?.columns,operations:{...q,create:!1},defaultFilters:V?.filter||W?.filter||e.table?.defaultFilters,defaultSort:V?.sort||W?.sort||e.table?.defaultSort,pageSize:e.table?.pageSize,selectable:e.table?.selectable,striped:W?.striped??e.table?.striped,bordered:W?.bordered??e.table?.bordered,className:e.table?.className}),[e,q,V,W]),ge=()=>{let t=E?E.id||E._id:void 0;return{type:`object-form`,objectName:e.objectName,mode:C,recordId:t,title:e.form?.title,description:e.form?.description,fields:e.form?.fields,customFields:e.form?.customFields,groups:e.form?.groups,layout:e.form?.layout,columns:e.form?.columns,showSubmit:e.form?.showSubmit,submitText:e.form?.submitText,showCancel:e.form?.showCancel,cancelText:e.form?.cancelText,showReset:e.form?.showReset,initialValues:e.form?.initialValues,readOnly:e.form?.readOnly||C===`view`,className:e.form?.className,onSuccess:J,onCancel:Y}},_e=()=>{if(e.form?.title)return e.form.title;let t=_?.label||e.objectName;switch(C){case`create`:return`Create ${t}`;case`edit`:return`Edit ${t}`;case`view`:return`View ${t}`;default:return t}},ve=(0,v.useMemo)(()=>{let e=K?.width;return e?typeof e==`number`?`max-w-[${e}px]`:`max-w-[${e}]`:``},[K]),ye=()=>(0,T.jsx)(o.Drawer,{open:x,onOpenChange:S,direction:`right`,children:(0,T.jsxs)(o.DrawerContent,{className:(0,o.cn)(`w-full sm:max-w-2xl`,ve),children:[(0,T.jsxs)(o.DrawerHeader,{children:[(0,T.jsx)(o.DrawerTitle,{children:_e()}),e.form?.description&&(0,T.jsx)(o.DrawerDescription,{children:e.form.description})]}),(0,T.jsx)(`div`,{className:`flex-1 overflow-y-auto px-4 pb-4`,children:(0,T.jsx)(a.ObjectForm,{schema:ge(),dataSource:t})})]})}),be=()=>(0,T.jsx)(o.Dialog,{open:x,onOpenChange:S,children:(0,T.jsxs)(o.DialogContent,{className:(0,o.cn)(`max-w-2xl max-h-[90vh] overflow-y-auto`,ve),children:[(0,T.jsxs)(o.DialogHeader,{children:[(0,T.jsx)(o.DialogTitle,{children:_e()}),e.form?.description&&(0,T.jsx)(o.DialogDescription,{children:e.form.description})]}),(0,T.jsx)(a.ObjectForm,{schema:ge(),dataSource:t})]})}),xe=(0,v.useMemo)(()=>Object.keys(N).some(e=>N[e]!==void 0&&N[e]!==``&&N[e]!==null)?Object.entries(N).filter(([,e])=>e!==void 0&&e!==``&&e!==null).map(([e,t])=>({field:e,operator:`equals`,value:t})):V?.filter||W?.filter||e.table?.defaultFilters,[N,V,W,e.table?.defaultFilters]),Se=(0,v.useMemo)(()=>F.length>0?F:V?.sort||W?.sort||e.table?.defaultSort,[F,V,W,e.table?.defaultSort]),Ce=()=>{let n=`${e.objectName}-${z||W?.id||`default`}-${G}-${O}`;if(p)return p({schema:{type:`list-view`,objectName:e.objectName,viewType:G,fields:V?.columns||W?.columns||e.table?.fields,filters:xe,sort:Se,rowHeight:W?.rowHeight,densityMode:W?.densityMode,groupBy:W?.groupBy,options:V?.options||W,showSearch:W?.showSearch??e.showSearch,showFilters:W?.showFilters??e.showFilters,showSort:W?.showSort??e.showSort,showHideFields:W?.showHideFields??e.showHideFields,showGroup:W?.showGroup??e.showGroup,showColor:W?.showColor??e.showColor,showDensity:W?.showDensity??e.showDensity,allowExport:W?.allowExport??e.allowExport,striped:W?.striped??e.striped,bordered:W?.bordered??e.bordered,color:W?.color??e.color,inlineEdit:W?.inlineEdit??e.inlineEdit,wrapHeaders:W?.wrapHeaders??e.wrapHeaders,clickIntoRecordDetails:W?.clickIntoRecordDetails??e.clickIntoRecordDetails,addRecordViaForm:W?.addRecordViaForm??e.addRecordViaForm,addDeleteRecordsInline:W?.addDeleteRecordsInline??e.addDeleteRecordsInline,collapseAllByDefault:W?.collapseAllByDefault??e.collapseAllByDefault,fieldTextColor:W?.fieldTextColor??e.fieldTextColor,prefixField:W?.prefixField??e.prefixField,showDescription:W?.showDescription??e.showDescription,navigation:W?.navigation??e.navigation,selection:W?.selection??e.selection,pagination:W?.pagination??e.pagination,searchableFields:W?.searchableFields??e.searchableFields,filterableFields:W?.filterableFields??e.filterableFields,resizable:W?.resizable??e.resizable,hiddenFields:W?.hiddenFields??e.hiddenFields,rowActions:W?.rowActions??e.rowActions,bulkActions:W?.bulkActions??e.bulkActions,sharing:W?.sharing??e.sharing,addRecord:W?.addRecord??e.addRecord,conditionalFormatting:W?.conditionalFormatting??e.conditionalFormatting,quickFilters:W?.quickFilters??e.quickFilters,userFilters:W?.userFilters??e.userFilters,showRecordCount:W?.showRecordCount??e.showRecordCount,allowPrinting:W?.allowPrinting??e.allowPrinting,virtualScroll:W?.virtualScroll??e.virtualScroll,emptyState:W?.emptyState??e.emptyState,aria:W?.aria??e.aria,tabs:e.tabs,refreshTrigger:O},dataSource:t,onEdit:oe,onRowClick:ce,className:`h-full`,refreshKey:O});if(G!==`grid`){let e=me(G);if(e&&R)return(0,T.jsx)(R,{schema:e,dataSource:t,data:ee,loading:j},n);if(!R)return(0,T.jsx)(`div`,{className:`flex items-center justify-center h-40 text-muted-foreground`,children:(0,T.jsxs)(`p`,{children:[`SchemaRenderer not available. Install @object-ui/react to render `,G,` views.`]})})}return(0,T.jsx)(i.ObjectGrid,{schema:he,dataSource:t,onRowClick:ce,onEdit:q.update===!1?void 0:oe,onDelete:q.delete===!1?void 0:le,onBulkDelete:q.delete===!1?void 0:ue},n)},we=()=>{if(!L)return null;let e=Object.entries(I);return e.length<=1?null:(0,T.jsx)(o.Tabs,{value:z,onValueChange:fe,className:`w-full`,children:(0,T.jsx)(o.TabsList,{className:`w-auto`,children:e.map(([e,t])=>(0,T.jsx)(o.TabsTrigger,{value:e,className:`text-sm`,children:t.label||e},e))})})},Te=()=>{let t=e.showCreate!==!1&&q.create!==!1,n=e.showViewSwitcher===!0,r=we();return!r&&!n&&!t&&!m?null:(0,T.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[r,(n||t||m)&&(0,T.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,T.jsx)(`div`,{className:`flex items-center gap-2`,children:n&&X&&(0,T.jsx)(ne,{schema:X,onViewChange:de,onCreateView:h,onViewAction:g,className:`overflow-x-auto`})}),(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[m,t&&(0,T.jsxs)(o.Button,{size:`sm`,onClick:ae,children:[(0,T.jsx)(s.Plus,{className:`h-4 w-4`}),`Create`]})]})]})]})},Ee=K?.mode===`modal`?`modal`:K?.mode===`drawer`?`drawer`:K?.mode===`split`?`split`:K?.mode===`popover`?`popover`:ie,De=e=>(0,T.jsx)(`div`,{className:`space-y-3`,children:(0,T.jsx)(a.ObjectForm,{schema:ge(),dataSource:t})}),Oe=(0,v.useCallback)(e=>{e||Y()},[Y]);if(Ee===`split`){let t=_?.label||e.objectName;return(0,T.jsxs)(`div`,{className:(0,o.cn)(`flex flex-col h-full min-w-0 overflow-hidden`,r),children:[(e.title||e.description)&&(0,T.jsxs)(`div`,{className:`mb-4 shrink-0`,children:[e.title&&(0,T.jsx)(`h2`,{className:`text-2xl font-bold tracking-tight`,children:e.title}),e.description&&(0,T.jsx)(`p`,{className:`text-muted-foreground mt-1`,children:e.description})]}),(0,T.jsx)(`div`,{className:`mb-4 shrink-0`,children:Te()}),(0,T.jsx)(`div`,{className:`flex-1 min-h-0 min-w-0 overflow-hidden`,children:x&&E?(0,T.jsx)(o.NavigationOverlay,{isOpen:x,selectedRecord:E,mode:`split`,close:Y,setIsOpen:Oe,width:K?.width,isOverlay:!0,title:`${t} Detail`,mainContent:(0,T.jsx)(`div`,{className:`h-full overflow-auto`,children:Ce()}),children:De}):Ce()})]})}return(0,T.jsxs)(`div`,{className:(0,o.cn)(`flex flex-col h-full min-w-0 overflow-hidden`,r),children:[(e.title||e.description)&&(0,T.jsxs)(`div`,{className:`mb-4 shrink-0`,children:[e.title&&(0,T.jsx)(`h2`,{className:`text-2xl font-bold tracking-tight`,children:e.title}),e.description&&(0,T.jsx)(`p`,{className:`text-muted-foreground mt-1`,children:e.description})]}),(0,T.jsx)(`div`,{className:`mb-4 shrink-0`,children:Te()}),(0,T.jsx)(`div`,{className:`flex-1 min-h-0 min-w-0 overflow-hidden`,children:Ce()}),Ee===`drawer`&&ye(),Ee===`modal`&&be(),Ee===`popover`&&x&&E&&(0,T.jsx)(o.NavigationOverlay,{isOpen:x,selectedRecord:E,mode:`popover`,close:Y,setIsOpen:Oe,width:K?.width,isOverlay:!0,title:_e(),children:De})]})},B=C(`flex`,{variants:{layout:{inline:`flex-col space-y-4`,popover:`items-center`,drawer:`items-center`}},defaultVariants:{layout:`inline`}}),V=e=>e==null||e===``?!0:Array.isArray(e)?e.length===0:typeof e==`object`?Object.values(e).every(e=>e==null||e===``):!1,H=e=>Array.isArray(e)?{start:e[0]||``,end:e[1]||``}:e&&typeof e==`object`?{start:e.start||``,end:e.end||``}:{start:``,end:``},U=({schema:e,className:t,onChange:n})=>{let[r,i]=v.useState(e.values||{}),[a,c]=v.useState(!1);v.useEffect(()=>{e.values&&i(e.values)},[e.values]);let l=v.useCallback(t=>{n?.(t),e.onChange&&typeof window<`u`&&window.dispatchEvent(new CustomEvent(e.onChange,{detail:{values:t}}))},[n,e.onChange]),u=v.useCallback((t,n)=>{let a={...r,[t]:n};i(a),e.showApply||l(a)},[l,e.showApply,r]),d=v.useCallback(()=>{let t={};if(i(t),e.showApply){l(t);return}l(t)},[l,e.showApply]),f=v.useCallback(()=>{l(r),c(!1)},[l,r]),p=v.useMemo(()=>Object.values(r).filter(e=>!V(e)).length,[r]),m=e=>{let t=e.label||e.field,n=e.placeholder||`Filter by ${t}`;switch(e.type){case`number`:return(0,T.jsx)(o.Input,{type:`number`,value:r[e.field]??``,placeholder:n,onChange:t=>{let n=t.target.value,r=n===``?``:Number(n);u(e.field,r)}});case`select`:return(0,T.jsxs)(o.Select,{value:r[e.field]===void 0?``:String(r[e.field]),onValueChange:t=>{let n=e.options?.find(e=>String(e.value)===t);u(e.field,n?n.value:t)},children:[(0,T.jsx)(o.SelectTrigger,{children:(0,T.jsx)(o.SelectValue,{placeholder:n})}),(0,T.jsx)(o.SelectContent,{children:e.options?.map(e=>(0,T.jsx)(o.SelectItem,{value:String(e.value),children:e.label},String(e.value)))})]});case`multi-select`:{let t=r[e.field],n=Array.isArray(t)?t:t?[t]:[];return(0,T.jsx)(`div`,{className:`max-h-40 overflow-y-auto space-y-0.5 border rounded-md p-2`,children:e.options?.map(t=>{let r=n.map(String).includes(String(t.value));return(0,T.jsxs)(`label`,{className:(0,o.cn)(`flex items-center gap-2 text-sm py-1 px-1.5 rounded cursor-pointer`,r?`bg-primary/5 text-primary`:`hover:bg-muted`),children:[(0,T.jsx)(o.Checkbox,{checked:r,onCheckedChange:r=>{let i=r?[...n,t.value]:n.filter(e=>String(e)!==String(t.value));u(e.field,i)}}),(0,T.jsx)(`span`,{className:`truncate`,children:t.label})]},String(t.value))})})}case`date`:return(0,T.jsx)(o.Input,{type:`date`,value:r[e.field]??``,onChange:t=>u(e.field,t.target.value)});case`date-range`:{let t=H(r[e.field]);return(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,T.jsx)(o.Input,{type:`date`,value:t.start??``,onChange:n=>{u(e.field,{...t,start:n.target.value})}}),(0,T.jsx)(o.Input,{type:`date`,value:t.end??``,onChange:n=>{u(e.field,{...t,end:n.target.value})}})]})}case`boolean`:return(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,T.jsx)(o.Checkbox,{checked:!!r[e.field],onCheckedChange:t=>u(e.field,!!t)}),(0,T.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:`Enabled`})]});default:return(0,T.jsx)(o.Input,{value:r[e.field]??``,placeholder:n,onChange:t=>u(e.field,t.target.value)})}},h=(0,T.jsxs)(`div`,{className:`space-y-4`,children:[(0,T.jsx)(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:e.filters.map(e=>(0,T.jsxs)(`div`,{className:`space-y-2`,children:[(0,T.jsx)(o.Label,{className:`text-xs text-muted-foreground`,children:e.label||e.field}),m(e)]},e.field))}),(e.showApply||e.showClear)&&(0,T.jsxs)(`div`,{className:`flex items-center justify-end gap-2 border-t pt-3`,children:[e.showClear&&(0,T.jsx)(o.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:d,children:`Clear`}),e.showApply&&(0,T.jsx)(o.Button,{type:`button`,size:`sm`,onClick:f,children:`Apply`})]})]}),g=e.layout||`inline`;return g===`popover`?(0,T.jsx)(`div`,{className:(0,o.cn)(B({layout:g}),t),children:(0,T.jsxs)(o.Popover,{open:a,onOpenChange:c,children:[(0,T.jsx)(o.PopoverTrigger,{asChild:!0,children:(0,T.jsxs)(o.Button,{type:`button`,variant:p>0?`secondary`:`outline`,size:`sm`,className:`gap-2`,children:[(0,T.jsx)(s.SlidersHorizontal,{className:`h-4 w-4`}),`Filters`,p>0&&(0,T.jsx)(`span`,{className:`inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary`,children:p})]})}),(0,T.jsx)(o.PopoverContent,{align:`start`,className:`w-[520px] p-4`,children:h})]})}):g===`drawer`?(0,T.jsxs)(`div`,{className:(0,o.cn)(B({layout:g}),t),children:[(0,T.jsxs)(o.Button,{type:`button`,variant:p>0?`secondary`:`outline`,size:`sm`,className:`gap-2`,onClick:()=>c(!0),children:[(0,T.jsx)(s.SlidersHorizontal,{className:`h-4 w-4`}),`Filters`,p>0&&(0,T.jsx)(`span`,{className:`inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary`,children:p})]}),(0,T.jsx)(o.Drawer,{open:a,onOpenChange:c,children:(0,T.jsxs)(o.DrawerContent,{children:[(0,T.jsxs)(o.DrawerHeader,{children:[(0,T.jsx)(o.DrawerTitle,{children:`Filters`}),(0,T.jsx)(o.DrawerDescription,{children:`Refine the data with advanced filters.`})]}),(0,T.jsx)(`div`,{className:`px-4 pb-6`,children:h})]})})]}):(0,T.jsxs)(`div`,{className:(0,o.cn)(B({layout:g}),t),children:[h,!e.showApply&&e.showClear&&(0,T.jsxs)(o.Button,{type:`button`,variant:`ghost`,size:`sm`,className:`gap-2`,onClick:d,children:[(0,T.jsx)(s.X,{className:`h-3.5 w-3.5`}),`Clear filters`]})]})},re=C(``,{variants:{variant:{buttons:`flex flex-wrap gap-2`,dropdown:`flex flex-wrap items-center gap-3`,builder:`space-y-3`}},defaultVariants:{variant:`dropdown`}}),W=e=>e?e.map(e=>({field:e.field,direction:e.direction})):[],G=e=>e.map(e=>({id:`${e.field}-${e.direction}`,field:e.field,order:e.direction})),K=e=>e.filter(e=>e.field).map(e=>({field:e.field,direction:e.order})),ie=({schema:e,className:t,onChange:n})=>{let[r,i]=v.useState(()=>W(e.sort)),[a,c]=v.useState(()=>G(W(e.sort)));v.useEffect(()=>{let t=W(e.sort);i(t),c(G(t))},[e.sort]);let l=v.useCallback(t=>{i(t),n?.(t),e.onChange&&typeof window<`u`&&window.dispatchEvent(new CustomEvent(e.onChange,{detail:{sort:t}}))},[n,e.onChange]),u=v.useCallback(t=>{let n=r.find(e=>e.field===t),i=!!e.multiple;if(!n){l(i?[...r,{field:t,direction:`asc`}]:[{field:t,direction:`asc`}]);return}if(n.direction===`asc`){l(r.map(e=>e.field===t?{...e,direction:`desc`}:e));return}l(r.filter(e=>e.field!==t))},[l,e.multiple,r]);if((e.variant||`dropdown`)===`buttons`)return(0,T.jsx)(`div`,{className:(0,o.cn)(re({variant:`buttons`}),t),children:e.fields.map(e=>{let t=r.find(t=>t.field===e.field),n=t?.direction===`asc`?s.ArrowUp:s.ArrowDown;return(0,T.jsxs)(o.Button,{type:`button`,variant:t?`secondary`:`outline`,size:`sm`,onClick:()=>u(e.field),className:`gap-2`,children:[(0,T.jsx)(`span`,{children:e.label||e.field}),t&&(0,T.jsx)(n,{className:`h-3.5 w-3.5`})]},e.field)})});if(e.multiple)return(0,T.jsx)(`div`,{className:(0,o.cn)(re({variant:`builder`}),t),children:(0,T.jsx)(o.SortBuilder,{fields:e.fields.map(e=>({value:e.field,label:e.label||e.field})),value:a,onChange:e=>{c(e),l(K(e))}})});let d=r[0];return(0,T.jsxs)(`div`,{className:(0,o.cn)(re({variant:`dropdown`}),t),children:[(0,T.jsxs)(o.Select,{value:d?.field||``,onValueChange:e=>{if(!e){l([]);return}l([{field:e,direction:d?.direction||`asc`}])},children:[(0,T.jsx)(o.SelectTrigger,{className:`w-56`,children:(0,T.jsx)(o.SelectValue,{placeholder:`Select field`})}),(0,T.jsx)(o.SelectContent,{children:e.fields.map(e=>(0,T.jsx)(o.SelectItem,{value:e.field,children:e.label||e.field},e.field))})]}),(0,T.jsxs)(o.Select,{value:d?.direction||`asc`,onValueChange:e=>{d?.field&&l([{field:d.field,direction:e}])},children:[(0,T.jsx)(o.SelectTrigger,{className:`w-36`,children:(0,T.jsx)(o.SelectValue,{})}),(0,T.jsxs)(o.SelectContent,{children:[(0,T.jsx)(o.SelectItem,{value:`asc`,children:`Ascending`}),(0,T.jsx)(o.SelectItem,{value:`desc`,children:`Descending`})]})]})]})};function q(){if(typeof crypto<`u`&&typeof crypto.randomUUID==`function`)return crypto.randomUUID();if(typeof crypto<`u`&&typeof crypto.getRandomValues==`function`){let e=new Uint8Array(16);return crypto.getRandomValues(e),Array.from(e,e=>e.toString(16).padStart(2,`0`)).join(``)}return Math.random().toString(36).slice(2)+Math.random().toString(36).slice(2)}function ae(e,t,n,r){return`${e}/share/${t}/${n}?mode=readonly&token=${r}`}var oe=({objectName:e,viewId:t=`default`,baseUrl:n,onShare:r,className:i})=>{let[a,c]=v.useState(null),[l,u]=v.useState(!1),[d,f]=v.useState(!1),[p,m]=v.useState(``),[h,g]=v.useState(``),_=n??(typeof window<`u`?window.location.origin:``),y=v.useCallback(()=>{let n=ae(_,e,t,q());c(n),u(!1);let i=h?new Date(Date.now()+parseInt(h,10)*864e5).toISOString():void 0;r?.(n,{password:p||void 0,expiresAt:i})},[_,e,t,r,p,h]),b=v.useCallback(async()=>{if(a)try{await navigator.clipboard.writeText(a),u(!0),setTimeout(()=>u(!1),2e3)}catch{let e=document.createElement(`textarea`);e.value=a,document.body.appendChild(e),e.select(),document.execCommand(`copy`),document.body.removeChild(e),u(!0),setTimeout(()=>u(!1),2e3)}},[a]);return(0,T.jsxs)(o.Popover,{open:d,onOpenChange:f,children:[(0,T.jsx)(o.PopoverTrigger,{asChild:!0,children:(0,T.jsxs)(o.Button,{variant:`outline`,size:`sm`,className:(0,o.cn)(`gap-2`,i),children:[(0,T.jsx)(s.Share2,{className:`h-4 w-4`}),`Share`]})}),(0,T.jsxs)(o.PopoverContent,{className:`w-96 space-y-4`,align:`end`,children:[(0,T.jsxs)(`div`,{className:`space-y-2`,children:[(0,T.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,T.jsx)(`h4`,{className:`text-sm font-medium`,children:`Share View`}),(0,T.jsx)(o.Badge,{variant:`secondary`,className:`text-xs`,children:`Read-only`})]}),(0,T.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Generate a public link to share this view. Recipients can view data without logging in.`})]}),a?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,T.jsx)(o.Input,{value:a,readOnly:!0,className:`h-8 text-xs`,onClick:e=>e.target.select()}),(0,T.jsx)(o.Button,{variant:`outline`,size:`sm`,onClick:b,className:`shrink-0 gap-1`,children:l?(0,T.jsx)(s.Check,{className:`h-4 w-4 text-green-500`}):(0,T.jsx)(s.Copy,{className:`h-4 w-4`})})]}),(p||h)&&(0,T.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[p&&(0,T.jsxs)(o.Badge,{variant:`outline`,className:`text-xs gap-1`,children:[(0,T.jsx)(s.Lock,{className:`h-3 w-3`}),`Password protected`]}),h&&(0,T.jsxs)(o.Badge,{variant:`outline`,className:`text-xs gap-1`,children:[(0,T.jsx)(s.Calendar,{className:`h-3 w-3`}),`Expires in `,h,` day`,h===`1`?``:`s`]})]})]}):(0,T.jsxs)(`div`,{className:`space-y-3`,children:[(0,T.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,T.jsxs)(`label`,{className:`flex items-center gap-1.5 text-xs font-medium text-foreground`,children:[(0,T.jsx)(s.Lock,{className:`h-3.5 w-3.5`}),`Password protection (optional)`]}),(0,T.jsx)(o.Input,{type:`password`,value:p,onChange:e=>m(e.target.value),placeholder:`Enter password...`,className:`h-8 text-xs`})]}),(0,T.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,T.jsxs)(`label`,{className:`flex items-center gap-1.5 text-xs font-medium text-foreground`,children:[(0,T.jsx)(s.Calendar,{className:`h-3.5 w-3.5`}),`Expires after (optional)`]}),(0,T.jsxs)(`select`,{value:h,onChange:e=>g(e.target.value),className:`w-full h-8 text-xs rounded-md border border-input bg-background px-3`,children:[(0,T.jsx)(`option`,{value:``,children:`Never`}),(0,T.jsx)(`option`,{value:`1`,children:`1 day`}),(0,T.jsx)(`option`,{value:`7`,children:`7 days`}),(0,T.jsx)(`option`,{value:`30`,children:`30 days`}),(0,T.jsx)(`option`,{value:`90`,children:`90 days`})]})]}),(0,T.jsxs)(o.Button,{onClick:y,className:`w-full gap-2`,size:`sm`,children:[(0,T.jsx)(s.Share2,{className:`h-4 w-4`}),`Generate Link`]})]})]})]})};function se(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];return(0,t.useMemo)(()=>e=>{n.forEach(t=>t(e))},n)}var ce=typeof window<`u`&&window.document!==void 0&&window.document.createElement!==void 0;function le(e){let t=Object.prototype.toString.call(e);return t===`[object Window]`||t===`[object global]`}function ue(e){return`nodeType`in e}function J(e){return e?le(e)?e:ue(e)?e.ownerDocument?.defaultView??window:window:window}function Y(e){let{Document:t}=J(e);return e instanceof t}function X(e){return le(e)?!1:e instanceof J(e).HTMLElement}function de(e){return e instanceof J(e).SVGElement}function fe(e){return e?le(e)?e.document:ue(e)?Y(e)?e:X(e)||de(e)?e.ownerDocument:document:document:document}var pe=ce?t.useLayoutEffect:t.useEffect;function me(e){let n=(0,t.useRef)(e);return pe(()=>{n.current=e}),(0,t.useCallback)(function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.current==null?void 0:n.current(...t)},[])}function he(){let e=(0,t.useRef)(null);return[(0,t.useCallback)((t,n)=>{e.current=setInterval(t,n)},[]),(0,t.useCallback)(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[])]}function ge(e,n){n===void 0&&(n=[e]);let r=(0,t.useRef)(e);return pe(()=>{r.current!==e&&(r.current=e)},n),r}function _e(e,n){let r=(0,t.useRef)();return(0,t.useMemo)(()=>{let t=e(r.current);return r.current=t,t},[...n])}function ve(e){let n=me(e),r=(0,t.useRef)(null);return[r,(0,t.useCallback)(e=>{e!==r.current&&n?.(e,r.current),r.current=e},[])]}function ye(e){let n=(0,t.useRef)();return(0,t.useEffect)(()=>{n.current=e},[e]),n.current}var be={};function xe(e,n){return(0,t.useMemo)(()=>{if(n)return n;let t=be[e]==null?0:be[e]+1;return be[e]=t,e+`-`+t},[e,n])}function Se(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 Ce=Se(1),we=Se(-1);function Te(e){return`clientX`in e&&`clientY`in e}function Ee(e){if(!e)return!1;let{KeyboardEvent:t}=J(e.target);return t&&e instanceof t}function De(e){if(!e)return!1;let{TouchEvent:t}=J(e.target);return t&&e instanceof t}function Oe(e){if(De(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 Te(e)?{x:e.clientX,y:e.clientY}:null}var ke=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[ke.Translate.toString(e),ke.Scale.toString(e)].join(` `)}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+` `+n+`ms `+r}}}),Ae=`a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]`;function je(e){return e.matches(Ae)?e:e.querySelector(Ae)}var Me={display:`none`};function Ne(e){let{id:n,value:r}=e;return t.default.createElement(`div`,{id:n,style:Me},r)}function Pe(e){let{id:n,announcement:r,ariaLiveType:i=`assertive`}=e;return t.default.createElement(`div`,{id:n,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":i,"aria-atomic":!0},r)}function Fe(){let[e,n]=(0,t.useState)(``);return{announce:(0,t.useCallback)(e=>{e!=null&&n(e)},[]),announcement:e}}var Ie=(0,t.createContext)(null);function Le(e){let n=(0,t.useContext)(Ie);(0,t.useEffect)(()=>{if(!n)throw Error(`useDndMonitor must be used within a children of <DndContext>`);return n(e)},[e,n])}function Re(){let[e]=(0,t.useState)(()=>new Set),n=(0,t.useCallback)(t=>(e.add(t),()=>e.delete(t)),[e]);return[(0,t.useCallback)(t=>{let{type:n,event:r}=t;e.forEach(e=>e[n]?.call(e,r))},[e]),n]}var ze={draggable:`
|
|
7
2
|
To pick up a draggable item, press the space bar.
|
|
8
3
|
While dragging, use the arrow keys to move the item.
|
|
9
4
|
Press space again to drop the item in its new position, or press escape to cancel.
|
|
10
|
-
`},ze={onDragStart(e){let{active:t}=e;return`Picked up draggable item `+t.id+`.`},onDragOver(e){let{active:t,over:n}=e;return n?`Draggable item `+t.id+` was moved over droppable area `+n.id+`.`:`Draggable item `+t.id+` is no longer over a droppable area.`},onDragEnd(e){let{active:t,over:n}=e;return n?`Draggable item `+t.id+` was dropped over droppable area `+n.id:`Draggable item `+t.id+` was dropped.`},onDragCancel(e){let{active:t}=e;return`Dragging was cancelled. Draggable item `+t.id+` was dropped.`}};function Be(e){let{announcements:n=ze,container:r,hiddenTextDescribedById:i,screenReaderInstructions:a=Re}=e,{announce:o,announcement:s}=Pe(),l=be(`DndLiveRegion`),[u,d]=(0,t.useState)(!1);if((0,t.useEffect)(()=>{d(!0)},[]),Ie((0,t.useMemo)(()=>({onDragStart(e){let{active:t}=e;o(n.onDragStart({active:t}))},onDragMove(e){let{active:t,over:r}=e;n.onDragMove&&o(n.onDragMove({active:t,over:r}))},onDragOver(e){let{active:t,over:r}=e;o(n.onDragOver({active:t,over:r}))},onDragEnd(e){let{active:t,over:r}=e;o(n.onDragEnd({active:t,over:r}))},onDragCancel(e){let{active:t,over:r}=e;o(n.onDragCancel({active:t,over:r}))}}),[o,n])),!u)return null;let f=t.default.createElement(t.default.Fragment,null,t.default.createElement(Me,{id:i,value:a.draggable}),t.default.createElement(Ne,{id:l,announcement:s}));return r?(0,c.createPortal)(f,r):f}var Z;(function(e){e.DragStart=`dragStart`,e.DragMove=`dragMove`,e.DragEnd=`dragEnd`,e.DragCancel=`dragCancel`,e.DragOver=`dragOver`,e.RegisterDroppable=`registerDroppable`,e.SetDroppableDisabled=`setDroppableDisabled`,e.UnregisterDroppable=`unregisterDroppable`})(Z||={});function Ve(){}function He(e,n){return(0,t.useMemo)(()=>({sensor:e,options:n??{}}),[e,n])}function Ue(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];return(0,t.useMemo)(()=>[...n].filter(e=>e!=null),[...n])}var We=Object.freeze({x:0,y:0});function Ge(e,t){return Math.sqrt((e.x-t.x)**2+(e.y-t.y)**2)}function Ke(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function qe(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function Je(e,t){if(!e||e.length===0)return null;let[n]=e;return t?n[t]:n}function Ye(e,t,n){return t===void 0&&(t=e.left),n===void 0&&(n=e.top),{x:t+e.width*.5,y:n+e.height*.5}}var Xe=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e,i=Ye(t,t.left,t.top),a=[];for(let e of r){let{id:t}=e,r=n.get(t);if(r){let n=Ge(Ye(r),i);a.push({id:t,data:{droppableContainer:e,value:n}})}}return a.sort(Ke)};function Ze(e,t){let n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),i=Math.min(t.left+t.width,e.left+e.width),a=Math.min(t.top+t.height,e.top+e.height),o=i-r,s=a-n;if(r<i&&n<a){let n=t.width*t.height,r=e.width*e.height,i=o*s,a=i/(n+r-i);return Number(a.toFixed(4))}return 0}var Qe=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e,i=[];for(let e of r){let{id:r}=e,a=n.get(r);if(a){let n=Ze(a,t);n>0&&i.push({id:r,data:{droppableContainer:e,value:n}})}}return i.sort(qe)};function $e(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function et(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:We}function tt(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)=>({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x}),{...t})}}var nt=tt(1);function rt(e){if(e.startsWith(`matrix3d(`)){let t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}else if(e.startsWith(`matrix(`)){let t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}function it(e,t,n){let r=rt(t);if(!r)return e;let{scaleX:i,scaleY:a,x:o,y:s}=r,c=e.left-o-(1-i)*parseFloat(n),l=e.top-s-(1-a)*parseFloat(n.slice(n.indexOf(` `)+1)),u=i?e.width/i:e.width,d=a?e.height/a:e.height;return{width:u,height:d,top:l,right:c+u,bottom:l+d,left:c}}var at={ignoreTransform:!1};function ot(e,t){t===void 0&&(t=at);let n=e.getBoundingClientRect();if(t.ignoreTransform){let{transform:t,transformOrigin:r}=J(e).getComputedStyle(e);t&&(n=it(n,t,r))}let{top:r,left:i,width:a,height:o,bottom:s,right:c}=n;return{top:r,left:i,width:a,height:o,bottom:s,right:c}}function st(e){return ot(e,{ignoreTransform:!0})}function ct(e){let t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function lt(e,t){return t===void 0&&(t=J(e).getComputedStyle(e)),t.position===`fixed`}function ut(e,t){t===void 0&&(t=J(e).getComputedStyle(e));let n=/(auto|scroll|overlay)/;return[`overflow`,`overflowX`,`overflowY`].some(e=>{let r=t[e];return typeof r==`string`?n.test(r):!1})}function dt(e,t){let n=[];function r(i){if(t!=null&&n.length>=t||!i)return n;if(ue(i)&&i.scrollingElement!=null&&!n.includes(i.scrollingElement))return n.push(i.scrollingElement),n;if(!Y(i)||de(i)||n.includes(i))return n;let a=J(e).getComputedStyle(i);return i!==e&&ut(i,a)&&n.push(i),lt(i,a)?n:r(i.parentNode)}return e?r(e):n}function ft(e){let[t]=dt(e,1);return t??null}function pt(e){return!se||!e?null:ce(e)?e:le(e)?ue(e)||e===X(e).scrollingElement?window:Y(e)?e:null:null}function mt(e){return ce(e)?e.scrollX:e.scrollLeft}function ht(e){return ce(e)?e.scrollY:e.scrollTop}function gt(e){return{x:mt(e),y:ht(e)}}var Q;(function(e){e[e.Forward=1]=`Forward`,e[e.Backward=-1]=`Backward`})(Q||={});function _t(e){return!se||!e?!1:e===document.scrollingElement}function vt(e){let t={x:0,y:0},n=_t(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}var yt={x:.2,y:.2};function bt(e,t,n,r,i){let{top:a,left:o,right:s,bottom:c}=n;r===void 0&&(r=10),i===void 0&&(i=yt);let{isTop:l,isBottom:u,isLeft:d,isRight:f}=vt(e),p={x:0,y:0},m={x:0,y:0},h={height:t.height*i.y,width:t.width*i.x};return!l&&a<=t.top+h.height?(p.y=Q.Backward,m.y=r*Math.abs((t.top+h.height-a)/h.height)):!u&&c>=t.bottom-h.height&&(p.y=Q.Forward,m.y=r*Math.abs((t.bottom-h.height-c)/h.height)),!f&&s>=t.right-h.width?(p.x=Q.Forward,m.x=r*Math.abs((t.right-h.width-s)/h.width)):!d&&o<=t.left+h.width&&(p.x=Q.Backward,m.x=r*Math.abs((t.left+h.width-o)/h.width)),{direction:p,speed:m}}function xt(e){if(e===document.scrollingElement){let{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}let{top:t,left:n,right:r,bottom:i}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:i,width:e.clientWidth,height:e.clientHeight}}function St(e){return e.reduce((e,t)=>Se(e,gt(t)),We)}function Ct(e){return e.reduce((e,t)=>e+mt(t),0)}function wt(e){return e.reduce((e,t)=>e+ht(t),0)}function Tt(e,t){if(t===void 0&&(t=ot),!e)return;let{top:n,left:r,bottom:i,right:a}=t(e);ft(e)&&(i<=0||a<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:`center`,inline:`center`})}var Et=[[`x`,[`left`,`right`],Ct],[`y`,[`top`,`bottom`],wt]],Dt=class{constructor(e,t){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;let n=dt(t),r=St(n);this.rect={...e},this.width=e.width,this.height=e.height;for(let[e,t,i]of Et)for(let a of t)Object.defineProperty(this,a,{get:()=>{let t=i(n),o=r[e]-t;return this.rect[a]+o},enumerable:!0});Object.defineProperty(this,`rect`,{enumerable:!1})}},Ot=class{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(e=>this.target?.removeEventListener(...e))},this.target=e}add(e,t,n){var r;(r=this.target)==null||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}};function kt(e){let{EventTarget:t}=J(e);return e instanceof t?e:X(e)}function At(e,t){let n=Math.abs(e.x),r=Math.abs(e.y);return typeof t==`number`?Math.sqrt(n**2+r**2)>t:`x`in t&&`y`in t?n>t.x&&r>t.y:`x`in t?n>t.x:`y`in t?r>t.y:!1}var jt;(function(e){e.Click=`click`,e.DragStart=`dragstart`,e.Keydown=`keydown`,e.ContextMenu=`contextmenu`,e.Resize=`resize`,e.SelectionChange=`selectionchange`,e.VisibilityChange=`visibilitychange`})(jt||={});function Mt(e){e.preventDefault()}function Nt(e){e.stopPropagation()}var $;(function(e){e.Space=`Space`,e.Down=`ArrowDown`,e.Right=`ArrowRight`,e.Left=`ArrowLeft`,e.Up=`ArrowUp`,e.Esc=`Escape`,e.Enter=`Enter`,e.Tab=`Tab`})($||={});var Pt={start:[$.Space,$.Enter],cancel:[$.Esc],end:[$.Space,$.Enter,$.Tab]},Ft=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case $.Right:return{...n,x:n.x+25};case $.Left:return{...n,x:n.x-25};case $.Down:return{...n,y:n.y+25};case $.Up:return{...n,y:n.y-25}}},It=class{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;let{event:{target:t}}=e;this.props=e,this.listeners=new Ot(X(t)),this.windowListeners=new Ot(J(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(jt.Resize,this.handleCancel),this.windowListeners.add(jt.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(jt.Keydown,this.handleKeyDown))}handleStart(){let{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&Tt(n),t(We)}handleKeyDown(e){if(Te(e)){let{active:t,context:n,options:r}=this.props,{keyboardCodes:i=Pt,coordinateGetter:a=Ft,scrollBehavior:o=`smooth`}=r,{code:s}=e;if(i.end.includes(s)){this.handleEnd(e);return}if(i.cancel.includes(s)){this.handleCancel(e);return}let{collisionRect:c}=n.current,l=c?{x:c.left,y:c.top}:We;this.referenceCoordinates||=l;let u=a(e,{active:t,context:n.current,currentCoordinates:l});if(u){let t=Ce(u,l),r={x:0,y:0},{scrollableAncestors:i}=n.current;for(let n of i){let i=e.code,{isTop:a,isRight:s,isLeft:c,isBottom:l,maxScroll:d,minScroll:f}=vt(n),p=xt(n),m={x:Math.min(i===$.Right?p.right-p.width/2:p.right,Math.max(i===$.Right?p.left:p.left+p.width/2,u.x)),y:Math.min(i===$.Down?p.bottom-p.height/2:p.bottom,Math.max(i===$.Down?p.top:p.top+p.height/2,u.y))},h=i===$.Right&&!s||i===$.Left&&!c,g=i===$.Down&&!l||i===$.Up&&!a;if(h&&m.x!==u.x){let e=n.scrollLeft+t.x,a=i===$.Right&&e<=d.x||i===$.Left&&e>=f.x;if(a&&!t.y){n.scrollTo({left:e,behavior:o});return}a?r.x=n.scrollLeft-e:r.x=i===$.Right?n.scrollLeft-d.x:n.scrollLeft-f.x,r.x&&n.scrollBy({left:-r.x,behavior:o});break}else if(g&&m.y!==u.y){let e=n.scrollTop+t.y,a=i===$.Down&&e<=d.y||i===$.Up&&e>=f.y;if(a&&!t.x){n.scrollTo({top:e,behavior:o});return}a?r.y=n.scrollTop-e:r.y=i===$.Down?n.scrollTop-d.y:n.scrollTop-f.y,r.y&&n.scrollBy({top:-r.y,behavior:o});break}}this.handleMove(e,Se(Ce(u,this.referenceCoordinates),r))}}}handleMove(e,t){let{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){let{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){let{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}};It.activators=[{eventName:`onKeyDown`,handler:(e,t,n)=>{let{keyboardCodes:r=Pt,onActivation:i}=t,{active:a}=n,{code:o}=e.nativeEvent;if(r.start.includes(o)){let t=a.activatorNode.current;return t&&e.target!==t?!1:(e.preventDefault(),i?.({event:e.nativeEvent}),!0)}return!1}}];function Lt(e){return!!(e&&`distance`in e)}function Rt(e){return!!(e&&`delay`in e)}var zt=class{constructor(e,t,n){n===void 0&&(n=kt(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=t;let{event:r}=e,{target:i}=r;this.props=e,this.events=t,this.document=X(i),this.documentListeners=new Ot(this.document),this.listeners=new Ot(n),this.windowListeners=new Ot(J(i)),this.initialCoordinates=De(r)??We,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){let{events:e,props:{options:{activationConstraint:t,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),e.cancel&&this.listeners.add(e.cancel.name,this.handleCancel),this.windowListeners.add(jt.Resize,this.handleCancel),this.windowListeners.add(jt.DragStart,Mt),this.windowListeners.add(jt.VisibilityChange,this.handleCancel),this.windowListeners.add(jt.ContextMenu,Mt),this.documentListeners.add(jt.Keydown,this.handleKeydown),t){if(n!=null&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(Rt(t)){this.timeoutId=setTimeout(this.handleStart,t.delay),this.handlePending(t);return}if(Lt(t)){this.handlePending(t);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(e,t){let{active:n,onPending:r}=this.props;r(n,e,this.initialCoordinates,t)}handleStart(){let{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(jt.Click,Nt,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(jt.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){let{activated:t,initialCoordinates:n,props:r}=this,{onMove:i,options:{activationConstraint:a}}=r;if(!n)return;let o=De(e)??We,s=Ce(n,o);if(!t&&a){if(Lt(a)){if(a.tolerance!=null&&At(s,a.tolerance))return this.handleCancel();if(At(s,a.distance))return this.handleStart()}if(Rt(a)&&At(s,a.tolerance))return this.handleCancel();this.handlePending(a,s);return}e.cancelable&&e.preventDefault(),i(o)}handleEnd(){let{onAbort:e,onEnd:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleCancel(){let{onAbort:e,onCancel:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleKeydown(e){e.code===$.Esc&&this.handleCancel()}removeTextSelection(){var e;(e=this.document.getSelection())==null||e.removeAllRanges()}},Bt={cancel:{name:`pointercancel`},move:{name:`pointermove`},end:{name:`pointerup`}},Vt=class extends zt{constructor(e){let{event:t}=e,n=X(t.target);super(e,Bt,n)}};Vt.activators=[{eventName:`onPointerDown`,handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!n.isPrimary||n.button!==0?!1:(r?.({event:n}),!0)}}];var Ht={move:{name:`mousemove`},end:{name:`mouseup`}},Ut;(function(e){e[e.RightClick=2]=`RightClick`})(Ut||={});var Wt=class extends zt{constructor(e){super(e,Ht,X(e.event.target))}};Wt.activators=[{eventName:`onMouseDown`,handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===Ut.RightClick?!1:(r?.({event:n}),!0)}}];var Gt={cancel:{name:`touchcancel`},move:{name:`touchmove`},end:{name:`touchend`}},Kt=class extends zt{constructor(e){super(e,Gt)}static setup(){return window.addEventListener(Gt.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(Gt.move.name,e)};function e(){}}};Kt.activators=[{eventName:`onTouchStart`,handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t,{touches:i}=n;return i.length>1?!1:(r?.({event:n}),!0)}}];var qt;(function(e){e[e.Pointer=0]=`Pointer`,e[e.DraggableRect=1]=`DraggableRect`})(qt||={});var Jt;(function(e){e[e.TreeOrder=0]=`TreeOrder`,e[e.ReversedTreeOrder=1]=`ReversedTreeOrder`})(Jt||={});function Yt(e){let{acceleration:n,activator:r=qt.Pointer,canScroll:i,draggingRect:a,enabled:o,interval:s=5,order:c=Jt.TreeOrder,pointerCoordinates:l,scrollableAncestors:u,scrollableAncestorRects:d,delta:f,threshold:p}=e,m=Zt({delta:f,disabled:!o}),[h,g]=me(),_=(0,t.useRef)({x:0,y:0}),v=(0,t.useRef)({x:0,y:0}),y=(0,t.useMemo)(()=>{switch(r){case qt.Pointer:return l?{top:l.y,bottom:l.y,left:l.x,right:l.x}:null;case qt.DraggableRect:return a}},[r,a,l]),b=(0,t.useRef)(null),x=(0,t.useCallback)(()=>{let e=b.current;if(!e)return;let t=_.current.x*v.current.x,n=_.current.y*v.current.y;e.scrollBy(t,n)},[]),S=(0,t.useMemo)(()=>c===Jt.TreeOrder?[...u].reverse():u,[c,u]);(0,t.useEffect)(()=>{if(!o||!u.length||!y){g();return}for(let e of S){if(i?.(e)===!1)continue;let t=d[u.indexOf(e)];if(!t)continue;let{direction:r,speed:a}=bt(e,t,y,n,p);for(let e of[`x`,`y`])m[e][r[e]]||(a[e]=0,r[e]=0);if(a.x>0||a.y>0){g(),b.current=e,h(x,s),_.current=a,v.current=r;return}}_.current={x:0,y:0},v.current={x:0,y:0},g()},[n,x,i,g,o,s,JSON.stringify(y),JSON.stringify(m),h,u,S,d,JSON.stringify(p)])}var Xt={x:{[Q.Backward]:!1,[Q.Forward]:!1},y:{[Q.Backward]:!1,[Q.Forward]:!1}};function Zt(e){let{delta:t,disabled:n}=e,r=ve(t);return ge(e=>{if(n||!r||!e)return Xt;let i={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[Q.Backward]:e.x[Q.Backward]||i.x===-1,[Q.Forward]:e.x[Q.Forward]||i.x===1},y:{[Q.Backward]:e.y[Q.Backward]||i.y===-1,[Q.Forward]:e.y[Q.Forward]||i.y===1}}},[n,t,r])}function Qt(e,t){let n=t==null?void 0:e.get(t),r=n?n.node.current:null;return ge(e=>t==null?null:r??e??null,[r,t])}function $t(e,n){return(0,t.useMemo)(()=>e.reduce((e,t)=>{let{sensor:r}=t,i=r.activators.map(e=>({eventName:e.eventName,handler:n(e.handler,t)}));return[...e,...i]},[]),[e,n])}var en;(function(e){e[e.Always=0]=`Always`,e[e.BeforeDragging=1]=`BeforeDragging`,e[e.WhileDragging=2]=`WhileDragging`})(en||={});var tn;(function(e){e.Optimized=`optimized`})(tn||={});var nn=new Map;function rn(e,n){let{dragging:r,dependencies:i,config:a}=n,[o,s]=(0,t.useState)(null),{frequency:c,measure:l,strategy:u}=a,d=(0,t.useRef)(e),f=_(),p=he(f),m=(0,t.useCallback)(function(e){e===void 0&&(e=[]),!p.current&&s(t=>t===null?e:t.concat(e.filter(e=>!t.includes(e))))},[p]),h=(0,t.useRef)(null),g=ge(t=>{if(f&&!r)return nn;if(!t||t===nn||d.current!==e||o!=null){let t=new Map;for(let n of e){if(!n)continue;if(o&&o.length>0&&!o.includes(n.id)&&n.rect.current){t.set(n.id,n.rect.current);continue}let e=n.node.current,r=e?new Dt(l(e),e):null;n.rect.current=r,r&&t.set(n.id,r)}return t}return t},[e,o,r,f,l]);return(0,t.useEffect)(()=>{d.current=e},[e]),(0,t.useEffect)(()=>{f||m()},[r,f]),(0,t.useEffect)(()=>{o&&o.length>0&&s(null)},[JSON.stringify(o)]),(0,t.useEffect)(()=>{f||typeof c!=`number`||h.current!==null||(h.current=setTimeout(()=>{m(),h.current=null},c))},[c,f,m,...i]),{droppableRects:g,measureDroppableContainers:m,measuringScheduled:o!=null};function _(){switch(u){case en.Always:return!1;case en.BeforeDragging:return r;default:return!r}}}function an(e,t){return ge(n=>e?n||(typeof t==`function`?t(e):e):null,[t,e])}function on(e,t){return an(e,t)}function sn(e){let{callback:n,disabled:r}=e,i=pe(n),a=(0,t.useMemo)(()=>{if(r||typeof window>`u`||window.MutationObserver===void 0)return;let{MutationObserver:e}=window;return new e(i)},[i,r]);return(0,t.useEffect)(()=>()=>a?.disconnect(),[a]),a}function cn(e){let{callback:n,disabled:r}=e,i=pe(n),a=(0,t.useMemo)(()=>{if(r||typeof window>`u`||window.ResizeObserver===void 0)return;let{ResizeObserver:e}=window;return new e(i)},[r]);return(0,t.useEffect)(()=>()=>a?.disconnect(),[a]),a}function ln(e){return new Dt(ot(e),e)}function un(e,n,r){n===void 0&&(n=ln);let[i,a]=(0,t.useState)(null);function o(){a(t=>{if(!e)return null;if(e.isConnected===!1)return t??r??null;let i=n(e);return JSON.stringify(t)===JSON.stringify(i)?t:i})}let s=sn({callback(t){if(e)for(let n of t){let{type:t,target:r}=n;if(t===`childList`&&r instanceof HTMLElement&&r.contains(e)){o();break}}}}),c=cn({callback:o});return fe(()=>{o(),e?(c?.observe(e),s?.observe(document.body,{childList:!0,subtree:!0})):(c?.disconnect(),s?.disconnect())},[e]),i}function dn(e){return et(e,an(e))}var fn=[];function pn(e){let n=(0,t.useRef)(e),r=ge(t=>e?t&&t!==fn&&e&&n.current&&e.parentNode===n.current.parentNode?t:dt(e):fn,[e]);return(0,t.useEffect)(()=>{n.current=e},[e]),r}function mn(e){let[n,r]=(0,t.useState)(null),i=(0,t.useRef)(e),a=(0,t.useCallback)(e=>{let t=pt(e.target);t&&r(e=>e?(e.set(t,gt(t)),new Map(e)):null)},[]);return(0,t.useEffect)(()=>{let t=i.current;if(e!==t){n(t);let o=e.map(e=>{let t=pt(e);return t?(t.addEventListener(`scroll`,a,{passive:!0}),[t,gt(t)]):null}).filter(e=>e!=null);r(o.length?new Map(o):null),i.current=e}return()=>{n(e),n(t)};function n(e){e.forEach(e=>{pt(e)?.removeEventListener(`scroll`,a)})}},[a,e]),(0,t.useMemo)(()=>e.length?n?Array.from(n.values()).reduce((e,t)=>Se(e,t),We):St(e):We,[e,n])}function hn(e,n){n===void 0&&(n=[]);let r=(0,t.useRef)(null);return(0,t.useEffect)(()=>{r.current=null},n),(0,t.useEffect)(()=>{let t=e!==We;t&&!r.current&&(r.current=e),!t&&r.current&&(r.current=null)},[e]),r.current?Ce(e,r.current):We}function gn(e){(0,t.useEffect)(()=>{if(!se)return;let t=e.map(e=>{let{sensor:t}=e;return t.setup==null?void 0:t.setup()});return()=>{for(let e of t)e?.()}},e.map(e=>{let{sensor:t}=e;return t}))}function _n(e,n){return(0,t.useMemo)(()=>e.reduce((e,t)=>{let{eventName:r,handler:i}=t;return e[r]=e=>{i(e,n)},e},{}),[e,n])}function vn(e){return(0,t.useMemo)(()=>e?ct(e):null,[e])}var yn=[];function bn(e,n){n===void 0&&(n=ot);let[r]=e,i=vn(r?J(r):null),[a,o]=(0,t.useState)(yn);function s(){o(()=>e.length?e.map(e=>_t(e)?i:new Dt(n(e),e)):yn)}let c=cn({callback:s});return fe(()=>{c?.disconnect(),s(),e.forEach(e=>c?.observe(e))},[e]),a}function xn(e){if(!e)return null;if(e.children.length>1)return e;let t=e.children[0];return Y(t)?t:e}function Sn(e){let{measure:n}=e,[r,i]=(0,t.useState)(null),a=cn({callback:(0,t.useCallback)(e=>{for(let{target:t}of e)if(Y(t)){i(e=>{let r=n(t);return e?{...e,width:r.width,height:r.height}:r});break}},[n])}),[o,s]=_e((0,t.useCallback)(e=>{let t=xn(e);a?.disconnect(),t&&a?.observe(t),i(t?n(t):null)},[n,a]));return(0,t.useMemo)(()=>({nodeRef:o,rect:r,setRef:s}),[r,o,s])}var Cn=[{sensor:Vt,options:{}},{sensor:It,options:{}}],wn={current:{}},Tn={draggable:{measure:st},droppable:{measure:st,strategy:en.WhileDragging,frequency:tn.Optimized},dragOverlay:{measure:ot}},En=class extends Map{get(e){return e==null?void 0:super.get(e)??void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(e=>{let{disabled:t}=e;return!t})}getNodeFor(e){return this.get(e)?.node.current??void 0}},Dn={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new En,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:Ve},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Tn,measureDroppableContainers:Ve,windowRect:null,measuringScheduled:!1},On={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:``},dispatch:Ve,draggableNodes:new Map,over:null,measureDroppableContainers:Ve},kn=(0,t.createContext)(On),An=(0,t.createContext)(Dn);function jn(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new En}}}function Mn(e,t){switch(t.type){case Z.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case Z.DragMove:return e.draggable.active==null?e:{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}};case Z.DragEnd:case Z.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case Z.RegisterDroppable:{let{element:n}=t,{id:r}=n,i=new En(e.droppable.containers);return i.set(r,n),{...e,droppable:{...e.droppable,containers:i}}}case Z.SetDroppableDisabled:{let{id:n,key:r,disabled:i}=t,a=e.droppable.containers.get(n);if(!a||r!==a.key)return e;let o=new En(e.droppable.containers);return o.set(n,{...a,disabled:i}),{...e,droppable:{...e.droppable,containers:o}}}case Z.UnregisterDroppable:{let{id:n,key:r}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;let a=new En(e.droppable.containers);return a.delete(n),{...e,droppable:{...e.droppable,containers:a}}}default:return e}}function Nn(e){let{disabled:n}=e,{active:r,activatorEvent:i,draggableNodes:a}=(0,t.useContext)(kn),o=ve(i),s=ve(r?.id);return(0,t.useEffect)(()=>{if(!n&&!i&&o&&s!=null){if(!Te(o)||document.activeElement===o.target)return;let e=a.get(s);if(!e)return;let{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame(()=>{for(let e of[t.current,n.current]){if(!e)continue;let t=Ae(e);if(t){t.focus();break}}})}},[i,n,a,s,o]),null}function Pn(e,t){let{transform:n,...r}=t;return e!=null&&e.length?e.reduce((e,t)=>t({transform:e,...r}),n):n}function Fn(e){return(0,t.useMemo)(()=>({draggable:{...Tn.draggable,...e?.draggable},droppable:{...Tn.droppable,...e?.droppable},dragOverlay:{...Tn.dragOverlay,...e?.dragOverlay}}),[e?.draggable,e?.droppable,e?.dragOverlay])}function In(e){let{activeNode:n,measure:r,initialRect:i,config:a=!0}=e,o=(0,t.useRef)(!1),{x:s,y:c}=typeof a==`boolean`?{x:a,y:a}:a;fe(()=>{if(!s&&!c||!n){o.current=!1;return}if(o.current||!i)return;let e=n?.node.current;if(!e||e.isConnected===!1)return;let t=et(r(e),i);if(s||(t.x=0),c||(t.y=0),o.current=!0,Math.abs(t.x)>0||Math.abs(t.y)>0){let n=ft(e);n&&n.scrollBy({top:t.y,left:t.x})}},[n,s,c,i,r])}var Ln=(0,t.createContext)({...We,scaleX:1,scaleY:1}),Rn;(function(e){e[e.Uninitialized=0]=`Uninitialized`,e[e.Initializing=1]=`Initializing`,e[e.Initialized=2]=`Initialized`})(Rn||={});var zn=(0,t.memo)(function(e){let{id:n,accessibility:r,autoScroll:i=!0,children:a,sensors:o=Cn,collisionDetection:s=Qe,measuring:l,modifiers:u,...d}=e,[f,p]=(0,t.useReducer)(Mn,void 0,jn),[m,h]=Le(),[g,_]=(0,t.useState)(Rn.Uninitialized),v=g===Rn.Initialized,{draggable:{active:y,nodes:b,translate:x},droppable:{containers:S}}=f,C=y==null?null:b.get(y),w=(0,t.useRef)({initial:null,translated:null}),T=(0,t.useMemo)(()=>y==null?null:{id:y,data:C?.data??wn,rect:w},[y,C]),E=(0,t.useRef)(null),[D,O]=(0,t.useState)(null),[k,ee]=(0,t.useState)(null),A=he(d,Object.values(d)),j=be(`DndDescribedBy`,n),M=(0,t.useMemo)(()=>S.getEnabled(),[S]),N=Fn(l),{droppableRects:P,measureDroppableContainers:F,measuringScheduled:te}=rn(M,{dragging:v,dependencies:[x.x,x.y],config:N.droppable}),I=Qt(b,y),L=(0,t.useMemo)(()=>k?De(k):null,[k]),ne=Te(),R=on(I,N.draggable.measure);In({activeNode:y==null?null:b.get(y),config:ne.layoutShiftCompensation,initialRect:R,measure:N.draggable.measure});let z=un(I,N.draggable.measure,R),B=un(I?I.parentElement:null),V=(0,t.useRef)({activatorEvent:null,active:null,activeNode:I,collisionRect:null,collisions:null,droppableRects:P,draggableNodes:b,draggingNode:null,draggingNodeRect:null,droppableContainers:S,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),H=S.getNodeFor(V.current.over?.id),U=Sn({measure:N.dragOverlay.measure}),re=U.nodeRef.current??I,W=v?U.rect??z:null,G=!!(U.nodeRef.current&&U.rect),K=dn(G?null:z),ie=vn(re?J(re):null),q=pn(v?H??I:null),ae=bn(q),oe=Pn(u,{transform:{x:x.x-K.x,y:x.y-K.y,scaleX:1,scaleY:1},activatorEvent:k,active:T,activeNodeRect:z,containerNodeRect:B,draggingNodeRect:W,over:V.current.over,overlayNodeRect:U.rect,scrollableAncestors:q,scrollableAncestorRects:ae,windowRect:ie}),se=L?Se(L,x):null,ce=mn(q),le=hn(ce),ue=hn(ce,[z]),Y=Se(oe,le),de=W?nt(W,oe):null,X=T&&de?s({active:T,collisionRect:de,droppableRects:P,droppableContainers:M,pointerCoordinates:se}):null,pe=Je(X,`id`),[me,ge]=(0,t.useState)(null),_e=$e(G?oe:Se(oe,ue),me?.rect??null,z),ve=(0,t.useRef)(null),ye=(0,t.useCallback)((e,t)=>{let{sensor:n,options:r}=t;if(E.current==null)return;let i=b.get(E.current);if(!i)return;let a=e.nativeEvent;ve.current=new n({active:E.current,activeNode:i,event:a,options:r,context:V,onAbort(e){if(!b.get(e))return;let{onDragAbort:t}=A.current,n={id:e};t?.(n),m({type:`onDragAbort`,event:n})},onPending(e,t,n,r){if(!b.get(e))return;let{onDragPending:i}=A.current,a={id:e,constraint:t,initialCoordinates:n,offset:r};i?.(a),m({type:`onDragPending`,event:a})},onStart(e){let t=E.current;if(t==null)return;let n=b.get(t);if(!n)return;let{onDragStart:r}=A.current,i={activatorEvent:a,active:{id:t,data:n.data,rect:w}};(0,c.unstable_batchedUpdates)(()=>{r?.(i),_(Rn.Initializing),p({type:Z.DragStart,initialCoordinates:e,active:t}),m({type:`onDragStart`,event:i}),O(ve.current),ee(a)})},onMove(e){p({type:Z.DragMove,coordinates:e})},onEnd:o(Z.DragEnd),onCancel:o(Z.DragCancel)});function o(e){return async function(){let{active:t,collisions:n,over:r,scrollAdjustedTranslate:i}=V.current,o=null;if(t&&i){let{cancelDrop:s}=A.current;o={activatorEvent:a,active:t,collisions:n,delta:i,over:r},e===Z.DragEnd&&typeof s==`function`&&await Promise.resolve(s(o))&&(e=Z.DragCancel)}E.current=null,(0,c.unstable_batchedUpdates)(()=>{p({type:e}),_(Rn.Uninitialized),ge(null),O(null),ee(null),ve.current=null;let t=e===Z.DragEnd?`onDragEnd`:`onDragCancel`;if(o){let e=A.current[t];e?.(o),m({type:t,event:o})}})}}},[b]),xe=$t(o,(0,t.useCallback)((e,t)=>(n,r)=>{let i=n.nativeEvent,a=b.get(r);if(E.current!==null||!a||i.dndKit||i.defaultPrevented)return;let o={active:a};e(n,t.options,o)===!0&&(i.dndKit={capturedBy:t.sensor},E.current=r,ye(n,t))},[b,ye]));gn(o),fe(()=>{z&&g===Rn.Initializing&&_(Rn.Initialized)},[z,g]),(0,t.useEffect)(()=>{let{onDragMove:e}=A.current,{active:t,activatorEvent:n,collisions:r,over:i}=V.current;if(!t||!n)return;let a={active:t,activatorEvent:n,collisions:r,delta:{x:Y.x,y:Y.y},over:i};(0,c.unstable_batchedUpdates)(()=>{e?.(a),m({type:`onDragMove`,event:a})})},[Y.x,Y.y]),(0,t.useEffect)(()=>{let{active:e,activatorEvent:t,collisions:n,droppableContainers:r,scrollAdjustedTranslate:i}=V.current;if(!e||E.current==null||!t||!i)return;let{onDragOver:a}=A.current,o=r.get(pe),s=o&&o.rect.current?{id:o.id,rect:o.rect.current,data:o.data,disabled:o.disabled}:null,l={active:e,activatorEvent:t,collisions:n,delta:{x:i.x,y:i.y},over:s};(0,c.unstable_batchedUpdates)(()=>{ge(s),a?.(l),m({type:`onDragOver`,event:l})})},[pe]),fe(()=>{V.current={activatorEvent:k,active:T,activeNode:I,collisionRect:de,collisions:X,droppableRects:P,draggableNodes:b,draggingNode:re,draggingNodeRect:W,droppableContainers:S,over:me,scrollableAncestors:q,scrollAdjustedTranslate:Y},w.current={initial:W,translated:de}},[T,I,X,de,b,re,W,P,S,me,q,Y]),Yt({...ne,delta:x,draggingRect:de,pointerCoordinates:se,scrollableAncestors:q,scrollableAncestorRects:ae});let Ce=(0,t.useMemo)(()=>({active:T,activeNode:I,activeNodeRect:z,activatorEvent:k,collisions:X,containerNodeRect:B,dragOverlay:U,draggableNodes:b,droppableContainers:S,droppableRects:P,over:me,measureDroppableContainers:F,scrollableAncestors:q,scrollableAncestorRects:ae,measuringConfiguration:N,measuringScheduled:te,windowRect:ie}),[T,I,z,k,X,B,U,b,S,P,me,F,q,ae,N,te,ie]),we=(0,t.useMemo)(()=>({activatorEvent:k,activators:xe,active:T,activeNodeRect:z,ariaDescribedById:{draggable:j},dispatch:p,draggableNodes:b,over:me,measureDroppableContainers:F}),[k,xe,T,z,p,j,b,me,F]);return t.default.createElement(Fe.Provider,{value:h},t.default.createElement(kn.Provider,{value:we},t.default.createElement(An.Provider,{value:Ce},t.default.createElement(Ln.Provider,{value:_e},a)),t.default.createElement(Nn,{disabled:r?.restoreFocus===!1})),t.default.createElement(Be,{...r,hiddenTextDescribedById:j}));function Te(){let e=D?.autoScrollEnabled===!1,t=typeof i==`object`?i.enabled===!1:i===!1,n=v&&!e&&!t;return typeof i==`object`?{...i,enabled:n}:{enabled:n}}}),Bn=(0,t.createContext)(null),Vn=`button`,Hn=`Draggable`;function Un(e){let{id:n,data:r,disabled:i=!1,attributes:a}=e,o=be(Hn),{activators:s,activatorEvent:c,active:l,activeNodeRect:u,ariaDescribedById:d,draggableNodes:f,over:p}=(0,t.useContext)(kn),{role:m=Vn,roleDescription:h=`draggable`,tabIndex:g=0}=a??{},_=l?.id===n,v=(0,t.useContext)(_?Ln:Bn),[y,b]=_e(),[x,S]=_e(),C=_n(s,n),w=he(r);return fe(()=>(f.set(n,{id:n,key:o,node:y,activatorNode:x,data:w}),()=>{let e=f.get(n);e&&e.key===o&&f.delete(n)}),[f,n]),{active:l,activatorEvent:c,activeNodeRect:u,attributes:(0,t.useMemo)(()=>({role:m,tabIndex:g,"aria-disabled":i,"aria-pressed":_&&m===Vn?!0:void 0,"aria-roledescription":h,"aria-describedby":d.draggable}),[i,m,g,_,h,d.draggable]),isDragging:_,listeners:i?void 0:C,node:y,over:p,setNodeRef:b,setActivatorNodeRef:S,transform:v}}function Wn(){return(0,t.useContext)(An)}var Gn=`Droppable`,Kn={timeout:25};function qn(e){let{data:n,disabled:r=!1,id:i,resizeObserverConfig:a}=e,o=be(Gn),{active:s,dispatch:c,over:l,measureDroppableContainers:u}=(0,t.useContext)(kn),d=(0,t.useRef)({disabled:r}),f=(0,t.useRef)(!1),p=(0,t.useRef)(null),m=(0,t.useRef)(null),{disabled:h,updateMeasurementsFor:g,timeout:_}={...Kn,...a},v=he(g??i),y=cn({callback:(0,t.useCallback)(()=>{if(!f.current){f.current=!0;return}m.current!=null&&clearTimeout(m.current),m.current=setTimeout(()=>{u(Array.isArray(v.current)?v.current:[v.current]),m.current=null},_)},[_]),disabled:h||!s}),[b,x]=_e((0,t.useCallback)((e,t)=>{y&&(t&&(y.unobserve(t),f.current=!1),e&&y.observe(e))},[y])),S=he(n);return(0,t.useEffect)(()=>{!y||!b.current||(y.disconnect(),f.current=!1,y.observe(b.current))},[b,y]),(0,t.useEffect)(()=>(c({type:Z.RegisterDroppable,element:{id:i,key:o,disabled:r,node:b,rect:p,data:S}}),()=>c({type:Z.UnregisterDroppable,key:o,id:i})),[i]),(0,t.useEffect)(()=>{r!==d.current.disabled&&(c({type:Z.SetDroppableDisabled,id:i,key:o,disabled:r}),d.current.disabled=r)},[i,o,r,c]),{active:s,rect:p,isOver:l?.id===i,node:b,over:l,setNodeRef:x}}function Jn(e,t,n){let r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function Yn(e,t){return e.reduce((e,n,r)=>{let i=t.get(n);return i&&(e[r]=i),e},Array(e.length))}function Xn(e){return e!==null&&e>=0}function Zn(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function Qn(e){return typeof e==`boolean`?{draggable:e,droppable:e}:e}var $n={scaleX:1,scaleY:1},er=e=>{let{rects:t,activeNodeRect:n,activeIndex:r,overIndex:i,index:a}=e,o=t[r]??n;if(!o)return null;let s=tr(t,a,r);if(a===r){let e=t[i];return e?{x:r<i?e.left+e.width-(o.left+o.width):e.left-o.left,y:0,...$n}:null}return a>r&&a<=i?{x:-o.width-s,y:0,...$n}:a<r&&a>=i?{x:o.width+s,y:0,...$n}:{x:0,y:0,...$n}};function tr(e,t,n){let r=e[t],i=e[t-1],a=e[t+1];return!r||!i&&!a?0:n<t?i?r.left-(i.left+i.width):a.left-(r.left+r.width):a?a.left-(r.left+r.width):r.left-(i.left+i.width)}var nr=e=>{let{rects:t,activeIndex:n,overIndex:r,index:i}=e,a=Jn(t,r,n),o=t[i],s=a[i];return!s||!o?null:{x:s.left-o.left,y:s.top-o.top,scaleX:s.width/o.width,scaleY:s.height/o.height}},rr=`Sortable`,ir=t.default.createContext({activeIndex:-1,containerId:rr,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:nr,disabled:{draggable:!1,droppable:!1}});function ar(e){let{children:n,id:r,items:i,strategy:a=nr,disabled:o=!1}=e,{active:s,dragOverlay:c,droppableRects:l,over:u,measureDroppableContainers:d}=Wn(),f=be(rr,r),p=c.rect!==null,m=(0,t.useMemo)(()=>i.map(e=>typeof e==`object`&&`id`in e?e.id:e),[i]),h=s!=null,g=s?m.indexOf(s.id):-1,_=u?m.indexOf(u.id):-1,v=(0,t.useRef)(m),y=!Zn(m,v.current),b=_!==-1&&g===-1||y,x=Qn(o);fe(()=>{y&&h&&d(m)},[y,m,h,d]),(0,t.useEffect)(()=>{v.current=m},[m]);let S=(0,t.useMemo)(()=>({activeIndex:g,containerId:f,disabled:x,disableTransforms:b,items:m,overIndex:_,useDragOverlay:p,sortedRects:Yn(m,l),strategy:a}),[g,f,x.draggable,x.droppable,b,m,_,l,p,a]);return t.default.createElement(ir.Provider,{value:S},n)}var or=e=>{let{id:t,items:n,activeIndex:r,overIndex:i}=e;return Jn(n,r,i).indexOf(t)},sr=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:i,items:a,newIndex:o,previousItems:s,previousContainerId:c,transition:l}=e;return!l||!r||s!==a&&i===o?!1:n?!0:o!==i&&t===c},cr={duration:200,easing:`ease`},lr=`transform`,ur=Oe.Transition.toString({property:lr,duration:0,easing:`linear`}),dr={roleDescription:`sortable`};function fr(e){let{disabled:n,index:r,node:i,rect:a}=e,[o,s]=(0,t.useState)(null),c=(0,t.useRef)(r);return fe(()=>{if(!n&&r!==c.current&&i.current){let e=a.current;if(e){let t=ot(i.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&s(n)}}r!==c.current&&(c.current=r)},[n,r,i,a]),(0,t.useEffect)(()=>{o&&s(null)},[o]),o}function pr(e){let{animateLayoutChanges:n=sr,attributes:r,disabled:i,data:a,getNewIndex:o=or,id:s,strategy:c,resizeObserverConfig:l,transition:u=cr}=e,{items:d,containerId:f,activeIndex:p,disabled:m,disableTransforms:h,sortedRects:g,overIndex:_,useDragOverlay:v,strategy:y}=(0,t.useContext)(ir),b=mr(i,m),x=d.indexOf(s),S=(0,t.useMemo)(()=>({sortable:{containerId:f,index:x,items:d},...a}),[f,a,x,d]),C=(0,t.useMemo)(()=>d.slice(d.indexOf(s)),[d,s]),{rect:w,node:T,isOver:E,setNodeRef:D}=qn({id:s,data:S,disabled:b.droppable,resizeObserverConfig:{updateMeasurementsFor:C,...l}}),{active:O,activatorEvent:k,activeNodeRect:ee,attributes:A,setNodeRef:j,listeners:M,isDragging:N,over:P,setActivatorNodeRef:F,transform:te}=Un({id:s,data:S,attributes:{...dr,...r},disabled:b.draggable}),I=oe(D,j),L=!!O,ne=L&&!h&&Xn(p)&&Xn(_),R=!v&&N,z=ne?(R&&ne?te:null)??(c??y)({rects:g,activeNodeRect:ee,activeIndex:p,overIndex:_,index:x}):null,B=Xn(p)&&Xn(_)?o({id:s,items:d,activeIndex:p,overIndex:_}):x,V=O?.id,H=(0,t.useRef)({activeId:V,items:d,newIndex:B,containerId:f}),U=d!==H.current.items,re=n({active:O,containerId:f,isDragging:N,isSorting:L,id:s,index:x,items:d,newIndex:H.current.newIndex,previousItems:H.current.items,previousContainerId:H.current.containerId,transition:u,wasDragging:H.current.activeId!=null}),W=fr({disabled:!re,index:x,node:T,rect:w});return(0,t.useEffect)(()=>{L&&H.current.newIndex!==B&&(H.current.newIndex=B),f!==H.current.containerId&&(H.current.containerId=f),d!==H.current.items&&(H.current.items=d)},[L,B,f,d]),(0,t.useEffect)(()=>{if(V===H.current.activeId)return;if(V!=null&&H.current.activeId==null){H.current.activeId=V;return}let e=setTimeout(()=>{H.current.activeId=V},50);return()=>clearTimeout(e)},[V]),{active:O,activeIndex:p,attributes:A,data:S,rect:w,index:x,newIndex:B,items:d,isOver:E,isSorting:L,isDragging:N,listeners:M,node:T,overIndex:_,over:P,setNodeRef:I,setActivatorNodeRef:F,setDroppableNodeRef:D,setDraggableNodeRef:j,transform:W??z,transition:G()};function G(){if(W||U&&H.current.newIndex===x)return ur;if(!(R&&!Te(k)||!u)&&(L||re))return Oe.Transition.toString({...u,property:lr})}}function mr(e,t){return typeof e==`boolean`?{draggable:e,droppable:!1}:{draggable:e?.draggable??t.draggable,droppable:e?.droppable??t.droppable}}$.Down,$.Right,$.Up,$.Left;var hr={private:0,team:1,organization:2,public:3},gr=5,_r=({id:e,disabled:t,children:n})=>{let{attributes:r,listeners:i,setNodeRef:a,transform:o,transition:s,isDragging:c}=pr({id:e,disabled:t});return(0,w.jsx)(w.Fragment,{children:n({setNodeRef:a,style:{transform:Oe.Transform.toString(o),transition:s,zIndex:c?10:void 0,opacity:c?.5:void 0},listeners:i,attributes:r,isDragging:c})})},vr=({views:e,activeViewId:n,onViewChange:r,viewTypeIcons:i={},config:a={},onAddView:c,onRenameView:l,onDuplicateView:u,onDeleteView:d,onSetDefaultView:f,onShareView:p,onSaveAsView:m,onPinView:h,onReorderViews:g,onChangeViewType:_,onConfigView:v,availableViewTypes:y,hasUnsavedChanges:b=!1,onResetChanges:x,className:S})=>{let{showAddButton:C=!0,inlineRename:T=!0,contextMenu:E=!0,reorderable:D=!1,maxVisibleTabs:O=6,showIndicators:k=!0,showSaveAsView:ee=!0,showPinnedSection:A=!0,showVisibilityGroups:j=!1}=a,[M,N]=(0,t.useState)(null),[P,F]=(0,t.useState)(``),te=(0,t.useRef)(null);(0,t.useEffect)(()=>{M&&te.current&&(te.current.focus(),te.current.select())},[M]);let I=(0,t.useCallback)(t=>{if(!T||!l)return;let n=e.find(e=>e.id===t);n&&(N(t),F(n.label))},[T,l,e]),L=(0,t.useCallback)(()=>{M&&P.trim()&&l&&l(M,P.trim()),N(null),F(``)},[M,P,l]),ne=(0,t.useCallback)(()=>{N(null),F(``)},[]),R=(0,t.useMemo)(()=>{let t=[...e];return t.sort((e,t)=>{if(A){let n=e.isPinned?1:0,r=t.isPinned?1:0;if(n!==r)return r-n}if(j){let n=hr[e.visibility||`public`]??hr.public,r=hr[t.visibility||`public`]??hr.public;if(n!==r)return n-r}return 0}),t},[e,A,j]),z=R.slice(0,O),B=R.slice(O),V=Ue(He(Vt,{activationConstraint:{distance:gr}}),He(It)),H=(0,t.useCallback)(e=>{let{active:t,over:n}=e;if(!n||t.id===n.id||!g)return;let r=R.findIndex(e=>e.id===t.id),i=R.findIndex(e=>e.id===n.id);r===-1||i===-1||g(Jn(R,r,i).map(e=>e.id))},[R,g]),U=s.Table,re=(0,t.useCallback)(e=>{if(!j||e===0)return!1;let t=z[e-1],n=z[e],r=e=>e.visibility===`private`;return r(t)&&!r(n)},[j,z]),W=(e,a)=>{let c=e.id===n,m=i[e.type]||U,b=M===e.id,x=k&&(e.hasActiveFilters||e.hasActiveSort),S=re(a),C=(e=>j?e.visibility===`private`?(0,w.jsx)(s.Lock,{"data-testid":`view-tab-visibility-${e.id}`,className:`h-3 w-3 text-muted-foreground shrink-0`}):e.visibility?(0,w.jsx)(s.Globe,{"data-testid":`view-tab-visibility-${e.id}`,className:`h-3 w-3 text-muted-foreground shrink-0`}):null:null)(e),T=t=>(0,w.jsxs)(`button`,{"data-testid":`view-tab-${e.id}`,onClick:()=>!b&&r(e.id),onDoubleClick:()=>I(e.id),className:(0,o.cn)(`inline-flex items-center gap-1.5 px-3 py-2 text-sm font-medium border-b-2 transition-colors whitespace-nowrap relative`,c?`border-primary text-primary`:`border-transparent text-muted-foreground hover:text-foreground hover:border-border`),children:[D&&g&&(0,w.jsx)(`span`,{"data-testid":`view-tab-drag-handle-${e.id}`,className:`cursor-grab active:cursor-grabbing text-muted-foreground hover:text-foreground`,...t?.listeners??{},...t?.attributes??{},children:(0,w.jsx)(s.GripVertical,{className:`h-3 w-3`})}),A&&e.isPinned&&(0,w.jsx)(s.Pin,{"data-testid":`view-tab-pin-indicator-${e.id}`,className:`h-3 w-3 text-primary shrink-0`}),C,(0,w.jsx)(m,{className:`h-3.5 w-3.5`}),b?(0,w.jsx)(o.Input,{ref:te,"data-testid":`view-tab-rename-input-${e.id}`,value:P,onChange:e=>F(e.target.value),onBlur:L,onKeyDown:e=>{e.key===`Enter`&&L(),e.key===`Escape`&&ne()},className:`h-5 w-24 px-1 py-0 text-sm border-none focus-visible:ring-1`,onClick:e=>e.stopPropagation()}):(0,w.jsx)(`span`,{children:e.label}),x&&(0,w.jsxs)(o.Tooltip,{children:[(0,w.jsx)(o.TooltipTrigger,{asChild:!0,children:(0,w.jsx)(`span`,{"data-testid":`view-tab-indicator-${e.id}`,className:`ml-1 inline-flex items-center justify-center h-4 min-w-[16px] rounded-full bg-primary/15 text-[10px] font-medium text-primary px-1 shrink-0`,children:[e.hasActiveFilters&&`F`,e.hasActiveSort&&`S`].filter(Boolean).join(``)})}),(0,w.jsx)(o.TooltipContent,{side:`bottom`,className:`text-xs`,children:[e.hasActiveFilters&&`Active filters`,e.hasActiveSort&&`Active sort`].filter(Boolean).join(`, `)})]}),e.isDefault&&(0,w.jsx)(s.Star,{className:`h-3 w-3 text-amber-500 fill-amber-500 shrink-0`}),c&&v&&(0,w.jsx)(`button`,{type:`button`,"data-testid":`view-tab-config-${e.id}`,className:`ml-0.5 h-4 w-4 flex items-center justify-center rounded hover:bg-accent shrink-0 opacity-60 hover:opacity-100 transition-opacity`,onClick:t=>{t.stopPropagation(),v(e.id)},"aria-label":`Configure ${e.label}`,children:(0,w.jsx)(s.Settings2,{className:`h-3 w-3`})})]}),O=t=>!E||b?t:(0,w.jsxs)(o.ContextMenu,{children:[(0,w.jsx)(o.ContextMenuTrigger,{asChild:!0,children:t}),(0,w.jsxs)(o.ContextMenuContent,{children:[l&&(0,w.jsxs)(o.ContextMenuItem,{"data-testid":`context-menu-rename-${e.id}`,onClick:()=>I(e.id),children:[(0,w.jsx)(s.Pencil,{className:`h-4 w-4 mr-2`}),` Rename`]}),u&&(0,w.jsxs)(o.ContextMenuItem,{"data-testid":`context-menu-duplicate-${e.id}`,onClick:()=>u(e.id),children:[(0,w.jsx)(s.Copy,{className:`h-4 w-4 mr-2`}),` Duplicate View`]}),p&&(0,w.jsxs)(o.ContextMenuItem,{"data-testid":`context-menu-share-${e.id}`,onClick:()=>p(e.id),children:[(0,w.jsx)(s.Share2,{className:`h-4 w-4 mr-2`}),` Share View`]}),f&&(0,w.jsxs)(o.ContextMenuItem,{"data-testid":`context-menu-default-${e.id}`,onClick:()=>f(e.id),children:[(0,w.jsx)(s.Star,{className:`h-4 w-4 mr-2`}),` Set as Default`]}),h&&(0,w.jsx)(o.ContextMenuItem,{"data-testid":`context-menu-pin-${e.id}`,onClick:()=>h(e.id,!e.isPinned),children:e.isPinned?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(s.PinOff,{className:`h-4 w-4 mr-2`}),` Unpin View`]}):(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(s.Pin,{className:`h-4 w-4 mr-2`}),` Pin View`]})}),_&&y&&y.length>0&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(o.ContextMenuSeparator,{}),(0,w.jsxs)(o.ContextMenuSub,{children:[(0,w.jsxs)(o.ContextMenuSubTrigger,{"data-testid":`context-menu-change-type-${e.id}`,children:[(0,w.jsx)(s.LayoutGrid,{className:`h-4 w-4 mr-2`}),` Change View Type`]}),(0,w.jsx)(o.ContextMenuSubContent,{"data-testid":`context-menu-type-submenu-${e.id}`,children:y.map(t=>{let n=i[t.type]||U;return(0,w.jsxs)(o.ContextMenuItem,{"data-testid":`context-menu-type-${e.id}-${t.type}`,disabled:t.type===e.type,onClick:()=>_(e.id,t.type),children:[(0,w.jsx)(n,{className:`h-4 w-4 mr-2`}),(0,w.jsxs)(`div`,{className:`flex flex-col`,children:[(0,w.jsx)(`span`,{children:t.label}),t.description&&(0,w.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:t.description})]})]},t.type)})})]})]}),d&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(o.ContextMenuSeparator,{}),(0,w.jsxs)(o.ContextMenuItem,{"data-testid":`context-menu-delete-${e.id}`,onClick:()=>d(e.id),className:`text-destructive focus:text-destructive`,children:[(0,w.jsx)(s.Trash2,{className:`h-4 w-4 mr-2`}),` Delete View`]})]})]})]});return D&&g?(0,w.jsxs)(t.default.Fragment,{children:[S&&(0,w.jsx)(`div`,{"data-testid":`view-tab-visibility-separator`,className:`w-px h-5 bg-border mx-1 self-center shrink-0`}),(0,w.jsx)(_r,{id:e.id,children:({setNodeRef:e,style:t,listeners:n,attributes:r,isDragging:i})=>(0,w.jsx)(`div`,{ref:e,style:t,className:(0,o.cn)(`flex`,i&&`z-10`),children:O(T({listeners:n,attributes:r}))})})]},e.id):(0,w.jsxs)(t.default.Fragment,{children:[S&&(0,w.jsx)(`div`,{"data-testid":`view-tab-visibility-separator`,className:`w-px h-5 bg-border mx-1 self-center shrink-0`}),O(T())]},e.id)},G=(0,w.jsx)(w.Fragment,{children:z.map((e,t)=>W(e,t))});return(0,w.jsx)(o.TooltipProvider,{children:(0,w.jsxs)(`div`,{"data-testid":`view-tab-bar`,className:(0,o.cn)(`flex items-center gap-0.5 -mb-px`,S),children:[D&&g?(0,w.jsx)(zn,{sensors:V,collisionDetection:Xe,onDragEnd:H,children:(0,w.jsx)(ar,{items:z.map(e=>e.id),strategy:er,children:(0,w.jsx)(`div`,{"data-testid":`view-tab-sortable-container`,className:`flex items-center gap-0.5`,children:G})})}):G,B.length>0&&(0,w.jsxs)(o.DropdownMenu,{children:[(0,w.jsx)(o.DropdownMenuTrigger,{asChild:!0,children:(0,w.jsxs)(`button`,{"data-testid":`view-tab-overflow`,className:`inline-flex items-center gap-1 px-2 py-2 text-sm text-muted-foreground hover:text-foreground transition-colors`,children:[(0,w.jsx)(s.MoreHorizontal,{className:`h-4 w-4`}),(0,w.jsxs)(`span`,{className:`text-xs`,children:[B.length,` more`]})]})}),(0,w.jsx)(o.DropdownMenuContent,{align:`end`,children:B.map(e=>{let t=i[e.type]||U;return(0,w.jsxs)(o.DropdownMenuItem,{"data-testid":`view-tab-overflow-${e.id}`,onClick:()=>r(e.id),children:[e.isPinned&&(0,w.jsx)(s.Pin,{className:`h-3 w-3 mr-1 text-primary shrink-0`}),(0,w.jsx)(t,{className:`h-4 w-4 mr-2`}),e.label,k&&(e.hasActiveFilters||e.hasActiveSort)&&(0,w.jsx)(`span`,{className:`ml-auto inline-flex items-center justify-center h-4 min-w-[16px] rounded-full bg-primary/15 text-[10px] font-medium text-primary px-1`,children:[e.hasActiveFilters&&`F`,e.hasActiveSort&&`S`].filter(Boolean).join(``)})]},e.id)})})]}),C&&c&&(0,w.jsxs)(o.Tooltip,{children:[(0,w.jsx)(o.TooltipTrigger,{asChild:!0,children:(0,w.jsx)(`button`,{"data-testid":`view-tab-add`,onClick:c,className:`inline-flex items-center px-2 py-2 text-muted-foreground hover:text-foreground transition-colors`,children:(0,w.jsx)(s.Plus,{className:`h-4 w-4`})})}),(0,w.jsx)(o.TooltipContent,{children:`Add View`})]}),ee&&b&&(0,w.jsxs)(`div`,{"data-testid":`view-tab-save-as`,className:`flex items-center gap-1 ml-2 text-xs text-amber-600 dark:text-amber-400`,children:[(0,w.jsx)(s.Save,{className:`h-3.5 w-3.5`}),(0,w.jsx)(`span`,{className:`hidden sm:inline`,children:`Unsaved changes`}),m&&(0,w.jsx)(o.Button,{variant:`ghost`,size:`sm`,"data-testid":`view-tab-save-as-btn`,className:`h-6 px-2 text-xs`,onClick:m,children:`Save as View`}),x&&(0,w.jsx)(o.Button,{variant:`ghost`,size:`sm`,"data-testid":`view-tab-reset-btn`,className:`h-6 px-2 text-xs`,onClick:x,children:`Reset`})]})]})})},yr=r.SchemaRendererContext,br=({schema:e})=>(0,w.jsx)(R,{schema:e,dataSource:(0,t.useContext)(yr)?.dataSource??null});n.ComponentRegistry.register(`object-view`,br,{namespace:`plugin-view`,label:`Object View`,category:`view`,icon:`LayoutDashboard`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`title`,type:`string`,label:`Title`},{name:`description`,type:`string`,label:`Description`},{name:`layout`,type:`enum`,label:`Form Layout`,enum:[`drawer`,`modal`,`page`]},{name:`defaultViewType`,type:`enum`,label:`Default View Type`,enum:[`grid`,`kanban`,`gallery`,`calendar`,`timeline`,`gantt`,`map`]},{name:`defaultListView`,type:`string`,label:`Default Named View`},{name:`showSearch`,type:`boolean`,label:`Show Search`},{name:`showFilters`,type:`boolean`,label:`Show Filters`},{name:`showCreate`,type:`boolean`,label:`Show Create Button`},{name:`showRefresh`,type:`boolean`,label:`Show Refresh Button`},{name:`showViewSwitcher`,type:`boolean`,label:`Show View Switcher`},{name:`listViews`,type:`object`,label:`Named List Views`},{name:`navigation`,type:`object`,label:`Navigation Config`},{name:`searchableFields`,type:`array`,label:`Searchable Fields`},{name:`filterableFields`,type:`array`,label:`Filterable Fields`}],defaultProps:{layout:`drawer`,defaultViewType:`grid`,showSearch:!0,showFilters:!0,showCreate:!0,showRefresh:!0,showViewSwitcher:!0}}),n.ComponentRegistry.register(`view`,br,{namespace:`plugin-view`,label:`View`,category:`view`}),n.ComponentRegistry.register(`view-switcher`,L,{namespace:`view`,label:`View Switcher`,category:`view`,icon:`LayoutGrid`,inputs:[{name:`views`,type:`array`,label:`Views`,required:!0},{name:`defaultView`,type:`string`,label:`Default View`},{name:`activeView`,type:`string`,label:`Active View`},{name:`variant`,type:`enum`,label:`Variant`,enum:[`tabs`,`buttons`,`dropdown`]},{name:`position`,type:`enum`,label:`Position`,enum:[`top`,`bottom`,`left`,`right`]},{name:`persistPreference`,type:`boolean`,label:`Persist Preference`},{name:`storageKey`,type:`string`,label:`Storage Key`},{name:`onViewChange`,type:`string`,label:`On View Change Event`}],defaultProps:{variant:`tabs`,position:`top`,defaultView:`grid`,views:[{type:`grid`,label:`Grid`,schema:{type:`text`,content:`Grid view`}},{type:`list`,label:`List`,schema:{type:`text`,content:`List view`}}]}}),n.ComponentRegistry.register(`filter-ui`,H,{namespace:`view`,label:`Filter UI`,category:`view`,icon:`SlidersHorizontal`,inputs:[{name:`filters`,type:`array`,label:`Filters`,required:!0},{name:`values`,type:`object`,label:`Values`},{name:`onChange`,type:`string`,label:`On Change Event`},{name:`showClear`,type:`boolean`,label:`Show Clear Button`},{name:`showApply`,type:`boolean`,label:`Show Apply Button`},{name:`layout`,type:`enum`,label:`Layout`,enum:[`inline`,`popover`,`drawer`]}],defaultProps:{layout:`inline`,showApply:!1,showClear:!0,filters:[{field:`name`,label:`Name`,type:`text`,placeholder:`Search name`},{field:`status`,label:`Status`,type:`select`,options:[{label:`Open`,value:`open`},{label:`Closed`,value:`closed`}]},{field:`created_at`,label:`Created`,type:`date`}]}}),n.ComponentRegistry.register(`sort-ui`,K,{namespace:`view`,label:`Sort UI`,category:`view`,icon:`ArrowUpDown`,inputs:[{name:`fields`,type:`array`,label:`Fields`,required:!0},{name:`sort`,type:`array`,label:`Sort`},{name:`onChange`,type:`string`,label:`On Change Event`},{name:`multiple`,type:`boolean`,label:`Allow Multiple`},{name:`variant`,type:`enum`,label:`Variant`,enum:[`dropdown`,`buttons`]}],defaultProps:{variant:`dropdown`,multiple:!0,fields:[{field:`name`,label:`Name`},{field:`created_at`,label:`Created At`}],sort:[{field:`name`,direction:`asc`}]}}),n.ComponentRegistry.register(`shared-view-link`,ae,{namespace:`view`,label:`Shared View Link`,category:`view`,icon:`Share2`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`viewId`,type:`string`,label:`View ID`},{name:`baseUrl`,type:`string`,label:`Base URL`}],defaultProps:{objectName:`objects`,viewId:`default`}}),n.ComponentRegistry.register(`view:simple`,({schema:e,className:t,children:n,dataSource:r,...i})=>(0,w.jsx)(`div`,{className:t,style:e.props?.columns?{display:`grid`,gridTemplateColumns:`repeat(${e.props.columns}, 1fr)`,gap:`1rem`}:void 0,...i,children:n}),{namespace:`plugin-view`,label:`Simple View`,category:`view`}),e.FilterUI=H,e.ObjectView=R,e.SharedViewLink=ae,e.SortUI=K,e.ViewSwitcher=L,e.ViewTabBar=vr});
|
|
5
|
+
`},Be={onDragStart(e){let{active:t}=e;return`Picked up draggable item `+t.id+`.`},onDragOver(e){let{active:t,over:n}=e;return n?`Draggable item `+t.id+` was moved over droppable area `+n.id+`.`:`Draggable item `+t.id+` is no longer over a droppable area.`},onDragEnd(e){let{active:t,over:n}=e;return n?`Draggable item `+t.id+` was dropped over droppable area `+n.id:`Draggable item `+t.id+` was dropped.`},onDragCancel(e){let{active:t}=e;return`Dragging was cancelled. Draggable item `+t.id+` was dropped.`}};function Ve(e){let{announcements:n=Be,container:r,hiddenTextDescribedById:i,screenReaderInstructions:a=ze}=e,{announce:o,announcement:s}=Fe(),l=xe(`DndLiveRegion`),[u,d]=(0,t.useState)(!1);if((0,t.useEffect)(()=>{d(!0)},[]),Le((0,t.useMemo)(()=>({onDragStart(e){let{active:t}=e;o(n.onDragStart({active:t}))},onDragMove(e){let{active:t,over:r}=e;n.onDragMove&&o(n.onDragMove({active:t,over:r}))},onDragOver(e){let{active:t,over:r}=e;o(n.onDragOver({active:t,over:r}))},onDragEnd(e){let{active:t,over:r}=e;o(n.onDragEnd({active:t,over:r}))},onDragCancel(e){let{active:t,over:r}=e;o(n.onDragCancel({active:t,over:r}))}}),[o,n])),!u)return null;let f=t.default.createElement(t.default.Fragment,null,t.default.createElement(Ne,{id:i,value:a.draggable}),t.default.createElement(Pe,{id:l,announcement:s}));return r?(0,c.createPortal)(f,r):f}var Z;(function(e){e.DragStart=`dragStart`,e.DragMove=`dragMove`,e.DragEnd=`dragEnd`,e.DragCancel=`dragCancel`,e.DragOver=`dragOver`,e.RegisterDroppable=`registerDroppable`,e.SetDroppableDisabled=`setDroppableDisabled`,e.UnregisterDroppable=`unregisterDroppable`})(Z||={});function He(){}function Ue(e,n){return(0,t.useMemo)(()=>({sensor:e,options:n??{}}),[e,n])}function We(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];return(0,t.useMemo)(()=>[...n].filter(e=>e!=null),[...n])}var Ge=Object.freeze({x:0,y:0});function Ke(e,t){return Math.sqrt((e.x-t.x)**2+(e.y-t.y)**2)}function qe(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function Je(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function Ye(e,t){if(!e||e.length===0)return null;let[n]=e;return t?n[t]:n}function Xe(e,t,n){return t===void 0&&(t=e.left),n===void 0&&(n=e.top),{x:t+e.width*.5,y:n+e.height*.5}}var Ze=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e,i=Xe(t,t.left,t.top),a=[];for(let e of r){let{id:t}=e,r=n.get(t);if(r){let n=Ke(Xe(r),i);a.push({id:t,data:{droppableContainer:e,value:n}})}}return a.sort(qe)};function Qe(e,t){let n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),i=Math.min(t.left+t.width,e.left+e.width),a=Math.min(t.top+t.height,e.top+e.height),o=i-r,s=a-n;if(r<i&&n<a){let n=t.width*t.height,r=e.width*e.height,i=o*s,a=i/(n+r-i);return Number(a.toFixed(4))}return 0}var $e=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e,i=[];for(let e of r){let{id:r}=e,a=n.get(r);if(a){let n=Qe(a,t);n>0&&i.push({id:r,data:{droppableContainer:e,value:n}})}}return i.sort(Je)};function et(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function tt(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:Ge}function nt(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)=>({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x}),{...t})}}var rt=nt(1);function it(e){if(e.startsWith(`matrix3d(`)){let t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}else if(e.startsWith(`matrix(`)){let t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}function at(e,t,n){let r=it(t);if(!r)return e;let{scaleX:i,scaleY:a,x:o,y:s}=r,c=e.left-o-(1-i)*parseFloat(n),l=e.top-s-(1-a)*parseFloat(n.slice(n.indexOf(` `)+1)),u=i?e.width/i:e.width,d=a?e.height/a:e.height;return{width:u,height:d,top:l,right:c+u,bottom:l+d,left:c}}var ot={ignoreTransform:!1};function st(e,t){t===void 0&&(t=ot);let n=e.getBoundingClientRect();if(t.ignoreTransform){let{transform:t,transformOrigin:r}=J(e).getComputedStyle(e);t&&(n=at(n,t,r))}let{top:r,left:i,width:a,height:o,bottom:s,right:c}=n;return{top:r,left:i,width:a,height:o,bottom:s,right:c}}function ct(e){return st(e,{ignoreTransform:!0})}function lt(e){let t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function ut(e,t){return t===void 0&&(t=J(e).getComputedStyle(e)),t.position===`fixed`}function dt(e,t){t===void 0&&(t=J(e).getComputedStyle(e));let n=/(auto|scroll|overlay)/;return[`overflow`,`overflowX`,`overflowY`].some(e=>{let r=t[e];return typeof r==`string`?n.test(r):!1})}function ft(e,t){let n=[];function r(i){if(t!=null&&n.length>=t||!i)return n;if(Y(i)&&i.scrollingElement!=null&&!n.includes(i.scrollingElement))return n.push(i.scrollingElement),n;if(!X(i)||de(i)||n.includes(i))return n;let a=J(e).getComputedStyle(i);return i!==e&&dt(i,a)&&n.push(i),ut(i,a)?n:r(i.parentNode)}return e?r(e):n}function pt(e){let[t]=ft(e,1);return t??null}function mt(e){return!ce||!e?null:le(e)?e:ue(e)?Y(e)||e===fe(e).scrollingElement?window:X(e)?e:null:null}function ht(e){return le(e)?e.scrollX:e.scrollLeft}function gt(e){return le(e)?e.scrollY:e.scrollTop}function _t(e){return{x:ht(e),y:gt(e)}}var Q;(function(e){e[e.Forward=1]=`Forward`,e[e.Backward=-1]=`Backward`})(Q||={});function vt(e){return!ce||!e?!1:e===document.scrollingElement}function yt(e){let t={x:0,y:0},n=vt(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}var bt={x:.2,y:.2};function xt(e,t,n,r,i){let{top:a,left:o,right:s,bottom:c}=n;r===void 0&&(r=10),i===void 0&&(i=bt);let{isTop:l,isBottom:u,isLeft:d,isRight:f}=yt(e),p={x:0,y:0},m={x:0,y:0},h={height:t.height*i.y,width:t.width*i.x};return!l&&a<=t.top+h.height?(p.y=Q.Backward,m.y=r*Math.abs((t.top+h.height-a)/h.height)):!u&&c>=t.bottom-h.height&&(p.y=Q.Forward,m.y=r*Math.abs((t.bottom-h.height-c)/h.height)),!f&&s>=t.right-h.width?(p.x=Q.Forward,m.x=r*Math.abs((t.right-h.width-s)/h.width)):!d&&o<=t.left+h.width&&(p.x=Q.Backward,m.x=r*Math.abs((t.left+h.width-o)/h.width)),{direction:p,speed:m}}function St(e){if(e===document.scrollingElement){let{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}let{top:t,left:n,right:r,bottom:i}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:i,width:e.clientWidth,height:e.clientHeight}}function Ct(e){return e.reduce((e,t)=>Ce(e,_t(t)),Ge)}function wt(e){return e.reduce((e,t)=>e+ht(t),0)}function Tt(e){return e.reduce((e,t)=>e+gt(t),0)}function Et(e,t){if(t===void 0&&(t=st),!e)return;let{top:n,left:r,bottom:i,right:a}=t(e);pt(e)&&(i<=0||a<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:`center`,inline:`center`})}var Dt=[[`x`,[`left`,`right`],wt],[`y`,[`top`,`bottom`],Tt]],Ot=class{constructor(e,t){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;let n=ft(t),r=Ct(n);this.rect={...e},this.width=e.width,this.height=e.height;for(let[e,t,i]of Dt)for(let a of t)Object.defineProperty(this,a,{get:()=>{let t=i(n),o=r[e]-t;return this.rect[a]+o},enumerable:!0});Object.defineProperty(this,`rect`,{enumerable:!1})}},kt=class{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(e=>this.target?.removeEventListener(...e))},this.target=e}add(e,t,n){var r;(r=this.target)==null||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}};function At(e){let{EventTarget:t}=J(e);return e instanceof t?e:fe(e)}function jt(e,t){let n=Math.abs(e.x),r=Math.abs(e.y);return typeof t==`number`?Math.sqrt(n**2+r**2)>t:`x`in t&&`y`in t?n>t.x&&r>t.y:`x`in t?n>t.x:`y`in t?r>t.y:!1}var Mt;(function(e){e.Click=`click`,e.DragStart=`dragstart`,e.Keydown=`keydown`,e.ContextMenu=`contextmenu`,e.Resize=`resize`,e.SelectionChange=`selectionchange`,e.VisibilityChange=`visibilitychange`})(Mt||={});function Nt(e){e.preventDefault()}function Pt(e){e.stopPropagation()}var $;(function(e){e.Space=`Space`,e.Down=`ArrowDown`,e.Right=`ArrowRight`,e.Left=`ArrowLeft`,e.Up=`ArrowUp`,e.Esc=`Escape`,e.Enter=`Enter`,e.Tab=`Tab`})($||={});var Ft={start:[$.Space,$.Enter],cancel:[$.Esc],end:[$.Space,$.Enter,$.Tab]},It=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case $.Right:return{...n,x:n.x+25};case $.Left:return{...n,x:n.x-25};case $.Down:return{...n,y:n.y+25};case $.Up:return{...n,y:n.y-25}}},Lt=class{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;let{event:{target:t}}=e;this.props=e,this.listeners=new kt(fe(t)),this.windowListeners=new kt(J(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(Mt.Resize,this.handleCancel),this.windowListeners.add(Mt.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(Mt.Keydown,this.handleKeyDown))}handleStart(){let{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&Et(n),t(Ge)}handleKeyDown(e){if(Ee(e)){let{active:t,context:n,options:r}=this.props,{keyboardCodes:i=Ft,coordinateGetter:a=It,scrollBehavior:o=`smooth`}=r,{code:s}=e;if(i.end.includes(s)){this.handleEnd(e);return}if(i.cancel.includes(s)){this.handleCancel(e);return}let{collisionRect:c}=n.current,l=c?{x:c.left,y:c.top}:Ge;this.referenceCoordinates||=l;let u=a(e,{active:t,context:n.current,currentCoordinates:l});if(u){let t=we(u,l),r={x:0,y:0},{scrollableAncestors:i}=n.current;for(let n of i){let i=e.code,{isTop:a,isRight:s,isLeft:c,isBottom:l,maxScroll:d,minScroll:f}=yt(n),p=St(n),m={x:Math.min(i===$.Right?p.right-p.width/2:p.right,Math.max(i===$.Right?p.left:p.left+p.width/2,u.x)),y:Math.min(i===$.Down?p.bottom-p.height/2:p.bottom,Math.max(i===$.Down?p.top:p.top+p.height/2,u.y))},h=i===$.Right&&!s||i===$.Left&&!c,g=i===$.Down&&!l||i===$.Up&&!a;if(h&&m.x!==u.x){let e=n.scrollLeft+t.x,a=i===$.Right&&e<=d.x||i===$.Left&&e>=f.x;if(a&&!t.y){n.scrollTo({left:e,behavior:o});return}a?r.x=n.scrollLeft-e:r.x=i===$.Right?n.scrollLeft-d.x:n.scrollLeft-f.x,r.x&&n.scrollBy({left:-r.x,behavior:o});break}else if(g&&m.y!==u.y){let e=n.scrollTop+t.y,a=i===$.Down&&e<=d.y||i===$.Up&&e>=f.y;if(a&&!t.x){n.scrollTo({top:e,behavior:o});return}a?r.y=n.scrollTop-e:r.y=i===$.Down?n.scrollTop-d.y:n.scrollTop-f.y,r.y&&n.scrollBy({top:-r.y,behavior:o});break}}this.handleMove(e,Ce(we(u,this.referenceCoordinates),r))}}}handleMove(e,t){let{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){let{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){let{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}};Lt.activators=[{eventName:`onKeyDown`,handler:(e,t,n)=>{let{keyboardCodes:r=Ft,onActivation:i}=t,{active:a}=n,{code:o}=e.nativeEvent;if(r.start.includes(o)){let t=a.activatorNode.current;return t&&e.target!==t?!1:(e.preventDefault(),i?.({event:e.nativeEvent}),!0)}return!1}}];function Rt(e){return!!(e&&`distance`in e)}function zt(e){return!!(e&&`delay`in e)}var Bt=class{constructor(e,t,n){n===void 0&&(n=At(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=t;let{event:r}=e,{target:i}=r;this.props=e,this.events=t,this.document=fe(i),this.documentListeners=new kt(this.document),this.listeners=new kt(n),this.windowListeners=new kt(J(i)),this.initialCoordinates=Oe(r)??Ge,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){let{events:e,props:{options:{activationConstraint:t,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),e.cancel&&this.listeners.add(e.cancel.name,this.handleCancel),this.windowListeners.add(Mt.Resize,this.handleCancel),this.windowListeners.add(Mt.DragStart,Nt),this.windowListeners.add(Mt.VisibilityChange,this.handleCancel),this.windowListeners.add(Mt.ContextMenu,Nt),this.documentListeners.add(Mt.Keydown,this.handleKeydown),t){if(n!=null&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(zt(t)){this.timeoutId=setTimeout(this.handleStart,t.delay),this.handlePending(t);return}if(Rt(t)){this.handlePending(t);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(e,t){let{active:n,onPending:r}=this.props;r(n,e,this.initialCoordinates,t)}handleStart(){let{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(Mt.Click,Pt,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(Mt.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){let{activated:t,initialCoordinates:n,props:r}=this,{onMove:i,options:{activationConstraint:a}}=r;if(!n)return;let o=Oe(e)??Ge,s=we(n,o);if(!t&&a){if(Rt(a)){if(a.tolerance!=null&&jt(s,a.tolerance))return this.handleCancel();if(jt(s,a.distance))return this.handleStart()}if(zt(a)&&jt(s,a.tolerance))return this.handleCancel();this.handlePending(a,s);return}e.cancelable&&e.preventDefault(),i(o)}handleEnd(){let{onAbort:e,onEnd:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleCancel(){let{onAbort:e,onCancel:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleKeydown(e){e.code===$.Esc&&this.handleCancel()}removeTextSelection(){var e;(e=this.document.getSelection())==null||e.removeAllRanges()}},Vt={cancel:{name:`pointercancel`},move:{name:`pointermove`},end:{name:`pointerup`}},Ht=class extends Bt{constructor(e){let{event:t}=e,n=fe(t.target);super(e,Vt,n)}};Ht.activators=[{eventName:`onPointerDown`,handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!n.isPrimary||n.button!==0?!1:(r?.({event:n}),!0)}}];var Ut={move:{name:`mousemove`},end:{name:`mouseup`}},Wt;(function(e){e[e.RightClick=2]=`RightClick`})(Wt||={});var Gt=class extends Bt{constructor(e){super(e,Ut,fe(e.event.target))}};Gt.activators=[{eventName:`onMouseDown`,handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===Wt.RightClick?!1:(r?.({event:n}),!0)}}];var Kt={cancel:{name:`touchcancel`},move:{name:`touchmove`},end:{name:`touchend`}},qt=class extends Bt{constructor(e){super(e,Kt)}static setup(){return window.addEventListener(Kt.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(Kt.move.name,e)};function e(){}}};qt.activators=[{eventName:`onTouchStart`,handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t,{touches:i}=n;return i.length>1?!1:(r?.({event:n}),!0)}}];var Jt;(function(e){e[e.Pointer=0]=`Pointer`,e[e.DraggableRect=1]=`DraggableRect`})(Jt||={});var Yt;(function(e){e[e.TreeOrder=0]=`TreeOrder`,e[e.ReversedTreeOrder=1]=`ReversedTreeOrder`})(Yt||={});function Xt(e){let{acceleration:n,activator:r=Jt.Pointer,canScroll:i,draggingRect:a,enabled:o,interval:s=5,order:c=Yt.TreeOrder,pointerCoordinates:l,scrollableAncestors:u,scrollableAncestorRects:d,delta:f,threshold:p}=e,m=Qt({delta:f,disabled:!o}),[h,g]=he(),_=(0,t.useRef)({x:0,y:0}),v=(0,t.useRef)({x:0,y:0}),y=(0,t.useMemo)(()=>{switch(r){case Jt.Pointer:return l?{top:l.y,bottom:l.y,left:l.x,right:l.x}:null;case Jt.DraggableRect:return a}},[r,a,l]),b=(0,t.useRef)(null),x=(0,t.useCallback)(()=>{let e=b.current;if(!e)return;let t=_.current.x*v.current.x,n=_.current.y*v.current.y;e.scrollBy(t,n)},[]),S=(0,t.useMemo)(()=>c===Yt.TreeOrder?[...u].reverse():u,[c,u]);(0,t.useEffect)(()=>{if(!o||!u.length||!y){g();return}for(let e of S){if(i?.(e)===!1)continue;let t=d[u.indexOf(e)];if(!t)continue;let{direction:r,speed:a}=xt(e,t,y,n,p);for(let e of[`x`,`y`])m[e][r[e]]||(a[e]=0,r[e]=0);if(a.x>0||a.y>0){g(),b.current=e,h(x,s),_.current=a,v.current=r;return}}_.current={x:0,y:0},v.current={x:0,y:0},g()},[n,x,i,g,o,s,JSON.stringify(y),JSON.stringify(m),h,u,S,d,JSON.stringify(p)])}var Zt={x:{[Q.Backward]:!1,[Q.Forward]:!1},y:{[Q.Backward]:!1,[Q.Forward]:!1}};function Qt(e){let{delta:t,disabled:n}=e,r=ye(t);return _e(e=>{if(n||!r||!e)return Zt;let i={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[Q.Backward]:e.x[Q.Backward]||i.x===-1,[Q.Forward]:e.x[Q.Forward]||i.x===1},y:{[Q.Backward]:e.y[Q.Backward]||i.y===-1,[Q.Forward]:e.y[Q.Forward]||i.y===1}}},[n,t,r])}function $t(e,t){let n=t==null?void 0:e.get(t),r=n?n.node.current:null;return _e(e=>t==null?null:r??e??null,[r,t])}function en(e,n){return(0,t.useMemo)(()=>e.reduce((e,t)=>{let{sensor:r}=t,i=r.activators.map(e=>({eventName:e.eventName,handler:n(e.handler,t)}));return[...e,...i]},[]),[e,n])}var tn;(function(e){e[e.Always=0]=`Always`,e[e.BeforeDragging=1]=`BeforeDragging`,e[e.WhileDragging=2]=`WhileDragging`})(tn||={});var nn;(function(e){e.Optimized=`optimized`})(nn||={});var rn=new Map;function an(e,n){let{dragging:r,dependencies:i,config:a}=n,[o,s]=(0,t.useState)(null),{frequency:c,measure:l,strategy:u}=a,d=(0,t.useRef)(e),f=_(),p=ge(f),m=(0,t.useCallback)(function(e){e===void 0&&(e=[]),!p.current&&s(t=>t===null?e:t.concat(e.filter(e=>!t.includes(e))))},[p]),h=(0,t.useRef)(null),g=_e(t=>{if(f&&!r)return rn;if(!t||t===rn||d.current!==e||o!=null){let t=new Map;for(let n of e){if(!n)continue;if(o&&o.length>0&&!o.includes(n.id)&&n.rect.current){t.set(n.id,n.rect.current);continue}let e=n.node.current,r=e?new Ot(l(e),e):null;n.rect.current=r,r&&t.set(n.id,r)}return t}return t},[e,o,r,f,l]);return(0,t.useEffect)(()=>{d.current=e},[e]),(0,t.useEffect)(()=>{f||m()},[r,f]),(0,t.useEffect)(()=>{o&&o.length>0&&s(null)},[JSON.stringify(o)]),(0,t.useEffect)(()=>{f||typeof c!=`number`||h.current!==null||(h.current=setTimeout(()=>{m(),h.current=null},c))},[c,f,m,...i]),{droppableRects:g,measureDroppableContainers:m,measuringScheduled:o!=null};function _(){switch(u){case tn.Always:return!1;case tn.BeforeDragging:return r;default:return!r}}}function on(e,t){return _e(n=>e?n||(typeof t==`function`?t(e):e):null,[t,e])}function sn(e,t){return on(e,t)}function cn(e){let{callback:n,disabled:r}=e,i=me(n),a=(0,t.useMemo)(()=>{if(r||typeof window>`u`||window.MutationObserver===void 0)return;let{MutationObserver:e}=window;return new e(i)},[i,r]);return(0,t.useEffect)(()=>()=>a?.disconnect(),[a]),a}function ln(e){let{callback:n,disabled:r}=e,i=me(n),a=(0,t.useMemo)(()=>{if(r||typeof window>`u`||window.ResizeObserver===void 0)return;let{ResizeObserver:e}=window;return new e(i)},[r]);return(0,t.useEffect)(()=>()=>a?.disconnect(),[a]),a}function un(e){return new Ot(st(e),e)}function dn(e,n,r){n===void 0&&(n=un);let[i,a]=(0,t.useState)(null);function o(){a(t=>{if(!e)return null;if(e.isConnected===!1)return t??r??null;let i=n(e);return JSON.stringify(t)===JSON.stringify(i)?t:i})}let s=cn({callback(t){if(e)for(let n of t){let{type:t,target:r}=n;if(t===`childList`&&r instanceof HTMLElement&&r.contains(e)){o();break}}}}),c=ln({callback:o});return pe(()=>{o(),e?(c?.observe(e),s?.observe(document.body,{childList:!0,subtree:!0})):(c?.disconnect(),s?.disconnect())},[e]),i}function fn(e){return tt(e,on(e))}var pn=[];function mn(e){let n=(0,t.useRef)(e),r=_e(t=>e?t&&t!==pn&&e&&n.current&&e.parentNode===n.current.parentNode?t:ft(e):pn,[e]);return(0,t.useEffect)(()=>{n.current=e},[e]),r}function hn(e){let[n,r]=(0,t.useState)(null),i=(0,t.useRef)(e),a=(0,t.useCallback)(e=>{let t=mt(e.target);t&&r(e=>e?(e.set(t,_t(t)),new Map(e)):null)},[]);return(0,t.useEffect)(()=>{let t=i.current;if(e!==t){n(t);let o=e.map(e=>{let t=mt(e);return t?(t.addEventListener(`scroll`,a,{passive:!0}),[t,_t(t)]):null}).filter(e=>e!=null);r(o.length?new Map(o):null),i.current=e}return()=>{n(e),n(t)};function n(e){e.forEach(e=>{mt(e)?.removeEventListener(`scroll`,a)})}},[a,e]),(0,t.useMemo)(()=>e.length?n?Array.from(n.values()).reduce((e,t)=>Ce(e,t),Ge):Ct(e):Ge,[e,n])}function gn(e,n){n===void 0&&(n=[]);let r=(0,t.useRef)(null);return(0,t.useEffect)(()=>{r.current=null},n),(0,t.useEffect)(()=>{let t=e!==Ge;t&&!r.current&&(r.current=e),!t&&r.current&&(r.current=null)},[e]),r.current?we(e,r.current):Ge}function _n(e){(0,t.useEffect)(()=>{if(!ce)return;let t=e.map(e=>{let{sensor:t}=e;return t.setup==null?void 0:t.setup()});return()=>{for(let e of t)e?.()}},e.map(e=>{let{sensor:t}=e;return t}))}function vn(e,n){return(0,t.useMemo)(()=>e.reduce((e,t)=>{let{eventName:r,handler:i}=t;return e[r]=e=>{i(e,n)},e},{}),[e,n])}function yn(e){return(0,t.useMemo)(()=>e?lt(e):null,[e])}var bn=[];function xn(e,n){n===void 0&&(n=st);let[r]=e,i=yn(r?J(r):null),[a,o]=(0,t.useState)(bn);function s(){o(()=>e.length?e.map(e=>vt(e)?i:new Ot(n(e),e)):bn)}let c=ln({callback:s});return pe(()=>{c?.disconnect(),s(),e.forEach(e=>c?.observe(e))},[e]),a}function Sn(e){if(!e)return null;if(e.children.length>1)return e;let t=e.children[0];return X(t)?t:e}function Cn(e){let{measure:n}=e,[r,i]=(0,t.useState)(null),a=ln({callback:(0,t.useCallback)(e=>{for(let{target:t}of e)if(X(t)){i(e=>{let r=n(t);return e?{...e,width:r.width,height:r.height}:r});break}},[n])}),[o,s]=ve((0,t.useCallback)(e=>{let t=Sn(e);a?.disconnect(),t&&a?.observe(t),i(t?n(t):null)},[n,a]));return(0,t.useMemo)(()=>({nodeRef:o,rect:r,setRef:s}),[r,o,s])}var wn=[{sensor:Ht,options:{}},{sensor:Lt,options:{}}],Tn={current:{}},En={draggable:{measure:ct},droppable:{measure:ct,strategy:tn.WhileDragging,frequency:nn.Optimized},dragOverlay:{measure:st}},Dn=class extends Map{get(e){return e==null?void 0:super.get(e)??void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(e=>{let{disabled:t}=e;return!t})}getNodeFor(e){return this.get(e)?.node.current??void 0}},On={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Dn,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:He},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:En,measureDroppableContainers:He,windowRect:null,measuringScheduled:!1},kn={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:``},dispatch:He,draggableNodes:new Map,over:null,measureDroppableContainers:He},An=(0,t.createContext)(kn),jn=(0,t.createContext)(On);function Mn(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Dn}}}function Nn(e,t){switch(t.type){case Z.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case Z.DragMove:return e.draggable.active==null?e:{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}};case Z.DragEnd:case Z.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case Z.RegisterDroppable:{let{element:n}=t,{id:r}=n,i=new Dn(e.droppable.containers);return i.set(r,n),{...e,droppable:{...e.droppable,containers:i}}}case Z.SetDroppableDisabled:{let{id:n,key:r,disabled:i}=t,a=e.droppable.containers.get(n);if(!a||r!==a.key)return e;let o=new Dn(e.droppable.containers);return o.set(n,{...a,disabled:i}),{...e,droppable:{...e.droppable,containers:o}}}case Z.UnregisterDroppable:{let{id:n,key:r}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;let a=new Dn(e.droppable.containers);return a.delete(n),{...e,droppable:{...e.droppable,containers:a}}}default:return e}}function Pn(e){let{disabled:n}=e,{active:r,activatorEvent:i,draggableNodes:a}=(0,t.useContext)(An),o=ye(i),s=ye(r?.id);return(0,t.useEffect)(()=>{if(!n&&!i&&o&&s!=null){if(!Ee(o)||document.activeElement===o.target)return;let e=a.get(s);if(!e)return;let{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame(()=>{for(let e of[t.current,n.current]){if(!e)continue;let t=je(e);if(t){t.focus();break}}})}},[i,n,a,s,o]),null}function Fn(e,t){let{transform:n,...r}=t;return e!=null&&e.length?e.reduce((e,t)=>t({transform:e,...r}),n):n}function In(e){return(0,t.useMemo)(()=>({draggable:{...En.draggable,...e?.draggable},droppable:{...En.droppable,...e?.droppable},dragOverlay:{...En.dragOverlay,...e?.dragOverlay}}),[e?.draggable,e?.droppable,e?.dragOverlay])}function Ln(e){let{activeNode:n,measure:r,initialRect:i,config:a=!0}=e,o=(0,t.useRef)(!1),{x:s,y:c}=typeof a==`boolean`?{x:a,y:a}:a;pe(()=>{if(!s&&!c||!n){o.current=!1;return}if(o.current||!i)return;let e=n?.node.current;if(!e||e.isConnected===!1)return;let t=tt(r(e),i);if(s||(t.x=0),c||(t.y=0),o.current=!0,Math.abs(t.x)>0||Math.abs(t.y)>0){let n=pt(e);n&&n.scrollBy({top:t.y,left:t.x})}},[n,s,c,i,r])}var Rn=(0,t.createContext)({...Ge,scaleX:1,scaleY:1}),zn;(function(e){e[e.Uninitialized=0]=`Uninitialized`,e[e.Initializing=1]=`Initializing`,e[e.Initialized=2]=`Initialized`})(zn||={});var Bn=(0,t.memo)(function(e){let{id:n,accessibility:r,autoScroll:i=!0,children:a,sensors:o=wn,collisionDetection:s=$e,measuring:l,modifiers:u,...d}=e,[f,p]=(0,t.useReducer)(Nn,void 0,Mn),[m,h]=Re(),[g,_]=(0,t.useState)(zn.Uninitialized),v=g===zn.Initialized,{draggable:{active:y,nodes:b,translate:x},droppable:{containers:S}}=f,C=y==null?null:b.get(y),w=(0,t.useRef)({initial:null,translated:null}),T=(0,t.useMemo)(()=>y==null?null:{id:y,data:C?.data??Tn,rect:w},[y,C]),E=(0,t.useRef)(null),[D,O]=(0,t.useState)(null),[k,ee]=(0,t.useState)(null),A=ge(d,Object.values(d)),j=xe(`DndDescribedBy`,n),M=(0,t.useMemo)(()=>S.getEnabled(),[S]),N=In(l),{droppableRects:P,measureDroppableContainers:F,measuringScheduled:te}=an(M,{dragging:v,dependencies:[x.x,x.y],config:N.droppable}),I=$t(b,y),L=(0,t.useMemo)(()=>k?Oe(k):null,[k]),ne=Te(),R=sn(I,N.draggable.measure);Ln({activeNode:y==null?null:b.get(y),config:ne.layoutShiftCompensation,initialRect:R,measure:N.draggable.measure});let z=dn(I,N.draggable.measure,R),B=dn(I?I.parentElement:null),V=(0,t.useRef)({activatorEvent:null,active:null,activeNode:I,collisionRect:null,collisions:null,droppableRects:P,draggableNodes:b,draggingNode:null,draggingNodeRect:null,droppableContainers:S,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),H=S.getNodeFor(V.current.over?.id),U=Cn({measure:N.dragOverlay.measure}),re=U.nodeRef.current??I,W=v?U.rect??z:null,G=!!(U.nodeRef.current&&U.rect),K=fn(G?null:z),ie=yn(re?J(re):null),q=mn(v?H??I:null),ae=xn(q),oe=Fn(u,{transform:{x:x.x-K.x,y:x.y-K.y,scaleX:1,scaleY:1},activatorEvent:k,active:T,activeNodeRect:z,containerNodeRect:B,draggingNodeRect:W,over:V.current.over,overlayNodeRect:U.rect,scrollableAncestors:q,scrollableAncestorRects:ae,windowRect:ie}),se=L?Ce(L,x):null,ce=hn(q),le=gn(ce),ue=gn(ce,[z]),Y=Ce(oe,le),X=W?rt(W,oe):null,de=T&&X?s({active:T,collisionRect:X,droppableRects:P,droppableContainers:M,pointerCoordinates:se}):null,fe=Ye(de,`id`),[me,he]=(0,t.useState)(null),_e=et(G?oe:Ce(oe,ue),me?.rect??null,z),ve=(0,t.useRef)(null),ye=(0,t.useCallback)((e,t)=>{let{sensor:n,options:r}=t;if(E.current==null)return;let i=b.get(E.current);if(!i)return;let a=e.nativeEvent;ve.current=new n({active:E.current,activeNode:i,event:a,options:r,context:V,onAbort(e){if(!b.get(e))return;let{onDragAbort:t}=A.current,n={id:e};t?.(n),m({type:`onDragAbort`,event:n})},onPending(e,t,n,r){if(!b.get(e))return;let{onDragPending:i}=A.current,a={id:e,constraint:t,initialCoordinates:n,offset:r};i?.(a),m({type:`onDragPending`,event:a})},onStart(e){let t=E.current;if(t==null)return;let n=b.get(t);if(!n)return;let{onDragStart:r}=A.current,i={activatorEvent:a,active:{id:t,data:n.data,rect:w}};(0,c.unstable_batchedUpdates)(()=>{r?.(i),_(zn.Initializing),p({type:Z.DragStart,initialCoordinates:e,active:t}),m({type:`onDragStart`,event:i}),O(ve.current),ee(a)})},onMove(e){p({type:Z.DragMove,coordinates:e})},onEnd:o(Z.DragEnd),onCancel:o(Z.DragCancel)});function o(e){return async function(){let{active:t,collisions:n,over:r,scrollAdjustedTranslate:i}=V.current,o=null;if(t&&i){let{cancelDrop:s}=A.current;o={activatorEvent:a,active:t,collisions:n,delta:i,over:r},e===Z.DragEnd&&typeof s==`function`&&await Promise.resolve(s(o))&&(e=Z.DragCancel)}E.current=null,(0,c.unstable_batchedUpdates)(()=>{p({type:e}),_(zn.Uninitialized),he(null),O(null),ee(null),ve.current=null;let t=e===Z.DragEnd?`onDragEnd`:`onDragCancel`;if(o){let e=A.current[t];e?.(o),m({type:t,event:o})}})}}},[b]),be=en(o,(0,t.useCallback)((e,t)=>(n,r)=>{let i=n.nativeEvent,a=b.get(r);if(E.current!==null||!a||i.dndKit||i.defaultPrevented)return;let o={active:a};e(n,t.options,o)===!0&&(i.dndKit={capturedBy:t.sensor},E.current=r,ye(n,t))},[b,ye]));_n(o),pe(()=>{z&&g===zn.Initializing&&_(zn.Initialized)},[z,g]),(0,t.useEffect)(()=>{let{onDragMove:e}=A.current,{active:t,activatorEvent:n,collisions:r,over:i}=V.current;if(!t||!n)return;let a={active:t,activatorEvent:n,collisions:r,delta:{x:Y.x,y:Y.y},over:i};(0,c.unstable_batchedUpdates)(()=>{e?.(a),m({type:`onDragMove`,event:a})})},[Y.x,Y.y]),(0,t.useEffect)(()=>{let{active:e,activatorEvent:t,collisions:n,droppableContainers:r,scrollAdjustedTranslate:i}=V.current;if(!e||E.current==null||!t||!i)return;let{onDragOver:a}=A.current,o=r.get(fe),s=o&&o.rect.current?{id:o.id,rect:o.rect.current,data:o.data,disabled:o.disabled}:null,l={active:e,activatorEvent:t,collisions:n,delta:{x:i.x,y:i.y},over:s};(0,c.unstable_batchedUpdates)(()=>{he(s),a?.(l),m({type:`onDragOver`,event:l})})},[fe]),pe(()=>{V.current={activatorEvent:k,active:T,activeNode:I,collisionRect:X,collisions:de,droppableRects:P,draggableNodes:b,draggingNode:re,draggingNodeRect:W,droppableContainers:S,over:me,scrollableAncestors:q,scrollAdjustedTranslate:Y},w.current={initial:W,translated:X}},[T,I,de,X,b,re,W,P,S,me,q,Y]),Xt({...ne,delta:x,draggingRect:X,pointerCoordinates:se,scrollableAncestors:q,scrollableAncestorRects:ae});let Se=(0,t.useMemo)(()=>({active:T,activeNode:I,activeNodeRect:z,activatorEvent:k,collisions:de,containerNodeRect:B,dragOverlay:U,draggableNodes:b,droppableContainers:S,droppableRects:P,over:me,measureDroppableContainers:F,scrollableAncestors:q,scrollableAncestorRects:ae,measuringConfiguration:N,measuringScheduled:te,windowRect:ie}),[T,I,z,k,de,B,U,b,S,P,me,F,q,ae,N,te,ie]),we=(0,t.useMemo)(()=>({activatorEvent:k,activators:be,active:T,activeNodeRect:z,ariaDescribedById:{draggable:j},dispatch:p,draggableNodes:b,over:me,measureDroppableContainers:F}),[k,be,T,z,p,j,b,me,F]);return t.default.createElement(Ie.Provider,{value:h},t.default.createElement(An.Provider,{value:we},t.default.createElement(jn.Provider,{value:Se},t.default.createElement(Rn.Provider,{value:_e},a)),t.default.createElement(Pn,{disabled:r?.restoreFocus===!1})),t.default.createElement(Ve,{...r,hiddenTextDescribedById:j}));function Te(){let e=D?.autoScrollEnabled===!1,t=typeof i==`object`?i.enabled===!1:i===!1,n=v&&!e&&!t;return typeof i==`object`?{...i,enabled:n}:{enabled:n}}}),Vn=(0,t.createContext)(null),Hn=`button`,Un=`Draggable`;function Wn(e){let{id:n,data:r,disabled:i=!1,attributes:a}=e,o=xe(Un),{activators:s,activatorEvent:c,active:l,activeNodeRect:u,ariaDescribedById:d,draggableNodes:f,over:p}=(0,t.useContext)(An),{role:m=Hn,roleDescription:h=`draggable`,tabIndex:g=0}=a??{},_=l?.id===n,v=(0,t.useContext)(_?Rn:Vn),[y,b]=ve(),[x,S]=ve(),C=vn(s,n),w=ge(r);return pe(()=>(f.set(n,{id:n,key:o,node:y,activatorNode:x,data:w}),()=>{let e=f.get(n);e&&e.key===o&&f.delete(n)}),[f,n]),{active:l,activatorEvent:c,activeNodeRect:u,attributes:(0,t.useMemo)(()=>({role:m,tabIndex:g,"aria-disabled":i,"aria-pressed":_&&m===Hn?!0:void 0,"aria-roledescription":h,"aria-describedby":d.draggable}),[i,m,g,_,h,d.draggable]),isDragging:_,listeners:i?void 0:C,node:y,over:p,setNodeRef:b,setActivatorNodeRef:S,transform:v}}function Gn(){return(0,t.useContext)(jn)}var Kn=`Droppable`,qn={timeout:25};function Jn(e){let{data:n,disabled:r=!1,id:i,resizeObserverConfig:a}=e,o=xe(Kn),{active:s,dispatch:c,over:l,measureDroppableContainers:u}=(0,t.useContext)(An),d=(0,t.useRef)({disabled:r}),f=(0,t.useRef)(!1),p=(0,t.useRef)(null),m=(0,t.useRef)(null),{disabled:h,updateMeasurementsFor:g,timeout:_}={...qn,...a},v=ge(g??i),y=ln({callback:(0,t.useCallback)(()=>{if(!f.current){f.current=!0;return}m.current!=null&&clearTimeout(m.current),m.current=setTimeout(()=>{u(Array.isArray(v.current)?v.current:[v.current]),m.current=null},_)},[_]),disabled:h||!s}),[b,x]=ve((0,t.useCallback)((e,t)=>{y&&(t&&(y.unobserve(t),f.current=!1),e&&y.observe(e))},[y])),S=ge(n);return(0,t.useEffect)(()=>{!y||!b.current||(y.disconnect(),f.current=!1,y.observe(b.current))},[b,y]),(0,t.useEffect)(()=>(c({type:Z.RegisterDroppable,element:{id:i,key:o,disabled:r,node:b,rect:p,data:S}}),()=>c({type:Z.UnregisterDroppable,key:o,id:i})),[i]),(0,t.useEffect)(()=>{r!==d.current.disabled&&(c({type:Z.SetDroppableDisabled,id:i,key:o,disabled:r}),d.current.disabled=r)},[i,o,r,c]),{active:s,rect:p,isOver:l?.id===i,node:b,over:l,setNodeRef:x}}function Yn(e,t,n){let r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function Xn(e,t){return e.reduce((e,n,r)=>{let i=t.get(n);return i&&(e[r]=i),e},Array(e.length))}function Zn(e){return e!==null&&e>=0}function Qn(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function $n(e){return typeof e==`boolean`?{draggable:e,droppable:e}:e}var er={scaleX:1,scaleY:1},tr=e=>{let{rects:t,activeNodeRect:n,activeIndex:r,overIndex:i,index:a}=e,o=t[r]??n;if(!o)return null;let s=nr(t,a,r);if(a===r){let e=t[i];return e?{x:r<i?e.left+e.width-(o.left+o.width):e.left-o.left,y:0,...er}:null}return a>r&&a<=i?{x:-o.width-s,y:0,...er}:a<r&&a>=i?{x:o.width+s,y:0,...er}:{x:0,y:0,...er}};function nr(e,t,n){let r=e[t],i=e[t-1],a=e[t+1];return!r||!i&&!a?0:n<t?i?r.left-(i.left+i.width):a.left-(r.left+r.width):a?a.left-(r.left+r.width):r.left-(i.left+i.width)}var rr=e=>{let{rects:t,activeIndex:n,overIndex:r,index:i}=e,a=Yn(t,r,n),o=t[i],s=a[i];return!s||!o?null:{x:s.left-o.left,y:s.top-o.top,scaleX:s.width/o.width,scaleY:s.height/o.height}},ir=`Sortable`,ar=t.default.createContext({activeIndex:-1,containerId:ir,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:rr,disabled:{draggable:!1,droppable:!1}});function or(e){let{children:n,id:r,items:i,strategy:a=rr,disabled:o=!1}=e,{active:s,dragOverlay:c,droppableRects:l,over:u,measureDroppableContainers:d}=Gn(),f=xe(ir,r),p=c.rect!==null,m=(0,t.useMemo)(()=>i.map(e=>typeof e==`object`&&`id`in e?e.id:e),[i]),h=s!=null,g=s?m.indexOf(s.id):-1,_=u?m.indexOf(u.id):-1,v=(0,t.useRef)(m),y=!Qn(m,v.current),b=_!==-1&&g===-1||y,x=$n(o);pe(()=>{y&&h&&d(m)},[y,m,h,d]),(0,t.useEffect)(()=>{v.current=m},[m]);let S=(0,t.useMemo)(()=>({activeIndex:g,containerId:f,disabled:x,disableTransforms:b,items:m,overIndex:_,useDragOverlay:p,sortedRects:Xn(m,l),strategy:a}),[g,f,x.draggable,x.droppable,b,m,_,l,p,a]);return t.default.createElement(ar.Provider,{value:S},n)}var sr=e=>{let{id:t,items:n,activeIndex:r,overIndex:i}=e;return Yn(n,r,i).indexOf(t)},cr=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:i,items:a,newIndex:o,previousItems:s,previousContainerId:c,transition:l}=e;return!l||!r||s!==a&&i===o?!1:n?!0:o!==i&&t===c},lr={duration:200,easing:`ease`},ur=`transform`,dr=ke.Transition.toString({property:ur,duration:0,easing:`linear`}),fr={roleDescription:`sortable`};function pr(e){let{disabled:n,index:r,node:i,rect:a}=e,[o,s]=(0,t.useState)(null),c=(0,t.useRef)(r);return pe(()=>{if(!n&&r!==c.current&&i.current){let e=a.current;if(e){let t=st(i.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&s(n)}}r!==c.current&&(c.current=r)},[n,r,i,a]),(0,t.useEffect)(()=>{o&&s(null)},[o]),o}function mr(e){let{animateLayoutChanges:n=cr,attributes:r,disabled:i,data:a,getNewIndex:o=sr,id:s,strategy:c,resizeObserverConfig:l,transition:u=lr}=e,{items:d,containerId:f,activeIndex:p,disabled:m,disableTransforms:h,sortedRects:g,overIndex:_,useDragOverlay:v,strategy:y}=(0,t.useContext)(ar),b=hr(i,m),x=d.indexOf(s),S=(0,t.useMemo)(()=>({sortable:{containerId:f,index:x,items:d},...a}),[f,a,x,d]),C=(0,t.useMemo)(()=>d.slice(d.indexOf(s)),[d,s]),{rect:w,node:T,isOver:E,setNodeRef:D}=Jn({id:s,data:S,disabled:b.droppable,resizeObserverConfig:{updateMeasurementsFor:C,...l}}),{active:O,activatorEvent:k,activeNodeRect:ee,attributes:A,setNodeRef:j,listeners:M,isDragging:N,over:P,setActivatorNodeRef:F,transform:te}=Wn({id:s,data:S,attributes:{...fr,...r},disabled:b.draggable}),I=se(D,j),L=!!O,ne=L&&!h&&Zn(p)&&Zn(_),R=!v&&N,z=ne?(R&&ne?te:null)??(c??y)({rects:g,activeNodeRect:ee,activeIndex:p,overIndex:_,index:x}):null,B=Zn(p)&&Zn(_)?o({id:s,items:d,activeIndex:p,overIndex:_}):x,V=O?.id,H=(0,t.useRef)({activeId:V,items:d,newIndex:B,containerId:f}),U=d!==H.current.items,re=n({active:O,containerId:f,isDragging:N,isSorting:L,id:s,index:x,items:d,newIndex:H.current.newIndex,previousItems:H.current.items,previousContainerId:H.current.containerId,transition:u,wasDragging:H.current.activeId!=null}),W=pr({disabled:!re,index:x,node:T,rect:w});return(0,t.useEffect)(()=>{L&&H.current.newIndex!==B&&(H.current.newIndex=B),f!==H.current.containerId&&(H.current.containerId=f),d!==H.current.items&&(H.current.items=d)},[L,B,f,d]),(0,t.useEffect)(()=>{if(V===H.current.activeId)return;if(V!=null&&H.current.activeId==null){H.current.activeId=V;return}let e=setTimeout(()=>{H.current.activeId=V},50);return()=>clearTimeout(e)},[V]),{active:O,activeIndex:p,attributes:A,data:S,rect:w,index:x,newIndex:B,items:d,isOver:E,isSorting:L,isDragging:N,listeners:M,node:T,overIndex:_,over:P,setNodeRef:I,setActivatorNodeRef:F,setDroppableNodeRef:D,setDraggableNodeRef:j,transform:W??z,transition:G()};function G(){if(W||U&&H.current.newIndex===x)return dr;if(!(R&&!Ee(k)||!u)&&(L||re))return ke.Transition.toString({...u,property:ur})}}function hr(e,t){return typeof e==`boolean`?{draggable:e,droppable:!1}:{draggable:e?.draggable??t.draggable,droppable:e?.droppable??t.droppable}}$.Down,$.Right,$.Up,$.Left;var gr={private:0,team:1,organization:2,public:3},_r=5,vr=({id:e,disabled:t,children:n})=>{let{attributes:r,listeners:i,setNodeRef:a,transform:o,transition:s,isDragging:c}=mr({id:e,disabled:t});return(0,T.jsx)(T.Fragment,{children:n({setNodeRef:a,style:{transform:ke.Transform.toString(o),transition:s,zIndex:c?10:void 0,opacity:c?.5:void 0},listeners:i,attributes:r,isDragging:c})})},yr=({views:e,activeViewId:t,onViewChange:n,viewTypeIcons:r={},config:i={},onAddView:a,onRenameView:c,onDuplicateView:l,onDeleteView:u,onSetDefaultView:d,onShareView:f,onSaveAsView:p,onPinView:m,onReorderViews:h,onChangeViewType:g,onConfigView:_,availableViewTypes:y,hasUnsavedChanges:b=!1,onResetChanges:x,className:S})=>{let{showAddButton:C=!0,inlineRename:w=!0,contextMenu:E=!0,reorderable:D=!1,maxVisibleTabs:O=6,showIndicators:k=!0,showSaveAsView:ee=!0,showPinnedSection:A=!0,showVisibilityGroups:j=!1}=i,[M,N]=(0,v.useState)(null),[P,F]=(0,v.useState)(``),te=(0,v.useRef)(null);(0,v.useEffect)(()=>{M&&te.current&&(te.current.focus(),te.current.select())},[M]);let I=(0,v.useCallback)(t=>{if(!w||!c)return;let n=e.find(e=>e.id===t);n&&(N(t),F(n.label))},[w,c,e]),L=(0,v.useCallback)(()=>{M&&P.trim()&&c&&c(M,P.trim()),N(null),F(``)},[M,P,c]),ne=(0,v.useCallback)(()=>{N(null),F(``)},[]),R=(0,v.useMemo)(()=>{let t=[...e];return t.sort((e,t)=>{if(A){let n=+!!e.isPinned,r=+!!t.isPinned;if(n!==r)return r-n}if(j){let n=gr[e.visibility||`public`]??gr.public,r=gr[t.visibility||`public`]??gr.public;if(n!==r)return n-r}return 0}),t},[e,A,j]),z=R.slice(0,O),B=R.slice(O),V=We(Ue(Ht,{activationConstraint:{distance:_r}}),Ue(Lt)),H=(0,v.useCallback)(e=>{let{active:t,over:n}=e;if(!n||t.id===n.id||!h)return;let r=R.findIndex(e=>e.id===t.id),i=R.findIndex(e=>e.id===n.id);r===-1||i===-1||h(Yn(R,r,i).map(e=>e.id))},[R,h]),U=s.Table,re=(0,v.useCallback)(e=>{if(!j||e===0)return!1;let t=z[e-1],n=z[e],r=e=>e.visibility===`private`;return r(t)&&!r(n)},[j,z]),W=(e,i)=>{let a=e.id===t,p=r[e.type]||U,b=M===e.id,x=k&&(e.hasActiveFilters||e.hasActiveSort),S=re(i),C=(e=>j?e.visibility===`private`?(0,T.jsx)(s.Lock,{"data-testid":`view-tab-visibility-${e.id}`,className:`h-3 w-3 text-muted-foreground shrink-0`}):e.visibility?(0,T.jsx)(s.Globe,{"data-testid":`view-tab-visibility-${e.id}`,className:`h-3 w-3 text-muted-foreground shrink-0`}):null:null)(e),w=t=>(0,T.jsxs)(`button`,{"data-testid":`view-tab-${e.id}`,onClick:()=>!b&&n(e.id),onDoubleClick:()=>I(e.id),className:(0,o.cn)(`inline-flex items-center gap-1.5 px-3 py-2 text-sm font-medium border-b-2 transition-colors whitespace-nowrap relative`,a?`border-primary text-primary`:`border-transparent text-muted-foreground hover:text-foreground hover:border-border`),children:[D&&h&&(0,T.jsx)(`span`,{"data-testid":`view-tab-drag-handle-${e.id}`,className:`cursor-grab active:cursor-grabbing text-muted-foreground hover:text-foreground`,...t?.listeners??{},...t?.attributes??{},children:(0,T.jsx)(s.GripVertical,{className:`h-3 w-3`})}),A&&e.isPinned&&(0,T.jsx)(s.Pin,{"data-testid":`view-tab-pin-indicator-${e.id}`,className:`h-3 w-3 text-primary shrink-0`}),C,(0,T.jsx)(p,{className:`h-3.5 w-3.5`}),b?(0,T.jsx)(o.Input,{ref:te,"data-testid":`view-tab-rename-input-${e.id}`,value:P,onChange:e=>F(e.target.value),onBlur:L,onKeyDown:e=>{e.key===`Enter`&&L(),e.key===`Escape`&&ne()},className:`h-5 w-24 px-1 py-0 text-sm border-none focus-visible:ring-1`,onClick:e=>e.stopPropagation()}):(0,T.jsx)(`span`,{children:e.label}),x&&(0,T.jsxs)(o.Tooltip,{children:[(0,T.jsx)(o.TooltipTrigger,{asChild:!0,children:(0,T.jsx)(`span`,{"data-testid":`view-tab-indicator-${e.id}`,className:`ml-1 inline-flex items-center justify-center h-4 min-w-[16px] rounded-full bg-primary/15 text-[10px] font-medium text-primary px-1 shrink-0`,children:[e.hasActiveFilters&&`F`,e.hasActiveSort&&`S`].filter(Boolean).join(``)})}),(0,T.jsx)(o.TooltipContent,{side:`bottom`,className:`text-xs`,children:[e.hasActiveFilters&&`Active filters`,e.hasActiveSort&&`Active sort`].filter(Boolean).join(`, `)})]}),e.isDefault&&(0,T.jsx)(s.Star,{className:`h-3 w-3 text-amber-500 fill-amber-500 shrink-0`}),a&&_&&(0,T.jsx)(`button`,{type:`button`,"data-testid":`view-tab-config-${e.id}`,className:`ml-0.5 h-4 w-4 flex items-center justify-center rounded hover:bg-accent shrink-0 opacity-60 hover:opacity-100 transition-opacity`,onClick:t=>{t.stopPropagation(),_(e.id)},"aria-label":`Configure ${e.label}`,children:(0,T.jsx)(s.Settings2,{className:`h-3 w-3`})})]}),O=t=>!E||b?t:(0,T.jsxs)(o.ContextMenu,{children:[(0,T.jsx)(o.ContextMenuTrigger,{asChild:!0,children:t}),(0,T.jsxs)(o.ContextMenuContent,{children:[c&&(0,T.jsxs)(o.ContextMenuItem,{"data-testid":`context-menu-rename-${e.id}`,onClick:()=>I(e.id),children:[(0,T.jsx)(s.Pencil,{className:`h-4 w-4 mr-2`}),` Rename`]}),l&&(0,T.jsxs)(o.ContextMenuItem,{"data-testid":`context-menu-duplicate-${e.id}`,onClick:()=>l(e.id),children:[(0,T.jsx)(s.Copy,{className:`h-4 w-4 mr-2`}),` Duplicate View`]}),f&&(0,T.jsxs)(o.ContextMenuItem,{"data-testid":`context-menu-share-${e.id}`,onClick:()=>f(e.id),children:[(0,T.jsx)(s.Share2,{className:`h-4 w-4 mr-2`}),` Share View`]}),d&&(0,T.jsxs)(o.ContextMenuItem,{"data-testid":`context-menu-default-${e.id}`,onClick:()=>d(e.id),children:[(0,T.jsx)(s.Star,{className:`h-4 w-4 mr-2`}),` Set as Default`]}),m&&(0,T.jsx)(o.ContextMenuItem,{"data-testid":`context-menu-pin-${e.id}`,onClick:()=>m(e.id,!e.isPinned),children:e.isPinned?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s.PinOff,{className:`h-4 w-4 mr-2`}),` Unpin View`]}):(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s.Pin,{className:`h-4 w-4 mr-2`}),` Pin View`]})}),g&&y&&y.length>0&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(o.ContextMenuSeparator,{}),(0,T.jsxs)(o.ContextMenuSub,{children:[(0,T.jsxs)(o.ContextMenuSubTrigger,{"data-testid":`context-menu-change-type-${e.id}`,children:[(0,T.jsx)(s.LayoutGrid,{className:`h-4 w-4 mr-2`}),` Change View Type`]}),(0,T.jsx)(o.ContextMenuSubContent,{"data-testid":`context-menu-type-submenu-${e.id}`,children:y.map(t=>{let n=r[t.type]||U;return(0,T.jsxs)(o.ContextMenuItem,{"data-testid":`context-menu-type-${e.id}-${t.type}`,disabled:t.type===e.type,onClick:()=>g(e.id,t.type),children:[(0,T.jsx)(n,{className:`h-4 w-4 mr-2`}),(0,T.jsxs)(`div`,{className:`flex flex-col`,children:[(0,T.jsx)(`span`,{children:t.label}),t.description&&(0,T.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:t.description})]})]},t.type)})})]})]}),u&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(o.ContextMenuSeparator,{}),(0,T.jsxs)(o.ContextMenuItem,{"data-testid":`context-menu-delete-${e.id}`,onClick:()=>u(e.id),className:`text-destructive focus:text-destructive`,children:[(0,T.jsx)(s.Trash2,{className:`h-4 w-4 mr-2`}),` Delete View`]})]})]})]});return D&&h?(0,T.jsxs)(v.default.Fragment,{children:[S&&(0,T.jsx)(`div`,{"data-testid":`view-tab-visibility-separator`,className:`w-px h-5 bg-border mx-1 self-center shrink-0`}),(0,T.jsx)(vr,{id:e.id,children:({setNodeRef:e,style:t,listeners:n,attributes:r,isDragging:i})=>(0,T.jsx)(`div`,{ref:e,style:t,className:(0,o.cn)(`flex`,i&&`z-10`),children:O(w({listeners:n,attributes:r}))})})]},e.id):(0,T.jsxs)(v.default.Fragment,{children:[S&&(0,T.jsx)(`div`,{"data-testid":`view-tab-visibility-separator`,className:`w-px h-5 bg-border mx-1 self-center shrink-0`}),O(w())]},e.id)},G=(0,T.jsx)(T.Fragment,{children:z.map((e,t)=>W(e,t))});return(0,T.jsx)(o.TooltipProvider,{children:(0,T.jsxs)(`div`,{"data-testid":`view-tab-bar`,className:(0,o.cn)(`flex items-center gap-0.5 -mb-px`,S),children:[D&&h?(0,T.jsx)(Bn,{sensors:V,collisionDetection:Ze,onDragEnd:H,children:(0,T.jsx)(or,{items:z.map(e=>e.id),strategy:tr,children:(0,T.jsx)(`div`,{"data-testid":`view-tab-sortable-container`,className:`flex items-center gap-0.5`,children:G})})}):G,B.length>0&&(0,T.jsxs)(o.DropdownMenu,{children:[(0,T.jsx)(o.DropdownMenuTrigger,{asChild:!0,children:(0,T.jsxs)(`button`,{"data-testid":`view-tab-overflow`,className:`inline-flex items-center gap-1 px-2 py-2 text-sm text-muted-foreground hover:text-foreground transition-colors`,children:[(0,T.jsx)(s.MoreHorizontal,{className:`h-4 w-4`}),(0,T.jsxs)(`span`,{className:`text-xs`,children:[B.length,` more`]})]})}),(0,T.jsx)(o.DropdownMenuContent,{align:`end`,children:B.map(e=>{let t=r[e.type]||U;return(0,T.jsxs)(o.DropdownMenuItem,{"data-testid":`view-tab-overflow-${e.id}`,onClick:()=>n(e.id),children:[e.isPinned&&(0,T.jsx)(s.Pin,{className:`h-3 w-3 mr-1 text-primary shrink-0`}),(0,T.jsx)(t,{className:`h-4 w-4 mr-2`}),e.label,k&&(e.hasActiveFilters||e.hasActiveSort)&&(0,T.jsx)(`span`,{className:`ml-auto inline-flex items-center justify-center h-4 min-w-[16px] rounded-full bg-primary/15 text-[10px] font-medium text-primary px-1`,children:[e.hasActiveFilters&&`F`,e.hasActiveSort&&`S`].filter(Boolean).join(``)})]},e.id)})})]}),C&&a&&(0,T.jsxs)(o.Tooltip,{children:[(0,T.jsx)(o.TooltipTrigger,{asChild:!0,children:(0,T.jsx)(`button`,{"data-testid":`view-tab-add`,onClick:a,className:`inline-flex items-center px-2 py-2 text-muted-foreground hover:text-foreground transition-colors`,children:(0,T.jsx)(s.Plus,{className:`h-4 w-4`})})}),(0,T.jsx)(o.TooltipContent,{children:`Add View`})]}),ee&&b&&(0,T.jsxs)(`div`,{"data-testid":`view-tab-save-as`,className:`flex items-center gap-1 ml-2 text-xs text-amber-600 dark:text-amber-400`,children:[(0,T.jsx)(s.Save,{className:`h-3.5 w-3.5`}),(0,T.jsx)(`span`,{className:`hidden sm:inline`,children:`Unsaved changes`}),p&&(0,T.jsx)(o.Button,{variant:`ghost`,size:`sm`,"data-testid":`view-tab-save-as-btn`,className:`h-6 px-2 text-xs`,onClick:p,children:`Save as View`}),x&&(0,T.jsx)(o.Button,{variant:`ghost`,size:`sm`,"data-testid":`view-tab-reset-btn`,className:`h-6 px-2 text-xs`,onClick:x,children:`Reset`})]})]})})},br=r.SchemaRendererContext,xr=({schema:e})=>(0,T.jsx)(z,{schema:e,dataSource:(0,v.useContext)(br)?.dataSource??null});n.ComponentRegistry.register(`object-view`,xr,{namespace:`plugin-view`,label:`Object View`,category:`view`,icon:`LayoutDashboard`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`title`,type:`string`,label:`Title`},{name:`description`,type:`string`,label:`Description`},{name:`layout`,type:`enum`,label:`Form Layout`,enum:[`drawer`,`modal`,`page`]},{name:`defaultViewType`,type:`enum`,label:`Default View Type`,enum:[`grid`,`kanban`,`gallery`,`calendar`,`timeline`,`gantt`,`map`]},{name:`defaultListView`,type:`string`,label:`Default Named View`},{name:`showSearch`,type:`boolean`,label:`Show Search`},{name:`showFilters`,type:`boolean`,label:`Show Filters`},{name:`showCreate`,type:`boolean`,label:`Show Create Button`},{name:`showRefresh`,type:`boolean`,label:`Show Refresh Button`},{name:`showViewSwitcher`,type:`boolean`,label:`Show View Switcher`},{name:`listViews`,type:`object`,label:`Named List Views`},{name:`navigation`,type:`object`,label:`Navigation Config`},{name:`searchableFields`,type:`array`,label:`Searchable Fields`},{name:`filterableFields`,type:`array`,label:`Filterable Fields`}],defaultProps:{layout:`drawer`,defaultViewType:`grid`,showSearch:!0,showFilters:!0,showCreate:!0,showRefresh:!0,showViewSwitcher:!0}}),n.ComponentRegistry.register(`view`,xr,{namespace:`plugin-view`,label:`View`,category:`view`}),n.ComponentRegistry.register(`view-switcher`,ne,{namespace:`view`,label:`View Switcher`,category:`view`,icon:`LayoutGrid`,inputs:[{name:`views`,type:`array`,label:`Views`,required:!0},{name:`defaultView`,type:`string`,label:`Default View`},{name:`activeView`,type:`string`,label:`Active View`},{name:`variant`,type:`enum`,label:`Variant`,enum:[`tabs`,`buttons`,`dropdown`]},{name:`position`,type:`enum`,label:`Position`,enum:[`top`,`bottom`,`left`,`right`]},{name:`persistPreference`,type:`boolean`,label:`Persist Preference`},{name:`storageKey`,type:`string`,label:`Storage Key`},{name:`onViewChange`,type:`string`,label:`On View Change Event`}],defaultProps:{variant:`tabs`,position:`top`,defaultView:`grid`,views:[{type:`grid`,label:`Grid`,schema:{type:`text`,content:`Grid view`}},{type:`list`,label:`List`,schema:{type:`text`,content:`List view`}}]}}),n.ComponentRegistry.register(`filter-ui`,U,{namespace:`view`,label:`Filter UI`,category:`view`,icon:`SlidersHorizontal`,inputs:[{name:`filters`,type:`array`,label:`Filters`,required:!0},{name:`values`,type:`object`,label:`Values`},{name:`onChange`,type:`string`,label:`On Change Event`},{name:`showClear`,type:`boolean`,label:`Show Clear Button`},{name:`showApply`,type:`boolean`,label:`Show Apply Button`},{name:`layout`,type:`enum`,label:`Layout`,enum:[`inline`,`popover`,`drawer`]}],defaultProps:{layout:`inline`,showApply:!1,showClear:!0,filters:[{field:`name`,label:`Name`,type:`text`,placeholder:`Search name`},{field:`status`,label:`Status`,type:`select`,options:[{label:`Open`,value:`open`},{label:`Closed`,value:`closed`}]},{field:`created_at`,label:`Created`,type:`date`}]}}),n.ComponentRegistry.register(`sort-ui`,ie,{namespace:`view`,label:`Sort UI`,category:`view`,icon:`ArrowUpDown`,inputs:[{name:`fields`,type:`array`,label:`Fields`,required:!0},{name:`sort`,type:`array`,label:`Sort`},{name:`onChange`,type:`string`,label:`On Change Event`},{name:`multiple`,type:`boolean`,label:`Allow Multiple`},{name:`variant`,type:`enum`,label:`Variant`,enum:[`dropdown`,`buttons`]}],defaultProps:{variant:`dropdown`,multiple:!0,fields:[{field:`name`,label:`Name`},{field:`created_at`,label:`Created At`}],sort:[{field:`name`,direction:`asc`}]}}),n.ComponentRegistry.register(`shared-view-link`,oe,{namespace:`view`,label:`Shared View Link`,category:`view`,icon:`Share2`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`viewId`,type:`string`,label:`View ID`},{name:`baseUrl`,type:`string`,label:`Base URL`}],defaultProps:{objectName:`objects`,viewId:`default`}}),n.ComponentRegistry.register(`view:simple`,({schema:e,className:t,children:n,dataSource:r,...i})=>(0,T.jsx)(`div`,{className:t,style:e.props?.columns?{display:`grid`,gridTemplateColumns:`repeat(${e.props.columns}, 1fr)`,gap:`1rem`}:void 0,...i,children:n}),{namespace:`plugin-view`,label:`Simple View`,category:`view`}),e.FilterUI=U,e.ObjectView=z,e.SharedViewLink=oe,e.SortUI=ie,e.ViewSwitcher=ne,e.ViewTabBar=yr});
|
|
@@ -58,6 +58,8 @@ export interface ObjectViewProps {
|
|
|
58
58
|
onEdit?: (record: Record<string, unknown>) => void;
|
|
59
59
|
onRowClick?: (record: Record<string, unknown>) => void;
|
|
60
60
|
className?: string;
|
|
61
|
+
/** Current refresh counter — increment signals that a mutation occurred */
|
|
62
|
+
refreshKey?: number;
|
|
61
63
|
}) => React.ReactNode;
|
|
62
64
|
/**
|
|
63
65
|
* Toolbar addon: extra elements to render in the toolbar (e.g., MetadataToggle)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@object-ui/plugin-view",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.3.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"description": "Object View plugin for Object UI",
|
|
@@ -19,13 +19,13 @@
|
|
|
19
19
|
"@dnd-kit/sortable": "^10.0.0",
|
|
20
20
|
"@dnd-kit/utilities": "^3.2.2",
|
|
21
21
|
"class-variance-authority": "^0.7.1",
|
|
22
|
-
"lucide-react": "^
|
|
23
|
-
"@object-ui/components": "3.
|
|
24
|
-
"@object-ui/core": "3.
|
|
25
|
-
"@object-ui/plugin-form": "3.
|
|
26
|
-
"@object-ui/plugin-grid": "3.
|
|
27
|
-
"@object-ui/react": "3.
|
|
28
|
-
"@object-ui/types": "3.
|
|
22
|
+
"lucide-react": "^1.8.0",
|
|
23
|
+
"@object-ui/components": "3.3.0",
|
|
24
|
+
"@object-ui/core": "3.3.0",
|
|
25
|
+
"@object-ui/plugin-form": "3.3.0",
|
|
26
|
+
"@object-ui/plugin-grid": "3.3.0",
|
|
27
|
+
"@object-ui/react": "3.3.0",
|
|
28
|
+
"@object-ui/types": "3.3.0"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"react": "^18.0.0 || ^19.0.0",
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@vitejs/plugin-react": "^6.0.1",
|
|
36
|
-
"typescript": "^
|
|
37
|
-
"vite": "^8.0.
|
|
36
|
+
"typescript": "^6.0.2",
|
|
37
|
+
"vite": "^8.0.8",
|
|
38
38
|
"vite-plugin-dts": "^4.5.4"
|
|
39
39
|
},
|
|
40
40
|
"scripts": {
|
package/src/ObjectView.tsx
CHANGED
|
@@ -128,6 +128,8 @@ export interface ObjectViewProps {
|
|
|
128
128
|
onEdit?: (record: Record<string, unknown>) => void;
|
|
129
129
|
onRowClick?: (record: Record<string, unknown>) => void;
|
|
130
130
|
className?: string;
|
|
131
|
+
/** Current refresh counter — increment signals that a mutation occurred */
|
|
132
|
+
refreshKey?: number;
|
|
131
133
|
}) => React.ReactNode;
|
|
132
134
|
|
|
133
135
|
/**
|
|
@@ -222,6 +224,25 @@ export const ObjectView: React.FC<ObjectViewProps> = ({
|
|
|
222
224
|
const [selectedRecord, setSelectedRecord] = useState<Record<string, unknown> | null>(null);
|
|
223
225
|
const [refreshKey, setRefreshKey] = useState(0);
|
|
224
226
|
|
|
227
|
+
// P2: Auto-subscribe to DataSource mutation events for non-grid views.
|
|
228
|
+
// When a DataSource implements onMutation(), ObjectView auto-refreshes
|
|
229
|
+
// its own data fetch (for non-grid view types like kanban, calendar, etc.)
|
|
230
|
+
// whenever a create/update/delete occurs on the same objectName.
|
|
231
|
+
//
|
|
232
|
+
// ListView-driven configurations already manage refreshKey via
|
|
233
|
+
// form success / delete handlers. To avoid double refreshes and
|
|
234
|
+
// duplicate find() calls, skip auto-subscription when renderListView is provided.
|
|
235
|
+
useEffect(() => {
|
|
236
|
+
if (!dataSource?.onMutation || !schema.objectName) return;
|
|
237
|
+
if (renderListView) return;
|
|
238
|
+
const unsub = dataSource.onMutation((event: any) => {
|
|
239
|
+
if (event.resource === schema.objectName) {
|
|
240
|
+
setRefreshKey(prev => prev + 1);
|
|
241
|
+
}
|
|
242
|
+
});
|
|
243
|
+
return unsub;
|
|
244
|
+
}, [dataSource, schema.objectName, renderListView]);
|
|
245
|
+
|
|
225
246
|
// Data fetching state for non-grid views
|
|
226
247
|
const [data, setData] = useState<any[]>([]);
|
|
227
248
|
const [loading, setLoading] = useState(false);
|
|
@@ -897,11 +918,14 @@ export const ObjectView: React.FC<ObjectViewProps> = ({
|
|
|
897
918
|
emptyState: activeView?.emptyState ?? (schema as any).emptyState,
|
|
898
919
|
aria: activeView?.aria ?? (schema as any).aria,
|
|
899
920
|
tabs: (schema as any).tabs,
|
|
921
|
+
// Propagate refresh signal so ListView re-fetches after mutations
|
|
922
|
+
refreshTrigger: refreshKey,
|
|
900
923
|
},
|
|
901
924
|
dataSource,
|
|
902
925
|
onEdit: handleEdit,
|
|
903
926
|
onRowClick: handleRowClick,
|
|
904
927
|
className: 'h-full',
|
|
928
|
+
refreshKey,
|
|
905
929
|
});
|
|
906
930
|
}
|
|
907
931
|
|
package/src/ViewSwitcher.tsx
CHANGED
|
@@ -261,7 +261,7 @@ export const ViewSwitcher: React.FC<ViewSwitcherProps> = ({
|
|
|
261
261
|
key={`action-${action.type}-${idx}`}
|
|
262
262
|
type="button"
|
|
263
263
|
variant="ghost"
|
|
264
|
-
size="icon
|
|
264
|
+
size="icon"
|
|
265
265
|
onClick={() => onViewAction?.(action.type, currentView!)}
|
|
266
266
|
title={DEFAULT_VIEW_ACTION_LABELS[action.type] || action.type}
|
|
267
267
|
>
|
|
@@ -276,7 +276,7 @@ export const ViewSwitcher: React.FC<ViewSwitcherProps> = ({
|
|
|
276
276
|
<Button
|
|
277
277
|
type="button"
|
|
278
278
|
variant="ghost"
|
|
279
|
-
size="icon
|
|
279
|
+
size="icon"
|
|
280
280
|
onClick={() => onCreateView?.()}
|
|
281
281
|
title={createViewLabel}
|
|
282
282
|
>
|
package/vite.config.ts
CHANGED
|
@@ -4,10 +4,14 @@ import dts from 'vite-plugin-dts';
|
|
|
4
4
|
import { resolve } from 'path';
|
|
5
5
|
|
|
6
6
|
export default defineConfig({
|
|
7
|
+
define: {
|
|
8
|
+
'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'production'),
|
|
9
|
+
},
|
|
7
10
|
plugins: [
|
|
8
11
|
react(),
|
|
9
12
|
dts({
|
|
10
13
|
insertTypesEntry: true,
|
|
14
|
+
compilerOptions: { rootDir: resolve(__dirname, '../..') },
|
|
11
15
|
include: ['src'],
|
|
12
16
|
exclude: ['**/*.test.ts', '**/*.test.tsx'],
|
|
13
17
|
}),
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|