[add] Horizontal & Vertical Marquee components (#56)

Co-authored-by: Five-great <[email protected]>

Author: TechQuery

.github/workflows/main.yml

@@ -7,26 +7,26 @@ jobs:
     Build-and-Publish:
         runs-on: ubuntu-latest
         steps:
-            - uses: actions/checkout@v3
+            - uses: actions/checkout@v4
 
-            - uses: pnpm/action-setup@v2
+            - uses: pnpm/action-setup@v4
               with:
-                  version: 8
-            - uses: actions/setup-node@v3
+                  version: 9
+            - uses: actions/setup-node@v4
               with:
-                  node-version: 18
+                  node-version: 20
                   registry-url: https://registry.npmjs.org
                   cache: pnpm
             - name: Install Dependencies
               run: pnpm i --frozen-lockfile
 
             - name: Build & Publish
-              run: npm publish
+              run: npm publish --access public --provenance
               env:
                   NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
 
             - name: Update document
-              uses: peaceiris/actions-gh-pages@v3
+              uses: peaceiris/actions-gh-pages@v4
               with:
                   publish_dir: ./docs
                   personal_token: ${{ secrets.GITHUB_TOKEN }}

ReadMe.md

@@ -28,19 +28,21 @@ A **[React][1] advanced components library** based on [TypeScript][2] & [Bootstr
 3. [Avatar](source/Avatar.tsx)
 4. [Nameplate](source/Nameplate.tsx)
 5. [Type Echo](source/TypeEcho.tsx)
-6. [Click Boundary](source/ClickBoundary.tsx)
-7. [Spinner Button](source/SpinnerButton.tsx)
-8. [Select](source/Select.tsx)
-9. [Month Calendar](source/MonthCalendar.tsx)
-10. [Code Block](source/CodeBlock.tsx)
-11. [Page Nav](source/PageNav.tsx)
-12. [Editor](source/Editor.tsx)
-13. [Editor HTML](source/EditorHTML.tsx)
-14. [Table Spinner](source/TableSpinner.tsx)
-15. [Loading](source/Loading.tsx)
-16. [Share Box](source/ShareBox.tsx)
-17. [Overlay Box](source/OverlayBox.tsx)
-18. [Dialog](source/Dialog.tsx)
+6. [Horizontal Marquee](source/HorizontalMarquee.tsx)
+7. [Vertical Marquee](source/VerticalMarquee.tsx)
+8. [Click Boundary](source/ClickBoundary.tsx)
+9. [Spinner Button](source/SpinnerButton.tsx)
+10. [Select](source/Select.tsx)
+11. [Month Calendar](source/MonthCalendar.tsx)
+12. [Code Block](source/CodeBlock.tsx)
+13. [Page Nav](source/PageNav.tsx)
+14. [Editor](source/Editor.tsx)
+15. [Editor HTML](source/EditorHTML.tsx)
+16. [Table Spinner](source/TableSpinner.tsx)
+17. [Loading](source/Loading.tsx)
+18. [Share Box](source/ShareBox.tsx)
+19. [Overlay Box](source/OverlayBox.tsx)
+20. [Dialog](source/Dialog.tsx)
 
 #### Data components
 
@@ -67,7 +69,7 @@ Open Map component & model, have been migrated to https://github.com/idea2app/Op
 ```html
 <link
     rel="stylesheet"
-    href="https://unpkg.com/[email protected].2/dist/css/bootstrap.min.css"
+    href="https://unpkg.com/[email protected].3/dist/css/bootstrap.min.css"
 />
 <link
     rel="stylesheet"
@@ -81,6 +83,7 @@ Open Map component & model, have been migrated to https://github.com/idea2app/Op
     rel="stylesheet"
     href="https://unpkg.com/[email protected]/themes/prism.min.css"
 />
+<link rel="stylesheet" href="https://unpkg.com/idea-react/dist/index.css" />
 ```
 
 ### `tsconfig.json`

package.json

@@ -1,6 +1,6 @@
 {
     "name": "idea-react",
-    "version": "2.0.0-rc.2",
+    "version": "2.0.0-rc.4",
     "license": "LGPL-3.0-or-later",
     "author": "[email protected]",
     "description": "A React advanced components library based on TypeScript & Bootstrap, built by idea2app remote developers team.",
@@ -22,74 +22,75 @@
     "types": "dist/index.d.ts",
     "main": "dist/index.js",
     "dependencies": {
-        "@editorjs/editorjs": "^2.29.0",
-        "@editorjs/paragraph": "^2.11.3",
+        "@editorjs/editorjs": "^2.30.6",
+        "@editorjs/paragraph": "^2.11.6",
         "@react-editor-js/core": "^2.1.0",
-        "@swc/helpers": "^0.5.3",
+        "@swc/helpers": "^0.5.13",
         "classnames": "^2.5.1",
         "editorjs-html": "^3.4.3",
         "html2canvas": "^1.4.1",
-        "iterable-observer": "^1.0.1",
+        "iterable-observer": "^1.1.0",
         "lodash": "^4.17.21",
-        "mobx": ">=6.12.0",
-        "mobx-react": ">=9.1.0",
+        "mobx": ">=6.11",
+        "mobx-react": ">=9.1",
         "mobx-react-helper": "^0.3.1",
         "prismjs": "^1.29.0",
-        "react-bootstrap": "^2.10.0",
+        "react-bootstrap": "^2.10.5",
         "react-editor-js": "^2.1.0",
         "react-element-to-jsx-string": "^15.0.0",
-        "web-utility": "^4.1.3"
+        "web-utility": "^4.4.1"
     },
     "peerDependencies": {
         "react": ">=16",
         "react-dom": ">=16"
     },
     "devDependencies": {
-        "@babel/plugin-proposal-decorators": "^7.23.9",
-        "@babel/preset-typescript": "^7.23.3",
-        "@microsoft/api-extractor": "^7.39.4",
-        "@parcel/config-default": "~2.11.0",
-        "@parcel/packager-ts": "~2.11.0",
-        "@parcel/transformer-typescript-tsc": "~2.11.0",
-        "@parcel/transformer-typescript-types": "~2.11.0",
+        "@babel/plugin-proposal-decorators": "^7.25.7",
+        "@babel/preset-typescript": "^7.25.7",
+        "@microsoft/api-extractor": "^7.47.11",
+        "@parcel/config-default": "~2.12.0",
+        "@parcel/packager-ts": "~2.12.0",
+        "@parcel/transformer-less": "2.12.0",
+        "@parcel/transformer-typescript-tsc": "~2.12.0",
+        "@parcel/transformer-typescript-types": "~2.12.0",
         "@storybook/addon-console": "^3.0.0",
-        "@storybook/addon-essentials": "^7.6.12",
-        "@storybook/addon-interactions": "^7.6.12",
-        "@storybook/addon-links": "^7.6.12",
-        "@storybook/addon-storysource": "^7.6.12",
-        "@storybook/blocks": "^7.6.12",
-        "@storybook/react": "^7.6.12",
-        "@storybook/react-vite": "^7.6.12",
+        "@storybook/addon-essentials": "^7.6.20",
+        "@storybook/addon-interactions": "^7.6.20",
+        "@storybook/addon-links": "^7.6.20",
+        "@storybook/addon-storysource": "^7.6.20",
+        "@storybook/blocks": "^7.6.20",
+        "@storybook/react": "^7.6.20",
+        "@storybook/react-vite": "^7.6.20",
         "@storybook/testing-library": "^0.2.2",
-        "@types/lodash": "^4.14.202",
-        "@types/node": "^18.19.14",
-        "@types/prismjs": "^1.26.3",
-        "@types/react": "^18.2.52",
-        "@types/react-dom": "^18.2.18",
-        "@typescript-eslint/eslint-plugin": "^6.20.0",
-        "@typescript-eslint/parser": "^6.20.0",
-        "@vitejs/plugin-react": "^4.2.1",
-        "eslint": "^8.56.0",
+        "@types/lodash": "^4.17.10",
+        "@types/node": "^20.16.12",
+        "@types/prismjs": "^1.26.4",
+        "@types/react": "^18.3.11",
+        "@types/react-dom": "^18.3.1",
+        "@typescript-eslint/eslint-plugin": "^8.10.0",
+        "@typescript-eslint/parser": "^8.10.0",
+        "@vitejs/plugin-react": "^4.3.2",
+        "eslint": "^8.57.1",
         "eslint-config-prettier": "^9.1.0",
-        "eslint-plugin-import": "^2.29.1",
-        "eslint-plugin-simple-import-sort": "^10.0.0",
-        "husky": "^9.0.10",
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-simple-import-sort": "^12.1.1",
+        "husky": "^9.1.6",
         "koapache": "^2.2.2",
         "less": "^4.2.0",
-        "lint-staged": "^15.2.1",
-        "parcel": "~2.11.0",
-        "postcss-preset-env": "^9.3.0",
-        "prettier": "^3.2.4",
+        "lint-staged": "^15.2.10",
+        "parcel": "~2.12.0",
+        "postcss-preset-env": "^10.0.7",
+        "prettier": "^3.3.3",
         "process": "^0.11.10",
         "prop-types": "15.8.1",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "rimraf": "^5.0.5",
-        "storybook": "^7.6.12",
-        "typedoc": "^0.25.7",
-        "typedoc-plugin-mdn-links": "^3.1.14",
-        "typescript": "~5.3.3",
-        "vite": "^5.0.12"
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "rimraf": "^6.0.1",
+        "storybook": "^7.6.20",
+        "typedoc": "^0.26.10",
+        "typedoc-plugin-mdn-links": "^3.3.3",
+        "typescript": "~5.6.3",
+        "vite": "^5.4.9"
     },
     "prettier": {
         "singleQuote": true,
@@ -113,7 +114,7 @@
         "api-extractor": "tsc --project tsconfig.build.json --outDir dist/dts  &&  api-extractor run  &&  rimraf dist/dts",
         "pack-preview": "cd preview/  &&  rimraf ../.parcel-cache dist/  &&  parcel build --public-url=. --dist-dir=../docs/preview/",
         "pack-docs": "rimraf docs/  &&  typedoc source/",
-        "pack-dist": "rimraf .parcel-cache/ dist/  &&  parcel build",
+        "pack-dist": "rimraf .parcel-cache/ dist/  &&  parcel build  &&  sed -i 's/^require(\"\\.\\/index\\.css\");//' dist/index.js  &&  rimraf dist/index.js.map",
         "start": "npm run pack-docs  &&  npm run pack-preview  &&  web-server docs/ -p 8080 -o",
         "build": "npm run pack-docs  &&  npm run pack-preview  &&  npm run pack-dist  &&  npm run api-extractor",
         "prepublishOnly": "npm test  &&  npm run build",