fix(deps): update dependencies to solve medium vulnerabilities

.github/workflows/build.yml

@@ -0,0 +1,51 @@
+name: Package compiler
+
+on:
+  push:
+    branches:
+      - master
+
+  pull_request:
+    branches:
+      - master
+
+permissions:
+  contents: write
+  id-token: write
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  compile:
+    name: 'Compile'
+    runs-on: ubuntu-latest
+    timeout-minutes: 5
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+
+      - uses: actions/cache@v4
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node_modules-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-node_modules-
+
+      - name: Install dependencies
+        run: yarn install
+
+      - run: 'yarn build'
+
+      - run: NODE_OPTIONS="--max_old_space_size=4096" NODE_ENV=production yarn bundle
+
+      - run: cp .gitignore .gitignore_old && cp .npmignore .gitignore && rm node_modules -fr
+
+      - uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: .
+          publish_branch: package
+          force_orphan: true

.github/workflows/push.yml

@@ -9,8 +9,6 @@ jobs:
         uses: actions/checkout@v2
       - name: Setup
         uses: actions/setup-node@v2
-        with:
-          node-version: '18.x'
       - uses: actions/cache@v2
         id: yarn-cache
         with:

.storybook/main.mjs

@@ -4,6 +4,7 @@ import ResolveTypeScriptPlugin from 'resolve-typescript-plugin'
 import TypeScriptConfigPathsPlugin from 'tsconfig-paths-webpack-plugin'
 
 /** @type { import('@storybook/react-webpack5').StorybookConfig } */
+const __dirname = path.resolve()
 const config = {
   stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
   addons: [
@@ -52,10 +53,7 @@ const config = {
   },
   babel: () => ({
     plugins: [
-      [
-        'styled-components',
-        { displayName: true },
-      ],
+      ['styled-components', { displayName: true }],
       [
         'module-resolver',
         {

package.json

@@ -49,12 +49,12 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.0",
-    "@commitlint/cli": "^17.5.0",
-    "@commitlint/config-conventional": "^17.4.4",
+    "@commitlint/cli": "^19.6.1",
+    "@commitlint/config-conventional": "^19.6.0",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-replace": "^5.0.5",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-replace": "^6.0.2",
     "@semantic-release/git": "^10.0.1",
     "@storybook/addon-essentials": "^7.6.3",
     "@storybook/addon-interactions": "^7.6.3",
@@ -68,9 +68,9 @@
     "@storybook/source-loader": "^7.6.3",
     "@storybook/testing-library": "^0.2.2",
     "@storybook/theming": "^7.6.3",
-    "@types/hoist-non-react-statics": "3.3.1",
-    "@types/react": "^18.0.15",
-    "@types/react-datepicker": "^4.10.0",
+    "@types/hoist-non-react-statics": "3.3.6",
+    "@types/react": "18.2.0",
+    "@types/react-datepicker": "^7.0.0",
     "@types/react-text-mask": "^5.4.11",
     "@types/styled-components": "^5.1.26",
     "@types/styled-system": "^5.1.16",
@@ -79,23 +79,23 @@
     "babel-plugin-module-resolver": "^5.0.0",
     "babel-plugin-replace-import-extension": "^1.1.3",
     "babel-plugin-styled-components": "^2.1.4",
-    "eslint": "^8.36.0",
+    "eslint": "8.36.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.6.15",
-    "husky": "^8.0.3",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-storybook": "^0.11.2",
+    "husky": "^9.1.7",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "^19.0.0",
     "resolve-typescript-plugin": "^2.0.1",
     "rollup": "^4.12.0",
     "rollup-plugin-esbuild-minify": "^1.1.1",
-    "semantic-release": "^20.1.3",
+    "semantic-release": "^24.2.1",
     "semantic-release-slack-bot": "^4.0.0",
-    "source-map-loader": "^4.0.1",
-    "storybook": "^7.6.3",
+    "source-map-loader": "^5.0.0",
+    "storybook": "7.6.3",
     "ts-loader": "^9.5.1",
     "ts-patch": "^3.1.2",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
@@ -104,7 +104,7 @@
   },
   "dependencies": {
     "@hypnosphi/create-react-context": "^0.3.1",
-    "@tinymce/tinymce-react": "^4.3.2",
+    "@tinymce/tinymce-react": "^5.1.1",
     "@tiptap/core": "2.1.13",
     "@tiptap/extension-bubble-menu": "2.1.13",
     "@tiptap/extension-character-count": "2.1.13",
@@ -125,18 +125,18 @@
     "@tiptap/react": "2.1.13",
     "@tiptap/starter-kit": "2.1.13",
     "date-fns": "^2.29.3",
-    "flat": "^5.0.2",
+    "flat": "^6.0.1",
     "hoist-non-react-statics": "3.3.2",
     "jw-paginate": "^1.0.4",
     "lodash": "^4.17.21",
     "polished": "^4.2.2",
     "react-currency-input-field": "^3.6.10",
-    "react-datepicker": "^4.10.0",
+    "react-datepicker": "^7.6.0",
     "react-feather": "^2.0.10",
     "react-phone-input-2": "^2.15.1",
-    "react-select": "^5.8.0",
+    "react-select": "5.8.0",
     "react-text-mask": "^5.5.0",
-    "styled-components": "5.3.9",
+    "styled-components": "6.1.14",
     "styled-system": "^5.1.5",
     "text-mask-addons": "^3.8.0"
   },

src/atoms/avatar/avatar.stories.tsx

@@ -8,7 +8,7 @@ export const Default: StoryObj<typeof Avatar> = {}
 export const WithLetter: StoryObj<typeof Avatar> = {
   render: ({ alt }) => (
     <Avatar alt={alt}>
-      {alt
+      {alt!
         .split(' ')
         .map((w) => w.charAt(0))
         .join('')}

src/molecules/date-picker/date-picker.stories.tsx

@@ -41,7 +41,7 @@ const meta: Meta<typeof DatePicker> = {
   },
   argTypes: {
     disabled: { control: { type: 'boolean' } },
-    propertyType: { options: propertyTypes, control: { type: 'select' } },
+    propertyType: { options: [propertyTypes], control: { type: 'select' } },
   },
 }
 

src/utils/combine-styles.ts

@@ -1,11 +1,9 @@
-import flat from 'flat'
+import { flatten, unflatten } from 'flat'
 import merge from 'lodash/merge.js'
 
 import * as theme from '../theme.js'
 import type { Theme, ThemeOverride } from './default-theme.interface.js'
 
-const { flatten, unflatten } = flat
-
 /**
  * Applies new styles to the default theme
  *

tsconfig.json

@@ -33,4 +33,4 @@
   "exclude": [
     "./src/**/*.spec.*"
   ]
-}
+}