x

Author: manni497

.github/workflows/create-release.yml

@@ -0,0 +1,77 @@
+name: Create Release
+
+on:
+  workflow_dispatch:
+    inputs:
+      version_type:
+        type: choice
+        description: Semantic Version Type
+        options:
+          - major
+          - minor
+          - patch
+          - no-version-update
+
+      pre_release:
+        type: choice
+        description: Pre Release?
+        options:
+          - stable
+          - alpha
+          - beta
+          - rc
+
+jobs:
+  release-it:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: tibdex/github-app-token@v2
+        id: generate-token
+        with:
+          app_id: ${{ secrets.RELEASE_BOT_APP_ID }}
+          private_key: ${{ secrets.RELEASE_BOT_APP_PRIVATE_KEY }}
+
+      - name: checkout
+        uses: actions/checkout@v4
+        with:
+          token: ${{ steps.generate-token.outputs.token }}
+          # we need everything so release-it can compare the current version with the latest tag
+          fetch-depth: 0
+
+      - name: initialize mandatory git config
+        run: |
+          git config user.name "GitHub Release Bot"
+          git config user.email release-bot@neolution.ch
+
+      - name: install yarn packages
+        run: |
+          yarn --frozen-lockfile
+
+      - name: set NPM Token
+        run: |
+          echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" > .npmrc
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN_NEOLUTION }}
+
+      - name: build
+        run: yarn build
+
+      - name: run release-it
+        run: |
+          params=()
+
+          if [[ ${{ github.event.inputs.version_type }} != "no-version-update" ]]; then
+              params+=(${{ github.event.inputs.version_type }})
+          fi
+
+          if [[ ${{ github.event.inputs.pre_release }} != "stable" ]]; then
+              params+=(--preRelease=${{ github.event.inputs.pre_release }})
+              params+=(--plugins.@release-it/keep-a-changelog.keepUnreleased)
+              params+=(--no-plugins.@release-it/keep-a-changelog.strictLatest)
+          fi
+
+          params+=(--ci)
+
+          yarn release-it "${params[@]}"
+        env:
+          GITHUB_TOKEN: ${{ steps.generate-token.outputs.token }}

.github/workflows/release-please.yml

@@ -0,0 +1,23 @@
+{
+  "git": {
+    "push": true
+  },
+  "npm": {
+    "publish": true,
+    "skipChecks": true
+  },
+  "github": {
+    "release": true
+  },
+  "plugins": {
+    "@release-it/keep-a-changelog": {
+      "filename": "CHANGELOG.md",
+      "addVersionUrl": true,
+      "addUnreleased": true,
+      "strictLatest": false
+    }
+  },
+  "hooks": {
+    "before:git:release": "yarn prettier --write CHANGELOG.md && git add CHANGELOG.md"
+  }
+}

.release-it.json

@@ -0,0 +1,16 @@
+
+export function Manager({ children }) {
+  return (children);
+}
+
+export const Popper = jest.fn(({ children, placement }) => {
+  return children({ 
+    ref: () => {}, 
+    placement, 
+    style: {}, 
+    arrowProps: { ref: () => {}, style: {} } });
+})
+
+export function Reference({ children }) {
+  return children({ ref: () => {} });
+}

__mocks__/@neolution-ch/react-popper.js

@@ -263,12 +263,12 @@
     "@popperjs/core": "^2.6.0",
     "classnames": "^2.2.3",
     "prop-types": "^15.5.8",
-    "react-popper": "https://pkg.pr.new/manni497/react-popper@e2e836b",
+    "@neolution-ch/react-popper": "3.0.1",
     "react-transition-group": "^4.4.5"
   },
   "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
   },
   "devDependencies": {
     "@babel/cli": "^7.21.0",
@@ -280,6 +280,7 @@
     "@babel/plugin-transform-modules-commonjs": "^7.21.2",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.12.10",
+    "@release-it/keep-a-changelog": "^3.1.0",
     "@storybook/addon-essentials": "8.6.17",
     "@storybook/addon-links": "8.6.17",
     "@storybook/addon-mdx-gfm": "8.6.17",
@@ -323,6 +324,7 @@
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "react-test-renderer": "^19.2.4",
+    "release-it": "^15.10.3",
     "typescript": "^4.0.3",
     "webpack": "^4.43.0"
   }

package.json

@@ -3,7 +3,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Manager } from 'react-popper';
+import { Manager } from '@neolution-ch/react-popper';
 import classNames from 'classnames';
 import { DropdownContext } from './DropdownContext';
 import { mapToCssModules, omit, tagPropType } from './utils';

src/Dropdown.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import classNames from 'classnames';
-import { Popper } from 'react-popper';
+import { Popper } from '@neolution-ch/react-popper';
 import { DropdownContext } from './DropdownContext';
 import {
   mapToCssModules,
@@ -109,7 +109,7 @@ class DropdownMenu extends React.Component {
             };
 
             const handleRef = (tagRef) => {
-              // Send the ref to `react-popper`
+              // Send the ref to `@neolution-ch/react-popper`
               ref(tagRef);
               // Send the ref to the parent Dropdown so that clicks outside
               // it will cause it to close

src/DropdownMenu.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { Reference } from 'react-popper';
+import { Reference } from '@neolution-ch/react-popper';
 import { DropdownContext } from './DropdownContext';
 import { mapToCssModules, tagPropType } from './utils';
 import Button from './Button';

src/DropdownToggle.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import classNames from 'classnames';
-import { Popper as ReactPopper } from 'react-popper';
+import { Popper as ReactPopper } from '@neolution-ch/react-popper';
 import {
   getTarget,
   targetPropType,

src/PopperContent.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { screen } from '@testing-library/react';
-import { Popper } from 'react-popper';
+import { Popper } from '@neolution-ch/react-popper';
 import '@testing-library/jest-dom';
 import { DropdownMenu } from '..';
 import { customDropdownRender } from '../testUtils';