Add ungroup feature

.github/workflows/main.yml

@@ -6,7 +6,7 @@ jobs:
     name: Build and Typecheck
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v7
       - uses: oven-sh/setup-bun@v2
       - run: bun install --frozen-lockfile
       - run: bunx tsc --noEmit

.github/workflows/publish.yml

@@ -0,0 +1,43 @@
+name: Publish to npm
+on:
+  release:
+    types: [published]
+  workflow_dispatch:
+
+jobs:
+  publish:
+    name: Build and publish
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: read
+      id-token: write
+
+    steps:
+      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1
+        with:
+          fetch-depth: 0
+          persist-credentials: false
+      - uses: oven-sh/setup-bun@0c5077e51419868618aeaa5fe8019c62421857d6
+      - name: Verify ref is a release tag matching package.json version
+        env:
+          GITHUB_REF_NAME: ${{ github.ref_name }}
+          GITHUB_REF_TYPE: ${{ github.ref_type }}
+        run: |
+          if [ "$GITHUB_REF_TYPE" != "tag" ]; then
+            echo "Refusing to publish from $GITHUB_REF_TYPE '$GITHUB_REF_NAME'; publish only from a release tag." >&2
+            exit 1
+          fi
+          version=$(bun -e "console.log(require('./package.json').version)")
+          if [ "$GITHUB_REF_NAME" != "v$version" ] && [ "$GITHUB_REF_NAME" != "$version" ]; then
+            echo "Tag '$GITHUB_REF_NAME' does not match package.json version '$version'." >&2
+            exit 1
+          fi
+      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020
+        with:
+          node-version: 24
+          registry-url: "https://registry.npmjs.org"
+      - run: bun install --frozen-lockfile
+      - run: bunx tsc --noEmit
+      - run: bun run build
+      - run: npm publish

CHANGELOG.md

@@ -7,7 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-N/A
+## [v8.24.0] - 2025-09-16
+
+### Added
+
+- "Ungroup" icon for `react-querybuilder`'s new ungroup feature.
 
 ## [v8.15.0] - 2025-01-09
 
@@ -25,11 +29,12 @@ N/A
 
 ### Added
 
-- Initial publish. For changes prior to this release, see the [react-querybuilder changelog](https://github.com/react-querybuilder/react-querybuilder/blob/main/CHANGELOG.md#v771---2024-10-21).
+- Initial publish. For changes prior to this release, see the [`react-querybuilder` changelog](https://github.com/react-querybuilder/react-querybuilder/blob/main/CHANGELOG.md#v771---2024-10-21).
 
 <!-- #region Release comparison links -->
 
-[unreleased]: https://github.com/react-querybuilder/react-querybuilder-chakra2/compare/v8.15.0...HEAD
+[unreleased]: https://github.com/react-querybuilder/react-querybuilder-chakra2/compare/v8.24.0...HEAD
+[v8.24.0]: https://github.com/react-querybuilder/react-querybuilder-chakra2/compare/v8.15.0...v8.24.0
 [v8.15.0]: https://github.com/react-querybuilder/react-querybuilder-chakra2/compare/v8.1.0...v8.15.0
 [v8.1.0]: https://github.com/react-querybuilder/react-querybuilder-chakra2/compare/v8.0.0...v8.1.0
 [v8.0.0]: https://github.com/react-querybuilder/react-querybuilder-chakra2/compare/v7.7.1...v8.0.0

example/package.json

@@ -5,11 +5,11 @@
     "@chakra-ui/system": "^2",
     "@emotion/react": "^11",
     "@emotion/styled": "^11",
-    "@react-querybuilder/chakra2": "8.15.0",
+    "@react-querybuilder/chakra2": "8.24.0",
     "framer-motion": "^11",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-querybuilder": "8.15.0"
+    "react-querybuilder": "8.24.0"
   },
   "description": "React Query Builder Chakra UI v2 Example",
   "devDependencies": {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-querybuilder/chakra2",
   "description": "Custom Chakra UI v2 components for react-querybuilder",
-  "version": "8.15.0",
+  "version": "8.24.0",
   "publishConfig": {
     "access": "public"
   },
@@ -45,42 +45,39 @@
     "sql"
   ],
   "scripts": {
-    "start": "bunx --bun vite",
-    "build": "bunx --bun tsdown",
+    "start": "vite",
+    "build": "bun --bun tsdown",
     "typecheck": "tsc --noEmit",
     "typecheck:watch": "tsc --noEmit --watch",
     "lint": "oxlint",
     "fmt": "oxfmt",
     "fmt:check": "oxfmt --check",
-    "are-the-types-wrong": "attw --format table-flipped --pack .",
-    "codesandbox-ci": "bash .codesandbox/ci.sh"
+    "are-the-types-wrong": "attw --format table-flipped --pack ."
   },
   "devDependencies": {
-    "@arethetypeswrong/cli": "^0.18.2",
+    "@arethetypeswrong/cli": "^0.18.5",
     "@chakra-ui/icons": "^2.2.4",
-    "@chakra-ui/react": "^2.10.3",
+    "@chakra-ui/react": "^2.10.10",
     "@chakra-ui/system": "^2.6.2",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@types/bun": "^1.3.12",
-    "@types/node": "^24.0.0",
-    "@types/react": "^18.3.28",
-    "@types/react-dom": "^18.3.7",
-    "@types/web": "^0.0.345",
-    "@typescript/native-preview": "^7.0.0-dev.20260416.1",
-    "@vitejs/plugin-react": "^6.0.1",
-    "framer-motion": "^11.18.2",
-    "oxc-transform": "^0.125.0",
-    "oxfmt": "^0.45.0",
-    "oxlint": "^1.60.0",
-    "oxlint-tsgolint": "^0.21.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-querybuilder": "8.15.0",
-    "sass": "^1.99.0",
-    "tsdown": "^0.21.9",
-    "typescript": "^6.0.2",
-    "vite": "^8.0.8"
+    "@types/bun": "^1.4.2",
+    "@types/node": "^26.0.0",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@types/web": "^0.0.356",
+    "@vitejs/plugin-react": "^6.1.1",
+    "framer-motion": "^13.4.0",
+    "oxfmt": "^0.68.0",
+    "oxlint": "^1.83.0",
+    "oxlint-tsgolint": "^7.0.2001",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "react-querybuilder": "8.24.0",
+    "sass": "^1.104.1",
+    "tsdown": "^0.23.0",
+    "typescript": "^7.0.2",
+    "vite": "^8.3.0"
   },
   "peerDependencies": {
     "@chakra-ui/icons": "^2",

src/index.tsx

@@ -5,6 +5,7 @@ import {
   CopyIcon,
   LockIcon,
   UnlockIcon,
+  UpDownIcon,
 } from '@chakra-ui/icons';
 import * as React from 'react';
 import type {
@@ -39,6 +40,7 @@ export const chakraTranslations: Partial<Translations> = {
   removeRule: { label: <CloseIcon /> },
   cloneRuleGroup: { label: <CopyIcon /> },
   cloneRule: { label: <CopyIcon /> },
+  ungroupRuleGroup: { label: <UpDownIcon /> },
   lockGroup: { label: <UnlockIcon /> },
   lockRule: { label: <UnlockIcon /> },
   lockGroupDisabled: { label: <LockIcon /> },

tsdown.config.ts

@@ -8,7 +8,7 @@ export default (async options => {
   const commonOptions = {
     sourcemap: true,
     platform: 'neutral',
-    dts: { oxc: true },
+    dts: { oxc: {} },
     ...options,
   } satisfies UserConfig;