@react-querybuilder/bulma - npm Package Compare versions

Comparing version 7.0.0-alpha.1 to 7.0.0-alpha.2

dist/cjs/react-querybuilder_bulma.cjs.development.d.ts

 import * as react from 'react';
 import * as react_querybuilder from 'react-querybuilder';
-import { ActionProps, NotToggleProps, ValueEditorProps, ValueSelectorProps } from 'react-querybuilder';
+import { ActionProps, NotToggleProps, ValueEditorProps, ValueSelectorProps, Field } from 'react-querybuilder';
 
@@ -31,3 +31,3 @@ declare const BulmaActionElement: {
     valueEditor: {
-        (props: react_querybuilder.ValueEditorProps<react_querybuilder.Field<string, string, string, react_querybuilder.Option<string>, react_querybuilder.Option<string>>, string>): react.JSX.Element | null;
+        (props: react_querybuilder.ValueEditorProps<Field<string, string, string, react_querybuilder.Option<string>, react_querybuilder.Option<string>>, string>): react.JSX.Element | null;
         displayName: string;
@@ -34,0 +34,0 @@ };

dist/cjs/react-querybuilder_bulma.cjs.production.d.ts

 import * as react from 'react';
 import * as react_querybuilder from 'react-querybuilder';
-import { ActionProps, NotToggleProps, ValueEditorProps, ValueSelectorProps } from 'react-querybuilder';
+import { ActionProps, NotToggleProps, ValueEditorProps, ValueSelectorProps, Field } from 'react-querybuilder';
 
@@ -31,3 +31,3 @@ declare const BulmaActionElement: {
     valueEditor: {
-        (props: react_querybuilder.ValueEditorProps<react_querybuilder.Field<string, string, string, react_querybuilder.Option<string>, react_querybuilder.Option<string>>, string>): react.JSX.Element | null;
+        (props: react_querybuilder.ValueEditorProps<Field<string, string, string, react_querybuilder.Option<string>, react_querybuilder.Option<string>>, string>): react.JSX.Element | null;
         displayName: string;
@@ -34,0 +34,0 @@ };

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

@@ -1,2 +0,2 @@
-"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})},C=(e,t,a,n)=>{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:!(n=O(t,o))||n.enumerable});return e};var N=(e,t,a)=>(a=e!=null?S($(e)):{},C(t||!e||!e.__esModule?b(a,"default",{value:e,enumerable:!0}):a,e)),T=e=>C(b({},"__esModule",{value:!0}),e);var G={};H(G,{BulmaActionElement:()=>c,BulmaNotToggle:()=>h,BulmaValueEditor:()=>A,BulmaValueSelector:()=>s,QueryBuilderBulma:()=>p,bulmaControlElements:()=>E});module.exports=T(G);var B=require("react-querybuilder");var k=N(require("react")),c=({className:e,handleOnClick:t,label:a,title:n,disabled:o,disabledTranslation:r})=>k.createElement("button",{type:"button",className:`button ${e}`,title:r&&o?r.title:n,onClick:l=>t(l),disabled:o&&!r},r&&o?r.label:a);c.displayName="BulmaActionElement";var v=N(require("react")),h=({className:e,handleOnChange:t,label:a,checked:n,title:o,disabled:r})=>v.createElement("label",{className:`${e} checkbox`,title:o},v.createElement("input",{type:"checkbox",disabled:r,checked:n,onChange:l=>t(l.target.checked)}),a);h.displayName="BulmaNotToggle";var i=N(require("react")),m=require("react-querybuilder");var x=N(require("react")),g=require("react-querybuilder");var f=require("react-querybuilder");var s=({className:e,handleOnChange:t,options:a,value:n,title:o,disabled:r,multiple:l,listsAsArrays:y})=>{let{onChange:u,val:d}=(0,g.useValueSelector)({handleOnChange:t,listsAsArrays:y,multiple:l,value:n}),V=(0,g.useSelectElementChangeHandler)({multiple:l,onChange:u});return x.createElement("div",{title:o,className:`${e} select${l?" is-multiple":""}`},x.createElement("select",{value:d,multiple:l,disabled:r,onChange:V},(0,f.toOptions)(a)))};s.displayName="BulmaValueSelector";var A=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:n=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"?i.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)}):i.createElement(n,{...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 i.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 i.createElement(n,{...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 i.createElement("div",{className:`${e.className} control`},i.createElement(m.ValueEditor,{skipHook:!0,...e,className:"textarea"}));case"switch":case"checkbox":return i.createElement("label",{title:e.title,className:`${e.className} checkbox`},i.createElement(m.ValueEditor,{skipHook:!0,...e,title:"",className:""}));case"radio":return i.createElement("div",{className:`${e.className} control`,title:e.title},r.map(l=>i.createElement("label",{key:l.name,className:"radio"},i.createElement("input",{type:"radio",value:l.name,checked:e.value===l.name,onChange:()=>e.handleOnChange(l.name),disabled:e.disabled}),l.label)))}return i.createElement("div",{className:`${e.className} control`},i.createElement(m.ValueEditor,{skipHook:!0,...e,disabled:e.disabled,className:"input"}))};A.displayName="BulmaValueEditor";var E={notToggle:h,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},p=(0,B.getCompatContextProvider)({key:"bulma",controlElements:E});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})},C=(e,t,a,n)=>{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:!(n=O(t,o))||n.enumerable});return e};var N=(e,t,a)=>(a=e!=null?S($(e)):{},C(t||!e||!e.__esModule?b(a,"default",{value:e,enumerable:!0}):a,e)),T=e=>C(b({},"__esModule",{value:!0}),e);var G={};H(G,{BulmaActionElement:()=>c,BulmaNotToggle:()=>g,BulmaValueEditor:()=>A,BulmaValueSelector:()=>s,QueryBuilderBulma:()=>p,bulmaControlElements:()=>E});module.exports=T(G);var B=require("react-querybuilder");var k=N(require("react")),c=({className:e,handleOnClick:t,label:a,title:n,disabled:o,disabledTranslation:r})=>k.createElement("button",{type:"button",className:`button ${e}`,title:r&&o?r.title:n,onClick:l=>t(l),disabled:o&&!r},r&&o?r.label:a);c.displayName="BulmaActionElement";var v=N(require("react")),g=({className:e,handleOnChange:t,label:a,checked:n,title:o,disabled:r})=>v.createElement("label",{className:`${e} checkbox`,title:o},v.createElement("input",{type:"checkbox",disabled:r,checked:n,onChange:l=>t(l.target.checked)}),a);g.displayName="BulmaNotToggle";var i=N(require("react")),m=require("react-querybuilder");var x=N(require("react")),f=require("react-querybuilder");var h=require("react-querybuilder");var s=({className:e,handleOnChange:t,options:a,value:n,title:o,disabled:r,multiple:l,listsAsArrays:y})=>{let{onChange:u,val:d}=(0,f.useValueSelector)({handleOnChange:t,listsAsArrays:y,multiple:l,value:n}),V=(0,f.useSelectElementChangeHandler)({multiple:l,onChange:u});return x.createElement("div",{title:o,className:`${e} select${l?" is-multiple":""}`},x.createElement("select",{value:d,multiple:l,disabled:r,onChange:V},(0,h.toOptions)(a)))};s.displayName="BulmaValueSelector";var A=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:n=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"?i.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)}):i.createElement(n,{...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 i.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 i.createElement(n,{...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 i.createElement("div",{className:`${e.className} control`},i.createElement(m.ValueEditor,{skipHook:!0,...e,className:"textarea"}));case"switch":case"checkbox":return i.createElement("label",{title:e.title,className:`${e.className} checkbox`},i.createElement(m.ValueEditor,{skipHook:!0,...e,title:"",className:""}));case"radio":return i.createElement("div",{className:`${e.className} control`,title:e.title},r.map(l=>i.createElement("label",{key:l.name,className:"radio"},i.createElement("input",{type:"radio",value:l.name,checked:e.value===l.name,onChange:()=>e.handleOnChange(l.name),disabled:e.disabled}),l.label)))}return i.createElement("div",{className:`${e.className} control`},i.createElement(m.ValueEditor,{skipHook:!0,...e,disabled:e.disabled,className:"input"}))};A.displayName="BulmaValueEditor";var E={notToggle:g,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},p=(0,B.getCompatContextProvider)({key:"bulma",controlElements:E});0&&(module.exports={BulmaActionElement,BulmaNotToggle,BulmaValueEditor,BulmaValueSelector,QueryBuilderBulma,bulmaControlElements});
 //# sourceMappingURL=react-querybuilder_bulma.cjs.production.js.map

