@isma91/react-scheduler 4.0.5 → 4.0.7

package/dist/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@isma91/react-scheduler",
-  "version": "4.0.5",
+  "version": "4.0.7",
   "description": "React scheduler component based on Material-UI & date-fns",
   "files": [
-    "*"
+    "dist"
   ],
   "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
-    "./types": {
-      "import": "./types.d.ts"
-    },
     ".": {
-      "import": "./index.js"
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
     }
   },
   "repository": {

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@isma91/react-scheduler",
-  "version": "4.0.5",
+  "version": "4.0.7",
   "description": "React scheduler component based on Material-UI & date-fns",
   "files": [
-    "*"
+    "dist"
   ],
   "type": "module",
   "scripts": {
@@ -20,14 +20,16 @@
     "pre:commit": "lint-staged",
     "test": "jest",
     "test:watch": "jest --watch",
-    "test:ci": "jest --ci"
+    "test:ci": "jest --ci",
+    "check:dist": "node ./scripts/check-dist.mjs",
+    "prepublishOnly": "npm run build && npm run check:dist && npm pack --dry-run"
   },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
-    "./types": {
-      "import": "./types.d.ts"
-    },
     ".": {
-      "import": "./index.js"
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
     }
   },
   "lint-staged": {

package/.github/workflows/publish.yml

@@ -1,29 +0,0 @@
-name: npm publish
-on:
-  release:
-    types: [created]
-jobs:
-  publish:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: 20
-          registry-url: https://registry.npmjs.org/
-
-      - name: Install
-        run: npm install
-
-      - name: Pack
-        run: npm run build
-
-      - name: Publish
-        run: |
-          cd dist
-          npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

package/.github/workflows/tests.yml

@@ -1,35 +0,0 @@
-name: Tests
-on:
-  pull_request:
-    branches: ["master"]
-jobs:
-  Install:
-    runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node-version: [20.x, 22.x]
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Create lock file
-        run: touch package-lock.json
-
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v4
-        with:
-          node-version: ${{ matrix.node-version }}
-          cache: "npm"
-
-      - name: Install
-        run: npm install
-
-      - name: Format
-        run: npm run format:write
-
-      - name: Lint
-        run: npm run lint
-
-      - name: Test
-        run: npm run test:ci

package/.gitignore

@@ -1,32 +0,0 @@
-#
-dist
-.vscode
-examples
-
-#yarn
-.yarn
-yarn.lock
-
-# dependencies
-/node_modules
-package-lock.json
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-*.tgz
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*

package/.husky/pre-commit

@@ -1,2 +0,0 @@
-#!/usr/bin/env sh
-npm run pre:commit

package/.prettierignore

@@ -1 +0,0 @@
-dist

package/.prettierrc.json

@@ -1,7 +0,0 @@
-{
-  "trailingComma": "es5",
-  "tabWidth": 2,
-  "singleQuote": false,
-  "endOfLine": "lf",
-  "printWidth": 100
-}

package/.yarnrc.yml

@@ -1 +0,0 @@
-nodeLinker: node-modules

package/eslint.config.js

@@ -1,79 +0,0 @@
-import react from "eslint-plugin-react";
-import tseslint, { configs as tseslintConfigs } from "typescript-eslint";
-import globals from "globals";
-import js from "@eslint/js";
-import * as reactHooks from "eslint-plugin-react-hooks";
-import reactRefresh from "eslint-plugin-react-refresh";
-import pluginImport from "eslint-plugin-import";
-import pluginJsxA11y from "eslint-plugin-jsx-a11y";
-import pluginPromise from "eslint-plugin-promise";
-
-export default tseslint.config(
-  { ignores: ["jest.config.ts", "scripts", "dist", "vite.config.js"] },
-  pluginJsxA11y.flatConfigs.recommended,
-  pluginPromise.configs["flat/recommended"],
-  pluginImport.flatConfigs.recommended,
-  {
-    extends: [js.configs.recommended, ...tseslintConfigs.recommended],
-    plugins: {
-      "react-hooks": reactHooks,
-      "react-refresh": reactRefresh,
-      react,
-    },
-    files: ["**/*.{ts,tsx}"],
-    languageOptions: {
-      globals: {
-        ...globals.browser,
-        React: "readonly",
-      },
-      ecmaVersion: "latest",
-      sourceType: "module",
-    },
-
-    settings: {
-      react: {
-        version: "detect",
-      },
-    },
-
-    rules: {
-      ...reactHooks.configs.recommended.rules,
-      "linebreak-style": ["error", "unix"],
-
-      quotes: [
-        "error",
-        "double",
-        {
-          allowTemplateLiterals: true,
-        },
-      ],
-
-      semi: ["error", "always"],
-      "@typescript-eslint/no-non-null-assertion": 0,
-      "no-useless-catch": 0,
-      "@typescript-eslint/no-explicit-any": 0,
-      "@typescript-eslint/no-non-null-asserted-optional-chain": 0,
-      "no-case-declarations": 0,
-      "@typescript-eslint/no-empty-interface": 0,
-      "@typescript-eslint/no-empty-function": 0,
-      "@typescript-eslint/no-empty-object-type": [
-        "error",
-        { allowInterfaces: "with-single-extends" },
-      ],
-    },
-  },
-  {
-    // Checks importing of different files
-    settings: {
-      "import/parsers": {
-        "@typescript-eslint/parser": [".ts", ".tsx"],
-      },
-      "import/resolver": {
-        typescript: {
-          alwaysTryTypes: true,
-          project: "./",
-        },
-      },
-    },
-  }
-);

package/index.html

@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Web site created using create-react-app" />
-    <link rel="apple-touch-icon" href="/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="/manifest.json" />
-    <!--
-      Notice the use of  in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-	<script type="module" src="/src/index.tsx"></script>
-  </body>
-</html>

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;