@object-ui/plugin-calendar 3.4.0 → 4.0.1

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @object-ui/plugin-calendar
 
+## 4.0.1
+
+### Patch Changes
+
+- @object-ui/types@4.0.1
+- @object-ui/core@4.0.1
+- @object-ui/i18n@4.0.1
+- @object-ui/react@4.0.1
+- @object-ui/components@4.0.1
+- @object-ui/fields@4.0.1
+- @object-ui/mobile@4.0.1
+
+## 4.0.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @object-ui/types@4.0.0
+  - @object-ui/components@4.0.0
+  - @object-ui/core@4.0.0
+  - @object-ui/fields@4.0.0
+  - @object-ui/mobile@4.0.0
+  - @object-ui/react@4.0.0
+  - @object-ui/i18n@4.0.0
+
 ## 3.4.0
 
 ### Patch Changes

package/dist/index.js

@@ -1105,11 +1105,11 @@ var Ee = ({ schema: e, dataSource: t, className: n, data: i, loading: l, onEvent
 			"display_name",
 			"displayName"
 		], s = (e, t) => {
-			let n = !1, r = e.replace(/\{(.+?)\}/g, (e, r) => {
-				let i = t[r.trim()];
-				return i != null && i !== "" ? (n = !0, String(i)) : "";
-			}).replace(/\s+-\s+(?=$|\s*$)/, "").trim();
-			return n ? r : "";
+			let n = "[-\\u2013\\u2014|/·,:]", r = !1, i = e.replace(/\{([^{}]+)\}/g, (e, n) => {
+				let i = t[n.trim()];
+				return i != null && i !== "" ? (r = !0, String(i)) : "\0";
+			});
+			return r ? i.replace(RegExp(`\\s*${n}\\s*`, "g"), "").replace(RegExp(`\\s*${n}\\s*`, "g"), "").replace(RegExp("\0", "g"), "").replace(/\s+/g, " ").trim() : "";
 		}, c = (e) => {
 			let t;
 			if (n && (t = e[n], typeof t == "string" && (t = t.trim())), !t && i) {

package/dist/index.umd.cjs

@@ -3,4 +3,4 @@
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,o,p,m,p),L[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,A=Object.prototype.hasOwnProperty,j=Array.isArray,M=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(e){return e()}};var N,P={},F=m.react_stack_bottom_frame.bind(m,o)(),I=M(i(o)),L={};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`):F,r?M(i(e)):I)},e.jsxs=function(e,t,n){var r=1e4>k.recentlyCreatedOwnerStacks++;return d(e,t,n,!0,r?Error(`react-stack-top-frame`):F,r?M(i(e)):I)}})()})),H=f(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=B():t.exports=V()}))(),U=`bg-blue-500 text-white`,W=new Date,G={"calendar.today":`Today`,"calendar.month":`Month`,"calendar.week":`Week`,"calendar.day":`Day`,"calendar.newEvent":`New event`,"calendar.moreEvents":`+{{count}} more`};function K(){try{let e=z();return e.t(`calendar.today`)===`calendar.today`?{t:(e,t)=>{let n=G[e]||e;if(t)for(let[e,r]of Object.entries(t))n=n.replace(`{{${e}}}`,String(r));return n},language:`en`}:{t:e.t,language:e.language}}catch{return{t:(e,t)=>{let n=G[e]||e;if(t)for(let[e,r]of Object.entries(t))n=n.replace(`{{${e}}}`,String(r));return n},language:`en`}}}function q({events:e=[],view:n=`month`,currentDate:r=W,locale:o=`default`,onEventClick:s,onDateClick:c,onViewChange:l,onNavigate:u,onAddClick:d,onEventDrop:f,className:p}){let[m,h]=t.useState(n),[g,_]=t.useState(r),{t:v,language:y}=K(),b=o===`default`?y:o;t.useEffect(()=>{_(r)},[r]),t.useEffect(()=>{h(n)},[n]);let x=t.useRef(l);x.current=l,t.useEffect(()=>{let e=window.matchMedia(`(max-width: 639px)`),t=e=>{e.matches&&(h(`day`),x.current?.(`day`))};return t(e),e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[]);let S=()=>{let e=new Date(g);m===`month`?e.setMonth(e.getMonth()-1):m===`week`?e.setDate(e.getDate()-7):e.setDate(e.getDate()-1),_(e),u?.(e)},C=()=>{let e=new Date(g);m===`month`?e.setMonth(e.getMonth()+1):m===`week`?e.setDate(e.getDate()+7):e.setDate(e.getDate()+1),_(e),u?.(e)},w=()=>{let e=new Date;_(e),u?.(e)},T=e=>{h(e),l?.(e)},E=()=>{if(m===`month`)return g.toLocaleDateString(b,{month:`long`,year:`numeric`});if(m===`week`){let e=J(g),t=new Date(e);return t.setDate(t.getDate()+6),`${e.toLocaleDateString(b,{month:`short`,day:`numeric`})} - ${t.toLocaleDateString(b,{month:`short`,day:`numeric`,year:`numeric`})}`}else return g.toLocaleDateString(b,{weekday:`long`,month:`long`,day:`numeric`,year:`numeric`})},D=t.useRef(0);return(0,H.jsxs)(`div`,{role:`region`,"aria-label":`Calendar`,className:(0,a.cn)(`flex flex-col h-full bg-background min-w-0 overflow-hidden`,p),children:[(0,H.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2 p-2 sm:p-4 border-b min-w-0`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,H.jsxs)(`div`,{className:`flex items-center bg-muted/50 rounded-lg p-1 gap-1`,children:[(0,H.jsx)(a.Button,{variant:`ghost`,size:`sm`,onClick:w,className:`h-8`,"aria-label":`Go to today`,children:v(`calendar.today`)}),(0,H.jsx)(`div`,{className:`h-4 w-px bg-border mx-1`}),(0,H.jsx)(a.Button,{variant:`ghost`,size:`icon`,"aria-label":`Previous period`,onClick:S,className:`h-8 w-8`,children:(0,H.jsx)(i.ChevronLeftIcon,{className:`h-4 w-4`})}),(0,H.jsx)(a.Button,{variant:`ghost`,size:`icon`,"aria-label":`Next period`,onClick:C,className:`h-8 w-8`,children:(0,H.jsx)(i.ChevronRightIcon,{className:`h-4 w-4`})})]}),(0,H.jsxs)(a.Popover,{children:[(0,H.jsx)(a.PopoverTrigger,{asChild:!0,children:(0,H.jsxs)(a.Button,{variant:`ghost`,"aria-label":`Current date: ${E()}`,className:(0,a.cn)(`text-base sm:text-xl font-semibold h-auto px-2 sm:px-3 py-1 hover:bg-muted/50 transition-colors`,`flex items-center gap-2`),children:[(0,H.jsx)(i.CalendarIcon,{className:`h-5 w-5 text-muted-foreground`}),(0,H.jsx)(`span`,{children:E()})]})}),(0,H.jsx)(a.PopoverContent,{className:`w-auto p-0`,align:`start`,children:(0,H.jsx)(a.Calendar,{mode:`single`,selected:g,onSelect:e=>{e&&(_(e),u?.(e))},initialFocus:!0,fromYear:2e3,toYear:2050})})]})]}),(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,H.jsxs)(a.Select,{value:m,onValueChange:T,children:[(0,H.jsx)(a.SelectTrigger,{className:`w-32 bg-background`,children:(0,H.jsx)(a.SelectValue,{})}),(0,H.jsxs)(a.SelectContent,{children:[(0,H.jsx)(a.SelectItem,{value:`day`,children:v(`calendar.day`)}),(0,H.jsx)(a.SelectItem,{value:`week`,children:v(`calendar.week`)}),(0,H.jsx)(a.SelectItem,{value:`month`,children:v(`calendar.month`)})]})]}),d&&(0,H.jsxs)(a.Button,{onClick:d,size:`sm`,className:`gap-1`,children:[(0,H.jsx)(i.PlusIcon,{className:`h-4 w-4`}),v(`calendar.newEvent`)]})]})]}),(0,H.jsxs)(`div`,{className:`flex-1 overflow-auto`,onTouchStart:e=>{D.current=e.touches[0].clientX},onTouchEnd:e=>{let t=D.current-e.changedTouches[0].clientX;if(Math.abs(t)>50){let e=new Date(g);m===`day`?e.setDate(e.getDate()+(t>0?1:-1)):m===`week`?e.setDate(e.getDate()+(t>0?7:-7)):e.setMonth(e.getMonth()+(t>0?1:-1)),_(e),u?.(e)}},children:[m===`month`&&(0,H.jsx)(ee,{date:g,events:e,locale:b,onEventClick:s,onDateClick:c,onEventDrop:f}),m===`week`&&(0,H.jsx)(te,{date:g,events:e,locale:b,onEventClick:s,onDateClick:c}),m===`day`&&(0,H.jsx)(ne,{date:g,events:e,onEventClick:s,onDateClick:c})]})]})}function J(e){let t=new Date(e),n=t.getDay(),r=t.getDate()-n;return t.setDate(r),t}function Y(e){let t=e.getFullYear(),n=e.getMonth(),r=new Date(t,n,1),i=new Date(t,n+1,0),a=r.getDay(),o=[];for(let e=a-1;e>=0;e--){let t=new Date(r.getTime());t.setDate(t.getDate()-(e+1)),o.push(t)}for(let e=1;e<=i.getDate();e++)o.push(new Date(t,n,e));let s=42-o.length;for(let e=1;e<=s;e++){let t=new Date(i.getTime());t.setDate(t.getDate()+e),o.push(t)}return o}function X(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function Z(e,t){return t.filter(t=>{let n=new Date(t.start),r=t.end?new Date(t.end):new Date(n),i=new Date(e);i.setHours(0,0,0,0);let a=new Date(e);a.setHours(23,59,59,999);let o=new Date(n);o.setHours(0,0,0,0);let s=new Date(r);return s.setHours(23,59,59,999),i<=s&&a>=o})}function ee({date:e,events:n,locale:r=`default`,onEventClick:i,onDateClick:o,onEventDrop:s}){let c=t.useMemo(()=>Y(e),[e.getFullYear(),e.getMonth()]),l=t.useMemo(()=>new Date,[]),{t:u}=K(),d=t.useMemo(()=>{let e=new Date(2024,0,7);return Array.from({length:7},(t,n)=>{let i=new Date(e);return i.setDate(i.getDate()+n),i.toLocaleDateString(r,{weekday:`short`})})},[r]),[f,p]=t.useState(null),[m,h]=t.useState(null),g=t.useMemo(()=>{let e=new Map;for(let t of n){let n=new Date(t.start),r=t.end?new Date(t.end):new Date(n);n.setHours(0,0,0,0),r.setHours(0,0,0,0);let i=new Date(n);for(;i<=r;){let n=`${i.getFullYear()}-${i.getMonth()}-${i.getDate()}`,r=e.get(n);r?r.push(t):e.set(n,[t]),i.setDate(i.getDate()+1)}}return e},[n]),_=(e,t)=>{p(t.id),e.dataTransfer.effectAllowed=`move`,e.dataTransfer.setData(`text/plain`,String(t.id))},v=()=>{p(null),h(null)},y=(e,t)=>{e.preventDefault(),e.dataTransfer.dropEffect=`move`,h(t)},b=e=>{e.currentTarget.contains(e.relatedTarget)||h(null)},x=(e,t)=>{if(e.preventDefault(),h(null),p(null),!s)return;let r=e.dataTransfer.getData(`text/plain`),i=n.find(e=>String(e.id)===r);if(!i)return;let a=new Date(i.start),o=new Date(a);o.setHours(0,0,0,0);let c=new Date(t);c.setHours(0,0,0,0);let l=c.getTime()-o.getTime();if(l===0)return;let u=new Date(a.getTime()+l),d;i.end&&(d=new Date(new Date(i.end).getTime()+l)),s(i,u,d)};return(0,H.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,H.jsx)(`div`,{role:`row`,className:`grid grid-cols-7 border-b`,children:d.map(e=>(0,H.jsx)(`div`,{role:`columnheader`,className:`p-2 text-center text-sm font-medium text-muted-foreground border-r last:border-r-0`,children:e},e))}),(0,H.jsx)(`div`,{role:`grid`,"aria-label":`Calendar grid`,className:`grid grid-cols-7 flex-1 auto-rows-fr`,children:c.map((t,n)=>{let r=`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`,c=g.get(r)||[],d=t.getMonth()===e.getMonth(),p=X(t,l);return(0,H.jsxs)(`div`,{role:`gridcell`,"aria-label":`${t.toLocaleDateString(`default`,{weekday:`long`,month:`long`,day:`numeric`,year:`numeric`})}${c.length>0?`, ${c.length} event${c.length>1?`s`:``}`:``}`,className:(0,a.cn)(`border-b border-r last:border-r-0 p-2 min-h-[100px] cursor-pointer hover:bg-accent/50`,!d&&`bg-muted/50 text-muted-foreground opacity-50`,m===n&&`ring-2 ring-primary`),onClick:()=>o?.(t),onDragOver:e=>y(e,n),onDragLeave:b,onDrop:e=>x(e,t),children:[(0,H.jsx)(`div`,{className:(0,a.cn)(`text-sm font-medium mb-2`,p&&`inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground h-6 w-6`),...p?{"aria-current":`date`}:{},children:t.getDate()}),(0,H.jsxs)(`div`,{className:`space-y-1`,children:[c.slice(0,3).map(e=>(0,H.jsx)(`div`,{role:`button`,title:e.title,"aria-label":e.title,draggable:!!s,onDragStart:t=>_(t,e),onDragEnd:v,className:(0,a.cn)(`text-xs px-2 py-1 rounded truncate cursor-pointer hover:opacity-80`,e.color?.startsWith(`#`)?`text-white`:e.color||U,f===e.id&&`opacity-50`),style:e.color&&e.color.startsWith(`#`)?{backgroundColor:e.color}:void 0,onClick:t=>{t.stopPropagation(),i?.(e)},children:e.title},e.id)),c.length>3&&(0,H.jsx)(`div`,{className:`text-xs text-muted-foreground px-2`,children:u(`calendar.moreEvents`,{count:c.length-3})})]})]},n)})})]})}function te({date:e,events:n,locale:r=`default`,onEventClick:i,onDateClick:o}){let s=t.useRef(null),c=e=>{o&&(s.current=setTimeout(()=>{o(e)},500))},l=()=>{s.current&&=(clearTimeout(s.current),null)},u=J(e),d=Array.from({length:7},(e,t)=>{let n=new Date(u);return n.setDate(n.getDate()+t),n}),f=new Date;return(0,H.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,H.jsx)(`div`,{className:`grid grid-cols-7 border-b`,children:d.map(e=>{let t=X(e,f);return(0,H.jsxs)(`div`,{className:`p-3 text-center border-r last:border-r-0`,children:[(0,H.jsx)(`div`,{className:`text-sm font-medium text-muted-foreground`,children:e.toLocaleDateString(r,{weekday:`short`})}),(0,H.jsx)(`div`,{className:(0,a.cn)(`text-lg font-semibold mt-1`,t&&`inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground h-8 w-8`),children:e.getDate()})]},e.toISOString())})}),(0,H.jsx)(`div`,{role:`grid`,className:`grid grid-cols-7 flex-1`,children:d.map(e=>{let t=Z(e,n);return(0,H.jsx)(`div`,{role:`gridcell`,"aria-label":`${e.toLocaleDateString(`default`,{weekday:`long`,month:`long`,day:`numeric`,year:`numeric`})}${t.length>0?`, ${t.length} event${t.length>1?`s`:``}`:``}`,className:`border-r last:border-r-0 p-2 min-h-[400px] cursor-pointer hover:bg-accent/50`,onClick:()=>o?.(e),onTouchStart:()=>c(e),onTouchEnd:l,children:(0,H.jsx)(`div`,{className:`space-y-2`,children:t.map(e=>(0,H.jsxs)(`div`,{role:`button`,title:e.title,"aria-label":e.title,className:(0,a.cn)(`text-xs sm:text-sm px-2 sm:px-3 py-1.5 sm:py-2 rounded cursor-pointer hover:opacity-80`,e.color?.startsWith(`#`)?`text-white`:e.color||U),style:e.color&&e.color.startsWith(`#`)?{backgroundColor:e.color}:void 0,onClick:t=>{t.stopPropagation(),i?.(e)},children:[(0,H.jsx)(`div`,{className:`font-medium truncate`,children:e.title}),!e.allDay&&(0,H.jsx)(`div`,{className:`text-xs opacity-90 mt-1`,children:e.start.toLocaleTimeString(`default`,{hour:`numeric`,minute:`2-digit`})})]},e.id))})},e.toISOString())})})]})}function ne({date:e,events:n,onEventClick:r,onDateClick:i}){let o=Z(e,n),s=Array.from({length:24},(e,t)=>t),c=t.useRef(null),l=t=>{i&&(c.current=setTimeout(()=>{let n=new Date(e);n.setHours(t,0,0,0),i(n)},500))},u=()=>{c.current&&=(clearTimeout(c.current),null)};return(0,H.jsx)(`div`,{className:`flex flex-col h-full`,children:(0,H.jsx)(`div`,{role:`list`,className:`flex-1 overflow-auto`,children:s.map(e=>{let t=o.filter(t=>t.allDay?e===0:t.start.getHours()===e);return(0,H.jsxs)(`div`,{role:`listitem`,className:`flex border-b min-h-[60px]`,children:[(0,H.jsx)(`div`,{className:`w-20 p-2 text-sm text-muted-foreground border-r`,children:e===0?`12 AM`:e<12?`${e} AM`:e===12?`12 PM`:`${e-12} PM`}),(0,H.jsx)(`div`,{className:`flex-1 p-2 space-y-2`,onTouchStart:()=>l(e),onTouchEnd:u,children:t.map(e=>(0,H.jsxs)(`div`,{title:e.title,"aria-label":e.title,className:(0,a.cn)(`px-2 sm:px-3 py-1.5 sm:py-2 rounded cursor-pointer hover:opacity-80`,e.color?.startsWith(`#`)?`text-white`:e.color||U),style:e.color&&e.color.startsWith(`#`)?{backgroundColor:e.color}:void 0,onClick:()=>r?.(e),children:[(0,H.jsx)(`div`,{className:`font-medium truncate`,children:e.title}),!e.allDay&&(0,H.jsxs)(`div`,{className:`text-xs opacity-90 mt-1`,children:[e.start.toLocaleTimeString(`default`,{hour:`numeric`,minute:`2-digit`}),e.end&&` - ${e.end.toLocaleTimeString(`default`,{hour:`numeric`,minute:`2-digit`})}`]})]},e.id))})]},e)})})})}function re(e){let{onRefresh:n,threshold:r=80,enabled:i=!0}=e,a=(0,t.useRef)(null),[o,s]=(0,t.useState)(!1),[c,l]=(0,t.useState)(0),u=(0,t.useRef)(0),d=(0,t.useCallback)(e=>{if(!i||o)return;let t=a.current;t&&t.scrollTop===0&&(u.current=e.touches[0].clientY)},[i,o]),f=(0,t.useCallback)(e=>{if(!i||o||!u.current)return;let t=e.touches[0].clientY-u.current;t>0&&l(Math.min(t,r*1.5))},[i,o,r]),p=(0,t.useCallback)(async()=>{if(!i||o)return;let e=c;if(l(0),u.current=0,e>=r){s(!0);try{await n()}finally{s(!1)}}},[i,o,c,r,n]);return(0,t.useEffect)(()=>{let e=a.current;if(!(!e||!i))return e.addEventListener(`touchstart`,d,{passive:!0}),e.addEventListener(`touchmove`,f,{passive:!0}),e.addEventListener(`touchend`,p,{passive:!0}),()=>{e.removeEventListener(`touchstart`,d),e.removeEventListener(`touchmove`,f),e.removeEventListener(`touchend`,p)}},[d,f,p,i]),{ref:a,isRefreshing:o,pullDistance:c}}var ie=(0,t.createContext)(null);ie.displayName=`MobileContext`;function ae(e){return`data`in e&&e.data?e.data:`staticData`in e&&e.staticData?{provider:`value`,items:e.staticData}:e.objectName?{provider:`object`,object:e.objectName}:null}function oe(e){if(e){if(typeof e==`string`){let t=e.split(` `),n=t[0],r=t[1]?.toLowerCase()===`desc`?`desc`:`asc`;return{[n]:r}}if(Array.isArray(e))return e.reduce((e,t)=>(t.field&&t.order&&(e[t.field]=t.order),e),{})}}function se(e){return`filter`in e&&e.filter&&typeof e.filter==`object`&&`calendar`in e.filter?e.filter.calendar:e.calendar?e.calendar:e.startDateField||e.dateField?{startDateField:e.startDateField||e.dateField,endDateField:e.endDateField||e.endField,titleField:e.titleField,colorField:e.colorField,allDayField:e.allDayField}:null}var Q=({schema:e,dataSource:i,className:o,data:s,loading:c,onEventClick:l,onRowClick:u,onDateClick:d,onNavigate:f,onViewChange:p,onEventDrop:m,locale:h})=>{let g=Array.isArray(s),[_,v]=(0,t.useState)(g?s:[]),[y,b]=(0,t.useState)(g?c??!1:!0),[x,S]=(0,t.useState)(null),[C,w]=(0,t.useState)(null),[T,E]=(0,t.useState)(new Date),D=(0,a.useIsMobile)(),O=e.defaultView,[k,A]=(0,t.useState)(()=>{let e=O===`day`||!O;return typeof window<`u`&&window.innerWidth<768&&e?`month`:O||`month`});(0,t.useEffect)(()=>{D&&k===`day`&&(O===`day`||!O)&&A(`month`)},[D]);let[j,M]=(0,t.useState)(0);(0,t.useEffect)(()=>{if(!g&&!(!i?.onMutation||!e.objectName))return i.onMutation(t=>{t.resource===e.objectName&&M(e=>e+1)})},[i,e.objectName,g]);let{ref:N,isRefreshing:P,pullDistance:F}=re({onRefresh:(0,t.useCallback)(async()=>{M(e=>e+1)},[]),enabled:!!i&&!!e.objectName}),I=(0,t.useMemo)(()=>ae(e),[e.data,e.staticData,e.objectName]),L=(0,t.useMemo)(()=>se(e),[e.filter,e.calendar,e.dateField,e.endField,e.titleField,e.colorField]),R=I?.provider===`value`,z=(0,t.useRef)(null);z.current=C,(0,t.useEffect)(()=>{g&&v(s)},[s,g]),(0,t.useEffect)(()=>{g&&c!==void 0&&b(c)},[c,g]),(0,t.useEffect)(()=>{if(g)return;let t=!0;return(async()=>{try{if(!t)return;if(b(!0),R&&I?.provider===`value`){t&&(v(I.items),b(!1));return}if(!i||typeof i.find!=`function`)throw Error(`DataSource required for object/api providers`);if(I?.provider===`object`){let r=I.object,a=(0,n.buildExpandFields)(z.current?.fields),o=(0,n.extractRecords)(await i.find(r,{$filter:e.filter,$orderby:oe(e.sort),...a.length>0?{$expand:a}:{}}));t&&v(o)}else I?.provider===`api`&&(console.warn(`API provider not yet implemented for ObjectCalendar`),t&&v([]));t&&b(!1)}catch(e){console.error(`[ObjectCalendar] Error fetching data:`,e),t&&(S(e),b(!1))}})(),()=>{t=!1}},[g,I,i,R,e.filter,e.sort,j]),(0,t.useEffect)(()=>{!R&&i&&(async()=>{try{if(!i)return;let t=I?.provider===`object`?I.object:e.objectName;if(!t)return;w(await i.getObjectSchema(t))}catch(e){console.error(`Failed to fetch object schema:`,e)}})()},[e.objectName,i,R,I]);let B=(0,t.useMemo)(()=>{if(!L||!_.length)return[];let{startDateField:e,endDateField:t,titleField:n,colorField:r}=L,i=C?.titleFormat,a=C?.NAME_FIELD_KEY,o=[`name`,`full_name`,`fullName`,`title`,`subject`,`label`,`display_name`,`displayName`],s=(e,t)=>{let n=!1,r=e.replace(/\{(.+?)\}/g,(e,r)=>{let i=t[r.trim()];return i!=null&&i!==``?(n=!0,String(i)):``}).replace(/\s+-\s+(?=$|\s*$)/,``).trim();return n?r:``},c=e=>{let t;if(n&&(t=e[n],typeof t==`string`&&(t=t.trim())),!t&&i){let n=s(i,e);n&&(t=n)}if(!t&&a){let n=e[a];typeof n==`string`?t=n.trim():n&&(t=n)}if(!t)for(let n of o){let r=e[n],i=typeof r==`string`?r.trim():r;if(i){t=i;break}}return t||`Untitled`};return _.map((n,i)=>{let a=n[e],o=t?n[t]:null,s=c(n),l=r?n[r]:void 0;return{id:n.id||n._id||`event-${i}`,title:s,start:a?new Date(a):new Date,end:o?new Date(o):void 0,color:l,allDay:!o,data:n}}).filter(e=>!isNaN(e.start.getTime()))},[_,L,C]);(0,t.useCallback)(()=>{d?.(new Date)},[d]);let V=(0,r.useNavigationOverlay)({navigation:e.navigation,objectName:e.objectName,onRowClick:u});return y?(0,H.jsx)(`div`,{className:o,children:(0,H.jsx)(`div`,{className:`flex items-center justify-center h-96`,children:(0,H.jsx)(`div`,{className:`text-muted-foreground`,children:`Loading calendar...`})})}):x?(0,H.jsx)(`div`,{className:o,children:(0,H.jsx)(`div`,{className:`flex items-center justify-center h-96`,children:(0,H.jsxs)(`div`,{className:`text-destructive`,children:[`Error: `,x.message]})})}):L?(0,H.jsxs)(`div`,{ref:N,className:o,children:[F>0&&(0,H.jsx)(`div`,{className:`flex items-center justify-center text-xs text-muted-foreground`,style:{height:F},children:P?`Refreshing…`:`Pull to refresh`}),(0,H.jsx)(`div`,{className:`border rounded-lg bg-background h-[calc(100vh-120px)] sm:h-[calc(100vh-160px)] md:h-[calc(100vh-200px)] min-h-[400px] sm:min-h-[600px]`,children:(0,H.jsx)(q,{events:B,currentDate:T,view:k,locale:h,onEventClick:e=>{V.handleClick(e.data),l?.(e.data)},onDateClick:d,onNavigate:e=>{E(e),f?.(e)},onViewChange:e=>{A(e),p?.(e)},onAddClick:void 0,onEventDrop:m?(e,t,n)=>{m(e.data,t,n)}:void 0})}),V.isOverlay&&(0,H.jsx)(a.NavigationOverlay,{...V,title:`Event Details`,children:e=>(0,H.jsx)(`div`,{className:`space-y-3`,children:Object.entries(e).map(([e,t])=>(0,H.jsxs)(`div`,{className:`flex flex-col`,children:[(0,H.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:e.replace(/_/g,` `)}),(0,H.jsx)(`span`,{className:`text-sm`,children:String(t??`—`)})]},e))})})]}):(0,H.jsx)(`div`,{className:o,children:(0,H.jsx)(`div`,{className:`flex items-center justify-center h-96`,children:(0,H.jsx)(`div`,{className:`text-muted-foreground`,children:`Calendar configuration required. Please specify startDateField and titleField.`})})})};n.ComponentRegistry.register(`calendar-view`,({schema:e,className:n,onAction:r,...i})=>{let a=t.default.useMemo(()=>!e.data||!Array.isArray(e.data)?[]:e.data.map((t,n)=>{let r=e.titleField||`title`,i=e.startDateField||`start`,a=e.endDateField||`end`,o=e.colorField||`color`,s=e.allDayField||`allDay`;return{id:t.id||t._id||n,title:t[r]||`Untitled Event`,start:new Date(t[i]),end:t[a]?new Date(t[a]):void 0,allDay:t[s],color:t[o],data:t}}),[e.data,e.titleField,e.startDateField,e.endDateField,e.colorField,e.allDayField]);return(0,H.jsx)(q,{className:n,events:a,onEventClick:e=>{r?.({type:`event-click`,payload:e})},...i})},{namespace:`plugin-calendar`,label:`Calendar View`,inputs:[{name:`data`,type:`array`,label:`Data`,description:`Array of record objects to display as events`},{name:`titleField`,type:`string`,label:`Title Field`,defaultValue:`title`,description:`Field name to use for event title`},{name:`startDateField`,type:`string`,label:`Start Date Field`,defaultValue:`start`,description:`Field name for event start date`},{name:`endDateField`,type:`string`,label:`End Date Field`,defaultValue:`end`,description:`Field name for event end date (optional)`},{name:`allDayField`,type:`string`,label:`All Day Field`,defaultValue:`allDay`,description:`Field name for all-day flag`},{name:`colorField`,type:`string`,label:`Color Field`,defaultValue:`color`,description:`Field name for event color`},{name:`colorMapping`,type:`object`,label:`Color Mapping`,description:`Map field values to colors (e.g., {meeting: "blue", deadline: "red"})`},{name:`view`,type:`enum`,enum:[`month`,`week`,`day`],defaultValue:`month`,label:`View Mode`,description:`Calendar view mode (month, week, or day)`},{name:`currentDate`,type:`string`,label:`Current Date`,description:`ISO date string for initial calendar date`},{name:`allowCreate`,type:`boolean`,label:`Allow Create`,defaultValue:!1,description:`Allow creating events by clicking on dates`},{name:`className`,type:`string`,label:`CSS Class`}],defaultProps:{view:`month`,titleField:`title`,startDateField:`start`,endDateField:`end`,allDayField:`allDay`,colorField:`color`,allowCreate:!1,data:[{id:1,title:`Team Meeting`,start:new Date(new Date().setHours(10,0,0,0)).toISOString(),end:new Date(new Date().setHours(11,0,0,0)).toISOString(),color:`#3b82f6`,allDay:!1},{id:2,title:`Project Deadline`,start:new Date(new Date().setDate(new Date().getDate()+3)).toISOString(),color:`#ef4444`,allDay:!0},{id:3,title:`Conference`,start:new Date(new Date().setDate(new Date().getDate()+7)).toISOString(),end:new Date(new Date().setDate(new Date().getDate()+9)).toISOString(),color:`#10b981`,allDay:!0}],className:`h-[600px] border rounded-lg`}});var $=({schema:e,...t})=>{let{dataSource:n}=(0,r.useSchemaContext)()||{};return(0,H.jsx)(Q,{schema:e,dataSource:n,...t})};n.ComponentRegistry.register(`object-calendar`,$,{namespace:`plugin-calendar`,label:`Object Calendar`,category:`view`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`calendar`,type:`object`,label:`Calendar Config`,description:`startDateField, endDateField, titleField, colorField`}]}),n.ComponentRegistry.register(`calendar`,$,{namespace:`view`,label:`Calendar View`,category:`view`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`calendar`,type:`object`,label:`Calendar Config`,description:`startDateField, endDateField, titleField, colorField`}]}),e.CalendarView=q,e.ObjectCalendar=Q,e.ObjectCalendarRenderer=$});
+  <%s key={someKey} {...props} />`,o,p,m,p),L[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,A=Object.prototype.hasOwnProperty,j=Array.isArray,M=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(e){return e()}};var N,P={},F=m.react_stack_bottom_frame.bind(m,o)(),I=M(i(o)),L={};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`):F,r?M(i(e)):I)},e.jsxs=function(e,t,n){var r=1e4>k.recentlyCreatedOwnerStacks++;return d(e,t,n,!0,r?Error(`react-stack-top-frame`):F,r?M(i(e)):I)}})()})),H=f(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=B():t.exports=V()}))(),U=`bg-blue-500 text-white`,W=new Date,G={"calendar.today":`Today`,"calendar.month":`Month`,"calendar.week":`Week`,"calendar.day":`Day`,"calendar.newEvent":`New event`,"calendar.moreEvents":`+{{count}} more`};function K(){try{let e=z();return e.t(`calendar.today`)===`calendar.today`?{t:(e,t)=>{let n=G[e]||e;if(t)for(let[e,r]of Object.entries(t))n=n.replace(`{{${e}}}`,String(r));return n},language:`en`}:{t:e.t,language:e.language}}catch{return{t:(e,t)=>{let n=G[e]||e;if(t)for(let[e,r]of Object.entries(t))n=n.replace(`{{${e}}}`,String(r));return n},language:`en`}}}function q({events:e=[],view:n=`month`,currentDate:r=W,locale:o=`default`,onEventClick:s,onDateClick:c,onViewChange:l,onNavigate:u,onAddClick:d,onEventDrop:f,className:p}){let[m,h]=t.useState(n),[g,_]=t.useState(r),{t:v,language:y}=K(),b=o===`default`?y:o;t.useEffect(()=>{_(r)},[r]),t.useEffect(()=>{h(n)},[n]);let x=t.useRef(l);x.current=l,t.useEffect(()=>{let e=window.matchMedia(`(max-width: 639px)`),t=e=>{e.matches&&(h(`day`),x.current?.(`day`))};return t(e),e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[]);let S=()=>{let e=new Date(g);m===`month`?e.setMonth(e.getMonth()-1):m===`week`?e.setDate(e.getDate()-7):e.setDate(e.getDate()-1),_(e),u?.(e)},C=()=>{let e=new Date(g);m===`month`?e.setMonth(e.getMonth()+1):m===`week`?e.setDate(e.getDate()+7):e.setDate(e.getDate()+1),_(e),u?.(e)},w=()=>{let e=new Date;_(e),u?.(e)},T=e=>{h(e),l?.(e)},E=()=>{if(m===`month`)return g.toLocaleDateString(b,{month:`long`,year:`numeric`});if(m===`week`){let e=J(g),t=new Date(e);return t.setDate(t.getDate()+6),`${e.toLocaleDateString(b,{month:`short`,day:`numeric`})} - ${t.toLocaleDateString(b,{month:`short`,day:`numeric`,year:`numeric`})}`}else return g.toLocaleDateString(b,{weekday:`long`,month:`long`,day:`numeric`,year:`numeric`})},D=t.useRef(0);return(0,H.jsxs)(`div`,{role:`region`,"aria-label":`Calendar`,className:(0,a.cn)(`flex flex-col h-full bg-background min-w-0 overflow-hidden`,p),children:[(0,H.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2 p-2 sm:p-4 border-b min-w-0`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,H.jsxs)(`div`,{className:`flex items-center bg-muted/50 rounded-lg p-1 gap-1`,children:[(0,H.jsx)(a.Button,{variant:`ghost`,size:`sm`,onClick:w,className:`h-8`,"aria-label":`Go to today`,children:v(`calendar.today`)}),(0,H.jsx)(`div`,{className:`h-4 w-px bg-border mx-1`}),(0,H.jsx)(a.Button,{variant:`ghost`,size:`icon`,"aria-label":`Previous period`,onClick:S,className:`h-8 w-8`,children:(0,H.jsx)(i.ChevronLeftIcon,{className:`h-4 w-4`})}),(0,H.jsx)(a.Button,{variant:`ghost`,size:`icon`,"aria-label":`Next period`,onClick:C,className:`h-8 w-8`,children:(0,H.jsx)(i.ChevronRightIcon,{className:`h-4 w-4`})})]}),(0,H.jsxs)(a.Popover,{children:[(0,H.jsx)(a.PopoverTrigger,{asChild:!0,children:(0,H.jsxs)(a.Button,{variant:`ghost`,"aria-label":`Current date: ${E()}`,className:(0,a.cn)(`text-base sm:text-xl font-semibold h-auto px-2 sm:px-3 py-1 hover:bg-muted/50 transition-colors`,`flex items-center gap-2`),children:[(0,H.jsx)(i.CalendarIcon,{className:`h-5 w-5 text-muted-foreground`}),(0,H.jsx)(`span`,{children:E()})]})}),(0,H.jsx)(a.PopoverContent,{className:`w-auto p-0`,align:`start`,children:(0,H.jsx)(a.Calendar,{mode:`single`,selected:g,onSelect:e=>{e&&(_(e),u?.(e))},initialFocus:!0,fromYear:2e3,toYear:2050})})]})]}),(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,H.jsxs)(a.Select,{value:m,onValueChange:T,children:[(0,H.jsx)(a.SelectTrigger,{className:`w-32 bg-background`,children:(0,H.jsx)(a.SelectValue,{})}),(0,H.jsxs)(a.SelectContent,{children:[(0,H.jsx)(a.SelectItem,{value:`day`,children:v(`calendar.day`)}),(0,H.jsx)(a.SelectItem,{value:`week`,children:v(`calendar.week`)}),(0,H.jsx)(a.SelectItem,{value:`month`,children:v(`calendar.month`)})]})]}),d&&(0,H.jsxs)(a.Button,{onClick:d,size:`sm`,className:`gap-1`,children:[(0,H.jsx)(i.PlusIcon,{className:`h-4 w-4`}),v(`calendar.newEvent`)]})]})]}),(0,H.jsxs)(`div`,{className:`flex-1 overflow-auto`,onTouchStart:e=>{D.current=e.touches[0].clientX},onTouchEnd:e=>{let t=D.current-e.changedTouches[0].clientX;if(Math.abs(t)>50){let e=new Date(g);m===`day`?e.setDate(e.getDate()+(t>0?1:-1)):m===`week`?e.setDate(e.getDate()+(t>0?7:-7)):e.setMonth(e.getMonth()+(t>0?1:-1)),_(e),u?.(e)}},children:[m===`month`&&(0,H.jsx)(ee,{date:g,events:e,locale:b,onEventClick:s,onDateClick:c,onEventDrop:f}),m===`week`&&(0,H.jsx)(te,{date:g,events:e,locale:b,onEventClick:s,onDateClick:c}),m===`day`&&(0,H.jsx)(ne,{date:g,events:e,onEventClick:s,onDateClick:c})]})]})}function J(e){let t=new Date(e),n=t.getDay(),r=t.getDate()-n;return t.setDate(r),t}function Y(e){let t=e.getFullYear(),n=e.getMonth(),r=new Date(t,n,1),i=new Date(t,n+1,0),a=r.getDay(),o=[];for(let e=a-1;e>=0;e--){let t=new Date(r.getTime());t.setDate(t.getDate()-(e+1)),o.push(t)}for(let e=1;e<=i.getDate();e++)o.push(new Date(t,n,e));let s=42-o.length;for(let e=1;e<=s;e++){let t=new Date(i.getTime());t.setDate(t.getDate()+e),o.push(t)}return o}function X(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function Z(e,t){return t.filter(t=>{let n=new Date(t.start),r=t.end?new Date(t.end):new Date(n),i=new Date(e);i.setHours(0,0,0,0);let a=new Date(e);a.setHours(23,59,59,999);let o=new Date(n);o.setHours(0,0,0,0);let s=new Date(r);return s.setHours(23,59,59,999),i<=s&&a>=o})}function ee({date:e,events:n,locale:r=`default`,onEventClick:i,onDateClick:o,onEventDrop:s}){let c=t.useMemo(()=>Y(e),[e.getFullYear(),e.getMonth()]),l=t.useMemo(()=>new Date,[]),{t:u}=K(),d=t.useMemo(()=>{let e=new Date(2024,0,7);return Array.from({length:7},(t,n)=>{let i=new Date(e);return i.setDate(i.getDate()+n),i.toLocaleDateString(r,{weekday:`short`})})},[r]),[f,p]=t.useState(null),[m,h]=t.useState(null),g=t.useMemo(()=>{let e=new Map;for(let t of n){let n=new Date(t.start),r=t.end?new Date(t.end):new Date(n);n.setHours(0,0,0,0),r.setHours(0,0,0,0);let i=new Date(n);for(;i<=r;){let n=`${i.getFullYear()}-${i.getMonth()}-${i.getDate()}`,r=e.get(n);r?r.push(t):e.set(n,[t]),i.setDate(i.getDate()+1)}}return e},[n]),_=(e,t)=>{p(t.id),e.dataTransfer.effectAllowed=`move`,e.dataTransfer.setData(`text/plain`,String(t.id))},v=()=>{p(null),h(null)},y=(e,t)=>{e.preventDefault(),e.dataTransfer.dropEffect=`move`,h(t)},b=e=>{e.currentTarget.contains(e.relatedTarget)||h(null)},x=(e,t)=>{if(e.preventDefault(),h(null),p(null),!s)return;let r=e.dataTransfer.getData(`text/plain`),i=n.find(e=>String(e.id)===r);if(!i)return;let a=new Date(i.start),o=new Date(a);o.setHours(0,0,0,0);let c=new Date(t);c.setHours(0,0,0,0);let l=c.getTime()-o.getTime();if(l===0)return;let u=new Date(a.getTime()+l),d;i.end&&(d=new Date(new Date(i.end).getTime()+l)),s(i,u,d)};return(0,H.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,H.jsx)(`div`,{role:`row`,className:`grid grid-cols-7 border-b`,children:d.map(e=>(0,H.jsx)(`div`,{role:`columnheader`,className:`p-2 text-center text-sm font-medium text-muted-foreground border-r last:border-r-0`,children:e},e))}),(0,H.jsx)(`div`,{role:`grid`,"aria-label":`Calendar grid`,className:`grid grid-cols-7 flex-1 auto-rows-fr`,children:c.map((t,n)=>{let r=`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`,c=g.get(r)||[],d=t.getMonth()===e.getMonth(),p=X(t,l);return(0,H.jsxs)(`div`,{role:`gridcell`,"aria-label":`${t.toLocaleDateString(`default`,{weekday:`long`,month:`long`,day:`numeric`,year:`numeric`})}${c.length>0?`, ${c.length} event${c.length>1?`s`:``}`:``}`,className:(0,a.cn)(`border-b border-r last:border-r-0 p-2 min-h-[100px] cursor-pointer hover:bg-accent/50`,!d&&`bg-muted/50 text-muted-foreground opacity-50`,m===n&&`ring-2 ring-primary`),onClick:()=>o?.(t),onDragOver:e=>y(e,n),onDragLeave:b,onDrop:e=>x(e,t),children:[(0,H.jsx)(`div`,{className:(0,a.cn)(`text-sm font-medium mb-2`,p&&`inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground h-6 w-6`),...p?{"aria-current":`date`}:{},children:t.getDate()}),(0,H.jsxs)(`div`,{className:`space-y-1`,children:[c.slice(0,3).map(e=>(0,H.jsx)(`div`,{role:`button`,title:e.title,"aria-label":e.title,draggable:!!s,onDragStart:t=>_(t,e),onDragEnd:v,className:(0,a.cn)(`text-xs px-2 py-1 rounded truncate cursor-pointer hover:opacity-80`,e.color?.startsWith(`#`)?`text-white`:e.color||U,f===e.id&&`opacity-50`),style:e.color&&e.color.startsWith(`#`)?{backgroundColor:e.color}:void 0,onClick:t=>{t.stopPropagation(),i?.(e)},children:e.title},e.id)),c.length>3&&(0,H.jsx)(`div`,{className:`text-xs text-muted-foreground px-2`,children:u(`calendar.moreEvents`,{count:c.length-3})})]})]},n)})})]})}function te({date:e,events:n,locale:r=`default`,onEventClick:i,onDateClick:o}){let s=t.useRef(null),c=e=>{o&&(s.current=setTimeout(()=>{o(e)},500))},l=()=>{s.current&&=(clearTimeout(s.current),null)},u=J(e),d=Array.from({length:7},(e,t)=>{let n=new Date(u);return n.setDate(n.getDate()+t),n}),f=new Date;return(0,H.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,H.jsx)(`div`,{className:`grid grid-cols-7 border-b`,children:d.map(e=>{let t=X(e,f);return(0,H.jsxs)(`div`,{className:`p-3 text-center border-r last:border-r-0`,children:[(0,H.jsx)(`div`,{className:`text-sm font-medium text-muted-foreground`,children:e.toLocaleDateString(r,{weekday:`short`})}),(0,H.jsx)(`div`,{className:(0,a.cn)(`text-lg font-semibold mt-1`,t&&`inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground h-8 w-8`),children:e.getDate()})]},e.toISOString())})}),(0,H.jsx)(`div`,{role:`grid`,className:`grid grid-cols-7 flex-1`,children:d.map(e=>{let t=Z(e,n);return(0,H.jsx)(`div`,{role:`gridcell`,"aria-label":`${e.toLocaleDateString(`default`,{weekday:`long`,month:`long`,day:`numeric`,year:`numeric`})}${t.length>0?`, ${t.length} event${t.length>1?`s`:``}`:``}`,className:`border-r last:border-r-0 p-2 min-h-[400px] cursor-pointer hover:bg-accent/50`,onClick:()=>o?.(e),onTouchStart:()=>c(e),onTouchEnd:l,children:(0,H.jsx)(`div`,{className:`space-y-2`,children:t.map(e=>(0,H.jsxs)(`div`,{role:`button`,title:e.title,"aria-label":e.title,className:(0,a.cn)(`text-xs sm:text-sm px-2 sm:px-3 py-1.5 sm:py-2 rounded cursor-pointer hover:opacity-80`,e.color?.startsWith(`#`)?`text-white`:e.color||U),style:e.color&&e.color.startsWith(`#`)?{backgroundColor:e.color}:void 0,onClick:t=>{t.stopPropagation(),i?.(e)},children:[(0,H.jsx)(`div`,{className:`font-medium truncate`,children:e.title}),!e.allDay&&(0,H.jsx)(`div`,{className:`text-xs opacity-90 mt-1`,children:e.start.toLocaleTimeString(`default`,{hour:`numeric`,minute:`2-digit`})})]},e.id))})},e.toISOString())})})]})}function ne({date:e,events:n,onEventClick:r,onDateClick:i}){let o=Z(e,n),s=Array.from({length:24},(e,t)=>t),c=t.useRef(null),l=t=>{i&&(c.current=setTimeout(()=>{let n=new Date(e);n.setHours(t,0,0,0),i(n)},500))},u=()=>{c.current&&=(clearTimeout(c.current),null)};return(0,H.jsx)(`div`,{className:`flex flex-col h-full`,children:(0,H.jsx)(`div`,{role:`list`,className:`flex-1 overflow-auto`,children:s.map(e=>{let t=o.filter(t=>t.allDay?e===0:t.start.getHours()===e);return(0,H.jsxs)(`div`,{role:`listitem`,className:`flex border-b min-h-[60px]`,children:[(0,H.jsx)(`div`,{className:`w-20 p-2 text-sm text-muted-foreground border-r`,children:e===0?`12 AM`:e<12?`${e} AM`:e===12?`12 PM`:`${e-12} PM`}),(0,H.jsx)(`div`,{className:`flex-1 p-2 space-y-2`,onTouchStart:()=>l(e),onTouchEnd:u,children:t.map(e=>(0,H.jsxs)(`div`,{title:e.title,"aria-label":e.title,className:(0,a.cn)(`px-2 sm:px-3 py-1.5 sm:py-2 rounded cursor-pointer hover:opacity-80`,e.color?.startsWith(`#`)?`text-white`:e.color||U),style:e.color&&e.color.startsWith(`#`)?{backgroundColor:e.color}:void 0,onClick:()=>r?.(e),children:[(0,H.jsx)(`div`,{className:`font-medium truncate`,children:e.title}),!e.allDay&&(0,H.jsxs)(`div`,{className:`text-xs opacity-90 mt-1`,children:[e.start.toLocaleTimeString(`default`,{hour:`numeric`,minute:`2-digit`}),e.end&&` - ${e.end.toLocaleTimeString(`default`,{hour:`numeric`,minute:`2-digit`})}`]})]},e.id))})]},e)})})})}function re(e){let{onRefresh:n,threshold:r=80,enabled:i=!0}=e,a=(0,t.useRef)(null),[o,s]=(0,t.useState)(!1),[c,l]=(0,t.useState)(0),u=(0,t.useRef)(0),d=(0,t.useCallback)(e=>{if(!i||o)return;let t=a.current;t&&t.scrollTop===0&&(u.current=e.touches[0].clientY)},[i,o]),f=(0,t.useCallback)(e=>{if(!i||o||!u.current)return;let t=e.touches[0].clientY-u.current;t>0&&l(Math.min(t,r*1.5))},[i,o,r]),p=(0,t.useCallback)(async()=>{if(!i||o)return;let e=c;if(l(0),u.current=0,e>=r){s(!0);try{await n()}finally{s(!1)}}},[i,o,c,r,n]);return(0,t.useEffect)(()=>{let e=a.current;if(!(!e||!i))return e.addEventListener(`touchstart`,d,{passive:!0}),e.addEventListener(`touchmove`,f,{passive:!0}),e.addEventListener(`touchend`,p,{passive:!0}),()=>{e.removeEventListener(`touchstart`,d),e.removeEventListener(`touchmove`,f),e.removeEventListener(`touchend`,p)}},[d,f,p,i]),{ref:a,isRefreshing:o,pullDistance:c}}var ie=(0,t.createContext)(null);ie.displayName=`MobileContext`;function ae(e){return`data`in e&&e.data?e.data:`staticData`in e&&e.staticData?{provider:`value`,items:e.staticData}:e.objectName?{provider:`object`,object:e.objectName}:null}function oe(e){if(e){if(typeof e==`string`){let t=e.split(` `),n=t[0],r=t[1]?.toLowerCase()===`desc`?`desc`:`asc`;return{[n]:r}}if(Array.isArray(e))return e.reduce((e,t)=>(t.field&&t.order&&(e[t.field]=t.order),e),{})}}function se(e){return`filter`in e&&e.filter&&typeof e.filter==`object`&&`calendar`in e.filter?e.filter.calendar:e.calendar?e.calendar:e.startDateField||e.dateField?{startDateField:e.startDateField||e.dateField,endDateField:e.endDateField||e.endField,titleField:e.titleField,colorField:e.colorField,allDayField:e.allDayField}:null}var Q=({schema:e,dataSource:i,className:o,data:s,loading:c,onEventClick:l,onRowClick:u,onDateClick:d,onNavigate:f,onViewChange:p,onEventDrop:m,locale:h})=>{let g=Array.isArray(s),[_,v]=(0,t.useState)(g?s:[]),[y,b]=(0,t.useState)(g?c??!1:!0),[x,S]=(0,t.useState)(null),[C,w]=(0,t.useState)(null),[T,E]=(0,t.useState)(new Date),D=(0,a.useIsMobile)(),O=e.defaultView,[k,A]=(0,t.useState)(()=>{let e=O===`day`||!O;return typeof window<`u`&&window.innerWidth<768&&e?`month`:O||`month`});(0,t.useEffect)(()=>{D&&k===`day`&&(O===`day`||!O)&&A(`month`)},[D]);let[j,M]=(0,t.useState)(0);(0,t.useEffect)(()=>{if(!g&&!(!i?.onMutation||!e.objectName))return i.onMutation(t=>{t.resource===e.objectName&&M(e=>e+1)})},[i,e.objectName,g]);let{ref:N,isRefreshing:P,pullDistance:F}=re({onRefresh:(0,t.useCallback)(async()=>{M(e=>e+1)},[]),enabled:!!i&&!!e.objectName}),I=(0,t.useMemo)(()=>ae(e),[e.data,e.staticData,e.objectName]),L=(0,t.useMemo)(()=>se(e),[e.filter,e.calendar,e.dateField,e.endField,e.titleField,e.colorField]),R=I?.provider===`value`,z=(0,t.useRef)(null);z.current=C,(0,t.useEffect)(()=>{g&&v(s)},[s,g]),(0,t.useEffect)(()=>{g&&c!==void 0&&b(c)},[c,g]),(0,t.useEffect)(()=>{if(g)return;let t=!0;return(async()=>{try{if(!t)return;if(b(!0),R&&I?.provider===`value`){t&&(v(I.items),b(!1));return}if(!i||typeof i.find!=`function`)throw Error(`DataSource required for object/api providers`);if(I?.provider===`object`){let r=I.object,a=(0,n.buildExpandFields)(z.current?.fields),o=(0,n.extractRecords)(await i.find(r,{$filter:e.filter,$orderby:oe(e.sort),...a.length>0?{$expand:a}:{}}));t&&v(o)}else I?.provider===`api`&&(console.warn(`API provider not yet implemented for ObjectCalendar`),t&&v([]));t&&b(!1)}catch(e){console.error(`[ObjectCalendar] Error fetching data:`,e),t&&(S(e),b(!1))}})(),()=>{t=!1}},[g,I,i,R,e.filter,e.sort,j]),(0,t.useEffect)(()=>{!R&&i&&(async()=>{try{if(!i)return;let t=I?.provider===`object`?I.object:e.objectName;if(!t)return;w(await i.getObjectSchema(t))}catch(e){console.error(`Failed to fetch object schema:`,e)}})()},[e.objectName,i,R,I]);let B=(0,t.useMemo)(()=>{if(!L||!_.length)return[];let{startDateField:e,endDateField:t,titleField:n,colorField:r}=L,i=C?.titleFormat,a=C?.NAME_FIELD_KEY,o=[`name`,`full_name`,`fullName`,`title`,`subject`,`label`,`display_name`,`displayName`],s=(e,t)=>{let n=`[-\\u2013\\u2014|/·,:]`,r=!1,i=e.replace(/\{([^{}]+)\}/g,(e,n)=>{let i=t[n.trim()];return i!=null&&i!==``?(r=!0,String(i)):`\0`});return r?i.replace(RegExp(`\\s*${n}\\s*`,`g`),``).replace(RegExp(`\\s*${n}\\s*`,`g`),``).replace(RegExp(`\0`,`g`),``).replace(/\s+/g,` `).trim():``},c=e=>{let t;if(n&&(t=e[n],typeof t==`string`&&(t=t.trim())),!t&&i){let n=s(i,e);n&&(t=n)}if(!t&&a){let n=e[a];typeof n==`string`?t=n.trim():n&&(t=n)}if(!t)for(let n of o){let r=e[n],i=typeof r==`string`?r.trim():r;if(i){t=i;break}}return t||`Untitled`};return _.map((n,i)=>{let a=n[e],o=t?n[t]:null,s=c(n),l=r?n[r]:void 0;return{id:n.id||n._id||`event-${i}`,title:s,start:a?new Date(a):new Date,end:o?new Date(o):void 0,color:l,allDay:!o,data:n}}).filter(e=>!isNaN(e.start.getTime()))},[_,L,C]);(0,t.useCallback)(()=>{d?.(new Date)},[d]);let V=(0,r.useNavigationOverlay)({navigation:e.navigation,objectName:e.objectName,onRowClick:u});return y?(0,H.jsx)(`div`,{className:o,children:(0,H.jsx)(`div`,{className:`flex items-center justify-center h-96`,children:(0,H.jsx)(`div`,{className:`text-muted-foreground`,children:`Loading calendar...`})})}):x?(0,H.jsx)(`div`,{className:o,children:(0,H.jsx)(`div`,{className:`flex items-center justify-center h-96`,children:(0,H.jsxs)(`div`,{className:`text-destructive`,children:[`Error: `,x.message]})})}):L?(0,H.jsxs)(`div`,{ref:N,className:o,children:[F>0&&(0,H.jsx)(`div`,{className:`flex items-center justify-center text-xs text-muted-foreground`,style:{height:F},children:P?`Refreshing…`:`Pull to refresh`}),(0,H.jsx)(`div`,{className:`border rounded-lg bg-background h-[calc(100vh-120px)] sm:h-[calc(100vh-160px)] md:h-[calc(100vh-200px)] min-h-[400px] sm:min-h-[600px]`,children:(0,H.jsx)(q,{events:B,currentDate:T,view:k,locale:h,onEventClick:e=>{V.handleClick(e.data),l?.(e.data)},onDateClick:d,onNavigate:e=>{E(e),f?.(e)},onViewChange:e=>{A(e),p?.(e)},onAddClick:void 0,onEventDrop:m?(e,t,n)=>{m(e.data,t,n)}:void 0})}),V.isOverlay&&(0,H.jsx)(a.NavigationOverlay,{...V,title:`Event Details`,children:e=>(0,H.jsx)(`div`,{className:`space-y-3`,children:Object.entries(e).map(([e,t])=>(0,H.jsxs)(`div`,{className:`flex flex-col`,children:[(0,H.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:e.replace(/_/g,` `)}),(0,H.jsx)(`span`,{className:`text-sm`,children:String(t??`—`)})]},e))})})]}):(0,H.jsx)(`div`,{className:o,children:(0,H.jsx)(`div`,{className:`flex items-center justify-center h-96`,children:(0,H.jsx)(`div`,{className:`text-muted-foreground`,children:`Calendar configuration required. Please specify startDateField and titleField.`})})})};n.ComponentRegistry.register(`calendar-view`,({schema:e,className:n,onAction:r,...i})=>{let a=t.default.useMemo(()=>!e.data||!Array.isArray(e.data)?[]:e.data.map((t,n)=>{let r=e.titleField||`title`,i=e.startDateField||`start`,a=e.endDateField||`end`,o=e.colorField||`color`,s=e.allDayField||`allDay`;return{id:t.id||t._id||n,title:t[r]||`Untitled Event`,start:new Date(t[i]),end:t[a]?new Date(t[a]):void 0,allDay:t[s],color:t[o],data:t}}),[e.data,e.titleField,e.startDateField,e.endDateField,e.colorField,e.allDayField]);return(0,H.jsx)(q,{className:n,events:a,onEventClick:e=>{r?.({type:`event-click`,payload:e})},...i})},{namespace:`plugin-calendar`,label:`Calendar View`,inputs:[{name:`data`,type:`array`,label:`Data`,description:`Array of record objects to display as events`},{name:`titleField`,type:`string`,label:`Title Field`,defaultValue:`title`,description:`Field name to use for event title`},{name:`startDateField`,type:`string`,label:`Start Date Field`,defaultValue:`start`,description:`Field name for event start date`},{name:`endDateField`,type:`string`,label:`End Date Field`,defaultValue:`end`,description:`Field name for event end date (optional)`},{name:`allDayField`,type:`string`,label:`All Day Field`,defaultValue:`allDay`,description:`Field name for all-day flag`},{name:`colorField`,type:`string`,label:`Color Field`,defaultValue:`color`,description:`Field name for event color`},{name:`colorMapping`,type:`object`,label:`Color Mapping`,description:`Map field values to colors (e.g., {meeting: "blue", deadline: "red"})`},{name:`view`,type:`enum`,enum:[`month`,`week`,`day`],defaultValue:`month`,label:`View Mode`,description:`Calendar view mode (month, week, or day)`},{name:`currentDate`,type:`string`,label:`Current Date`,description:`ISO date string for initial calendar date`},{name:`allowCreate`,type:`boolean`,label:`Allow Create`,defaultValue:!1,description:`Allow creating events by clicking on dates`},{name:`className`,type:`string`,label:`CSS Class`}],defaultProps:{view:`month`,titleField:`title`,startDateField:`start`,endDateField:`end`,allDayField:`allDay`,colorField:`color`,allowCreate:!1,data:[{id:1,title:`Team Meeting`,start:new Date(new Date().setHours(10,0,0,0)).toISOString(),end:new Date(new Date().setHours(11,0,0,0)).toISOString(),color:`#3b82f6`,allDay:!1},{id:2,title:`Project Deadline`,start:new Date(new Date().setDate(new Date().getDate()+3)).toISOString(),color:`#ef4444`,allDay:!0},{id:3,title:`Conference`,start:new Date(new Date().setDate(new Date().getDate()+7)).toISOString(),end:new Date(new Date().setDate(new Date().getDate()+9)).toISOString(),color:`#10b981`,allDay:!0}],className:`h-[600px] border rounded-lg`}});var $=({schema:e,...t})=>{let{dataSource:n}=(0,r.useSchemaContext)()||{};return(0,H.jsx)(Q,{schema:e,dataSource:n,...t})};n.ComponentRegistry.register(`object-calendar`,$,{namespace:`plugin-calendar`,label:`Object Calendar`,category:`view`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`calendar`,type:`object`,label:`Calendar Config`,description:`startDateField, endDateField, titleField, colorField`}]}),n.ComponentRegistry.register(`calendar`,$,{namespace:`view`,label:`Calendar View`,category:`view`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`calendar`,type:`object`,label:`Calendar Config`,description:`startDateField, endDateField, titleField, colorField`}]}),e.CalendarView=q,e.ObjectCalendar=Q,e.ObjectCalendarRenderer=$});

package/dist/packages/plugin-calendar/src/ObjectCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectCalendar.d.ts","sourceRoot":"","sources":["../../../../src/ObjectCalendar.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAA4B,MAAM,kBAAkB,CAAC;AAO/F,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,wBAAwB;IACxB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;CACxC;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,gBAAgB,GAAG,cAAc,CAAC;IAC1C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6GAA6G;IAC7G,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,2FAA2F;IAC3F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAkFD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8VxD,CAAC"}
+{"version":3,"file":"ObjectCalendar.d.ts","sourceRoot":"","sources":["../../../../src/ObjectCalendar.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAA4B,MAAM,kBAAkB,CAAC;AAO/F,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,wBAAwB;IACxB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;CACxC;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,gBAAgB,GAAG,cAAc,CAAC;IAC1C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6GAA6G;IAC7G,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,2FAA2F;IAC3F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAkFD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsWxD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-calendar",
-  "version": "3.4.0",
+  "version": "4.0.1",
   "type": "module",
   "license": "MIT",
   "description": "Calendar view plugins for Object UI - includes both ObjectQL-integrated and standalone calendar components",
@@ -25,13 +25,13 @@
   },
   "dependencies": {
     "lucide-react": "^1.14.0",
-    "@object-ui/components": "3.4.0",
-    "@object-ui/core": "3.4.0",
-    "@object-ui/fields": "3.4.0",
-    "@object-ui/i18n": "3.4.0",
-    "@object-ui/mobile": "3.4.0",
-    "@object-ui/react": "3.4.0",
-    "@object-ui/types": "3.4.0"
+    "@object-ui/components": "4.0.1",
+    "@object-ui/core": "4.0.1",
+    "@object-ui/fields": "4.0.1",
+    "@object-ui/i18n": "4.0.1",
+    "@object-ui/mobile": "4.0.1",
+    "@object-ui/react": "4.0.1",
+    "@object-ui/types": "4.0.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -44,7 +44,7 @@
     "typescript": "^6.0.3",
     "vite": "^8.0.10",
     "vite-plugin-dts": "^5.0.0",
-    "@object-ui/data-objectstack": "3.4.0"
+    "@object-ui/data-objectstack": "4.0.1"
   },
   "keywords": [
     "objectui",