@react-querybuilder/antd 4.0.0-beta.7 → 4.0.0-beta.8

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports[Symbol.toStringTag]="Module";var m=require("react"),u=require("antd"),b=require("@ant-design/icons");function h(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var r=h(m);const E=({className:e,handleOnClick:c,label:t,title:n})=>r.default.createElement(u.Button,{type:"primary",className:e,title:n,onClick:a=>c(a)},t);E.displayName="AntDActionElement";var S=m.forwardRef(function({className:c,title:t},n){return r.default.createElement("span",{ref:n,className:c,title:t},r.default.createElement(b.HolderOutlined,null))});const g=({className:e,handleOnChange:c,label:t,checked:n,title:a})=>r.default.createElement(u.Switch,{title:a,className:e,onChange:o=>c(o),checked:!!n,checkedChildren:t,unCheckedChildren:"="});g.displayName="AntDNotToggle";const{Option:w}=u.Select,A=({fieldData:e,operator:c,value:t,handleOnChange:n,title:a,className:o,type:d,inputType:i,values:f})=>{var s;if(m.useEffect(()=>{i==="number"&&!["between","notBetween","in","notIn"].includes(c)&&typeof t=="string"&&t.includes(",")&&n("")},[i,c,t,n]),c==="null"||c==="notNull")return null;const p=(s=e==null?void 0:e.placeholder)!=null?s:"",D=["between","notBetween","in","notIn"].includes(c)?"text":i||"text";switch(d){case"select":return r.default.createElement(u.Select,{className:o,onChange:l=>n(l),value:t},f.map(l=>r.default.createElement(w,{key:l.name,value:l.name},l.label)));case"checkbox":return r.default.createElement(u.Checkbox,{type:"checkbox",className:o,onChange:l=>n(l.target.checked),checked:!!t});case"radio":return r.default.createElement("span",{className:o,title:a},f.map(l=>r.default.createElement(u.Radio,{key:l.name,value:l.name,checked:t===l.name,onChange:k=>n(k.target.value)},l.label)));default:return r.default.createElement(u.Input,{type:D,value:t,title:a,className:o,placeholder:p,onChange:l=>n(l.target.value)})}};A.displayName="AntDValueEditor";const{Option:C}=u.Select,y=({className:e,handleOnChange:c,options:t,value:n})=>r.default.createElement(u.Select,{className:e,value:n,onChange:a=>c(a)},t.map(a=>{var d;const o=`key-${(d=a.id)!=null?d:a.name}`;return r.default.createElement(C,{key:o,value:a.name},a.label)}));y.displayName="AntDValueSelector";exports.AntDActionElement=E;exports.AntDDragHandle=S;exports.AntDNotToggle=g;exports.AntDValueEditor=A;exports.AntDValueSelector=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports[Symbol.toStringTag]="Module";var s=require("react"),d=require("antd"),b=require("@ant-design/icons");function w(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var n=w(s);const p=({className:e,handleOnClick:a,label:t,title:c,disabled:r})=>n.default.createElement(d.Button,{type:"primary",className:e,title:c,onClick:u=>a(u),disabled:r},t);p.displayName="AntDActionElement";const g=s.forwardRef(({className:e,title:a},t)=>n.default.createElement("span",{ref:t,className:e,title:a},n.default.createElement(b.HolderOutlined,null)));g.displayName="AntDDragHandle";const A=({className:e,handleOnChange:a,label:t,checked:c,title:r,disabled:u})=>n.default.createElement(d.Switch,{title:r,className:e,onChange:o=>a(o),checked:!!c,disabled:u,checkedChildren:t,unCheckedChildren:"="});A.displayName="AntDNotToggle";const{Option:C}=d.Select,y=({fieldData:e,operator:a,value:t,handleOnChange:c,title:r,className:u,type:o,inputType:m,values:i,disabled:f})=>{var E;if(s.useEffect(()=>{m==="number"&&!["between","notBetween","in","notIn"].includes(a)&&typeof t=="string"&&t.includes(",")&&c("")},[m,a,t,c]),a==="null"||a==="notNull")return null;const k=(E=e==null?void 0:e.placeholder)!=null?E:"",h=["between","notBetween","in","notIn"].includes(a)?"text":m||"text";switch(o){case"select":return n.default.createElement("span",{title:r,className:u},n.default.createElement(d.Select,{onChange:l=>c(l),value:t,disabled:f},i.map(l=>n.default.createElement(C,{key:l.name,value:l.name},l.label))));case"checkbox":return n.default.createElement("span",{title:r},n.default.createElement(d.Checkbox,{type:"checkbox",className:u,disabled:f,onChange:l=>c(l.target.checked),checked:!!t}));case"radio":return n.default.createElement("span",{className:u,title:r},i.map(l=>n.default.createElement(d.Radio,{key:l.name,value:l.name,checked:t===l.name,disabled:f,onChange:S=>c(S.target.value)},l.label)));default:return n.default.createElement(d.Input,{type:h,value:t,title:r,className:u,disabled:f,placeholder:k,onChange:l=>c(l.target.value)})}};y.displayName="AntDValueEditor";const{Option:x}=d.Select,D=({className:e,handleOnChange:a,options:t,value:c,title:r,disabled:u})=>n.default.createElement("span",{title:r,className:e},n.default.createElement(d.Select,{disabled:u,value:c,onChange:o=>a(o)},t.map(o=>{var i;const m=`key-${(i=o.id)!=null?i:o.name}`;return n.default.createElement(x,{key:m,value:o.name},o.label)})));D.displayName="AntDValueSelector";exports.AntDActionElement=p;exports.AntDDragHandle=g;exports.AntDNotToggle=A;exports.AntDValueEditor=y;exports.AntDValueSelector=D;

package/dist/index.es.js

@@ -1,25 +1,33 @@
 import React, { forwardRef, useEffect } from "react";
 import { Button, Switch, Input, Radio, Checkbox, Select } from "antd";
 import { HolderOutlined } from "@ant-design/icons";
-const AntDActionElement = ({ className, handleOnClick, label, title }) => /* @__PURE__ */ React.createElement(Button, {
+const AntDActionElement = ({ className, handleOnClick, label, title, disabled }) => /* @__PURE__ */ React.createElement(Button, {
   type: "primary",
   className,
   title,
-  onClick: (e) => handleOnClick(e)
+  onClick: (e) => handleOnClick(e),
+  disabled
 }, label);
 AntDActionElement.displayName = "AntDActionElement";
-var AntDDragHandle = forwardRef(function AntDDragHandle2({ className, title }, dragRef) {
-  return /* @__PURE__ */ React.createElement("span", {
-    ref: dragRef,
-    className,
-    title
-  }, /* @__PURE__ */ React.createElement(HolderOutlined, null));
-});
-const AntDNotToggle = ({ className, handleOnChange, label, checked, title }) => /* @__PURE__ */ React.createElement(Switch, {
+const AntDDragHandle = forwardRef(({ className, title }, dragRef) => /* @__PURE__ */ React.createElement("span", {
+  ref: dragRef,
+  className,
+  title
+}, /* @__PURE__ */ React.createElement(HolderOutlined, null)));
+AntDDragHandle.displayName = "AntDDragHandle";
+const AntDNotToggle = ({
+  className,
+  handleOnChange,
+  label,
+  checked,
+  title,
+  disabled
+}) => /* @__PURE__ */ React.createElement(Switch, {
   title,
   className,
-  onChange: (checked2) => handleOnChange(checked2),
+  onChange: (v) => handleOnChange(v),
   checked: !!checked,
+  disabled,
   checkedChildren: label,
   unCheckedChildren: "="
 });
@@ -34,7 +42,8 @@ const AntDValueEditor = ({
   className,
   type,
   inputType,
-  values
+  values,
+  disabled
 }) => {
   var _a;
   useEffect(() => {
@@ -49,21 +58,27 @@ const AntDValueEditor = ({
   const inputTypeCoerced = ["between", "notBetween", "in", "notIn"].includes(operator) ? "text" : inputType || "text";
   switch (type) {
     case "select":
-      return /* @__PURE__ */ React.createElement(Select, {
-        className,
+      return /* @__PURE__ */ React.createElement("span", {
+        title,
+        className
+      }, /* @__PURE__ */ React.createElement(Select, {
         onChange: (v) => handleOnChange(v),
-        value
+        value,
+        disabled
       }, values.map((v) => /* @__PURE__ */ React.createElement(Option$1, {
         key: v.name,
         value: v.name
-      }, v.label)));
+      }, v.label))));
     case "checkbox":
-      return /* @__PURE__ */ React.createElement(Checkbox, {
+      return /* @__PURE__ */ React.createElement("span", {
+        title
+      }, /* @__PURE__ */ React.createElement(Checkbox, {
         type: "checkbox",
         className,
+        disabled,
         onChange: (e) => handleOnChange(e.target.checked),
         checked: !!value
-      });
+      }));
     case "radio":
       return /* @__PURE__ */ React.createElement("span", {
         className,
@@ -72,6 +87,7 @@ const AntDValueEditor = ({
         key: v.name,
         value: v.name,
         checked: value === v.name,
+        disabled,
         onChange: (e) => handleOnChange(e.target.value)
       }, v.label)));
     default:
@@ -80,6 +96,7 @@ const AntDValueEditor = ({
         value,
         title,
         className,
+        disabled,
         placeholder: placeHolderText,
         onChange: (e) => handleOnChange(e.target.value)
       });
@@ -87,8 +104,18 @@ const AntDValueEditor = ({
 };
 AntDValueEditor.displayName = "AntDValueEditor";
 const { Option } = Select;
-const AntDValueSelector = ({ className, handleOnChange, options, value }) => /* @__PURE__ */ React.createElement(Select, {
+const AntDValueSelector = ({
   className,
+  handleOnChange,
+  options,
+  value,
+  title,
+  disabled
+}) => /* @__PURE__ */ React.createElement("span", {
+  title,
+  className
+}, /* @__PURE__ */ React.createElement(Select, {
+  disabled,
   value,
   onChange: (v) => handleOnChange(v)
 }, options.map((option) => {
@@ -98,6 +125,6 @@ const AntDValueSelector = ({ className, handleOnChange, options, value }) => /*
     key,
     value: option.name
   }, option.label);
-}));
+})));
 AntDValueSelector.displayName = "AntDValueSelector";
 export { AntDActionElement, AntDDragHandle, AntDNotToggle, AntDValueEditor, AntDValueSelector };

package/dist/types/AntDActionElement.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { ActionProps } from 'react-querybuilder';
 declare const AntDActionElement: {
-    ({ className, handleOnClick, label, title }: ActionProps): JSX.Element;
+    ({ className, handleOnClick, label, title, disabled }: ActionProps): JSX.Element;
     displayName: string;
 };
 export default AntDActionElement;

package/dist/types/AntDDragHandle.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { DragHandleProps } from 'react-querybuilder';
-declare const _default: import("react").ForwardRefExoticComponent<DragHandleProps & import("react").RefAttributes<HTMLSpanElement>>;
-export default _default;
+declare const AntDDragHandle: import("react").ForwardRefExoticComponent<DragHandleProps & import("react").RefAttributes<HTMLSpanElement>>;
+export default AntDDragHandle;

package/dist/types/AntDNotToggle.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { NotToggleProps } from 'react-querybuilder';
 declare const AntDNotToggle: {
-    ({ className, handleOnChange, label, checked, title }: NotToggleProps): JSX.Element;
+    ({ className, handleOnChange, label, checked, title, disabled, }: NotToggleProps): JSX.Element;
     displayName: string;
 };
 export default AntDNotToggle;

package/dist/types/AntDValueEditor.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { ValueEditorProps } from 'react-querybuilder';
 declare const AntDValueEditor: {
-    ({ fieldData, operator, value, handleOnChange, title, className, type, inputType, values }: ValueEditorProps): JSX.Element | null;
+    ({ fieldData, operator, value, handleOnChange, title, className, type, inputType, values, disabled, }: ValueEditorProps): JSX.Element | null;
     displayName: string;
 };
 export default AntDValueEditor;

package/dist/types/AntDValueSelector.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { ValueSelectorProps } from 'react-querybuilder';
 declare const AntDValueSelector: {
-    ({ className, handleOnChange, options, value }: ValueSelectorProps): JSX.Element;
+    ({ className, handleOnChange, options, value, title, disabled, }: ValueSelectorProps): JSX.Element;
     displayName: string;
 };
 export default AntDValueSelector;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-querybuilder/antd",
   "description": "Custom Ant Design components for react-querybuilder",
-  "version": "4.0.0-beta.7",
+  "version": "4.0.0-beta.8",
   "publishConfig": {
     "access": "public"
   },
@@ -22,17 +22,18 @@
   },
   "devDependencies": {
     "@ant-design/icons": "^4.7.0",
+    "@react-querybuilder/compat": "^4.0.0-beta.8",
     "@types/react": "^17.0.0",
     "antd": "^4.10.3",
     "react": "^17.0.1",
-    "react-querybuilder": "^4.0.0-beta.7",
+    "react-querybuilder": "^4.0.0-beta.8",
     "typescript": "^4.5.0"
   },
   "peerDependencies": {
     "@ant-design/icons": ">=4.7.0",
     "antd": ">=4.10.0",
     "react": ">=16.8.0",
-    "react-querybuilder": "4.0.0-beta.5"
+    "react-querybuilder": ">=4"
   },
-  "gitHead": "f79e9f52a332794898b342af701ce81f1eebef14"
+  "gitHead": "79d0e66c09b058779e90dd5320f386e0e9fdfcd5"
 }