@schedule-x/react 1.34.0 → 1.36.0

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.36.0](https://github.com/schedule-x/react/compare/v1.35.0...v1.36.0) (2024-05-07)
+
+
+### Features
+
+* update schedule-x monorepo packages to v1.38.0 ([#104](https://github.com/schedule-x/react/issues/104)) ([ca69698](https://github.com/schedule-x/react/commit/ca696987049a9b914ae50add988c5db89058374e))
+
+# [1.35.0](https://github.com/schedule-x/react/compare/v1.34.0...v1.35.0) (2024-05-01)
+
+
+### Features
+
+* make commonjs filename use cjs extension ([#103](https://github.com/schedule-x/react/issues/103)) ([cae187b](https://github.com/schedule-x/react/commit/cae187b4ae576711f07ed4437bdec3f4f8b42791))
+
 # [1.34.0](https://github.com/schedule-x/react/compare/v1.33.0...v1.34.0) (2024-04-30)
 
 

package/development/next-app/package-lock.json

@@ -174,9 +174,9 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "20.12.7",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.7.tgz",
-      "integrity": "sha512-wq0cICSkRLVaf3UGLMGItu/PtdY7oaXaI/RVU+xliKVOtRna3PRY57ZDfztpDL0n11vfymMUnXv8QwYCO7L1wg==",
+      "version": "20.12.8",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.8.tgz",
+      "integrity": "sha512-NU0rJLJnshZWdE/097cdCBbyW1h4hEg0xpovcoAQYHl8dnEyp/NAOiE45pvc+Bd1Dt+2r94v2eGFpQJ4R7g+2w==",
       "dev": true,
       "dependencies": {
         "undici-types": "~5.26.4"

package/dist/index.cjs

@@ -0,0 +1,64 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var reactDom = require('react-dom');
+var calendar = require('@schedule-x/calendar');
+
+const createCustomComponentFn = (setCustomComponent, customComponent) => (wrapperElement, props) => {
+    setCustomComponent({
+        Component: react.createElement(customComponent, props),
+        wrapperElement,
+    });
+};
+function ScheduleXCalendar({ calendarApp, customComponents }) {
+    const [randomId, setRandomId] = react.useState('');
+    const [customComponentsMeta, setCustomComponentsMeta] = react.useState([]);
+    const setComponent = (component) => {
+        setCustomComponentsMeta((prev) => {
+            const newComponents = [...prev];
+            const ccid = component.wrapperElement.dataset.ccid;
+            const existingComponent = newComponents.find((c) => c.wrapperElement.dataset.ccid === ccid);
+            if (existingComponent) {
+                newComponents.splice(newComponents.indexOf(existingComponent), 1);
+            }
+            return [...newComponents, component];
+        });
+    };
+    react.useEffect(() => {
+        setRandomId('sx' + Math.random().toString(36).substring(2, 11));
+    }, []);
+    react.useEffect(() => {
+        if (!calendarApp)
+            return; // in SSR, calendarApp will be undefined
+        for (const [componentName, Component] of Object.entries(customComponents || {})) {
+            calendarApp._setCustomComponentFn(componentName, createCustomComponentFn(setComponent, Component));
+        }
+        const calendarElement = document.getElementById(randomId);
+        if (!calendarElement)
+            return;
+        calendarApp.render(calendarElement);
+    }, [calendarApp, customComponents, randomId]);
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(react.Fragment, { children: [jsxRuntime.jsx("div", { className: "sx-react-calendar-wrapper", id: randomId }), customComponentsMeta.map(({ Component, wrapperElement }) => {
+                    return reactDom.createPortal(Component, wrapperElement);
+                })] }) }));
+}
+
+function useCalendarApp(config) {
+    const [calendarApp] = react.useState(calendar.createCalendar(config));
+    return calendarApp;
+}
+function useNextCalendarApp(config) {
+    const [calendarApp, setCalendarApp] = react.useState();
+    react.useEffect(() => {
+        if (typeof window !== 'undefined') {
+            setCalendarApp(calendar.createCalendar(config));
+        }
+    }, []);
+    return calendarApp;
+}
+
+exports.Calendar = ScheduleXCalendar;
+exports.ScheduleXCalendar = ScheduleXCalendar;
+exports.useCalendarApp = useCalendarApp;
+exports.useNextCalendarApp = useNextCalendarApp;

package/package.json

@@ -11,10 +11,10 @@
     "internationalization",
     "react"
   ],
-  "main": "dist/index.cjs.js",
+  "main": "dist/index.cjs",
   "module": "dist/index.js",
   "types": "dist/types/index.d.ts",
-  "version": "1.34.0",
+  "version": "1.36.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -26,7 +26,7 @@
     "build:publish": "npm run build && npm publish"
   },
   "peerDependencies": {
-    "@schedule-x/calendar": "1.35.0",
+    "@schedule-x/calendar": "1.38.0",
     "react": "^16.7.0 || ^17 || ^18",
     "react-dom": "^16.7.0 || ^17 || ^18"
   },

package/rollup.config.js

@@ -13,6 +13,7 @@ export default {
   input: 'src/index.tsx',
   output: [
     {
+      // deprecate with v2
       file: pJson.main,
       format: 'cjs',
       name: 'react-lib',
@@ -21,6 +22,10 @@ export default {
       file: pJson.module,
       format: 'esm',
     },
+    {
+      file: 'dist/index.cjs.js',
+      format: 'cjs',
+    },
   ],
   plugins: [
     external(),