@reservi/react 1.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Reservi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),n=require("react"),g=require("@reservi/preact"),e=require("@reservi/core");function s({onReady:u,className:c,...r}){const i=n.useRef(null),t=n.useRef(null);return n.useEffect(()=>{if(!i.current)return;const l=g.mount(i.current,r);return t.current=l,u==null||u(l.api),()=>{l.destroy(),t.current=null}},[]),n.useEffect(()=>{t.current&&r.events&&t.current.api.refetchEvents(r.events)},[r.events]),f.jsx("div",{ref:i,className:c})}Object.defineProperty(exports,"dayGridPlugin",{enumerable:!0,get:()=>e.dayGridPlugin});Object.defineProperty(exports,"definePlugin",{enumerable:!0,get:()=>e.definePlugin});Object.defineProperty(exports,"defineTheme",{enumerable:!0,get:()=>e.defineTheme});Object.defineProperty(exports,"listPlugin",{enumerable:!0,get:()=>e.listPlugin});Object.defineProperty(exports,"multiMonthPlugin",{enumerable:!0,get:()=>e.multiMonthPlugin});Object.defineProperty(exports,"resourcePlugin",{enumerable:!0,get:()=>e.resourcePlugin});Object.defineProperty(exports,"timeGridPlugin",{enumerable:!0,get:()=>e.timeGridPlugin});Object.defineProperty(exports,"timelinePlugin",{enumerable:!0,get:()=>e.timelinePlugin});exports.ReserviCalendar=s;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/ReserviCalendar.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { mount, type ReserviCalendarHandle, type ReserviCalendarOptions } from \"@reservi/preact\";\nimport type { CalendarApi } from \"@reservi/core\";\n\nexport interface ReserviCalendarProps extends ReserviCalendarOptions {\n  /** Se invoca con la API del calendario tras montar. */\n  onReady?: (api: CalendarApi) => void;\n  /** Clase del contenedor host. */\n  className?: string;\n}\n\n/**\n * Componente React. Monta el calendario agnóstico (Preact) en un div y mantiene\n * sincronizados los eventos; el resto se controla vía la API (onReady).\n */\nexport function ReserviCalendar({ onReady, className, ...options }: ReserviCalendarProps) {\n  const hostRef = useRef<HTMLDivElement>(null);\n  const handleRef = useRef<ReserviCalendarHandle | null>(null);\n\n  // Montaje único (la identidad de la instancia se mantiene entre renders).\n  useEffect(() => {\n    if (!hostRef.current) return;\n    const handle = mount(hostRef.current, options);\n    handleRef.current = handle;\n    onReady?.(handle.api);\n    return () => {\n      handle.destroy();\n      handleRef.current = null;\n    };\n  }, []);\n\n  // Sincroniza eventos cuando cambia la prop.\n  useEffect(() => {\n    if (handleRef.current && options.events) {\n      handleRef.current.api.refetchEvents(options.events);\n    }\n  }, [options.events]);\n\n  return <div ref={hostRef} className={className} />;\n}\n"],"names":["ReserviCalendar","onReady","className","options","hostRef","useRef","handleRef","useEffect","handle","mount","jsx"],"mappings":"gMAeO,SAASA,EAAgB,CAAE,QAAAC,EAAS,UAAAC,EAAW,GAAGC,GAAiC,CACxF,MAAMC,EAAUC,EAAAA,OAAuB,IAAI,EACrCC,EAAYD,EAAAA,OAAqC,IAAI,EAG3DE,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACH,EAAQ,QAAS,OACtB,MAAMI,EAASC,EAAAA,MAAML,EAAQ,QAASD,CAAO,EAC7C,OAAAG,EAAU,QAAUE,EACpBP,GAAA,MAAAA,EAAUO,EAAO,KACV,IAAM,CACXA,EAAO,QAAA,EACPF,EAAU,QAAU,IACtB,CACF,EAAG,CAAA,CAAE,EAGLC,EAAAA,UAAU,IAAM,CACVD,EAAU,SAAWH,EAAQ,QAC/BG,EAAU,QAAQ,IAAI,cAAcH,EAAQ,MAAM,CAEtD,EAAG,CAACA,EAAQ,MAAM,CAAC,EAEZO,EAAAA,IAAC,MAAA,CAAI,IAAKN,EAAS,UAAAF,CAAA,CAAsB,CAClD"}

package/dist/index.d.ts

@@ -0,0 +1,67 @@
+import { CalendarApi } from '@reservi/core';
+import { CalendarOptions } from '@reservi/core';
+import { dayGridPlugin } from '@reservi/core';
+import { definePlugin } from '@reservi/core';
+import { defineTheme } from '@reservi/core';
+import { EventDef } from '@reservi/core';
+import { EventInput } from '@reservi/core';
+import { JSX } from 'react';
+import { listPlugin } from '@reservi/core';
+import { multiMonthPlugin } from '@reservi/core';
+import { ReserviCalendarOptions } from '@reservi/preact';
+import { ReserviClassNames } from '@reservi/preact';
+import { ReserviSlots } from '@reservi/preact';
+import { ReserviThemeTokens } from '@reservi/core';
+import { ResourceInput } from '@reservi/core';
+import { resourcePlugin } from '@reservi/core';
+import { timeGridPlugin } from '@reservi/core';
+import { timelinePlugin } from '@reservi/core';
+
+export { CalendarApi }
+
+export { CalendarOptions }
+
+export { dayGridPlugin }
+
+export { definePlugin }
+
+export { defineTheme }
+
+export { EventDef }
+
+export { EventInput }
+
+export { listPlugin }
+
+export { multiMonthPlugin }
+
+/**
+ * Componente React. Monta el calendario agnóstico (Preact) en un div y mantiene
+ * sincronizados los eventos; el resto se controla vía la API (onReady).
+ */
+export declare function ReserviCalendar({ onReady, className, ...options }: ReserviCalendarProps): JSX.Element;
+
+export { ReserviCalendarOptions }
+
+export declare interface ReserviCalendarProps extends ReserviCalendarOptions {
+    /** Se invoca con la API del calendario tras montar. */
+    onReady?: (api: CalendarApi) => void;
+    /** Clase del contenedor host. */
+    className?: string;
+}
+
+export { ReserviClassNames }
+
+export { ReserviSlots }
+
+export { ReserviThemeTokens }
+
+export { ResourceInput }
+
+export { resourcePlugin }
+
+export { timeGridPlugin }
+
+export { timelinePlugin }
+
+export { }

