@react-querybuilder/bulma - npm Package Compare versions

Comparing version 7.7.0-alpha.8 to 7.7.0

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

@@ -66,12 +66,3 @@ "use strict";
 var BulmaValueEditor = (props) => {
-  const { valueAsArray, multiValueHandler } = (0, import_react_querybuilder.useValueEditor)({
-    handleOnChange: props.handleOnChange,
-    inputType: props.inputType,
-    operator: props.operator,
-    value: props.value,
-    type: props.type,
-    listsAsArrays: props.listsAsArrays,
-    parseNumbers: props.parseNumbers,
-    values: props.values
-  });
+  const { valueAsArray, multiValueHandler, valueListItemClassName } = (0, import_react_querybuilder.useValueEditor)(props);
   const { selectorComponent: SelectorComponent = props.schema.controls.valueSelector } = props;
@@ -93,3 +84,3 @@ if (props.operator === "null" || props.operator === "notNull") {
             value: valueAsArray[i] ?? "",
-            className: `${import_react_querybuilder.standardClassnames.valueListItem} input`,
+            className: `${valueListItemClassName} input`,
             disabled: props.disabled,
@@ -105,3 +96,3 @@ onChange: (e) => multiValueHandler(e.target.value, i)
           ...props,
-          className: import_react_querybuilder.standardClassnames.valueListItem,
+          className: valueListItemClassName,
           handleOnChange: (v) => multiValueHandler(v, i),
@@ -108,0 +99,0 @@ disabled: props.disabled,

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

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

dist/react-querybuilder_bulma.legacy-esm.js

@@ -47,3 +47,2 @@ var __defProp = Object.defineProperty;
   getFirstOption,
-  standardClassnames,
   useValueEditor,
@@ -54,12 +53,3 @@ ValueEditor
   var _a, _b;
-  const { valueAsArray, multiValueHandler } = useValueEditor({
-    handleOnChange: props.handleOnChange,
-    inputType: props.inputType,
-    operator: props.operator,
-    value: props.value,
-    type: props.type,
-    listsAsArrays: props.listsAsArrays,
-    parseNumbers: props.parseNumbers,
-    values: props.values
-  });
+  const { valueAsArray, multiValueHandler, valueListItemClassName } = useValueEditor(props);
   const { selectorComponent: SelectorComponent = props.schema.controls.valueSelector } = props;
@@ -82,3 +72,3 @@ if (props.operator === "null" || props.operator === "notNull") {
             value: (_a2 = valueAsArray[i]) != null ? _a2 : "",
-            className: `${standardClassnames.valueListItem} input`,
+            className: `${valueListItemClassName} input`,
             disabled: props.disabled,
@@ -94,3 +84,3 @@ onChange: (e) => multiValueHandler(e.target.value, i)
         }, props), {
-          className: standardClassnames.valueListItem,
+          className: valueListItemClassName,
           handleOnChange: (v) => multiValueHandler(v, i),
@@ -97,0 +87,0 @@ disabled: props.disabled,

package.json

 {
   "name": "@react-querybuilder/bulma",
   "description": "Custom Bulma components for react-querybuilder",
-  "version": "7.7.0-alpha.8",
+  "version": "7.7.0",
   "publishConfig": {
@@ -44,8 +44,8 @@ "access": "public"
     "@testing-library/react": "^16.0.1",
-    "@types/react": "^18.3.9",
-    "@vitejs/plugin-react-swc": "^3.7.0",
+    "@types/react": "^18.3.11",
+    "@vitejs/plugin-react-swc": "^3.7.1",
     "bulma": "^0.9.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-querybuilder": "7.7.0-alpha.8",
+    "react-querybuilder": "7.7.0",
     "rollup-plugin-visualizer": "^5.12.0",
@@ -58,5 +58,5 @@ "typescript": "^5.6.2",
     "react": ">=18",
-    "react-querybuilder": "7.7.0-alpha.8"
+    "react-querybuilder": "7.7.0"
   },
-  "gitHead": "a5eeb3eae72d03cc8fdb19c81657cd952cad1841"
+  "gitHead": "3df83ee0fc7031f80802d798a77716fb1c1c364a"
 }

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

1

-50%

Worsened metrics

Total package byte prevSize

80877

-4.18%

Lines of code

564

-5.21%

No dependency changes