@isma91/react-scheduler 4.0.0 → 4.0.1

package/jest.config.ts

@@ -1,194 +0,0 @@
-/*
- * For a detailed explanation regarding each configuration property and type check, visit:
- * https://jestjs.io/docs/configuration
- */
-
-export default {
-  // All imported modules in your tests should be mocked automatically
-  // automock: false,
-
-  // Stop running tests after `n` failures
-  // bail: 0,
-
-  // The directory where Jest should store its cached dependency information
-  // cacheDirectory: "/tmp/jest_rs",
-
-  // Automatically clear mock calls, instances and results before every test
-  // clearMocks: false,
-
-  // Indicates whether the coverage information should be collected while executing the test
-  // collectCoverage: false,
-
-  // An array of glob patterns indicating a set of files for which coverage information should be collected
-  // collectCoverageFrom: undefined,
-
-  // The directory where Jest should output its coverage files
-  // coverageDirectory: undefined,
-
-  // An array of regexp pattern strings used to skip coverage collection
-  // coveragePathIgnorePatterns: [
-  //   "/node_modules/"
-  // ],
-
-  // Indicates which provider should be used to instrument code for coverage
-  // coverageProvider: "babel",
-
-  // A list of reporter names that Jest uses when writing coverage reports
-  // coverageReporters: [
-  //   "json",
-  //   "text",
-  //   "lcov",
-  //   "clover"
-  // ],
-
-  // An object that configures minimum threshold enforcement for coverage results
-  // coverageThreshold: undefined,
-
-  // A path to a custom dependency extractor
-  // dependencyExtractor: undefined,
-
-  // Make calling deprecated APIs throw helpful error messages
-  // errorOnDeprecated: false,
-
-  // Force coverage collection from ignored files using an array of glob patterns
-  // forceCoverageMatch: [],
-
-  // A path to a module which exports an async function that is triggered once before all test suites
-  // globalSetup: undefined,
-
-  // A path to a module which exports an async function that is triggered once after all test suites
-  // globalTeardown: undefined,
-
-  // A set of global variables that need to be available in all test environments
-  // globals: {},
-
-  // The maximum amount of workers used to run your tests. Can be specified as % or a number. E.g. maxWorkers: 10% will use 10% of your CPU amount + 1 as the maximum worker number. maxWorkers: 2 will use a maximum of 2 workers.
-  // maxWorkers: "50%",
-
-  // An array of directory names to be searched recursively up from the requiring module's location
-  // moduleDirectories: [
-  //   "node_modules"
-  // ],
-
-  // An array of file extensions your modules use
-  // moduleFileExtensions: [
-  //   "js",
-  //   "jsx",
-  //   "ts",
-  //   "tsx",
-  //   "json",
-  //   "node"
-  // ],
-
-  // A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
-  // moduleNameMapper: {},
-
-  // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
-  // modulePathIgnorePatterns: [],
-
-  // Activates notifications for test results
-  // notify: false,
-
-  // An enum that specifies notification mode. Requires { notify: true }
-  // notifyMode: "failure-change",
-
-  // A preset that is used as a base for Jest's configuration
-  // preset: undefined,
-
-  // Run tests from one or more projects
-  // projects: undefined,
-
-  // Use this configuration option to add custom reporters to Jest
-  // reporters: undefined,
-
-  // Automatically reset mock state before every test
-  // resetMocks: false,
-
-  // Reset the module registry before running each individual test
-  // resetModules: false,
-
-  // A path to a custom resolver
-  // resolver: undefined,
-
-  // Automatically restore mock state and implementation before every test
-  // restoreMocks: false,
-
-  // The root directory that Jest should scan for tests and modules within
-  // rootDir: undefined,
-
-  // A list of paths to directories that Jest should use to search for files in
-  roots: ["<rootDir>/src"],
-
-  // Allows you to use a custom runner instead of Jest's default test runner
-  // runner: "jest-runner",
-
-  // The paths to modules that run some code to configure or set up the testing environment before each test
-  // setupFiles: [],
-
-  // A list of paths to modules that run some code to configure or set up the testing framework before each test
-  // setupFilesAfterEnv: [],
-
-  // The number of seconds after which a test is considered as slow and reported as such in the results.
-  // slowTestThreshold: 5,
-
-  // A list of paths to snapshot serializer modules Jest should use for snapshot testing
-  // snapshotSerializers: [],
-
-  // The test environment that will be used for testing
-  testEnvironment: "jest-environment-jsdom",
-
-  // Options that will be passed to the testEnvironment
-  // testEnvironmentOptions: {},
-
-  // Adds a location field to test results
-  // testLocationInResults: false,
-
-  // The glob patterns Jest uses to detect test files
-  // testMatch: [
-  //   "**/__tests__/**/*.[jt]s?(x)",
-  //   "**/?(*.)+(spec|test).[tj]s?(x)"
-  // ],
-
-  // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
-  // testPathIgnorePatterns: [
-  //   "/node_modules/"
-  // ],
-
-  // The regexp pattern or array of patterns that Jest uses to detect test files
-  // testRegex: [],
-
-  // This option allows the use of a custom results processor
-  // testResultsProcessor: undefined,
-
-  // This option allows use of a custom test runner
-  // testRunner: "jest-circus/runner",
-
-  // This option sets the URL for the jsdom environment. It is reflected in properties such as location.href
-  // testURL: "http://localhost",
-
-  // Setting this value to "fake" allows the use of fake timers for functions such as "setTimeout"
-  // timers: "real",
-
-  // A map from regular expressions to paths to transformers
-  transform: {
-    "^.+\\.(ts|js)x?$": "ts-jest",
-  },
-
-  // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
-  // transformIgnorePatterns: [
-  //   "/node_modules/",
-  //   "\\.pnp\\.[^\\/]+$"
-  // ],
-
-  // An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
-  // unmockedModulePathPatterns: undefined,
-
-  // Indicates whether each individual test should be reported during the run
-  // verbose: undefined,
-
-  // An array of regexp patterns that are matched against all source file paths before re-running tests in watch mode
-  // watchPathIgnorePatterns: [],
-
-  // Whether to use watchman for file crawling
-  // watchman: true,
-};