package.json

 {
   "name": "@react-querybuilder/bulma",
   "description": "Custom Bulma components for react-querybuilder",
-  "version": "7.0.0-alpha.1",
+  "version": "7.0.0-alpha.2",
   "publishConfig": {
@@ -47,3 +47,3 @@ "access": "public"
     "react-dom": "^18.2.0",
-    "react-querybuilder": "^7.0.0-alpha.1",
+    "react-querybuilder": "^7.0.0-alpha.2",
     "rollup-plugin-visualizer": "^5.9.2",
@@ -56,5 +56,5 @@ "typescript": "^5.2.2",
     "react": ">=16.8.0",
-    "react-querybuilder": "^7.0.0-alpha.1"
+    "react-querybuilder": "^7.0.0-alpha.2"
   },
-  "gitHead": "07b50090de711f00f3ddeeaddb5666706a6e7c9f"
+  "gitHead": "b2557742eb611820d453681120a2fc0f3d679692"
 }

README.md

@@ -35,3 +35,3 @@ ## @react-querybuilder/bulma
     <QueryBuilderBulma>
-      <QueryBuilder fields={fields} query={query} onQueryChange={q => setQuery(q)} />
+      <QueryBuilder fields={fields} query={query} onQueryChange={setQuery} />
     </QueryBuilderBulma>
@@ -38,0 +38,0 @@ );

No alert changes

Improved metrics

Total package byte prevSize

115759

increased by0.04%

No dependency changes