Add library-specific props to compatibility components

[jakeboone02]

Fixes #289.

To use the extra props, spread the default props to the component and add any library specific props, like this:

import { AntDActionElement } from '@react-querybuilder/antd';
import { QueryBuilder, type ActionWithRulesProps } from 'react-querybuilder';

const MyActionElement = (props: ActionWithRulesProps) => (
  <AntDActionElement {...props} size="large" /> // `size` is from the 'antd' `Button` component
);

export const App = () => {
  return (
    <QueryBuilder
      controlElements={{
        addRuleAction: MyActionElement,
        addGroupAction: MyActionElement,
        cloneRuleAction: MyActionElement,
        cloneGroupAction: MyActionElement,
        lockRuleAction: MyActionElement,
        lockGroupAction: MyActionElement,
        removeRuleAction: MyActionElement,
        removeGroupAction: MyActionElement,
      }}
    />
  )
}

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 75e66f6:

Sandbox	Source
react-querybuilder-ci	Configuration

[codecov]

Codecov Report

Merging #304 (75e66f6) into main (04d521b) will not change coverage.
The diff coverage is 100.00%.

@@            Coverage Diff            @@
##              main      #304   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           60        60           
  Lines         1858      1911   +53     
  Branches       861       899   +38     
=========================================
+ Hits          1858      1911   +53     

Impacted Files	Coverage Δ
packages/antd/src/AntDNotToggle.tsx	100.00% <ø> (ø)
packages/antd/src/AntDValueEditor.tsx	100.00% <ø> (ø)
packages/bulma/src/BulmaActionElement.tsx	100.00% <ø> (ø)
packages/chakra/src/ChakraValueEditor.tsx	100.00% <ø> (ø)
packages/material/src/MaterialValueEditor.tsx	100.00% <ø> (ø)
packages/antd/src/AntDActionElement.tsx	100.00% <100.00%> (ø)
packages/antd/src/AntDDragHandle.tsx	100.00% <100.00%> (ø)
packages/antd/src/AntDValueSelector.tsx	100.00% <100.00%> (ø)
packages/chakra/src/ChakraActionElement.tsx	100.00% <100.00%> (ø)
packages/chakra/src/ChakraDragHandle.tsx	100.00% <100.00%> (ø)
... and 11 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 04d521b...75e66f6. Read the comment docs.