package/public/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/public/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

package/scripts/post-pack.js

@@ -1,34 +0,0 @@
-import fs from "node:fs";
-import path from "node:path";
-
-const init = async () => {
-  try {
-    const base = path.resolve("");
-    const files = ["LICENSE", "README.md"];
-    for (const file of files) {
-      await fs.promises.copyFile(path.join(base, file), path.join(base, "dist", file));
-    }
-
-    // clean up package.json on the fly
-    const pkg = await fs.promises.readFile(path.join(base, "package.json"), {
-      encoding: "utf-8",
-    });
-    const obj = JSON.parse(pkg);
-    delete obj.scripts;
-    delete obj.devDependencies;
-    delete obj["lint-staged"];
-    obj.homepage = "https://github.com/aldabil21/react-scheduler#readme";
-
-    await fs.promises.writeFile(
-      path.join(base, "dist", "package.json"),
-      JSON.stringify(obj, null, 2),
-      {
-        encoding: "utf-8",
-      }
-    );
-  } catch (error) {
-    throw error;
-  }
-};
-
-init();

package/src/App.tsx

@@ -1,25 +0,0 @@
-import { Scheduler } from "./lib";
-import { EVENTS } from "./events";
-import { useRef } from "react";
-import { SchedulerRef } from "./lib/types";
-import { Link } from "react-router-dom";
-
-function App() {
-  const calendarRef = useRef<SchedulerRef>(null);
-
-  return (
-    <>
-      <div>
-        <Link to="/1">Go to page 1</Link>
-      </div>
-
-      <Scheduler
-        ref={calendarRef}
-        events={EVENTS}
-        // events={generateRandomEvents(200)}
-      />
-    </>
-  );
-}
-
-export default App;

package/src/Page1.tsx

