@react-querybuilder/bootstrap 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 u=require("react");function b(a){return a&&typeof a=="object"&&"default"in a?a:{default:a}}var t=b(u),E=u.forwardRef(function({className:l,title:c},r){return t.default.createElement("span",{ref:r,className:l,title:c},t.default.createElement("i",{className:"bi bi-grip-vertical"}))});const f=({className:a,handleOnChange:l,title:c,label:r,checked:n})=>{const[o]=u.useState(`notToggle-${Math.random()}`);return t.default.createElement("div",{className:`form-check-inline form-switch ${a}`},t.default.createElement("input",{id:o,className:"form-check-input",type:"checkbox",onChange:s=>l(s.target.checked),checked:!!n}),t.default.createElement("label",{title:c,htmlFor:o,className:"form-check-label"},r))};f.displayName="BootstrapNotToggle";const p=({fieldData:a,operator:l,value:c,handleOnChange:r,title:n,className:o,type:s,inputType:m,values:d})=>{var i;if(u.useEffect(()=>{m==="number"&&!["between","notBetween","in","notIn"].includes(l)&&typeof c=="string"&&c.includes(",")&&r("")},[m,l,c,r]),l==="null"||l==="notNull")return null;const g=(i=a==null?void 0:a.placeholder)!=null?i:"",h=["between","notBetween","in","notIn"].includes(l)?"text":m||"text";switch(s){case"select":return t.default.createElement("select",{className:`${o} form-select form-select-sm`,title:n,onChange:e=>r(e.target.value),value:c},d.map(e=>t.default.createElement("option",{key:e.name,value:e.name},e.label)));case"checkbox":return t.default.createElement("input",{type:"checkbox",className:`form-check-input ${o}`,title:n,onChange:e=>r(e.target.checked),checked:!!c});case"radio":return t.default.createElement("span",{title:n},d.map(e=>t.default.createElement("div",{key:e.name,className:"form-check form-check-inline"},t.default.createElement("input",{className:"form-check-input",type:"radio",id:e.name,value:e.name,checked:c===e.name,onChange:k=>r(k.target.value)}),t.default.createElement("label",{className:"form-check-label",htmlFor:e.name},e.label))));default:return t.default.createElement("input",{type:h,value:c,title:n,className:o,placeholder:g,onChange:e=>r(e.target.value)})}};p.displayName="ValueEditor";exports.BootstrapDragHandle=E;exports.BootstrapNotToggle=f;exports.BootstrapValueEditor=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports[Symbol.toStringTag]="Module";var f=require("react");function N(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var a=N(f);const p=f.forwardRef(({className:t,title:r},c)=>a.default.createElement("span",{ref:c,className:t,title:r},a.default.createElement("i",{className:"bi bi-grip-vertical"})));p.displayName="BootstrapDragHandle";const g=({className:t,handleOnChange:r,title:c,label:l,checked:n,disabled:o})=>{const m=f.useRef(`notToggle-${Math.random()}`);return a.default.createElement("div",{className:`form-check-inline form-switch ${t}`},a.default.createElement("input",{id:m.current,className:"form-check-input",type:"checkbox",onChange:u=>r(u.target.checked),checked:!!n,disabled:o}),a.default.createElement("label",{title:c,htmlFor:m.current,className:"form-check-label"},l))};g.displayName="BootstrapNotToggle";const h=({fieldData:t,operator:r,value:c,handleOnChange:l,title:n,className:o,type:m,inputType:u,values:i,disabled:s})=>{var d;if(f.useEffect(()=>{u==="number"&&!["between","notBetween","in","notIn"].includes(r)&&typeof c=="string"&&c.includes(",")&&l("")},[u,r,c,l]),r==="null"||r==="notNull")return null;const k=(d=t==null?void 0:t.placeholder)!=null?d:"",E=["between","notBetween","in","notIn"].includes(r)?"text":u||"text";switch(m){case"select":return a.default.createElement("select",{className:`${o} form-select form-select-sm`,title:n,onChange:e=>l(e.target.value),value:c,disabled:s},i.map(e=>a.default.createElement("option",{key:e.name,value:e.name},e.label)));case"checkbox":return a.default.createElement("input",{type:"checkbox",className:`form-check-input ${o}`,title:n,disabled:s,onChange:e=>l(e.target.checked),checked:!!c});case"radio":return a.default.createElement("span",{title:n},i.map(e=>a.default.createElement("div",{key:e.name,className:"form-check form-check-inline"},a.default.createElement("input",{className:"form-check-input",type:"radio",id:e.name,value:e.name,checked:c===e.name,disabled:s,onChange:b=>l(b.target.value)}),a.default.createElement("label",{className:"form-check-label",htmlFor:e.name},e.label))));default:return a.default.createElement("input",{type:E,value:c,title:n,className:o,disabled:s,placeholder:k,onChange:e=>l(e.target.value)})}};h.displayName="ValueEditor";exports.BootstrapDragHandle=p;exports.BootstrapNotToggle=g;exports.BootstrapValueEditor=h;

package/dist/index.es.js

@@ -1,32 +1,33 @@
-import React, { forwardRef, useState, useEffect } from "react";
-var BootstrapDragHandle = forwardRef(function BootstrapDragHandle2({ className, title }, dragRef) {
-  return /* @__PURE__ */ React.createElement("span", {
-    ref: dragRef,
-    className,
-    title
-  }, /* @__PURE__ */ React.createElement("i", {
-    className: "bi bi-grip-vertical"
-  }));
-});
+import React, { forwardRef, useRef, useEffect } from "react";
+const BootstrapDragHandle = forwardRef(({ className, title }, dragRef) => /* @__PURE__ */ React.createElement("span", {
+  ref: dragRef,
+  className,
+  title
+}, /* @__PURE__ */ React.createElement("i", {
+  className: "bi bi-grip-vertical"
+})));
+BootstrapDragHandle.displayName = "BootstrapDragHandle";
 const BootstrapNotToggle = ({
   className,
   handleOnChange,
   title,
   label,
-  checked
+  checked,
+  disabled
 }) => {
-  const [id] = useState(`notToggle-${Math.random()}`);
+  const id = useRef(`notToggle-${Math.random()}`);
   return /* @__PURE__ */ React.createElement("div", {
     className: `form-check-inline form-switch ${className}`
   }, /* @__PURE__ */ React.createElement("input", {
-    id,
+    id: id.current,
     className: "form-check-input",
     type: "checkbox",
     onChange: (e) => handleOnChange(e.target.checked),
-    checked: !!checked
+    checked: !!checked,
+    disabled
   }), /* @__PURE__ */ React.createElement("label", {
     title,
-    htmlFor: id,
+    htmlFor: id.current,
     className: "form-check-label"
   }, label));
 };
@@ -40,7 +41,8 @@ const BootstrapValueEditor = ({
   className,
   type,
   inputType,
-  values
+  values,
+  disabled
 }) => {
   var _a;
   useEffect(() => {
@@ -59,7 +61,8 @@ const BootstrapValueEditor = ({
         className: `${className} form-select form-select-sm`,
         title,
         onChange: (e) => handleOnChange(e.target.value),
-        value
+        value,
+        disabled
       }, values.map((v) => /* @__PURE__ */ React.createElement("option", {
         key: v.name,
         value: v.name
@@ -69,6 +72,7 @@ const BootstrapValueEditor = ({
         type: "checkbox",
         className: `form-check-input ${className}`,
         title,
+        disabled,
         onChange: (e) => handleOnChange(e.target.checked),
         checked: !!value
       });
@@ -84,6 +88,7 @@ const BootstrapValueEditor = ({
         id: v.name,
         value: v.name,
         checked: value === v.name,
+        disabled,
         onChange: (e) => handleOnChange(e.target.value)
       }), /* @__PURE__ */ React.createElement("label", {
         className: "form-check-label",
@@ -95,6 +100,7 @@ const BootstrapValueEditor = ({
         value,
         title,
         className,
+        disabled,
         placeholder: placeHolderText,
         onChange: (e) => handleOnChange(e.target.value)
       });

package/dist/types/BootstrapDragHandle.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 BootstrapDragHandle: import("react").ForwardRefExoticComponent<DragHandleProps & import("react").RefAttributes<HTMLSpanElement>>;
+export default BootstrapDragHandle;

package/dist/types/BootstrapNotToggle.d.ts

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

package/dist/types/BootstrapValueEditor.d.ts

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

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export { default as BootstrapDragHandle } from './BootstrapDragHandle';
-export { default as BootstrapNotToggle } from './BootstrapNotToggle';
-export { default as BootstrapValueEditor } from './BootstrapValueEditor';
+export { BootstrapNotToggle } from './BootstrapNotToggle';
+export { BootstrapValueEditor } from './BootstrapValueEditor';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-querybuilder/bootstrap",
   "description": "Custom Bootstrap components for react-querybuilder",
-  "version": "4.0.0-beta.7",
+  "version": "4.0.0-beta.8",
   "publishConfig": {
     "access": "public"
   },
@@ -21,16 +21,18 @@
     "build": "vite build && tsc --emitDeclarationOnly"
   },
   "devDependencies": {
+    "@react-querybuilder/compat": "^4.0.0-beta.8",
     "@types/react": "^17.0.0",
     "bootstrap-icons": "^1.7.0",
     "react": "^17.0.1",
-    "react-querybuilder": "^4.0.0-beta.7",
+    "react-querybuilder": "^4.0.0-beta.8",
     "typescript": "^4.5.0"
   },
   "peerDependencies": {
+    "bootstrap": ">=5",
     "bootstrap-icons": ">=1.7.0",
     "react": ">=16.8.0",
-    "react-querybuilder": "4.0.0-beta.5"
+    "react-querybuilder": ">=4"
   },
-  "gitHead": "f79e9f52a332794898b342af701ce81f1eebef14"
+  "gitHead": "79d0e66c09b058779e90dd5320f386e0e9fdfcd5"
 }