package/dist/index.js

@@ -0,0 +1,28 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useRef as i, useEffect as l } from "react";
+import { mount as m } from "@reservi/preact";
+import { dayGridPlugin as v, definePlugin as p, defineTheme as a, listPlugin as x, multiMonthPlugin as E, resourcePlugin as G, timeGridPlugin as j, timelinePlugin as C } from "@reservi/core";
+function P({ onReady: n, className: f, ...e }) {
+  const t = i(null), r = i(null);
+  return l(() => {
+    if (!t.current) return;
+    const u = m(t.current, e);
+    return r.current = u, n == null || n(u.api), () => {
+      u.destroy(), r.current = null;
+    };
+  }, []), l(() => {
+    r.current && e.events && r.current.api.refetchEvents(e.events);
+  }, [e.events]), /* @__PURE__ */ c("div", { ref: t, className: f });
+}
+export {
+  P as ReserviCalendar,
+  v as dayGridPlugin,
+  p as definePlugin,
+  a as defineTheme,
+  x as listPlugin,
+  E as multiMonthPlugin,
+  G as resourcePlugin,
+  j as timeGridPlugin,
+  C as timelinePlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/ReserviCalendar.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { mount, type ReserviCalendarHandle, type ReserviCalendarOptions } from \"@reservi/preact\";\nimport type { CalendarApi } from \"@reservi/core\";\n\nexport interface ReserviCalendarProps extends ReserviCalendarOptions {\n  /** Se invoca con la API del calendario tras montar. */\n  onReady?: (api: CalendarApi) => void;\n  /** Clase del contenedor host. */\n  className?: string;\n}\n\n/**\n * Componente React. Monta el calendario agnóstico (Preact) en un div y mantiene\n * sincronizados los eventos; el resto se controla vía la API (onReady).\n */\nexport function ReserviCalendar({ onReady, className, ...options }: ReserviCalendarProps) {\n  const hostRef = useRef<HTMLDivElement>(null);\n  const handleRef = useRef<ReserviCalendarHandle | null>(null);\n\n  // Montaje único (la identidad de la instancia se mantiene entre renders).\n  useEffect(() => {\n    if (!hostRef.current) return;\n    const handle = mount(hostRef.current, options);\n    handleRef.current = handle;\n    onReady?.(handle.api);\n    return () => {\n      handle.destroy();\n      handleRef.current = null;\n    };\n  }, []);\n\n  // Sincroniza eventos cuando cambia la prop.\n  useEffect(() => {\n    if (handleRef.current && options.events) {\n      handleRef.current.api.refetchEvents(options.events);\n    }\n  }, [options.events]);\n\n  return <div ref={hostRef} className={className} />;\n}\n"],"names":["ReserviCalendar","onReady","className","options","hostRef","useRef","handleRef","useEffect","handle","mount","jsx"],"mappings":";;;;AAeO,SAASA,EAAgB,EAAE,SAAAC,GAAS,WAAAC,GAAW,GAAGC,KAAiC;AACxF,QAAMC,IAAUC,EAAuB,IAAI,GACrCC,IAAYD,EAAqC,IAAI;AAG3D,SAAAE,EAAU,MAAM;AACd,QAAI,CAACH,EAAQ,QAAS;AACtB,UAAMI,IAASC,EAAML,EAAQ,SAASD,CAAO;AAC7C,WAAAG,EAAU,UAAUE,GACpBP,KAAA,QAAAA,EAAUO,EAAO,MACV,MAAM;AACX,MAAAA,EAAO,QAAA,GACPF,EAAU,UAAU;AAAA,IACtB;AAAA,EACF,GAAG,CAAA,CAAE,GAGLC,EAAU,MAAM;AACd,IAAID,EAAU,WAAWH,EAAQ,UAC/BG,EAAU,QAAQ,IAAI,cAAcH,EAAQ,MAAM;AAAA,EAEtD,GAAG,CAACA,EAAQ,MAAM,CAAC,GAEZ,gBAAAO,EAAC,OAAA,EAAI,KAAKN,GAAS,WAAAF,EAAA,CAAsB;AAClD;"}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@reservi/react",
+  "version": "1.1.0",
+  "description": "Wrapper de React para Reservi Calendar.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "dependencies": {
+    "@reservi/core": "1.1.0",
+    "@reservi/preact": "1.1.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
+    "jsdom": "^25.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.0",
+    "vite-plugin-dts": "^4.3.0",
+    "vitest": "^2.1.8",
+    "@reservi/eslint-config": "1.1.0",
+    "@reservi/tsconfig": "1.1.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "test": "vitest run",
+    "lint": "eslint src",
+    "typecheck": "tsc --noEmit"
+  }
+}