@@ -1,67 +0,0 @@
-import { Scheduler } from "./lib";
-import { EVENTS } from "./events";
-import { useCallback, useRef, useState } from "react";
-import { SchedulerRef } from "./lib/types";
-import { Link } from "react-router-dom";
-import { Button } from "@mui/material";
-
-function Page1() {
-  const calendarRef = useRef<SchedulerRef>(null);
-  const [loading, setLoading] = useState(false);
-
-  const handleRefresh = () => {
-    setLoading(true);
-    setTimeout(() => {
-      setLoading(false);
-    }, 2000);
-  };
-
-  const customHeader = useCallback(
-    () => <Button onClick={handleRefresh}>{loading ? "LOADING..." : "Refresh"}</Button>,
-    [loading, handleRefresh]
-  );
-
-  return (
-    <>
-      <div style={{ height: "200vh" }}>
-        <div>
-          <Link to="/">Go to home</Link>
-          <button onClick={() => setLoading((prev) => !prev)}>
-            Toggle Loading ({loading ? "ON" : "OFF"})
-          </button>
-        </div>
-
-        <div style={{ marginTop: "50px" }}>
-          <Scheduler
-            day={{
-              startHour: 0,
-              endHour: 24,
-              step: 60,
-              navigation: true,
-            }}
-            week={{
-              weekDays: [0, 1, 2, 3, 4, 5, 6],
-              weekStartOn: 1,
-              startHour: 0,
-              endHour: 24,
-              step: 60,
-              navigation: true,
-              disableGoToDay: true,
-            }}
-            ref={calendarRef}
-            events={EVENTS}
-            loading={loading}
-            customHeaderContent={customHeader}
-            stickyNavigation={true}
-            stickyNavigationOffset={64}
-            currentTimeBarColor="#ff00c3ff"
-            forceInlineMultiDay={true}
-            // events={generateRandomEvents(200)}
-          />
-        </div>
-      </div>
-    </>
-  );
-}
-
-export default Page1;

package/src/events.tsx

