@react-querybuilder/bulma - npm Package Compare versions

Comparing version 6.3.0-alpha.0 to 6.3.0-alpha.1

dist/cjs/react-querybuilder_bulma.cjs.development.js

 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -18,2 +20,10 @@ var __export = (target, all) => {
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
@@ -35,3 +45,3 @@
 // src/BulmaActionElement.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
 var BulmaActionElement = ({
@@ -44,3 +54,3 @@ className,
   disabledTranslation
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+}) => /* @__PURE__ */ React.createElement(
   "button",
@@ -52,5 +62,5 @@ {
     onClick: (e) => handleOnClick(e),
-    disabled: disabled && !disabledTranslation,
-    children: disabledTranslation && disabled ? disabledTranslation.label : label
-  }
+    disabled: disabled && !disabledTranslation
+  },
+  disabledTranslation && disabled ? disabledTranslation.label : label
 );
@@ -60,3 +70,3 @@ BulmaActionElement.displayName = "BulmaActionElement";
 // src/BulmaNotToggle.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var React2 = __toESM(require("react"));
 var BulmaNotToggle = ({
@@ -69,27 +79,25 @@ className,
   disabled
-}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: `${className} checkbox`, title, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "input",
-    {
-      type: "checkbox",
-      disabled,
-      checked,
-      onChange: (e) => handleOnChange(e.target.checked)
-    }
-  ),
-  label
-] });
+}) => /* @__PURE__ */ React2.createElement("label", { className: `${className} checkbox`, title }, /* @__PURE__ */ React2.createElement(
+  "input",
+  {
+    type: "checkbox",
+    disabled,
+    checked,
+    onChange: (e) => handleOnChange(e.target.checked)
+  }
+), label);
 BulmaNotToggle.displayName = "BulmaNotToggle";
 
 // src/BulmaValueEditor.tsx
+var React4 = __toESM(require("react"));
 var import_react_querybuilder3 = require("react-querybuilder");
 
 // src/BulmaValueSelector.tsx
+var React3 = __toESM(require("react"));
 var import_react_querybuilder2 = require("react-querybuilder");
 
