@schedule-x/react 1.38.0 → 1.39.1

package/src/schedule-x-calendar.tsx

@@ -1,94 +0,0 @@
-import { CalendarApp } from '@schedule-x/calendar'
-import React, { createElement, Fragment, useEffect, useState } from 'react'
-import { createPortal } from 'react-dom'
-import {
-  CustomComponentMeta,
-  CustomComponentsMeta,
-} from './types/custom-components.ts'
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-type ReactComponent = React.ComponentType<any>
-
-type props = {
-  calendarApp: CalendarApp | undefined // undefined allowed to prevent errors in SSR
-  customComponents?: {
-    timeGridEvent?: ReactComponent
-    dateGridEvent?: ReactComponent
-    monthGridEvent?: ReactComponent
-    monthAgendaEvent?: ReactComponent
-    eventModal?: ReactComponent
-  }
-}
-
-const createCustomComponentFn =
-  (
-    setCustomComponent: (component: CustomComponentMeta) => void,
-    customComponent: ReactComponent
-  ) =>
-  (wrapperElement: HTMLElement, props: Record<string, unknown>) => {
-    setCustomComponent({
-      Component: createElement(customComponent, props),
-      wrapperElement,
-    })
-  }
-
-export function ScheduleXCalendar({ calendarApp, customComponents }: props) {
-  const [randomId, setRandomId] = useState('')
-  const [customComponentsMeta, setCustomComponentsMeta] =
-    useState<CustomComponentsMeta>([])
-
-  const setComponent = (component: CustomComponentMeta) => {
-    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]
-    })
-  }
-
-  useEffect(() => {
-    setRandomId('sx' + Math.random().toString(36).substring(2, 11))
-  }, [])
-
-  useEffect(() => {
-    if (!calendarApp) return // in SSR, calendarApp will be undefined
-
-    for (const [componentName, Component] of Object.entries(
-      customComponents || {}
-    )) {
-      calendarApp._setCustomComponentFn(
-        componentName as
-          | 'timeGridEvent'
-          | 'dateGridEvent'
-          | 'monthGridEvent'
-          | 'monthAgendaEvent'
-          | 'eventModal',
-        createCustomComponentFn(setComponent, Component)
-      )
-    }
-
-    const calendarElement = document.getElementById(randomId)
-    if (!calendarElement) return
-
-    calendarApp.render(calendarElement as HTMLElement)
-  }, [calendarApp, customComponents, randomId])
-
-  return (
-    <>
-      <Fragment>
-        <div className="sx-react-calendar-wrapper" id={randomId}></div>
-
-        {customComponentsMeta.map(({ Component, wrapperElement }) => {
-          return createPortal(Component, wrapperElement)
-        })}
-      </Fragment>
-    </>
-  )
-}

package/src/types/custom-components.ts

@@ -1,8 +0,0 @@
-import { ReactElement } from 'react'
-
-export type CustomComponentMeta = {
-  Component: ReactElement
-  wrapperElement: HTMLElement
-}
-
-export type CustomComponentsMeta = CustomComponentMeta[]

package/src/use-calendar-app.tsx

@@ -1,23 +0,0 @@
-import {
-  CalendarApp,
-  CalendarConfig,
-  createCalendar,
-} from '@schedule-x/calendar'
-import { useEffect, useState } from 'react'
-
-export function useCalendarApp(config: CalendarConfig) {
-  const [calendarApp] = useState(createCalendar(config))
-  return calendarApp
-}
-
-export function useNextCalendarApp(config: CalendarConfig) {
-  const [calendarApp, setCalendarApp] = useState<CalendarApp>()
-
-  useEffect(() => {
-    if (typeof window !== 'undefined') {
-      setCalendarApp(createCalendar(config))
-    }
-  }, [])
-
-  return calendarApp
-}

package/tsconfig.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2019",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["cypress/**/*.cy.ts", "cypress", "development"],
-  "references": [{ "path": "./tsconfig.node.json" }],
-  "types": ["vite/client", "cypress", "node"]
-}

package/tsconfig.node.json

@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/tsconfig.rollup.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2019",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-
-    "declaration": true,
-    "declarationDir": "types",
-    "emitDeclarationOnly": true
-  },
-  "include": ["src"],
-  "references": [{ "path": "./tsconfig.node.json" }],
-  "types": ["vite/client", "node"]
-}

package/vite.config.ts

@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [react()],
-})