@@ -1,227 +0,0 @@
-import { datetime, RRule } from "rrule";
-import { ProcessedEvent } from "./lib/types";
-
-export const EVENTS: ProcessedEvent[] = [
-  {
-    event_id: 1,
-    title: "Event 1 (Disabled)",
-    subtitle: "This event is disabled",
-    start: new Date(new Date(new Date().setHours(9)).setMinutes(0)),
-    end: new Date(new Date(new Date().setHours(10)).setMinutes(0)),
-    disabled: true,
-    admin_id: [1, 2, 3, 4],
-  },
-  {
-    event_id: 2,
-    title: "Event 2",
-    subtitle: "This event is draggable",
-    start: new Date(new Date(new Date().setHours(10)).setMinutes(0)),
-    end: new Date(new Date(new Date().setHours(12)).setMinutes(0)),
-    admin_id: 2,
-    color: "#50b500",
-    agendaAvatar: "E",
-  },
-  {
-    event_id: 3,
-    title: "Event 3",
-    subtitle: "This event is not editable",
-    start: new Date(new Date(new Date().setHours(11)).setMinutes(0)),
-    end: new Date(new Date(new Date().setHours(12)).setMinutes(0)),
-    admin_id: 1,
-    editable: false,
-    deletable: false,
-  },
-  {
-    event_id: 4,
-    title: "Event 4",
-    start: new Date(
-      new Date(new Date(new Date().setHours(9)).setMinutes(30)).setDate(new Date().getDate() - 2)
-    ),
-    end: new Date(
-      new Date(new Date(new Date().setHours(11)).setMinutes(0)).setDate(new Date().getDate() - 2)
-    ),
-    admin_id: [2, 3],
-    color: "#900000",
-    allDay: true,
-  },
-  {
-    event_id: 5,
-    title: "Event 5",
-    subtitle: "This event is editable",
-    start: new Date(
-      new Date(new Date(new Date().setHours(10)).setMinutes(30)).setDate(new Date().getDate() - 2)
-    ),
-    end: new Date(
-      new Date(new Date(new Date().setHours(14)).setMinutes(0)).setDate(new Date().getDate() - 2)
-    ),
-    admin_id: 2,
-    editable: true,
-  },
-  {
-    event_id: 6,
-    title: "Event 6",
-    subtitle: "This event is all day",
-    start: new Date(
-      new Date(new Date(new Date().setHours(20)).setMinutes(30)).setDate(new Date().getDate() - 3)
-    ),
-    end: new Date(new Date(new Date().setHours(23)).setMinutes(0)),
-    admin_id: 2,
-    allDay: true,
-    sx: { color: "purple" },
-  },
-  {
-    event_id: 7,
-    title: "Event 7 (Not draggable)",
-    subtitle: "This event is not draggable",
-    start: new Date(
-      new Date(new Date(new Date().setHours(10)).setMinutes(30)).setDate(new Date().getDate() - 3)
-    ),
-    end: new Date(
-      new Date(new Date(new Date().setHours(14)).setMinutes(30)).setDate(new Date().getDate() - 3)
-    ),
-    admin_id: 1,
-    draggable: false,
-    color: "#8000cc",
-  },
-  {
-    event_id: 8,
-    title: "Event 8",
-    subtitle: "This event has a custom color",
-    start: new Date(
-      new Date(new Date(new Date().setHours(10)).setMinutes(30)).setDate(new Date().getDate() + 30)
-    ),
-    end: new Date(
-      new Date(new Date(new Date().setHours(14)).setMinutes(30)).setDate(new Date().getDate() + 30)
-    ),
-    admin_id: 1,
-    color: "#8000cc",
-  },
-  {
-    event_id: 9,
-    title: "Event 9",
-    subtitle: `This event is a recurring weekly until ${new Date(
-      new Date().setMonth(
-        new Date(
-          new Date(new Date(new Date().setHours(11)).setMinutes(0)).setDate(
-            new Date().getDate() + 1
-          )
-        ).getMonth() + 1
-      )
-    ).toDateString()}`,
-    start: new Date(
-      new Date(new Date(new Date().setHours(10)).setMinutes(0)).setDate(new Date().getDate() + 1)
-    ),
-    end: new Date(
-      new Date(new Date(new Date().setHours(11)).setMinutes(0)).setDate(new Date().getDate() + 1)
-    ),
-    recurring: new RRule({
-      freq: RRule.WEEKLY,
-      dtstart: convertDateToRRuleDate(
-        new Date(
-          new Date(new Date(new Date().setHours(10)).setMinutes(0)).setDate(
-            new Date().getDate() - 20
-          )
-        )
-      ),
-      until: new Date(
-        new Date().setMonth(
-          new Date(
-            new Date(new Date(new Date().setHours(11)).setMinutes(0)).setDate(
-              new Date().getDate() + 1
-            )
-          ).getMonth() + 1
-        )
-      ),
-    }),
-  },
-  {
-    event_id: 10,
-    title: "Event 10",
-    subtitle: "This event is a recurring hourly 3 times",
-    start: new Date(new Date(new Date().setHours(14)).setMinutes(15)),
-    end: new Date(new Date(new Date().setHours(14)).setMinutes(45)),
-    recurring: new RRule({
-      freq: RRule.HOURLY,
-      count: 3,
-      dtstart: convertDateToRRuleDate(new Date(new Date(new Date().setHours(14)).setMinutes(15))),
-    }),
-    color: "#dc4552",
-  },
-  {
-    event_id: 11,
-    title: "Event 11",
-    start: new Date(
-      new Date(new Date(new Date().setHours(9)).setMinutes(0)).setDate(new Date().getDate() - 2)
-    ),
-    end: new Date(
-      new Date(new Date(new Date().setHours(2)).setMinutes(0)).setDate(new Date().getDate() + 2)
-    ),
-    color: "#079000ff",
-    allDay: false,
-  },
-];
-
-export const RESOURCES = [
-  {
-    admin_id: 1,
-    title: "One",
-    mobile: "555666777",
-    avatar: "",
-    color: "#ab2d2d",
-  },
-  {
-    admin_id: 2,
-    title: "Two is very long name",
-    mobile: "555666777",
-    avatar: "https://picsum.photos/200/300",
-    color: "#58ab2d",
-  },
-  {
-    admin_id: 3,
-    title: "Three",
-    mobile: "555666777",
-    avatar: "https://picsum.photos/200/300",
-    color: "#a001a2",
-  },
-  {
-    admin_id: 4,
-    title: "Four",
-    mobile: "555666777",
-    avatar: "https://picsum.photos/200/300",
-    color: "#08c5bd",
-  },
-];
-
-export const generateRandomEvents = (total = 300) => {
-  const events = [];
-  for (let i = 0; i < total; i++) {
-    const day = Math.round(i % 15);
-    events.push({
-      event_id: Math.random(),
-      title: "Event " + (i + 1),
-      start: new Date(
-        new Date(new Date(new Date().setHours(10)).setMinutes(30)).setDate(
-          new Date().getDate() + day
-        )
-      ),
-      end: new Date(
-        new Date(new Date(new Date().setHours(14)).setMinutes(0)).setDate(
-          new Date().getDate() + day
-        )
-      ),
-      // allDay: Math.random() > 0.5,
-    });
-  }
-
-  return events;
-};
-
-function convertDateToRRuleDate(date: Date) {
-  return datetime(
-    date.getFullYear(),
-    date.getMonth() + 1,
-    date.getDate(),
-    date.getHours(),
-    date.getMinutes()
-  );
-}