-// src/utils.tsx
+// src/utils.ts
 var import_react_querybuilder = require("react-querybuilder");
 
 // src/BulmaValueSelector.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
 var BulmaValueSelector = ({
@@ -107,3 +115,3 @@ className,
   const selectElementChangeHandler = (0, import_react_querybuilder2.useSelectElementChangeHandler)({ multiple, onChange });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { title, className: `${className} select${multiple ? " is-multiple" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ React3.createElement("div", { title, className: `${className} select${multiple ? " is-multiple" : ""}` }, /* @__PURE__ */ React3.createElement(
     "select",
@@ -114,6 +122,6 @@ {
       disabled,
-      onChange: selectElementChangeHandler,
-      children: (0, import_react_querybuilder.toOptions)(options)
-    }
-  ) });
+      onChange: selectElementChangeHandler
+    },
+    (0, import_react_querybuilder.toOptions)(options)
+  ));
 };
@@ -123,4 +131,2 @@ BulmaValueSelector.displayName = "BulmaValueSelector";
 // src/BulmaValueEditor.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var import_react = require("react");
 var BulmaValueEditor = (props) => {
@@ -146,5 +152,6 @@ const { valueAsArray, multiValueHandler } = (0, import_react_querybuilder3.useValueEditor)({
       if (props.type === "text") {
-        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        return /* @__PURE__ */ React4.createElement(
           "input",
           {
+            key,
             type: props.inputType || "text",
@@ -156,7 +163,6 @@ placeholder: placeHolderText,
             onChange: (e) => multiValueHandler(e.target.value, i)
-          },
-          key
+          }
         );
       }
-      return /* @__PURE__ */ (0, import_react.createElement)(
+      return /* @__PURE__ */ React4.createElement(
         SelectorComponent,
@@ -175,7 +181,3 @@ {
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { "data-testid": props.testID, className: props.className, title: props.title, children: [
-      editors[0],
-      props.separator,
-      editors[1]
-    ] });
+    return /* @__PURE__ */ React4.createElement("span", { "data-testid": props.testID, className: props.className, title: props.title }, editors[0], props.separator, editors[1]);
   }
@@ -185,3 +187,3 @@ switch (props.type) {
     case "multiselect":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      return /* @__PURE__ */ React4.createElement(
         SelectorComponent,
@@ -201,22 +203,19 @@ {
     case "textarea":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `${props.className} control`, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_querybuilder3.ValueEditor, { skipHook: true, ...props, className: "textarea" }) });
+      return /* @__PURE__ */ React4.createElement("div", { className: `${props.className} control` }, /* @__PURE__ */ React4.createElement(import_react_querybuilder3.ValueEditor, { skipHook: true, ...props, className: "textarea" }));
     case "switch":
     case "checkbox":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { title: props.title, className: `${props.className} checkbox`, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_querybuilder3.ValueEditor, { skipHook: true, ...props, title: "", className: "" }) });
+      return /* @__PURE__ */ React4.createElement("label", { title: props.title, className: `${props.className} checkbox` }, /* @__PURE__ */ React4.createElement(import_react_querybuilder3.ValueEditor, { skipHook: true, ...props, title: "", className: "" }));
     case "radio":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `${props.className} control`, title: props.title, children: values.map((v) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "radio", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          "input",
-          {
-            type: "radio",
-            value: v.name,
-            checked: props.value === v.name,
-            onChange: () => props.handleOnChange(v.name),
-            disabled: props.disabled
-          }
-        ),
-        v.label
-      ] }, v.name)) });
+      return /* @__PURE__ */ React4.createElement("div", { className: `${props.className} control`, title: props.title }, values.map((v) => /* @__PURE__ */ React4.createElement("label", { key: v.name, className: "radio" }, /* @__PURE__ */ React4.createElement(
+        "input",
+        {
+          type: "radio",
+          value: v.name,
+          checked: props.value === v.name,
+          onChange: () => props.handleOnChange(v.name),
+          disabled: props.disabled
+        }
+      ), v.label)));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `${props.className} control`, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_querybuilder3.ValueEditor, { skipHook: true, ...props, disabled: props.disabled, className: "input" }) });
+  return /* @__PURE__ */ React4.createElement("div", { className: `${props.className} control` }, /* @__PURE__ */ React4.createElement(import_react_querybuilder3.ValueEditor, { skipHook: true, ...props, disabled: props.disabled, className: "input" }));
 };
@@ -223,0 +222,0 @@ BulmaValueEditor.displayName = "BulmaValueEditor";

dist/cjs/react-querybuilder_bulma.cjs.production.js

@@ -1,2 +0,2 @@
-"use strict";var v=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var P=(e,t)=>{for(var r in t)v(e,r,{get:t[r],enumerable:!0})},$=(e,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of S(t))!O.call(e,a)&&a!==r&&v(e,a,{get:()=>t[a],enumerable:!(i=V(t,a))||i.enumerable});return e};var H=e=>$(v({},"__esModule",{value:!0}),e);var G={};P(G,{BulmaActionElement:()=>c,BulmaNotToggle:()=>b,BulmaValueEditor:()=>A,BulmaValueSelector:()=>s,QueryBuilderBulma:()=>T,bulmaControlElements:()=>x});module.exports=H(G);var B=require("react-querybuilder");var f=require("react/jsx-runtime"),c=({className:e,handleOnClick:t,label:r,title:i,disabled:a,disabledTranslation:o})=>(0,f.jsx)("button",{type:"button",className:`button ${e}`,title:o&&a?o.title:i,onClick:l=>t(l),disabled:a&&!o,children:o&&a?o.label:r});c.displayName="BulmaActionElement";var N=require("react/jsx-runtime"),b=({className:e,handleOnChange:t,label:r,checked:i,title:a,disabled:o})=>(0,N.jsxs)("label",{className:`${e} checkbox`,title:a,children:[(0,N.jsx)("input",{type:"checkbox",disabled:o,checked:i,onChange:l=>t(l.target.checked)}),r]});b.displayName="BulmaNotToggle";var u=require("react-querybuilder");var g=require("react-querybuilder");var h=require("react-querybuilder");var C=require("react/jsx-runtime"),s=({className:e,handleOnChange:t,options:r,value:i,title:a,disabled:o,multiple:l,listsAsArrays:y})=>{let{onChange:m,val:d}=(0,g.useValueSelector)({handleOnChange:t,listsAsArrays:y,multiple:l,value:i}),E=(0,g.useSelectElementChangeHandler)({multiple:l,onChange:m});return(0,C.jsx)("div",{title:a,className:`${e} select${l?" is-multiple":""}`,children:(0,C.jsx)("select",{value:d,multiple:l,disabled:o,onChange:E,children:(0,h.toOptions)(r)})})};s.displayName="BulmaValueSelector";var n=require("react/jsx-runtime"),k=require("react"),A=e=>{let{valueAsArray:t,multiValueHandler:r}=(0,u.useValueEditor)({handleOnChange:e.handleOnChange,inputType:e.inputType,operator:e.operator,value:e.value,type:e.type,listsAsArrays:e.listsAsArrays,parseNumbers:e.parseNumbers,values:e.values}),{selectorComponent:i=s}=e;if(e.operator==="null"||e.operator==="notNull")return null;let a=e.fieldData?.placeholder??"",{values:o=[]}=e;if((e.operator==="between"||e.operator==="notBetween")&&(e.type==="select"||e.type==="text")){let l=["from","to"].map((y,m)=>e.type==="text"?(0,n.jsx)("input",{type:e.inputType||"text",placeholder:a,value:t[m]??"",className:`${u.standardClassnames.valueListItem} input`,disabled:e.disabled,onChange:d=>r(d.target.value,m)},y):(0,k.createElement)(i,{...e,key:y,className:u.standardClassnames.valueListItem,handleOnChange:d=>r(d,m),disabled:e.disabled,value:t[m]??(0,u.getFirstOption)(o),options:o,listsAsArrays:e.listsAsArrays}));return(0,n.jsxs)("span",{"data-testid":e.testID,className:e.className,title:e.title,children:[l[0],e.separator,l[1]]})}switch(e.type){case"select":case"multiselect":return(0,n.jsx)(i,{...e,title:e.title,className:e.className,handleOnChange:e.handleOnChange,options:o,value:e.value,disabled:e.disabled,multiple:e.type==="multiselect",listsAsArrays:e.listsAsArrays});case"textarea":return(0,n.jsx)("div",{className:`${e.className} control`,children:(0,n.jsx)(u.ValueEditor,{skipHook:!0,...e,className:"textarea"})});case"switch":case"checkbox":return(0,n.jsx)("label",{title:e.title,className:`${e.className} checkbox`,children:(0,n.jsx)(u.ValueEditor,{skipHook:!0,...e,title:"",className:""})});case"radio":return(0,n.jsx)("div",{className:`${e.className} control`,title:e.title,children:o.map(l=>(0,n.jsxs)("label",{className:"radio",children:[(0,n.jsx)("input",{type:"radio",value:l.name,checked:e.value===l.name,onChange:()=>e.handleOnChange(l.name),disabled:e.disabled}),l.label]},l.name))})}return(0,n.jsx)("div",{className:`${e.className} control`,children:(0,n.jsx)(u.ValueEditor,{skipHook:!0,...e,disabled:e.disabled,className:"input"})})};A.displayName="BulmaValueEditor";var x={notToggle:b,valueEditor:A,addGroupAction:c,addRuleAction:c,cloneGroupAction:c,cloneRuleAction:c,combinatorSelector:s,fieldSelector:s,operatorSelector:s,lockRuleAction:c,lockGroupAction:c,removeGroupAction:c,removeRuleAction:c,valueSourceSelector:s},T=(0,B.getCompatContextProvider)({key:"bulma",controlElements:x});0&&(module.exports={BulmaActionElement,BulmaNotToggle,BulmaValueEditor,BulmaValueSelector,QueryBuilderBulma,bulmaControlElements});
+"use strict";var S=Object.create;var b=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var H=(e,t)=>{for(var a in t)b(e,a,{get:t[a],enumerable:!0})},k=(e,t,a,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of P(t))!R.call(e,o)&&o!==a&&b(e,o,{get:()=>t[o],enumerable:!(i=O(t,o))||i.enumerable});return e};var N=(e,t,a)=>(a=e!=null?S($(e)):{},k(t||!e||!e.__esModule?b(a,"default",{value:e,enumerable:!0}):a,e)),T=e=>k(b({},"__esModule",{value:!0}),e);var q={};H(q,{BulmaActionElement:()=>c,BulmaNotToggle:()=>h,BulmaValueEditor:()=>v,BulmaValueSelector:()=>s,QueryBuilderBulma:()=>G,bulmaControlElements:()=>E});module.exports=T(q);var B=require("react-querybuilder");var x=N(require("react")),c=({className:e,handleOnClick:t,label:a,title:i,disabled:o,disabledTranslation:r})=>x.createElement("button",{type:"button",className:`button ${e}`,title:r&&o?r.title:i,onClick:l=>t(l),disabled:o&&!r},r&&o?r.label:a);c.displayName="BulmaActionElement";var f=N(require("react")),h=({className:e,handleOnChange:t,label:a,checked:i,title:o,disabled:r})=>f.createElement("label",{className:`${e} checkbox`,title:o},f.createElement("input",{type:"checkbox",disabled:r,checked:i,onChange:l=>t(l.target.checked)}),a);h.displayName="BulmaNotToggle";var n=N(require("react")),m=require("react-querybuilder");var C=N(require("react")),A=require("react-querybuilder");var g=require("react-querybuilder");var s=({className:e,handleOnChange:t,options:a,value:i,title:o,disabled:r,multiple:l,listsAsArrays:y})=>{let{onChange:u,val:d}=(0,A.useValueSelector)({handleOnChange:t,listsAsArrays:y,multiple:l,value:i}),V=(0,A.useSelectElementChangeHandler)({multiple:l,onChange:u});return C.createElement("div",{title:o,className:`${e} select${l?" is-multiple":""}`},C.createElement("select",{value:d,multiple:l,disabled:r,onChange:V},(0,g.toOptions)(a)))};s.displayName="BulmaValueSelector";var v=e=>{let{valueAsArray:t,multiValueHandler:a}=(0,m.useValueEditor)({handleOnChange:e.handleOnChange,inputType:e.inputType,operator:e.operator,value:e.value,type:e.type,listsAsArrays:e.listsAsArrays,parseNumbers:e.parseNumbers,values:e.values}),{selectorComponent:i=s}=e;if(e.operator==="null"||e.operator==="notNull")return null;let o=e.fieldData?.placeholder??"",{values:r=[]}=e;if((e.operator==="between"||e.operator==="notBetween")&&(e.type==="select"||e.type==="text")){let l=["from","to"].map((y,u)=>e.type==="text"?n.createElement("input",{key:y,type:e.inputType||"text",placeholder:o,value:t[u]??"",className:`${m.standardClassnames.valueListItem} input`,disabled:e.disabled,onChange:d=>a(d.target.value,u)}):n.createElement(i,{...e,key:y,className:m.standardClassnames.valueListItem,handleOnChange:d=>a(d,u),disabled:e.disabled,value:t[u]??(0,m.getFirstOption)(r),options:r,listsAsArrays:e.listsAsArrays}));return n.createElement("span",{"data-testid":e.testID,className:e.className,title:e.title},l[0],e.separator,l[1])}switch(e.type){case"select":case"multiselect":return n.createElement(i,{...e,title:e.title,className:e.className,handleOnChange:e.handleOnChange,options:r,value:e.value,disabled:e.disabled,multiple:e.type==="multiselect",listsAsArrays:e.listsAsArrays});case"textarea":return n.createElement("div",{className:`${e.className} control`},n.createElement(m.ValueEditor,{skipHook:!0,...e,className:"textarea"}));case"switch":case"checkbox":return n.createElement("label",{title:e.title,className:`${e.className} checkbox`},n.createElement(m.ValueEditor,{skipHook:!0,...e,title:"",className:""}));case"radio":return n.createElement("div",{className:`${e.className} control`,title:e.title},r.map(l=>n.createElement("label",{key:l.name,className:"radio"},n.createElement("input",{type:"radio",value:l.name,checked:e.value===l.name,onChange:()=>e.handleOnChange(l.name),disabled:e.disabled}),l.label)))}return n.createElement("div",{className:`${e.className} control`},n.createElement(m.ValueEditor,{skipHook:!0,...e,disabled:e.disabled,className:"input"}))};v.displayName="BulmaValueEditor";var E={notToggle:h,valueEditor:v,addGroupAction:c,addRuleAction:c,cloneGroupAction:c,cloneRuleAction:c,combinatorSelector:s,fieldSelector:s,operatorSelector:s,lockRuleAction:c,lockGroupAction:c,removeGroupAction:c,removeRuleAction:c,valueSourceSelector:s},G=(0,B.getCompatContextProvider)({key:"bulma",controlElements:E});0&&(module.exports={BulmaActionElement,BulmaNotToggle,BulmaValueEditor,BulmaValueSelector,QueryBuilderBulma,bulmaControlElements});
 //# sourceMappingURL=react-querybuilder_bulma.cjs.production.js.map

dist/react-querybuilder_bulma.legacy-esm.js

@@ -25,3 +25,3 @@ var __defProp = Object.defineProperty;
 // src/BulmaActionElement.tsx
-import { jsx } from "react/jsx-runtime";
+import * as React from "react";
 var BulmaActionElement = ({
@@ -34,3 +34,3 @@ className,
   disabledTranslation
-}) => /* @__PURE__ */ jsx(
+}) => /* @__PURE__ */ React.createElement(
   "button",
@@ -42,5 +42,5 @@ {
     onClick: (e) => handleOnClick(e),
-    disabled: disabled && !disabledTranslation,
-    children: disabledTranslation && disabled ? disabledTranslation.label : label
-  }
+    disabled: disabled && !disabledTranslation
+  },
+  disabledTranslation && disabled ? disabledTranslation.label : label
 );
@@ -50,3 +50,3 @@ BulmaActionElement.displayName = "BulmaActionElement";
 // src/BulmaNotToggle.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import * as React2 from "react";
 var BulmaNotToggle = ({
@@ -59,17 +59,15 @@ className,
   disabled
-}) => /* @__PURE__ */ jsxs("label", { className: `${className} checkbox`, title, children: [
-  /* @__PURE__ */ jsx2(
-    "input",
-    {
-      type: "checkbox",
-      disabled,
-      checked,
-      onChange: (e) => handleOnChange(e.target.checked)
-    }
-  ),
-  label
-] });
+}) => /* @__PURE__ */ React2.createElement("label", { className: `${className} checkbox`, title }, /* @__PURE__ */ React2.createElement(
+  "input",
+  {
+    type: "checkbox",
+    disabled,
+    checked,
+    onChange: (e) => handleOnChange(e.target.checked)
+  }
+), label);
 BulmaNotToggle.displayName = "BulmaNotToggle";
 
 // src/BulmaValueEditor.tsx
+import * as React4 from "react";
 import {
@@ -83,9 +81,9 @@ getFirstOption,
 // src/BulmaValueSelector.tsx
+import * as React3 from "react";
 import { useSelectElementChangeHandler, useValueSelector } from "react-querybuilder";
 
-// src/utils.tsx
+// src/utils.ts
 import { isOptionGroupArray, toOptions } from "react-querybuilder";
 
 // src/BulmaValueSelector.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
 var BulmaValueSelector = ({
@@ -103,3 +101,3 @@ className,
   const selectElementChangeHandler = useSelectElementChangeHandler({ multiple, onChange });
-  return /* @__PURE__ */ jsx3("div", { title, className: `${className} select${multiple ? " is-multiple" : ""}`, children: /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ React3.createElement("div", { title, className: `${className} select${multiple ? " is-multiple" : ""}` }, /* @__PURE__ */ React3.createElement(
     "select",
@@ -110,6 +108,6 @@ {
       disabled,
-      onChange: selectElementChangeHandler,
-      children: toOptions(options)
-    }
-  ) });
+      onChange: selectElementChangeHandler
+    },
+    toOptions(options)
+  ));
 };
@@ -119,4 +117,2 @@ BulmaValueSelector.displayName = "BulmaValueSelector";
 // src/BulmaValueEditor.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-import { createElement } from "react";
 var BulmaValueEditor = (props) => {
@@ -144,5 +140,6 @@ var _a, _b;
       if (props.type === "text") {
-        return /* @__PURE__ */ jsx4(
+        return /* @__PURE__ */ React4.createElement(
           "input",
           {
+            key,
             type: props.inputType || "text",
@@ -154,7 +151,6 @@ placeholder: placeHolderText,
             onChange: (e) => multiValueHandler(e.target.value, i)
-          },
-          key
+          }
         );
       }
-      return /* @__PURE__ */ createElement(
+      return /* @__PURE__ */ React4.createElement(
         SelectorComponent,
@@ -172,7 +168,3 @@ __spreadProps(__spreadValues({}, props), {
     });
-    return /* @__PURE__ */ jsxs2("span", { "data-testid": props.testID, className: props.className, title: props.title, children: [
-      editors[0],
-      props.separator,
-      editors[1]
-    ] });
+    return /* @__PURE__ */ React4.createElement("span", { "data-testid": props.testID, className: props.className, title: props.title }, editors[0], props.separator, editors[1]);
   }
@@ -182,3 +174,3 @@ switch (props.type) {
     case "multiselect":
-      return /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ React4.createElement(
         SelectorComponent,
@@ -197,22 +189,19 @@ __spreadProps(__spreadValues({}, props), {
     case "textarea":
-      return /* @__PURE__ */ jsx4("div", { className: `${props.className} control`, children: /* @__PURE__ */ jsx4(ValueEditor, __spreadProps(__spreadValues({ skipHook: true }, props), { className: "textarea" })) });
+      return /* @__PURE__ */ React4.createElement("div", { className: `${props.className} control` }, /* @__PURE__ */ React4.createElement(ValueEditor, __spreadProps(__spreadValues({ skipHook: true }, props), { className: "textarea" })));
     case "switch":
     case "checkbox":
-      return /* @__PURE__ */ jsx4("label", { title: props.title, className: `${props.className} checkbox`, children: /* @__PURE__ */ jsx4(ValueEditor, __spreadProps(__spreadValues({ skipHook: true }, props), { title: "", className: "" })) });
+      return /* @__PURE__ */ React4.createElement("label", { title: props.title, className: `${props.className} checkbox` }, /* @__PURE__ */ React4.createElement(ValueEditor, __spreadProps(__spreadValues({ skipHook: true }, props), { title: "", className: "" })));
     case "radio":
-      return /* @__PURE__ */ jsx4("div", { className: `${props.className} control`, title: props.title, children: values.map((v) => /* @__PURE__ */ jsxs2("label", { className: "radio", children: [
-        /* @__PURE__ */ jsx4(
-          "input",
-          {
-            type: "radio",
-            value: v.name,
-            checked: props.value === v.name,
-            onChange: () => props.handleOnChange(v.name),
-            disabled: props.disabled
-          }
-        ),
-        v.label
-      ] }, v.name)) });
+      return /* @__PURE__ */ React4.createElement("div", { className: `${props.className} control`, title: props.title }, values.map((v) => /* @__PURE__ */ React4.createElement("label", { key: v.name, className: "radio" }, /* @__PURE__ */ React4.createElement(
+        "input",
+        {
+          type: "radio",
+          value: v.name,
+          checked: props.value === v.name,
+          onChange: () => props.handleOnChange(v.name),
+          disabled: props.disabled
+        }
+      ), v.label)));
   }
-  return /* @__PURE__ */ jsx4("div", { className: `${props.className} control`, children: /* @__PURE__ */ jsx4(ValueEditor, __spreadProps(__spreadValues({ skipHook: true }, props), { disabled: props.disabled, className: "input" })) });
+  return /* @__PURE__ */ React4.createElement("div", { className: `${props.className} control` }, /* @__PURE__ */ React4.createElement(ValueEditor, __spreadProps(__spreadValues({ skipHook: true }, props), { disabled: props.disabled, className: "input" })));
 };
@@ -219,0 +208,0 @@ BulmaValueEditor.displayName = "BulmaValueEditor";

package.json

 {
   "name": "@react-querybuilder/bulma",
   "description": "Custom Bulma components for react-querybuilder",
-  "version": "6.3.0-alpha.0",
+  "version": "6.3.0-alpha.1",
   "publishConfig": {
@@ -37,3 +37,3 @@ "access": "public"
     "@testing-library/react": "^14.0.0",
-    "@types/react": "^18.0.37",
+    "@types/react": "^18.2.0",
     "@vitejs/plugin-react-swc": "^3.3.0",
@@ -43,6 +43,6 @@ "bulma": "^0.9.4",
     "react-dom": "^18.2.0",
-    "react-querybuilder": "^6.3.0-alpha.0",
+    "react-querybuilder": "^6.3.0-alpha.1",
     "rollup-plugin-visualizer": "^5.9.0",
     "typescript": "^4.9.5",
-    "vite": "^4.3.1"
+    "vite": "^4.3.4"
   },
@@ -52,5 +52,5 @@ "peerDependencies": {
     "react": ">=16.8.0",
-    "react-querybuilder": "^6.3.0-alpha.0"
+    "react-querybuilder": "^6.3.0-alpha.1"
   },
-  "gitHead": "fd69d09523be41dfb8515ae0bab1b9f9f70411c1"
+  "gitHead": "f9f7cb4d33a9d1a3c6754b2d8933e0469cbbe088"
 }

No alert changes

Improved metrics

Total package byte prevSize

95133

increased by0.32%

Worsened metrics

Lines of code

701

decreased by-3.18%

No dependency changes