@react-querybuilder/bulma
Advanced tools
Comparing version 4.4.1 to 4.5.0
@@ -1,2 +0,2 @@ | ||
"use strict";var V=Object.defineProperty,I=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var E=(t,e,r)=>e in t?V(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,v=(t,e)=>{for(var r in e||(e={}))B.call(e,r)&&E(t,r,e[r]);if(f)for(var r of f(e))S.call(e,r)&&E(t,r,e[r]);return t},$=(t,e)=>I(t,P(e));var A=(t,e)=>{var r={};for(var o in t)B.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(t!=null&&f)for(var o of f(t))e.indexOf(o)<0&&S.call(t,o)&&(r[o]=t[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var x=require("react"),C=require("react-querybuilder");function G(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var L=G(x),_={exports:{}},y={};/** | ||
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var y=require("react"),S=require("react-querybuilder");function v(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}var $=v(y),x={exports:{}},f={};/** | ||
* @license React | ||
@@ -9,3 +9,3 @@ * react-jsx-runtime.production.min.js | ||
* LICENSE file in the root directory of this source tree. | ||
*/var T=L.default,M=Symbol.for("react.element"),F=Symbol.for("react.fragment"),O=Object.prototype.hasOwnProperty,U=T.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,H={key:!0,ref:!0,__self:!0,__source:!0};function j(t,e,r){var o,l={},c=null,n=null;r!==void 0&&(c=""+r),e.key!==void 0&&(c=""+e.key),e.ref!==void 0&&(n=e.ref);for(o in e)O.call(e,o)&&!H.hasOwnProperty(o)&&(l[o]=e[o]);if(t&&t.defaultProps)for(o in e=t.defaultProps,e)l[o]===void 0&&(l[o]=e[o]);return{$$typeof:M,type:t,key:c,ref:n,props:l,_owner:U.current}}y.Fragment=F;y.jsx=j;y.jsxs=j;_.exports=y;const u=_.exports.jsx,R=_.exports.jsxs,i=({className:t,handleOnClick:e,label:r,title:o,disabled:l,disabledTranslation:c})=>u("button",{type:"button",className:`button is-small ${t}`,title:c&&l?c.title:o,onClick:n=>e(n),disabled:l&&!c,children:c&&l?c.label:r});i.displayName="BulmaActionElement";const b=({className:t,handleOnChange:e,label:r,checked:o,title:l,disabled:c})=>R("label",{className:`${t} checkbox`,title:l,children:[u("input",{type:"checkbox",disabled:c,checked:o,onChange:n=>e(n.target.checked)}),r]});b.displayName="BulmaNotToggle";const m=({className:t,handleOnChange:e,options:r,value:o,title:l,disabled:c,multiple:n})=>{const d=x.useMemo(()=>n?p=>e([...p.target.options].filter(a=>a.selected).map(a=>a.value).join(",")):p=>e(p.target.value),[e,n]);return u("div",{title:l,className:`${t} select is-small`,children:u("select",{value:n&&o?o.split(","):o,multiple:!!n,disabled:c,onChange:d,children:C.toOptions(r)})})};m.displayName="BulmaValueSelector";const g=Q=>{var k=Q,{fieldData:t,operator:e,value:r,handleOnChange:o,title:l,className:c,type:n,inputType:d,values:p,disabled:a}=k,w=A(k,["fieldData","operator","value","handleOnChange","title","className","type","inputType","values","disabled"]);var h;if(x.useEffect(()=>{d==="number"&&!["between","notBetween","in","notIn"].includes(e)&&typeof r=="string"&&r.includes(",")&&o("")},[d,e,r,o]),e==="null"||e==="notNull")return null;const N=(h=t==null?void 0:t.placeholder)!=null?h:"",q=["between","notBetween","in","notIn"].includes(e)?"text":d||"text";switch(n){case"select":case"multiselect":return u(m,$(v({},w),{title:l,className:c,handleOnChange:o,options:p,value:r,disabled:a,multiple:n==="multiselect"}));case"textarea":return u("div",{className:`${c} control`,children:u("textarea",{value:r,title:l,disabled:a,className:"textarea",placeholder:N,onChange:s=>o(s.target.value)})});case"switch":case"checkbox":return u("label",{title:l,className:`${c} checkbox`,children:u("input",{type:"checkbox",checked:!!r,disabled:a,onChange:s=>o(s.target.checked)})});case"radio":return u("div",{className:`${c} control`,title:l,children:p.map(s=>R("label",{className:"radio",children:[u("input",{type:"radio",value:s.name,checked:r===s.name,onChange:()=>o(s.name),disabled:a}),s.label]},s.name))})}return u("div",{className:`${c} control`,children:u("input",{type:q,value:r,title:l,disabled:a,className:"input is-small",placeholder:N,onChange:s=>o(s.target.value)})})};g.displayName="BulmaValueEditor";const J={notToggle:b,valueEditor:g,addGroupAction:i,addRuleAction:i,cloneGroupAction:i,cloneRuleAction:i,combinatorSelector:m,fieldSelector:m,operatorSelector:m,lockRuleAction:i,lockGroupAction:i,removeGroupAction:i,removeRuleAction:i,valueSourceSelector:m};exports.BulmaActionElement=i;exports.BulmaNotToggle=b;exports.BulmaValueEditor=g;exports.BulmaValueSelector=m;exports.bulmaControlElements=J; | ||
*/var A=$.default,j=Symbol.for("react.element"),R=Symbol.for("react.fragment"),w=Object.prototype.hasOwnProperty,q=A.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,V={key:!0,ref:!0,__self:!0,__source:!0};function N(o,t,l){var e,c={},r=null,n=null;l!==void 0&&(r=""+l),t.key!==void 0&&(r=""+t.key),t.ref!==void 0&&(n=t.ref);for(e in t)w.call(t,e)&&!V.hasOwnProperty(e)&&(c[e]=t[e]);if(o&&o.defaultProps)for(e in t=o.defaultProps,t)c[e]===void 0&&(c[e]=t[e]);return{$$typeof:j,type:o,key:r,ref:n,props:c,_owner:q.current}}f.Fragment=R;f.jsx=N;f.jsxs=N;x.exports=f;const u=x.exports.jsx,h=x.exports.jsxs,i=({className:o,handleOnClick:t,label:l,title:e,disabled:c,disabledTranslation:r})=>u("button",{type:"button",className:`button is-small ${o}`,title:r&&c?r.title:e,onClick:n=>t(n),disabled:c&&!r,children:r&&c?r.label:l});i.displayName="BulmaActionElement";const _=({className:o,handleOnChange:t,label:l,checked:e,title:c,disabled:r})=>h("label",{className:`${o} checkbox`,title:c,children:[u("input",{type:"checkbox",disabled:r,checked:e,onChange:n=>t(n.target.checked)}),l]});_.displayName="BulmaNotToggle";const m=({className:o,handleOnChange:t,options:l,value:e,title:c,disabled:r,multiple:n})=>{const d=y.useMemo(()=>n?p=>t([...p.target.options].filter(a=>a.selected).map(a=>a.value).join(",")):p=>t(p.target.value),[t,n]);return u("div",{title:c,className:`${o} select is-small`,children:u("select",{value:n&&e?e.split(","):e,multiple:!!n,disabled:r,onChange:d,children:S.toOptions(l)})})};m.displayName="BulmaValueSelector";const b=({fieldData:o,operator:t,value:l,handleOnChange:e,title:c,className:r,type:n,inputType:d,values:p,disabled:a,...E})=>{var k;if(y.useEffect(()=>{d==="number"&&!["between","notBetween","in","notIn"].includes(t)&&typeof l=="string"&&l.includes(",")&&e("")},[d,t,l,e]),t==="null"||t==="notNull")return null;const g=(k=o==null?void 0:o.placeholder)!=null?k:"",B=["between","notBetween","in","notIn"].includes(t)?"text":d||"text";switch(n){case"select":case"multiselect":return u(m,{...E,title:c,className:r,handleOnChange:e,options:p,value:l,disabled:a,multiple:n==="multiselect"});case"textarea":return u("div",{className:`${r} control`,children:u("textarea",{value:l,title:c,disabled:a,className:"textarea",placeholder:g,onChange:s=>e(s.target.value)})});case"switch":case"checkbox":return u("label",{title:c,className:`${r} checkbox`,children:u("input",{type:"checkbox",checked:!!l,disabled:a,onChange:s=>e(s.target.checked)})});case"radio":return u("div",{className:`${r} control`,title:c,children:p.map(s=>h("label",{className:"radio",children:[u("input",{type:"radio",value:s.name,checked:l===s.name,onChange:()=>e(s.name),disabled:a}),s.label]},s.name))})}return u("div",{className:`${r} control`,children:u("input",{type:B,value:l,title:c,disabled:a,className:"input is-small",placeholder:g,onChange:s=>e(s.target.value)})})};b.displayName="BulmaValueEditor";const I={notToggle:_,valueEditor:b,addGroupAction:i,addRuleAction:i,cloneGroupAction:i,cloneRuleAction:i,combinatorSelector:m,fieldSelector:m,operatorSelector:m,lockRuleAction:i,lockGroupAction:i,removeGroupAction:i,removeRuleAction:i,valueSourceSelector:m};exports.BulmaActionElement=i;exports.BulmaNotToggle=_;exports.BulmaValueEditor=b;exports.BulmaValueSelector=m;exports.bulmaControlElements=I; | ||
//# sourceMappingURL=index.cjs.js.map |
@@ -1,32 +0,1 @@ | ||
var __defProp = Object.defineProperty; | ||
var __defProps = Object.defineProperties; | ||
var __getOwnPropDescs = Object.getOwnPropertyDescriptors; | ||
var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
var __hasOwnProp = Object.prototype.hasOwnProperty; | ||
var __propIsEnum = Object.prototype.propertyIsEnumerable; | ||
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; | ||
var __spreadValues = (a, b) => { | ||
for (var prop in b || (b = {})) | ||
if (__hasOwnProp.call(b, prop)) | ||
__defNormalProp(a, prop, b[prop]); | ||
if (__getOwnPropSymbols) | ||
for (var prop of __getOwnPropSymbols(b)) { | ||
if (__propIsEnum.call(b, prop)) | ||
__defNormalProp(a, prop, b[prop]); | ||
} | ||
return a; | ||
}; | ||
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); | ||
var __objRest = (source, exclude) => { | ||
var target = {}; | ||
for (var prop in source) | ||
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) | ||
target[prop] = source[prop]; | ||
if (source != null && __getOwnPropSymbols) | ||
for (var prop of __getOwnPropSymbols(source)) { | ||
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) | ||
target[prop] = source[prop]; | ||
} | ||
return target; | ||
}; | ||
import require$$0, { useMemo, useEffect } from "react"; | ||
@@ -128,27 +97,16 @@ import { toOptions } from "react-querybuilder"; | ||
BulmaValueSelector.displayName = "BulmaValueSelector"; | ||
const BulmaValueEditor = (_a) => { | ||
var _b = _a, { | ||
fieldData, | ||
operator, | ||
value, | ||
handleOnChange, | ||
title, | ||
className, | ||
type, | ||
inputType, | ||
values, | ||
disabled | ||
} = _b, props = __objRest(_b, [ | ||
"fieldData", | ||
"operator", | ||
"value", | ||
"handleOnChange", | ||
"title", | ||
"className", | ||
"type", | ||
"inputType", | ||
"values", | ||
"disabled" | ||
]); | ||
var _a2; | ||
const BulmaValueEditor = ({ | ||
fieldData, | ||
operator, | ||
value, | ||
handleOnChange, | ||
title, | ||
className, | ||
type, | ||
inputType, | ||
values, | ||
disabled, | ||
...props | ||
}) => { | ||
var _a; | ||
useEffect(() => { | ||
@@ -162,3 +120,3 @@ if (inputType === "number" && !["between", "notBetween", "in", "notIn"].includes(operator) && typeof value === "string" && value.includes(",")) { | ||
} | ||
const placeHolderText = (_a2 = fieldData == null ? void 0 : fieldData.placeholder) != null ? _a2 : ""; | ||
const placeHolderText = (_a = fieldData == null ? void 0 : fieldData.placeholder) != null ? _a : ""; | ||
const inputTypeCoerced = ["between", "notBetween", "in", "notIn"].includes(operator) ? "text" : inputType || "text"; | ||
@@ -168,3 +126,4 @@ switch (type) { | ||
case "multiselect": | ||
return /* @__PURE__ */ jsx(BulmaValueSelector, __spreadProps(__spreadValues({}, props), { | ||
return /* @__PURE__ */ jsx(BulmaValueSelector, { | ||
...props, | ||
title, | ||
@@ -177,3 +136,3 @@ className, | ||
multiple: type === "multiselect" | ||
})); | ||
}); | ||
case "textarea": | ||
@@ -180,0 +139,0 @@ return /* @__PURE__ */ jsx("div", { |
{ | ||
"name": "@react-querybuilder/bulma", | ||
"description": "Custom Bulma components for react-querybuilder", | ||
"version": "4.4.1", | ||
"version": "4.5.0", | ||
"publishConfig": { | ||
@@ -31,3 +31,3 @@ "access": "public" | ||
"react": "^18.1.0", | ||
"react-querybuilder": "^4.4.1", | ||
"react-querybuilder": "^4.5.0", | ||
"typescript": "^4.5.0" | ||
@@ -40,3 +40,3 @@ }, | ||
}, | ||
"gitHead": "431673e67c0ebde66be797b44511321c1bb72de2" | ||
"gitHead": "4e9cb2a02dd70449fc19fe83d0a5d5540f814799" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
39378
261