package/src/index.tsx

@@ -1,21 +0,0 @@
-import * as React from "react";
-import { CssBaseline, ThemeProvider, createTheme } from "@mui/material";
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import { BrowserRouter, Route, Routes } from "react-router-dom";
-import Page1 from "./Page1";
-
-const root = createRoot(document.getElementById("root") as HTMLElement);
-root.render(
-  <React.StrictMode>
-    <ThemeProvider theme={createTheme()}>
-      <CssBaseline />
-      <BrowserRouter>
-        <Routes>
-          <Route path="/" element={<App />} />
-          <Route path="/1" element={<Page1 />} />
-        </Routes>
-      </BrowserRouter>
-    </ThemeProvider>
-  </React.StrictMode>
-);

package/src/lib/SchedulerComponent.tsx

@@ -1,78 +0,0 @@
-import { Week } from "./views/Week";
-import { Navigation } from "./components/nav/Navigation";
-import Editor from "./views/Editor";
-import { CircularProgress, Typography } from "@mui/material";
-import { Month } from "./views/Month";
-import { Day } from "./views/Day";
-import { Table, Wrapper } from "./styles/styles";
-import { forwardRef, useMemo } from "react";
-import useStore from "./hooks/useStore";
-import { SchedulerRef } from "./types";
-import { PositionProvider } from "./positionManger/provider";
-
-const SchedulerComponent = forwardRef<SchedulerRef, unknown>(function SchedulerComponent(_, ref) {
-  const store = useStore();
-  const { view, dialog, loading, loadingComponent, resourceViewMode, resources, translations } =
-    store;
-
-  const Views = useMemo(() => {
-    switch (view) {
-      case "month":
-        return <Month />;
-      case "week":
-        return <Week />;
-      case "day":
-        return <Day />;
-      default:
-        return "";
-    }
-  }, [view]);
-
-  const LoadingComp = useMemo(() => {
-    return (
-      <div className="rs__table_loading">
-        {loadingComponent || (
-          <div className="rs__table_loading_internal">
-            <span>
-              <CircularProgress size={50} />
-              <Typography align="center">{translations.loading}</Typography>
-            </span>
-          </div>
-        )}
-      </div>
-    );
-  }, [loadingComponent, translations.loading]);
-
-  return (
-    <Wrapper
-      dialog={dialog ? 1 : 0}
-      data-testid="rs-wrapper"
-      ref={(el) => {
-        const calendarRef = ref as any;
-        if (calendarRef) {
-          calendarRef.current = {
-            el,
-            scheduler: store,
-          };
-        }
-      }}
-    >
-      {loading ? LoadingComp : null}
-      <Navigation />
-      <Table
-        resource_count={resourceViewMode === "default" ? resources.length : 1}
-        // Temp resources/default `sticky` wontfix
-        sx={{
-          overflowX: resourceViewMode === "default" && resources.length > 1 ? "auto" : undefined,
-          flexDirection: resourceViewMode === "vertical" ? "column" : undefined,
-        }}
-        data-testid="grid"
-      >
-        <PositionProvider>{Views}</PositionProvider>
-      </Table>
-      {dialog && <Editor />}
-    </Wrapper>
-  );
-});
-
-export default SchedulerComponent;