@schedule-x/react 1.33.0 → 1.35.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.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)
+
+
+### Features
+
+* **deps:** update devdependencies (non-major) ([#102](https://github.com/schedule-x/react/issues/102)) ([8f22c1f](https://github.com/schedule-x/react/commit/8f22c1f3b058aa9fcc0238527fcc054489a0ddae))
+
 # [1.33.0](https://github.com/schedule-x/react/compare/v1.32.0...v1.33.0) (2024-04-26)
 
 

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

@@ -189,9 +189,9 @@
       "dev": true
     },
     "node_modules/@types/react": {
-      "version": "18.3.0",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.0.tgz",
-      "integrity": "sha512-DiUcKjzE6soLyln8NNZmyhcQjVv+WsUIFSqetMN0p8927OztKT4VTfFTqsbAi5oAGIcgOmOajlfBqyptDDjZRw==",
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-V0kuGBX3+prX+DQ/7r2qsv1NsdfnCLnTgnRJ1pYnxykBhGMz+qj+box5lq7XsO5mtZsBqpjwwTu/7wszPfMBcw==",
       "dev": true,
       "dependencies": {
         "@types/prop-types": "*",

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.33.0",
+  "version": "1.35.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.36.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(),