@react-querybuilder/bootstrap 7.7.0-alpha.4 → 7.7.0

package/dist/cjs/react-querybuilder_bootstrap.cjs.development.js

@@ -70,17 +70,8 @@ var BootstrapNotToggle = ({
 var React2 = __toESM(require("react"));
 var import_react_querybuilder = require("react-querybuilder");
 var BootstrapValueEditor = (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 { selectorComponent: SelectorComponent = import_react_querybuilder.ValueSelector } = props;
+  const { valueAsArray, multiValueHandler, valueListItemClassName } = (0, import_react_querybuilder.useValueEditor)(props);
+  const { selectorComponent: SelectorComponent = props.schema.controls.valueSelector } = props;
   if (props.operator === "null" || props.operator === "notNull") {
     return null;
   }
@@ -95,7 +86,7 @@ var BootstrapValueEditor = (props) => {
             type: props.inputType || "text",
             placeholder: placeHolderText,
             value: valueAsArray[i] ?? "",
-            className: `${import_react_querybuilder.standardClassnames.valueListItem} form-control form-control-sm`,
+            className: `${valueListItemClassName} form-control form-control-sm`,
             disabled: props.disabled,
             onChange: (e) => multiValueHandler(e.target.value, i)
           }
@@ -106,7 +97,7 @@ var BootstrapValueEditor = (props) => {
         {
           key,
           ...props,
-          className: `${import_react_querybuilder.standardClassnames.valueListItem} form-select form-select-sm`,
+          className: `${valueListItemClassName} form-select form-select-sm`,
           handleOnChange: (v) => multiValueHandler(v, i),
           disabled: props.disabled,
           value: valueAsArray[i] ?? (0, import_react_querybuilder.getFirstOption)(props.values),

package/dist/cjs/react-querybuilder_bootstrap.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.tsx","../../src/BootstrapNotToggle.tsx","../../src/BootstrapValueEditor.tsx"],"sourcesContent":["import * as React from 'react';\nimport type {\n  Classnames,\n  ControlElementsProp,\n  FullField,\n  QueryBuilderContextProvider,\n  Translations,\n} from 'react-querybuilder';\nimport { getCompatContextProvider } from 'react-querybuilder';\nimport { BootstrapNotToggle } from './BootstrapNotToggle';\nimport { BootstrapValueEditor } from './BootstrapValueEditor';\n\nexport * from './BootstrapNotToggle';\nexport * from './BootstrapValueEditor';\n\nexport const bootstrapControlElements: ControlElementsProp<FullField, string> = {\n  notToggle: BootstrapNotToggle,\n  valueEditor: BootstrapValueEditor,\n};\n\nexport const bootstrapControlClassnames: Partial<Classnames> = {\n  actionElement: 'btn btn-sm',\n  addGroup: 'btn-secondary',\n  addRule: 'btn-primary',\n  cloneGroup: 'btn-secondary',\n  cloneRule: 'btn-secondary',\n  lockGroup: 'btn-secondary',\n  lockRule: 'btn-secondary',\n  removeGroup: 'btn-danger',\n  removeRule: 'btn-danger',\n  value: 'form-control form-control-sm',\n  valueSelector: 'form-select form-select-sm',\n};\n\nexport const bootstrapTranslations: Partial<Translations> = {\n  removeGroup: { label: <i className=\"bi bi-x\" /> },\n  removeRule: { label: <i className=\"bi bi-x\" /> },\n  cloneRule: { label: <i className=\"bi bi-copy\" /> },\n  cloneRuleGroup: { label: <i className=\"bi bi-copy\" /> },\n  dragHandle: { label: <i className=\"bi bi-grip-vertical\" /> },\n  lockGroup: { label: <i className=\"bi bi-unlock\" /> },\n  lockRule: { label: <i className=\"bi bi-unlock\" /> },\n  lockGroupDisabled: { label: <i className=\"bi bi-lock\" /> },\n  lockRuleDisabled: { label: <i className=\"bi bi-lock\" /> },\n  shiftActionUp: { label: <i className=\"bi bi-chevron-compact-up\" /> },\n  shiftActionDown: { label: <i className=\"bi bi-chevron-compact-down\" /> },\n};\n\nexport const QueryBuilderBootstrap: QueryBuilderContextProvider = getCompatContextProvider({\n  controlClassnames: bootstrapControlClassnames,\n  controlElements: bootstrapControlElements,\n  translations: bootstrapTranslations,\n});\n","import * as React from 'react';\nimport { useId } from 'react';\nimport type { NotToggleProps } from 'react-querybuilder';\n\nexport const BootstrapNotToggle = ({\n  className,\n  handleOnChange,\n  title,\n  label,\n  checked,\n  disabled,\n}: NotToggleProps): React.JSX.Element => {\n  const id = useId();\n\n  return (\n    <div className={`form-check-inline form-switch ${className}`}>\n      <input\n        id={id}\n        className=\"form-check-input\"\n        type=\"checkbox\"\n        onChange={e => handleOnChange(e.target.checked)}\n        checked={!!checked}\n        disabled={disabled}\n      />\n      <label title={title} htmlFor={id} className=\"form-check-label\">\n        {label}\n      </label>\n    </div>\n  );\n};\n","import * as React from 'react';\nimport type { ValueEditorProps } from 'react-querybuilder';\nimport {\n  getFirstOption,\n  standardClassnames,\n  useValueEditor,\n  ValueEditor,\n  ValueSelector,\n} from 'react-querybuilder';\n\nexport const BootstrapValueEditor = (props: ValueEditorProps): React.JSX.Element | null => {\n  const { valueAsArray, multiValueHandler } = useValueEditor({\n    handleOnChange: props.handleOnChange,\n    inputType: props.inputType,\n    operator: props.operator,\n    value: props.value,\n    type: props.type,\n    listsAsArrays: props.listsAsArrays,\n    parseNumbers: props.parseNumbers,\n    values: props.values,\n  });\n\n  const { selectorComponent: SelectorComponent = ValueSelector } = props;\n\n  if (props.operator === 'null' || props.operator === 'notNull') {\n    return null;\n  }\n\n  const placeHolderText = props.fieldData?.placeholder ?? '';\n\n  if (\n    (props.operator === 'between' || props.operator === 'notBetween') &&\n    (props.type === 'select' || props.type === 'text')\n  ) {\n    const editors = ['from', 'to'].map((key, i) => {\n      if (props.type === 'text') {\n        return (\n          <input\n            key={key}\n            type={props.inputType || 'text'}\n            placeholder={placeHolderText}\n            value={valueAsArray[i] ?? ''}\n            className={`${standardClassnames.valueListItem} form-control form-control-sm`}\n            disabled={props.disabled}\n            onChange={e => multiValueHandler(e.target.value, i)}\n          />\n        );\n      }\n      return (\n        <SelectorComponent\n          key={key}\n          {...props}\n          className={`${standardClassnames.valueListItem} form-select form-select-sm`}\n          handleOnChange={v => multiValueHandler(v, i)}\n          disabled={props.disabled}\n          value={valueAsArray[i] ?? getFirstOption(props.values)}\n          options={props.values ?? []}\n          listsAsArrays={props.listsAsArrays}\n        />\n      );\n    });\n\n    return (\n      <span data-testid={props.testID} className={standardClassnames.value} title={props.title}>\n        {editors[0]}\n        {props.separator}\n        {editors[1]}\n      </span>\n    );\n  }\n\n  switch (props.type) {\n    case 'select':\n    case 'multiselect':\n      return (\n        <ValueEditor\n          skipHook\n          {...props}\n          className={`${props.className} form-select form-select-sm`}\n        />\n      );\n\n    case 'switch':\n      return (\n        <span className={`custom-control custom-switch ${props.className}`}>\n          <input\n            type=\"checkbox\"\n            className=\"form-check-input custom-control-input\"\n            title={props.title}\n            disabled={props.disabled}\n            onChange={e => props.handleOnChange(e.target.checked)}\n            checked={!!props.value}\n          />\n        </span>\n      );\n\n    case 'checkbox':\n      return <ValueEditor skipHook {...props} className={`form-check-input ${props.className}`} />;\n\n    case 'radio':\n      return (\n        <span title={props.title} className={standardClassnames.value}>\n          {props.values?.map(v => (\n            <div key={v.name} className=\"form-check form-check-inline\">\n              <input\n                className=\"form-check-input\"\n                type=\"radio\"\n                id={v.name}\n                value={v.name}\n                checked={props.value === v.name}\n                disabled={props.disabled}\n                onChange={e => props.handleOnChange(e.target.value)}\n              />\n              <label className=\"form-check-label\" htmlFor={v.name}>\n                {v.label}\n              </label>\n            </div>\n          ))}\n        </span>\n      );\n  }\n\n  return <ValueEditor skipHook {...props} />;\n};\n"],"mappings":"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","names":["React","import_react_querybuilder","React"]}
+{"version":3,"sources":["../../src/index.tsx","../../src/BootstrapNotToggle.tsx","../../src/BootstrapValueEditor.tsx"],"sourcesContent":["import * as React from 'react';\nimport type {\n  Classnames,\n  ControlElementsProp,\n  FullField,\n  QueryBuilderContextProvider,\n  Translations,\n} from 'react-querybuilder';\nimport { getCompatContextProvider } from 'react-querybuilder';\nimport { BootstrapNotToggle } from './BootstrapNotToggle';\nimport { BootstrapValueEditor } from './BootstrapValueEditor';\n\nexport * from './BootstrapNotToggle';\nexport * from './BootstrapValueEditor';\n\nexport const bootstrapControlElements: ControlElementsProp<FullField, string> = {\n  notToggle: BootstrapNotToggle,\n  valueEditor: BootstrapValueEditor,\n};\n\nexport const bootstrapControlClassnames: Partial<Classnames> = {\n  actionElement: 'btn btn-sm',\n  addGroup: 'btn-secondary',\n  addRule: 'btn-primary',\n  cloneGroup: 'btn-secondary',\n  cloneRule: 'btn-secondary',\n  lockGroup: 'btn-secondary',\n  lockRule: 'btn-secondary',\n  removeGroup: 'btn-danger',\n  removeRule: 'btn-danger',\n  value: 'form-control form-control-sm',\n  valueSelector: 'form-select form-select-sm',\n};\n\nexport const bootstrapTranslations: Partial<Translations> = {\n  removeGroup: { label: <i className=\"bi bi-x\" /> },\n  removeRule: { label: <i className=\"bi bi-x\" /> },\n  cloneRule: { label: <i className=\"bi bi-copy\" /> },\n  cloneRuleGroup: { label: <i className=\"bi bi-copy\" /> },\n  dragHandle: { label: <i className=\"bi bi-grip-vertical\" /> },\n  lockGroup: { label: <i className=\"bi bi-unlock\" /> },\n  lockRule: { label: <i className=\"bi bi-unlock\" /> },\n  lockGroupDisabled: { label: <i className=\"bi bi-lock\" /> },\n  lockRuleDisabled: { label: <i className=\"bi bi-lock\" /> },\n  shiftActionUp: { label: <i className=\"bi bi-chevron-compact-up\" /> },\n  shiftActionDown: { label: <i className=\"bi bi-chevron-compact-down\" /> },\n};\n\nexport const QueryBuilderBootstrap: QueryBuilderContextProvider = getCompatContextProvider({\n  controlClassnames: bootstrapControlClassnames,\n  controlElements: bootstrapControlElements,\n  translations: bootstrapTranslations,\n});\n","import * as React from 'react';\nimport { useId } from 'react';\nimport type { NotToggleProps } from 'react-querybuilder';\n\nexport const BootstrapNotToggle = ({\n  className,\n  handleOnChange,\n  title,\n  label,\n  checked,\n  disabled,\n}: NotToggleProps): React.JSX.Element => {\n  const id = useId();\n\n  return (\n    <div className={`form-check-inline form-switch ${className}`}>\n      <input\n        id={id}\n        className=\"form-check-input\"\n        type=\"checkbox\"\n        onChange={e => handleOnChange(e.target.checked)}\n        checked={!!checked}\n        disabled={disabled}\n      />\n      <label title={title} htmlFor={id} className=\"form-check-label\">\n        {label}\n      </label>\n    </div>\n  );\n};\n","import * as React from 'react';\nimport type { ValueEditorProps } from 'react-querybuilder';\nimport {\n  getFirstOption,\n  standardClassnames,\n  useValueEditor,\n  ValueEditor,\n} from 'react-querybuilder';\n\nexport const BootstrapValueEditor = (props: ValueEditorProps): React.JSX.Element | null => {\n  const { valueAsArray, multiValueHandler, valueListItemClassName } = useValueEditor(props);\n\n  const { selectorComponent: SelectorComponent = props.schema.controls.valueSelector } = props;\n\n  if (props.operator === 'null' || props.operator === 'notNull') {\n    return null;\n  }\n\n  const placeHolderText = props.fieldData?.placeholder ?? '';\n\n  if (\n    (props.operator === 'between' || props.operator === 'notBetween') &&\n    (props.type === 'select' || props.type === 'text')\n  ) {\n    const editors = ['from', 'to'].map((key, i) => {\n      if (props.type === 'text') {\n        return (\n          <input\n            key={key}\n            type={props.inputType || 'text'}\n            placeholder={placeHolderText}\n            value={valueAsArray[i] ?? ''}\n            className={`${valueListItemClassName} form-control form-control-sm`}\n            disabled={props.disabled}\n            onChange={e => multiValueHandler(e.target.value, i)}\n          />\n        );\n      }\n      return (\n        <SelectorComponent\n          key={key}\n          {...props}\n          className={`${valueListItemClassName} form-select form-select-sm`}\n          handleOnChange={v => multiValueHandler(v, i)}\n          disabled={props.disabled}\n          value={valueAsArray[i] ?? getFirstOption(props.values)}\n          options={props.values ?? []}\n          listsAsArrays={props.listsAsArrays}\n        />\n      );\n    });\n\n    return (\n      <span data-testid={props.testID} className={standardClassnames.value} title={props.title}>\n        {editors[0]}\n        {props.separator}\n        {editors[1]}\n      </span>\n    );\n  }\n\n  switch (props.type) {\n    case 'select':\n    case 'multiselect':\n      return (\n        <ValueEditor\n          skipHook\n          {...props}\n          className={`${props.className} form-select form-select-sm`}\n        />\n      );\n\n    case 'switch':\n      return (\n        <span className={`custom-control custom-switch ${props.className}`}>\n          <input\n            type=\"checkbox\"\n            className=\"form-check-input custom-control-input\"\n            title={props.title}\n            disabled={props.disabled}\n            onChange={e => props.handleOnChange(e.target.checked)}\n            checked={!!props.value}\n          />\n        </span>\n      );\n\n    case 'checkbox':\n      return <ValueEditor skipHook {...props} className={`form-check-input ${props.className}`} />;\n\n    case 'radio':\n      return (\n        <span title={props.title} className={standardClassnames.value}>\n          {props.values?.map(v => (\n            <div key={v.name} className=\"form-check form-check-inline\">\n              <input\n                className=\"form-check-input\"\n                type=\"radio\"\n                id={v.name}\n                value={v.name}\n                checked={props.value === v.name}\n                disabled={props.disabled}\n                onChange={e => props.handleOnChange(e.target.value)}\n              />\n              <label className=\"form-check-label\" htmlFor={v.name}>\n                {v.label}\n              </label>\n            </div>\n          ))}\n        </span>\n      );\n  }\n\n  return <ValueEditor skipHook {...props} />;\n};\n"],"mappings":"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","names":["React","import_react_querybuilder","React"]}

package/dist/cjs/react-querybuilder_bootstrap.cjs.production.js

@@ -1,2 +1,2 @@
-"use strict";var x=Object.create;var u=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var P=(e,t)=>{for(var l in t)u(e,l,{get:t[l],enumerable:!0})},k=(e,t,l,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of R(t))!T.call(e,n)&&n!==l&&u(e,n,{get:()=>t[n],enumerable:!(i=E(t,n))||i.enumerable});return e};var h=(e,t,l)=>(l=e!=null?x(A(e)):{},k(t||!e||!e.__esModule?u(l,"default",{value:e,enumerable:!0}):l,e)),B=e=>k(u({},"__esModule",{value:!0}),e);var G={};P(G,{BootstrapNotToggle:()=>f,BootstrapValueEditor:()=>y,QueryBuilderBootstrap:()=>w,bootstrapControlClassnames:()=>C,bootstrapControlElements:()=>g,bootstrapTranslations:()=>p});module.exports=B(G);var s=h(require("react")),v=require("react-querybuilder");var d=h(require("react")),N=require("react"),f=({className:e,handleOnChange:t,title:l,label:i,checked:n,disabled:o})=>{let c=(0,N.useId)();return d.createElement("div",{className:`form-check-inline form-switch ${e}`},d.createElement("input",{id:c,className:"form-check-input",type:"checkbox",onChange:m=>t(m.target.checked),checked:!!n,disabled:o}),d.createElement("label",{title:l,htmlFor:c,className:"form-check-label"},i))};var r=h(require("react")),a=require("react-querybuilder"),y=e=>{let{valueAsArray:t,multiValueHandler:l}=(0,a.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=a.ValueSelector}=e;if(e.operator==="null"||e.operator==="notNull")return null;let n=e.fieldData?.placeholder??"";if((e.operator==="between"||e.operator==="notBetween")&&(e.type==="select"||e.type==="text")){let o=["from","to"].map((c,m)=>e.type==="text"?r.createElement("input",{key:c,type:e.inputType||"text",placeholder:n,value:t[m]??"",className:`${a.standardClassnames.valueListItem} form-control form-control-sm`,disabled:e.disabled,onChange:b=>l(b.target.value,m)}):r.createElement(i,{key:c,...e,className:`${a.standardClassnames.valueListItem} form-select form-select-sm`,handleOnChange:b=>l(b,m),disabled:e.disabled,value:t[m]??(0,a.getFirstOption)(e.values),options:e.values??[],listsAsArrays:e.listsAsArrays}));return r.createElement("span",{"data-testid":e.testID,className:a.standardClassnames.value,title:e.title},o[0],e.separator,o[1])}switch(e.type){case"select":case"multiselect":return r.createElement(a.ValueEditor,{skipHook:!0,...e,className:`${e.className} form-select form-select-sm`});case"switch":return r.createElement("span",{className:`custom-control custom-switch ${e.className}`},r.createElement("input",{type:"checkbox",className:"form-check-input custom-control-input",title:e.title,disabled:e.disabled,onChange:o=>e.handleOnChange(o.target.checked),checked:!!e.value}));case"checkbox":return r.createElement(a.ValueEditor,{skipHook:!0,...e,className:`form-check-input ${e.className}`});case"radio":return r.createElement("span",{title:e.title,className:a.standardClassnames.value},e.values?.map(o=>r.createElement("div",{key:o.name,className:"form-check form-check-inline"},r.createElement("input",{className:"form-check-input",type:"radio",id:o.name,value:o.name,checked:e.value===o.name,disabled:e.disabled,onChange:c=>e.handleOnChange(c.target.value)}),r.createElement("label",{className:"form-check-label",htmlFor:o.name},o.label))))}return r.createElement(a.ValueEditor,{skipHook:!0,...e})};var g={notToggle:f,valueEditor:y},C={actionElement:"btn btn-sm",addGroup:"btn-secondary",addRule:"btn-primary",cloneGroup:"btn-secondary",cloneRule:"btn-secondary",lockGroup:"btn-secondary",lockRule:"btn-secondary",removeGroup:"btn-danger",removeRule:"btn-danger",value:"form-control form-control-sm",valueSelector:"form-select form-select-sm"},p={removeGroup:{label:s.createElement("i",{className:"bi bi-x"})},removeRule:{label:s.createElement("i",{className:"bi bi-x"})},cloneRule:{label:s.createElement("i",{className:"bi bi-copy"})},cloneRuleGroup:{label:s.createElement("i",{className:"bi bi-copy"})},dragHandle:{label:s.createElement("i",{className:"bi bi-grip-vertical"})},lockGroup:{label:s.createElement("i",{className:"bi bi-unlock"})},lockRule:{label:s.createElement("i",{className:"bi bi-unlock"})},lockGroupDisabled:{label:s.createElement("i",{className:"bi bi-lock"})},lockRuleDisabled:{label:s.createElement("i",{className:"bi bi-lock"})},shiftActionUp:{label:s.createElement("i",{className:"bi bi-chevron-compact-up"})},shiftActionDown:{label:s.createElement("i",{className:"bi bi-chevron-compact-down"})}},w=(0,v.getCompatContextProvider)({controlClassnames:C,controlElements:g,translations:p});0&&(module.exports={BootstrapNotToggle,BootstrapValueEditor,QueryBuilderBootstrap,bootstrapControlClassnames,bootstrapControlElements,bootstrapTranslations});
+"use strict";var E=Object.create;var u=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var w=(e,t)=>{for(var l in t)u(e,l,{get:t[l],enumerable:!0})},y=(e,t,l,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let c of P(t))!B.call(e,c)&&c!==l&&u(e,c,{get:()=>t[c],enumerable:!(n=R(t,c))||n.enumerable});return e};var h=(e,t,l)=>(l=e!=null?E(T(e)):{},y(t||!e||!e.__esModule?u(l,"default",{value:e,enumerable:!0}):l,e)),A=e=>y(u({},"__esModule",{value:!0}),e);var F={};w(F,{BootstrapNotToggle:()=>k,BootstrapValueEditor:()=>N,QueryBuilderBootstrap:()=>G,bootstrapControlClassnames:()=>C,bootstrapControlElements:()=>p,bootstrapTranslations:()=>x});module.exports=A(F);var r=h(require("react")),v=require("react-querybuilder");var d=h(require("react")),g=require("react"),k=({className:e,handleOnChange:t,title:l,label:n,checked:c,disabled:b})=>{let a=(0,g.useId)();return d.createElement("div",{className:`form-check-inline form-switch ${e}`},d.createElement("input",{id:a,className:"form-check-input",type:"checkbox",onChange:i=>t(i.target.checked),checked:!!c,disabled:b}),d.createElement("label",{title:l,htmlFor:a,className:"form-check-label"},n))};var o=h(require("react")),s=require("react-querybuilder"),N=e=>{let{valueAsArray:t,multiValueHandler:l,valueListItemClassName:n}=(0,s.useValueEditor)(e),{selectorComponent:c=e.schema.controls.valueSelector}=e;if(e.operator==="null"||e.operator==="notNull")return null;let b=e.fieldData?.placeholder??"";if((e.operator==="between"||e.operator==="notBetween")&&(e.type==="select"||e.type==="text")){let a=["from","to"].map((i,m)=>e.type==="text"?o.createElement("input",{key:i,type:e.inputType||"text",placeholder:b,value:t[m]??"",className:`${n} form-control form-control-sm`,disabled:e.disabled,onChange:f=>l(f.target.value,m)}):o.createElement(c,{key:i,...e,className:`${n} form-select form-select-sm`,handleOnChange:f=>l(f,m),disabled:e.disabled,value:t[m]??(0,s.getFirstOption)(e.values),options:e.values??[],listsAsArrays:e.listsAsArrays}));return o.createElement("span",{"data-testid":e.testID,className:s.standardClassnames.value,title:e.title},a[0],e.separator,a[1])}switch(e.type){case"select":case"multiselect":return o.createElement(s.ValueEditor,{skipHook:!0,...e,className:`${e.className} form-select form-select-sm`});case"switch":return o.createElement("span",{className:`custom-control custom-switch ${e.className}`},o.createElement("input",{type:"checkbox",className:"form-check-input custom-control-input",title:e.title,disabled:e.disabled,onChange:a=>e.handleOnChange(a.target.checked),checked:!!e.value}));case"checkbox":return o.createElement(s.ValueEditor,{skipHook:!0,...e,className:`form-check-input ${e.className}`});case"radio":return o.createElement("span",{title:e.title,className:s.standardClassnames.value},e.values?.map(a=>o.createElement("div",{key:a.name,className:"form-check form-check-inline"},o.createElement("input",{className:"form-check-input",type:"radio",id:a.name,value:a.name,checked:e.value===a.name,disabled:e.disabled,onChange:i=>e.handleOnChange(i.target.value)}),o.createElement("label",{className:"form-check-label",htmlFor:a.name},a.label))))}return o.createElement(s.ValueEditor,{skipHook:!0,...e})};var p={notToggle:k,valueEditor:N},C={actionElement:"btn btn-sm",addGroup:"btn-secondary",addRule:"btn-primary",cloneGroup:"btn-secondary",cloneRule:"btn-secondary",lockGroup:"btn-secondary",lockRule:"btn-secondary",removeGroup:"btn-danger",removeRule:"btn-danger",value:"form-control form-control-sm",valueSelector:"form-select form-select-sm"},x={removeGroup:{label:r.createElement("i",{className:"bi bi-x"})},removeRule:{label:r.createElement("i",{className:"bi bi-x"})},cloneRule:{label:r.createElement("i",{className:"bi bi-copy"})},cloneRuleGroup:{label:r.createElement("i",{className:"bi bi-copy"})},dragHandle:{label:r.createElement("i",{className:"bi bi-grip-vertical"})},lockGroup:{label:r.createElement("i",{className:"bi bi-unlock"})},lockRule:{label:r.createElement("i",{className:"bi bi-unlock"})},lockGroupDisabled:{label:r.createElement("i",{className:"bi bi-lock"})},lockRuleDisabled:{label:r.createElement("i",{className:"bi bi-lock"})},shiftActionUp:{label:r.createElement("i",{className:"bi bi-chevron-compact-up"})},shiftActionDown:{label:r.createElement("i",{className:"bi bi-chevron-compact-down"})}},G=(0,v.getCompatContextProvider)({controlClassnames:C,controlElements:p,translations:x});0&&(module.exports={BootstrapNotToggle,BootstrapValueEditor,QueryBuilderBootstrap,bootstrapControlClassnames,bootstrapControlElements,bootstrapTranslations});
 //# sourceMappingURL=react-querybuilder_bootstrap.cjs.production.js.map

package/dist/cjs/react-querybuilder_bootstrap.cjs.production.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.tsx","../../src/BootstrapNotToggle.tsx","../../src/BootstrapValueEditor.tsx"],"sourcesContent":["import * as React from 'react';\nimport type {\n  Classnames,\n  ControlElementsProp,\n  FullField,\n  QueryBuilderContextProvider,\n  Translations,\n} from 'react-querybuilder';\nimport { getCompatContextProvider } from 'react-querybuilder';\nimport { BootstrapNotToggle } from './BootstrapNotToggle';\nimport { BootstrapValueEditor } from './BootstrapValueEditor';\n\nexport * from './BootstrapNotToggle';\nexport * from './BootstrapValueEditor';\n\nexport const bootstrapControlElements: ControlElementsProp<FullField, string> = {\n  notToggle: BootstrapNotToggle,\n  valueEditor: BootstrapValueEditor,\n};\n\nexport const bootstrapControlClassnames: Partial<Classnames> = {\n  actionElement: 'btn btn-sm',\n  addGroup: 'btn-secondary',\n  addRule: 'btn-primary',\n  cloneGroup: 'btn-secondary',\n  cloneRule: 'btn-secondary',\n  lockGroup: 'btn-secondary',\n  lockRule: 'btn-secondary',\n  removeGroup: 'btn-danger',\n  removeRule: 'btn-danger',\n  value: 'form-control form-control-sm',\n  valueSelector: 'form-select form-select-sm',\n};\n\nexport const bootstrapTranslations: Partial<Translations> = {\n  removeGroup: { label: <i className=\"bi bi-x\" /> },\n  removeRule: { label: <i className=\"bi bi-x\" /> },\n  cloneRule: { label: <i className=\"bi bi-copy\" /> },\n  cloneRuleGroup: { label: <i className=\"bi bi-copy\" /> },\n  dragHandle: { label: <i className=\"bi bi-grip-vertical\" /> },\n  lockGroup: { label: <i className=\"bi bi-unlock\" /> },\n  lockRule: { label: <i className=\"bi bi-unlock\" /> },\n  lockGroupDisabled: { label: <i className=\"bi bi-lock\" /> },\n  lockRuleDisabled: { label: <i className=\"bi bi-lock\" /> },\n  shiftActionUp: { label: <i className=\"bi bi-chevron-compact-up\" /> },\n  shiftActionDown: { label: <i className=\"bi bi-chevron-compact-down\" /> },\n};\n\nexport const QueryBuilderBootstrap: QueryBuilderContextProvider = getCompatContextProvider({\n  controlClassnames: bootstrapControlClassnames,\n  controlElements: bootstrapControlElements,\n  translations: bootstrapTranslations,\n});\n","import * as React from 'react';\nimport { useId } from 'react';\nimport type { NotToggleProps } from 'react-querybuilder';\n\nexport const BootstrapNotToggle = ({\n  className,\n  handleOnChange,\n  title,\n  label,\n  checked,\n  disabled,\n}: NotToggleProps): React.JSX.Element => {\n  const id = useId();\n\n  return (\n    <div className={`form-check-inline form-switch ${className}`}>\n      <input\n        id={id}\n        className=\"form-check-input\"\n        type=\"checkbox\"\n        onChange={e => handleOnChange(e.target.checked)}\n        checked={!!checked}\n        disabled={disabled}\n      />\n      <label title={title} htmlFor={id} className=\"form-check-label\">\n        {label}\n      </label>\n    </div>\n  );\n};\n","import * as React from 'react';\nimport type { ValueEditorProps } from 'react-querybuilder';\nimport {\n  getFirstOption,\n  standardClassnames,\n  useValueEditor,\n  ValueEditor,\n  ValueSelector,\n} from 'react-querybuilder';\n\nexport const BootstrapValueEditor = (props: ValueEditorProps): React.JSX.Element | null => {\n  const { valueAsArray, multiValueHandler } = useValueEditor({\n    handleOnChange: props.handleOnChange,\n    inputType: props.inputType,\n    operator: props.operator,\n    value: props.value,\n    type: props.type,\n    listsAsArrays: props.listsAsArrays,\n    parseNumbers: props.parseNumbers,\n    values: props.values,\n  });\n\n  const { selectorComponent: SelectorComponent = ValueSelector } = props;\n\n  if (props.operator === 'null' || props.operator === 'notNull') {\n    return null;\n  }\n\n  const placeHolderText = props.fieldData?.placeholder ?? '';\n\n  if (\n    (props.operator === 'between' || props.operator === 'notBetween') &&\n    (props.type === 'select' || props.type === 'text')\n  ) {\n    const editors = ['from', 'to'].map((key, i) => {\n      if (props.type === 'text') {\n        return (\n          <input\n            key={key}\n            type={props.inputType || 'text'}\n            placeholder={placeHolderText}\n            value={valueAsArray[i] ?? ''}\n            className={`${standardClassnames.valueListItem} form-control form-control-sm`}\n            disabled={props.disabled}\n            onChange={e => multiValueHandler(e.target.value, i)}\n          />\n        );\n      }\n      return (\n        <SelectorComponent\n          key={key}\n          {...props}\n          className={`${standardClassnames.valueListItem} form-select form-select-sm`}\n          handleOnChange={v => multiValueHandler(v, i)}\n          disabled={props.disabled}\n          value={valueAsArray[i] ?? getFirstOption(props.values)}\n          options={props.values ?? []}\n          listsAsArrays={props.listsAsArrays}\n        />\n      );\n    });\n\n    return (\n      <span data-testid={props.testID} className={standardClassnames.value} title={props.title}>\n        {editors[0]}\n        {props.separator}\n        {editors[1]}\n      </span>\n    );\n  }\n\n  switch (props.type) {\n    case 'select':\n    case 'multiselect':\n      return (\n        <ValueEditor\n          skipHook\n          {...props}\n          className={`${props.className} form-select form-select-sm`}\n        />\n      );\n\n    case 'switch':\n      return (\n        <span className={`custom-control custom-switch ${props.className}`}>\n          <input\n            type=\"checkbox\"\n            className=\"form-check-input custom-control-input\"\n            title={props.title}\n            disabled={props.disabled}\n            onChange={e => props.handleOnChange(e.target.checked)}\n            checked={!!props.value}\n          />\n        </span>\n      );\n\n    case 'checkbox':\n      return <ValueEditor skipHook {...props} className={`form-check-input ${props.className}`} />;\n\n    case 'radio':\n      return (\n        <span title={props.title} className={standardClassnames.value}>\n          {props.values?.map(v => (\n            <div key={v.name} className=\"form-check form-check-inline\">\n              <input\n                className=\"form-check-input\"\n                type=\"radio\"\n                id={v.name}\n                value={v.name}\n                checked={props.value === v.name}\n                disabled={props.disabled}\n                onChange={e => props.handleOnChange(e.target.value)}\n              />\n              <label className=\"form-check-label\" htmlFor={v.name}>\n                {v.label}\n              </label>\n            </div>\n          ))}\n        </span>\n      );\n  }\n\n  return <ValueEditor skipHook {...props} />;\n};\n"],"mappings":"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","names":["src_exports","__export","BootstrapNotToggle","BootstrapValueEditor","QueryBuilderBootstrap","bootstrapControlClassnames","bootstrapControlElements","bootstrapTranslations","__toCommonJS","React","import_react_querybuilder","React","import_react","BootstrapNotToggle","className","handleOnChange","title","label","checked","disabled","id","e","React","import_react_querybuilder","BootstrapValueEditor","props","valueAsArray","multiValueHandler","SelectorComponent","placeHolderText","editors","key","i","e","v","bootstrapControlElements","BootstrapNotToggle","BootstrapValueEditor","bootstrapControlClassnames","bootstrapTranslations","QueryBuilderBootstrap"]}
+{"version":3,"sources":["../../src/index.tsx","../../src/BootstrapNotToggle.tsx","../../src/BootstrapValueEditor.tsx"],"sourcesContent":["import * as React from 'react';\nimport type {\n  Classnames,\n  ControlElementsProp,\n  FullField,\n  QueryBuilderContextProvider,\n  Translations,\n} from 'react-querybuilder';\nimport { getCompatContextProvider } from 'react-querybuilder';\nimport { BootstrapNotToggle } from './BootstrapNotToggle';\nimport { BootstrapValueEditor } from './BootstrapValueEditor';\n\nexport * from './BootstrapNotToggle';\nexport * from './BootstrapValueEditor';\n\nexport const bootstrapControlElements: ControlElementsProp<FullField, string> = {\n  notToggle: BootstrapNotToggle,\n  valueEditor: BootstrapValueEditor,\n};\n\nexport const bootstrapControlClassnames: Partial<Classnames> = {\n  actionElement: 'btn btn-sm',\n  addGroup: 'btn-secondary',\n  addRule: 'btn-primary',\n  cloneGroup: 'btn-secondary',\n  cloneRule: 'btn-secondary',\n  lockGroup: 'btn-secondary',\n  lockRule: 'btn-secondary',\n  removeGroup: 'btn-danger',\n  removeRule: 'btn-danger',\n  value: 'form-control form-control-sm',\n  valueSelector: 'form-select form-select-sm',\n};\n\nexport const bootstrapTranslations: Partial<Translations> = {\n  removeGroup: { label: <i className=\"bi bi-x\" /> },\n  removeRule: { label: <i className=\"bi bi-x\" /> },\n  cloneRule: { label: <i className=\"bi bi-copy\" /> },\n  cloneRuleGroup: { label: <i className=\"bi bi-copy\" /> },\n  dragHandle: { label: <i className=\"bi bi-grip-vertical\" /> },\n  lockGroup: { label: <i className=\"bi bi-unlock\" /> },\n  lockRule: { label: <i className=\"bi bi-unlock\" /> },\n  lockGroupDisabled: { label: <i className=\"bi bi-lock\" /> },\n  lockRuleDisabled: { label: <i className=\"bi bi-lock\" /> },\n  shiftActionUp: { label: <i className=\"bi bi-chevron-compact-up\" /> },\n  shiftActionDown: { label: <i className=\"bi bi-chevron-compact-down\" /> },\n};\n\nexport const QueryBuilderBootstrap: QueryBuilderContextProvider = getCompatContextProvider({\n  controlClassnames: bootstrapControlClassnames,\n  controlElements: bootstrapControlElements,\n  translations: bootstrapTranslations,\n});\n","import * as React from 'react';\nimport { useId } from 'react';\nimport type { NotToggleProps } from 'react-querybuilder';\n\nexport const BootstrapNotToggle = ({\n  className,\n  handleOnChange,\n  title,\n  label,\n  checked,\n  disabled,\n}: NotToggleProps): React.JSX.Element => {\n  const id = useId();\n\n  return (\n    <div className={`form-check-inline form-switch ${className}`}>\n      <input\n        id={id}\n        className=\"form-check-input\"\n        type=\"checkbox\"\n        onChange={e => handleOnChange(e.target.checked)}\n        checked={!!checked}\n        disabled={disabled}\n      />\n      <label title={title} htmlFor={id} className=\"form-check-label\">\n        {label}\n      </label>\n    </div>\n  );\n};\n","import * as React from 'react';\nimport type { ValueEditorProps } from 'react-querybuilder';\nimport {\n  getFirstOption,\n  standardClassnames,\n  useValueEditor,\n  ValueEditor,\n} from 'react-querybuilder';\n\nexport const BootstrapValueEditor = (props: ValueEditorProps): React.JSX.Element | null => {\n  const { valueAsArray, multiValueHandler, valueListItemClassName } = useValueEditor(props);\n\n  const { selectorComponent: SelectorComponent = props.schema.controls.valueSelector } = props;\n\n  if (props.operator === 'null' || props.operator === 'notNull') {\n    return null;\n  }\n\n  const placeHolderText = props.fieldData?.placeholder ?? '';\n\n  if (\n    (props.operator === 'between' || props.operator === 'notBetween') &&\n    (props.type === 'select' || props.type === 'text')\n  ) {\n    const editors = ['from', 'to'].map((key, i) => {\n      if (props.type === 'text') {\n        return (\n          <input\n            key={key}\n            type={props.inputType || 'text'}\n            placeholder={placeHolderText}\n            value={valueAsArray[i] ?? ''}\n            className={`${valueListItemClassName} form-control form-control-sm`}\n            disabled={props.disabled}\n            onChange={e => multiValueHandler(e.target.value, i)}\n          />\n        );\n      }\n      return (\n        <SelectorComponent\n          key={key}\n          {...props}\n          className={`${valueListItemClassName} form-select form-select-sm`}\n          handleOnChange={v => multiValueHandler(v, i)}\n          disabled={props.disabled}\n          value={valueAsArray[i] ?? getFirstOption(props.values)}\n          options={props.values ?? []}\n          listsAsArrays={props.listsAsArrays}\n        />\n      );\n    });\n\n    return (\n      <span data-testid={props.testID} className={standardClassnames.value} title={props.title}>\n        {editors[0]}\n        {props.separator}\n        {editors[1]}\n      </span>\n    );\n  }\n\n  switch (props.type) {\n    case 'select':\n    case 'multiselect':\n      return (\n        <ValueEditor\n          skipHook\n          {...props}\n          className={`${props.className} form-select form-select-sm`}\n        />\n      );\n\n    case 'switch':\n      return (\n        <span className={`custom-control custom-switch ${props.className}`}>\n          <input\n            type=\"checkbox\"\n            className=\"form-check-input custom-control-input\"\n            title={props.title}\n            disabled={props.disabled}\n            onChange={e => props.handleOnChange(e.target.checked)}\n            checked={!!props.value}\n          />\n        </span>\n      );\n\n    case 'checkbox':\n      return <ValueEditor skipHook {...props} className={`form-check-input ${props.className}`} />;\n\n    case 'radio':\n      return (\n        <span title={props.title} className={standardClassnames.value}>\n          {props.values?.map(v => (\n            <div key={v.name} className=\"form-check form-check-inline\">\n              <input\n                className=\"form-check-input\"\n                type=\"radio\"\n                id={v.name}\n                value={v.name}\n                checked={props.value === v.name}\n                disabled={props.disabled}\n                onChange={e => props.handleOnChange(e.target.value)}\n              />\n              <label className=\"form-check-label\" htmlFor={v.name}>\n                {v.label}\n              </label>\n            </div>\n          ))}\n        </span>\n      );\n  }\n\n  return <ValueEditor skipHook {...props} />;\n};\n"],"mappings":"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","names":["src_exports","__export","BootstrapNotToggle","BootstrapValueEditor","QueryBuilderBootstrap","bootstrapControlClassnames","bootstrapControlElements","bootstrapTranslations","__toCommonJS","React","import_react_querybuilder","React","import_react","BootstrapNotToggle","className","handleOnChange","title","label","checked","disabled","id","e","React","import_react_querybuilder","BootstrapValueEditor","props","valueAsArray","multiValueHandler","valueListItemClassName","SelectorComponent","placeHolderText","editors","key","i","e","v","bootstrapControlElements","BootstrapNotToggle","BootstrapValueEditor","bootstrapControlClassnames","bootstrapTranslations","QueryBuilderBootstrap"]}

package/dist/react-querybuilder_bootstrap.legacy-esm.js

@@ -53,22 +53,12 @@ import {
   getFirstOption,
   standardClassnames,
   useValueEditor,
-  ValueEditor,
-  ValueSelector
+  ValueEditor
 } from "react-querybuilder";
 var BootstrapValueEditor = (props) => {
   var _a, _b, _c;
-  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 { selectorComponent: SelectorComponent = ValueSelector } = props;
+  const { valueAsArray, multiValueHandler, valueListItemClassName } = useValueEditor(props);
+  const { selectorComponent: SelectorComponent = props.schema.controls.valueSelector } = props;
   if (props.operator === "null" || props.operator === "notNull") {
     return null;
   }
@@ -84,7 +74,7 @@ var BootstrapValueEditor = (props) => {
             type: props.inputType || "text",
             placeholder: placeHolderText,
             value: (_a2 = valueAsArray[i]) != null ? _a2 : "",
-            className: `${standardClassnames.valueListItem} form-control form-control-sm`,
+            className: `${valueListItemClassName} form-control form-control-sm`,
             disabled: props.disabled,
             onChange: (e) => multiValueHandler(e.target.value, i)
           }
@@ -95,7 +85,7 @@ var BootstrapValueEditor = (props) => {
         __spreadProps(__spreadValues({
           key
         }, props), {
-          className: `${standardClassnames.valueListItem} form-select form-select-sm`,
+          className: `${valueListItemClassName} form-select form-select-sm`,
           handleOnChange: (v) => multiValueHandler(v, i),
           disabled: props.disabled,
           value: (_b2 = valueAsArray[i]) != null ? _b2 : getFirstOption(props.values),

package/dist/react-querybuilder_bootstrap.legacy-esm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx","../src/BootstrapNotToggle.tsx","../src/BootstrapValueEditor.tsx"],"sourcesContent":["import * as React from 'react';\nimport type {\n  Classnames,\n  ControlElementsProp,\n  FullField,\n  QueryBuilderContextProvider,\n  Translations,\n} from 'react-querybuilder';\nimport { getCompatContextProvider } from 'react-querybuilder';\nimport { BootstrapNotToggle } from './BootstrapNotToggle';\nimport { BootstrapValueEditor } from './BootstrapValueEditor';\n\nexport * from './BootstrapNotToggle';\nexport * from './BootstrapValueEditor';\n\nexport const bootstrapControlElements: ControlElementsProp<FullField, string> = {\n  notToggle: BootstrapNotToggle,\n  valueEditor: BootstrapValueEditor,\n};\n\nexport const bootstrapControlClassnames: Partial<Classnames> = {\n  actionElement: 'btn btn-sm',\n  addGroup: 'btn-secondary',\n  addRule: 'btn-primary',\n  cloneGroup: 'btn-secondary',\n  cloneRule: 'btn-secondary',\n  lockGroup: 'btn-secondary',\n  lockRule: 'btn-secondary',\n  removeGroup: 'btn-danger',\n  removeRule: 'btn-danger',\n  value: 'form-control form-control-sm',\n  valueSelector: 'form-select form-select-sm',\n};\n\nexport const bootstrapTranslations: Partial<Translations> = {\n  removeGroup: { label: <i className=\"bi bi-x\" /> },\n  removeRule: { label: <i className=\"bi bi-x\" /> },\n  cloneRule: { label: <i className=\"bi bi-copy\" /> },\n  cloneRuleGroup: { label: <i className=\"bi bi-copy\" /> },\n  dragHandle: { label: <i className=\"bi bi-grip-vertical\" /> },\n  lockGroup: { label: <i className=\"bi bi-unlock\" /> },\n  lockRule: { label: <i className=\"bi bi-unlock\" /> },\n  lockGroupDisabled: { label: <i className=\"bi bi-lock\" /> },\n  lockRuleDisabled: { label: <i className=\"bi bi-lock\" /> },\n  shiftActionUp: { label: <i className=\"bi bi-chevron-compact-up\" /> },\n  shiftActionDown: { label: <i className=\"bi bi-chevron-compact-down\" /> },\n};\n\nexport const QueryBuilderBootstrap: QueryBuilderContextProvider = getCompatContextProvider({\n  controlClassnames: bootstrapControlClassnames,\n  controlElements: bootstrapControlElements,\n  translations: bootstrapTranslations,\n});\n","import * as React from 'react';\nimport { useId } from 'react';\nimport type { NotToggleProps } from 'react-querybuilder';\n\nexport const BootstrapNotToggle = ({\n  className,\n  handleOnChange,\n  title,\n  label,\n  checked,\n  disabled,\n}: NotToggleProps): React.JSX.Element => {\n  const id = useId();\n\n  return (\n    <div className={`form-check-inline form-switch ${className}`}>\n      <input\n        id={id}\n        className=\"form-check-input\"\n        type=\"checkbox\"\n        onChange={e => handleOnChange(e.target.checked)}\n        checked={!!checked}\n        disabled={disabled}\n      />\n      <label title={title} htmlFor={id} className=\"form-check-label\">\n        {label}\n      </label>\n    </div>\n  );\n};\n","import * as React from 'react';\nimport type { ValueEditorProps } from 'react-querybuilder';\nimport {\n  getFirstOption,\n  standardClassnames,\n  useValueEditor,\n  ValueEditor,\n  ValueSelector,\n} from 'react-querybuilder';\n\nexport const BootstrapValueEditor = (props: ValueEditorProps): React.JSX.Element | null => {\n  const { valueAsArray, multiValueHandler } = useValueEditor({\n    handleOnChange: props.handleOnChange,\n    inputType: props.inputType,\n    operator: props.operator,\n    value: props.value,\n    type: props.type,\n    listsAsArrays: props.listsAsArrays,\n    parseNumbers: props.parseNumbers,\n    values: props.values,\n  });\n\n  const { selectorComponent: SelectorComponent = ValueSelector } = props;\n\n  if (props.operator === 'null' || props.operator === 'notNull') {\n    return null;\n  }\n\n  const placeHolderText = props.fieldData?.placeholder ?? '';\n\n  if (\n    (props.operator === 'between' || props.operator === 'notBetween') &&\n    (props.type === 'select' || props.type === 'text')\n  ) {\n    const editors = ['from', 'to'].map((key, i) => {\n      if (props.type === 'text') {\n        return (\n          <input\n            key={key}\n            type={props.inputType || 'text'}\n            placeholder={placeHolderText}\n            value={valueAsArray[i] ?? ''}\n            className={`${standardClassnames.valueListItem} form-control form-control-sm`}\n            disabled={props.disabled}\n            onChange={e => multiValueHandler(e.target.value, i)}\n          />\n        );\n      }\n      return (\n        <SelectorComponent\n          key={key}\n          {...props}\n          className={`${standardClassnames.valueListItem} form-select form-select-sm`}\n          handleOnChange={v => multiValueHandler(v, i)}\n          disabled={props.disabled}\n          value={valueAsArray[i] ?? getFirstOption(props.values)}\n          options={props.values ?? []}\n          listsAsArrays={props.listsAsArrays}\n        />\n      );\n    });\n\n    return (\n      <span data-testid={props.testID} className={standardClassnames.value} title={props.title}>\n        {editors[0]}\n        {props.separator}\n        {editors[1]}\n      </span>\n    );\n  }\n\n  switch (props.type) {\n    case 'select':\n    case 'multiselect':\n      return (\n        <ValueEditor\n          skipHook\n          {...props}\n          className={`${props.className} form-select form-select-sm`}\n        />\n      );\n\n    case 'switch':\n      return (\n        <span className={`custom-control custom-switch ${props.className}`}>\n          <input\n            type=\"checkbox\"\n            className=\"form-check-input custom-control-input\"\n            title={props.title}\n            disabled={props.disabled}\n            onChange={e => props.handleOnChange(e.target.checked)}\n            checked={!!props.value}\n          />\n        </span>\n      );\n\n    case 'checkbox':\n      return <ValueEditor skipHook {...props} className={`form-check-input ${props.className}`} />;\n\n    case 'radio':\n      return (\n        <span title={props.title} className={standardClassnames.value}>\n          {props.values?.map(v => (\n            <div key={v.name} className=\"form-check form-check-inline\">\n              <input\n                className=\"form-check-input\"\n                type=\"radio\"\n                id={v.name}\n                value={v.name}\n                checked={props.value === v.name}\n                disabled={props.disabled}\n                onChange={e => props.handleOnChange(e.target.value)}\n              />\n              <label className=\"form-check-label\" htmlFor={v.name}>\n                {v.label}\n              </label>\n            </div>\n          ))}\n        </span>\n      );\n  }\n\n  return <ValueEditor skipHook {...props} />;\n};\n"],"mappings":"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","names":["React","React","_a","_b","_c"]}
+{"version":3,"sources":["../src/index.tsx","../src/BootstrapNotToggle.tsx","../src/BootstrapValueEditor.tsx"],"sourcesContent":["import * as React from 'react';\nimport type {\n  Classnames,\n  ControlElementsProp,\n  FullField,\n  QueryBuilderContextProvider,\n  Translations,\n} from 'react-querybuilder';\nimport { getCompatContextProvider } from 'react-querybuilder';\nimport { BootstrapNotToggle } from './BootstrapNotToggle';\nimport { BootstrapValueEditor } from './BootstrapValueEditor';\n\nexport * from './BootstrapNotToggle';\nexport * from './BootstrapValueEditor';\n\nexport const bootstrapControlElements: ControlElementsProp<FullField, string> = {\n  notToggle: BootstrapNotToggle,\n  valueEditor: BootstrapValueEditor,\n};\n\nexport const bootstrapControlClassnames: Partial<Classnames> = {\n  actionElement: 'btn btn-sm',\n  addGroup: 'btn-secondary',\n  addRule: 'btn-primary',\n  cloneGroup: 'btn-secondary',\n  cloneRule: 'btn-secondary',\n  lockGroup: 'btn-secondary',\n  lockRule: 'btn-secondary',\n  removeGroup: 'btn-danger',\n  removeRule: 'btn-danger',\n  value: 'form-control form-control-sm',\n  valueSelector: 'form-select form-select-sm',\n};\n\nexport const bootstrapTranslations: Partial<Translations> = {\n  removeGroup: { label: <i className=\"bi bi-x\" /> },\n  removeRule: { label: <i className=\"bi bi-x\" /> },\n  cloneRule: { label: <i className=\"bi bi-copy\" /> },\n  cloneRuleGroup: { label: <i className=\"bi bi-copy\" /> },\n  dragHandle: { label: <i className=\"bi bi-grip-vertical\" /> },\n  lockGroup: { label: <i className=\"bi bi-unlock\" /> },\n  lockRule: { label: <i className=\"bi bi-unlock\" /> },\n  lockGroupDisabled: { label: <i className=\"bi bi-lock\" /> },\n  lockRuleDisabled: { label: <i className=\"bi bi-lock\" /> },\n  shiftActionUp: { label: <i className=\"bi bi-chevron-compact-up\" /> },\n  shiftActionDown: { label: <i className=\"bi bi-chevron-compact-down\" /> },\n};\n\nexport const QueryBuilderBootstrap: QueryBuilderContextProvider = getCompatContextProvider({\n  controlClassnames: bootstrapControlClassnames,\n  controlElements: bootstrapControlElements,\n  translations: bootstrapTranslations,\n});\n","import * as React from 'react';\nimport { useId } from 'react';\nimport type { NotToggleProps } from 'react-querybuilder';\n\nexport const BootstrapNotToggle = ({\n  className,\n  handleOnChange,\n  title,\n  label,\n  checked,\n  disabled,\n}: NotToggleProps): React.JSX.Element => {\n  const id = useId();\n\n  return (\n    <div className={`form-check-inline form-switch ${className}`}>\n      <input\n        id={id}\n        className=\"form-check-input\"\n        type=\"checkbox\"\n        onChange={e => handleOnChange(e.target.checked)}\n        checked={!!checked}\n        disabled={disabled}\n      />\n      <label title={title} htmlFor={id} className=\"form-check-label\">\n        {label}\n      </label>\n    </div>\n  );\n};\n","import * as React from 'react';\nimport type { ValueEditorProps } from 'react-querybuilder';\nimport {\n  getFirstOption,\n  standardClassnames,\n  useValueEditor,\n  ValueEditor,\n} from 'react-querybuilder';\n\nexport const BootstrapValueEditor = (props: ValueEditorProps): React.JSX.Element | null => {\n  const { valueAsArray, multiValueHandler, valueListItemClassName } = useValueEditor(props);\n\n  const { selectorComponent: SelectorComponent = props.schema.controls.valueSelector } = props;\n\n  if (props.operator === 'null' || props.operator === 'notNull') {\n    return null;\n  }\n\n  const placeHolderText = props.fieldData?.placeholder ?? '';\n\n  if (\n    (props.operator === 'between' || props.operator === 'notBetween') &&\n    (props.type === 'select' || props.type === 'text')\n  ) {\n    const editors = ['from', 'to'].map((key, i) => {\n      if (props.type === 'text') {\n        return (\n          <input\n            key={key}\n            type={props.inputType || 'text'}\n            placeholder={placeHolderText}\n            value={valueAsArray[i] ?? ''}\n            className={`${valueListItemClassName} form-control form-control-sm`}\n            disabled={props.disabled}\n            onChange={e => multiValueHandler(e.target.value, i)}\n          />\n        );\n      }\n      return (\n        <SelectorComponent\n          key={key}\n          {...props}\n          className={`${valueListItemClassName} form-select form-select-sm`}\n          handleOnChange={v => multiValueHandler(v, i)}\n          disabled={props.disabled}\n          value={valueAsArray[i] ?? getFirstOption(props.values)}\n          options={props.values ?? []}\n          listsAsArrays={props.listsAsArrays}\n        />\n      );\n    });\n\n    return (\n      <span data-testid={props.testID} className={standardClassnames.value} title={props.title}>\n        {editors[0]}\n        {props.separator}\n        {editors[1]}\n      </span>\n    );\n  }\n\n  switch (props.type) {\n    case 'select':\n    case 'multiselect':\n      return (\n        <ValueEditor\n          skipHook\n          {...props}\n          className={`${props.className} form-select form-select-sm`}\n        />\n      );\n\n    case 'switch':\n      return (\n        <span className={`custom-control custom-switch ${props.className}`}>\n          <input\n            type=\"checkbox\"\n            className=\"form-check-input custom-control-input\"\n            title={props.title}\n            disabled={props.disabled}\n            onChange={e => props.handleOnChange(e.target.checked)}\n            checked={!!props.value}\n          />\n        </span>\n      );\n\n    case 'checkbox':\n      return <ValueEditor skipHook {...props} className={`form-check-input ${props.className}`} />;\n\n    case 'radio':\n      return (\n        <span title={props.title} className={standardClassnames.value}>\n          {props.values?.map(v => (\n            <div key={v.name} className=\"form-check form-check-inline\">\n              <input\n                className=\"form-check-input\"\n                type=\"radio\"\n                id={v.name}\n                value={v.name}\n                checked={props.value === v.name}\n                disabled={props.disabled}\n                onChange={e => props.handleOnChange(e.target.value)}\n              />\n              <label className=\"form-check-label\" htmlFor={v.name}>\n                {v.label}\n              </label>\n            </div>\n          ))}\n        </span>\n      );\n  }\n\n  return <ValueEditor skipHook {...props} />;\n};\n"],"mappings":"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","names":["React","React","_a","_b","_c"]}

package/dist/react-querybuilder_bootstrap.mjs

@@ -33,21 +33,11 @@ import {
   getFirstOption,
   standardClassnames,
   useValueEditor,
-  ValueEditor,
-  ValueSelector
+  ValueEditor
 } from "react-querybuilder";
 var BootstrapValueEditor = (props) => {
-  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 { selectorComponent: SelectorComponent = ValueSelector } = props;
+  const { valueAsArray, multiValueHandler, valueListItemClassName } = useValueEditor(props);
+  const { selectorComponent: SelectorComponent = props.schema.controls.valueSelector } = props;
   if (props.operator === "null" || props.operator === "notNull") {
     return null;
   }
@@ -62,7 +52,7 @@ var BootstrapValueEditor = (props) => {
             type: props.inputType || "text",
             placeholder: placeHolderText,
             value: valueAsArray[i] ?? "",
-            className: `${standardClassnames.valueListItem} form-control form-control-sm`,
+            className: `${valueListItemClassName} form-control form-control-sm`,
             disabled: props.disabled,
             onChange: (e) => multiValueHandler(e.target.value, i)
           }
@@ -73,7 +63,7 @@ var BootstrapValueEditor = (props) => {
         {
           key,
           ...props,
-          className: `${standardClassnames.valueListItem} form-select form-select-sm`,
+          className: `${valueListItemClassName} form-select form-select-sm`,
           handleOnChange: (v) => multiValueHandler(v, i),
           disabled: props.disabled,
           value: valueAsArray[i] ?? getFirstOption(props.values),

package/dist/react-querybuilder_bootstrap.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx","../src/BootstrapNotToggle.tsx","../src/BootstrapValueEditor.tsx"],"sourcesContent":["import * as React from 'react';\nimport type {\n  Classnames,\n  ControlElementsProp,\n  FullField,\n  QueryBuilderContextProvider,\n  Translations,\n} from 'react-querybuilder';\nimport { getCompatContextProvider } from 'react-querybuilder';\nimport { BootstrapNotToggle } from './BootstrapNotToggle';\nimport { BootstrapValueEditor } from './BootstrapValueEditor';\n\nexport * from './BootstrapNotToggle';\nexport * from './BootstrapValueEditor';\n\nexport const bootstrapControlElements: ControlElementsProp<FullField, string> = {\n  notToggle: BootstrapNotToggle,\n  valueEditor: BootstrapValueEditor,\n};\n\nexport const bootstrapControlClassnames: Partial<Classnames> = {\n  actionElement: 'btn btn-sm',\n  addGroup: 'btn-secondary',\n  addRule: 'btn-primary',\n  cloneGroup: 'btn-secondary',\n  cloneRule: 'btn-secondary',\n  lockGroup: 'btn-secondary',\n  lockRule: 'btn-secondary',\n  removeGroup: 'btn-danger',\n  removeRule: 'btn-danger',\n  value: 'form-control form-control-sm',\n  valueSelector: 'form-select form-select-sm',\n};\n\nexport const bootstrapTranslations: Partial<Translations> = {\n  removeGroup: { label: <i className=\"bi bi-x\" /> },\n  removeRule: { label: <i className=\"bi bi-x\" /> },\n  cloneRule: { label: <i className=\"bi bi-copy\" /> },\n  cloneRuleGroup: { label: <i className=\"bi bi-copy\" /> },\n  dragHandle: { label: <i className=\"bi bi-grip-vertical\" /> },\n  lockGroup: { label: <i className=\"bi bi-unlock\" /> },\n  lockRule: { label: <i className=\"bi bi-unlock\" /> },\n  lockGroupDisabled: { label: <i className=\"bi bi-lock\" /> },\n  lockRuleDisabled: { label: <i className=\"bi bi-lock\" /> },\n  shiftActionUp: { label: <i className=\"bi bi-chevron-compact-up\" /> },\n  shiftActionDown: { label: <i className=\"bi bi-chevron-compact-down\" /> },\n};\n\nexport const QueryBuilderBootstrap: QueryBuilderContextProvider = getCompatContextProvider({\n  controlClassnames: bootstrapControlClassnames,\n  controlElements: bootstrapControlElements,\n  translations: bootstrapTranslations,\n});\n","import * as React from 'react';\nimport { useId } from 'react';\nimport type { NotToggleProps } from 'react-querybuilder';\n\nexport const BootstrapNotToggle = ({\n  className,\n  handleOnChange,\n  title,\n  label,\n  checked,\n  disabled,\n}: NotToggleProps): React.JSX.Element => {\n  const id = useId();\n\n  return (\n    <div className={`form-check-inline form-switch ${className}`}>\n      <input\n        id={id}\n        className=\"form-check-input\"\n        type=\"checkbox\"\n        onChange={e => handleOnChange(e.target.checked)}\n        checked={!!checked}\n        disabled={disabled}\n      />\n      <label title={title} htmlFor={id} className=\"form-check-label\">\n        {label}\n      </label>\n    </div>\n  );\n};\n","import * as React from 'react';\nimport type { ValueEditorProps } from 'react-querybuilder';\nimport {\n  getFirstOption,\n  standardClassnames,\n  useValueEditor,\n  ValueEditor,\n  ValueSelector,\n} from 'react-querybuilder';\n\nexport const BootstrapValueEditor = (props: ValueEditorProps): React.JSX.Element | null => {\n  const { valueAsArray, multiValueHandler } = useValueEditor({\n    handleOnChange: props.handleOnChange,\n    inputType: props.inputType,\n    operator: props.operator,\n    value: props.value,\n    type: props.type,\n    listsAsArrays: props.listsAsArrays,\n    parseNumbers: props.parseNumbers,\n    values: props.values,\n  });\n\n  const { selectorComponent: SelectorComponent = ValueSelector } = props;\n\n  if (props.operator === 'null' || props.operator === 'notNull') {\n    return null;\n  }\n\n  const placeHolderText = props.fieldData?.placeholder ?? '';\n\n  if (\n    (props.operator === 'between' || props.operator === 'notBetween') &&\n    (props.type === 'select' || props.type === 'text')\n  ) {\n    const editors = ['from', 'to'].map((key, i) => {\n      if (props.type === 'text') {\n        return (\n          <input\n            key={key}\n            type={props.inputType || 'text'}\n            placeholder={placeHolderText}\n            value={valueAsArray[i] ?? ''}\n            className={`${standardClassnames.valueListItem} form-control form-control-sm`}\n            disabled={props.disabled}\n            onChange={e => multiValueHandler(e.target.value, i)}\n          />\n        );\n      }\n      return (\n        <SelectorComponent\n          key={key}\n          {...props}\n          className={`${standardClassnames.valueListItem} form-select form-select-sm`}\n          handleOnChange={v => multiValueHandler(v, i)}\n          disabled={props.disabled}\n          value={valueAsArray[i] ?? getFirstOption(props.values)}\n          options={props.values ?? []}\n          listsAsArrays={props.listsAsArrays}\n        />\n      );\n    });\n\n    return (\n      <span data-testid={props.testID} className={standardClassnames.value} title={props.title}>\n        {editors[0]}\n        {props.separator}\n        {editors[1]}\n      </span>\n    );\n  }\n\n  switch (props.type) {\n    case 'select':\n    case 'multiselect':\n      return (\n        <ValueEditor\n          skipHook\n          {...props}\n          className={`${props.className} form-select form-select-sm`}\n        />\n      );\n\n    case 'switch':\n      return (\n        <span className={`custom-control custom-switch ${props.className}`}>\n          <input\n            type=\"checkbox\"\n            className=\"form-check-input custom-control-input\"\n            title={props.title}\n            disabled={props.disabled}\n            onChange={e => props.handleOnChange(e.target.checked)}\n            checked={!!props.value}\n          />\n        </span>\n      );\n\n    case 'checkbox':\n      return <ValueEditor skipHook {...props} className={`form-check-input ${props.className}`} />;\n\n    case 'radio':\n      return (\n        <span title={props.title} className={standardClassnames.value}>\n          {props.values?.map(v => (\n            <div key={v.name} className=\"form-check form-check-inline\">\n              <input\n                className=\"form-check-input\"\n                type=\"radio\"\n                id={v.name}\n                value={v.name}\n                checked={props.value === v.name}\n                disabled={props.disabled}\n                onChange={e => props.handleOnChange(e.target.value)}\n              />\n              <label className=\"form-check-label\" htmlFor={v.name}>\n                {v.label}\n              </label>\n            </div>\n          ))}\n        </span>\n      );\n  }\n\n  return <ValueEditor skipHook {...props} />;\n};\n"],"mappings":"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","names":["React","React"]}
+{"version":3,"sources":["../src/index.tsx","../src/BootstrapNotToggle.tsx","../src/BootstrapValueEditor.tsx"],"sourcesContent":["import * as React from 'react';\nimport type {\n  Classnames,\n  ControlElementsProp,\n  FullField,\n  QueryBuilderContextProvider,\n  Translations,\n} from 'react-querybuilder';\nimport { getCompatContextProvider } from 'react-querybuilder';\nimport { BootstrapNotToggle } from './BootstrapNotToggle';\nimport { BootstrapValueEditor } from './BootstrapValueEditor';\n\nexport * from './BootstrapNotToggle';\nexport * from './BootstrapValueEditor';\n\nexport const bootstrapControlElements: ControlElementsProp<FullField, string> = {\n  notToggle: BootstrapNotToggle,\n  valueEditor: BootstrapValueEditor,\n};\n\nexport const bootstrapControlClassnames: Partial<Classnames> = {\n  actionElement: 'btn btn-sm',\n  addGroup: 'btn-secondary',\n  addRule: 'btn-primary',\n  cloneGroup: 'btn-secondary',\n  cloneRule: 'btn-secondary',\n  lockGroup: 'btn-secondary',\n  lockRule: 'btn-secondary',\n  removeGroup: 'btn-danger',\n  removeRule: 'btn-danger',\n  value: 'form-control form-control-sm',\n  valueSelector: 'form-select form-select-sm',\n};\n\nexport const bootstrapTranslations: Partial<Translations> = {\n  removeGroup: { label: <i className=\"bi bi-x\" /> },\n  removeRule: { label: <i className=\"bi bi-x\" /> },\n  cloneRule: { label: <i className=\"bi bi-copy\" /> },\n  cloneRuleGroup: { label: <i className=\"bi bi-copy\" /> },\n  dragHandle: { label: <i className=\"bi bi-grip-vertical\" /> },\n  lockGroup: { label: <i className=\"bi bi-unlock\" /> },\n  lockRule: { label: <i className=\"bi bi-unlock\" /> },\n  lockGroupDisabled: { label: <i className=\"bi bi-lock\" /> },\n  lockRuleDisabled: { label: <i className=\"bi bi-lock\" /> },\n  shiftActionUp: { label: <i className=\"bi bi-chevron-compact-up\" /> },\n  shiftActionDown: { label: <i className=\"bi bi-chevron-compact-down\" /> },\n};\n\nexport const QueryBuilderBootstrap: QueryBuilderContextProvider = getCompatContextProvider({\n  controlClassnames: bootstrapControlClassnames,\n  controlElements: bootstrapControlElements,\n  translations: bootstrapTranslations,\n});\n","import * as React from 'react';\nimport { useId } from 'react';\nimport type { NotToggleProps } from 'react-querybuilder';\n\nexport const BootstrapNotToggle = ({\n  className,\n  handleOnChange,\n  title,\n  label,\n  checked,\n  disabled,\n}: NotToggleProps): React.JSX.Element => {\n  const id = useId();\n\n  return (\n    <div className={`form-check-inline form-switch ${className}`}>\n      <input\n        id={id}\n        className=\"form-check-input\"\n        type=\"checkbox\"\n        onChange={e => handleOnChange(e.target.checked)}\n        checked={!!checked}\n        disabled={disabled}\n      />\n      <label title={title} htmlFor={id} className=\"form-check-label\">\n        {label}\n      </label>\n    </div>\n  );\n};\n","import * as React from 'react';\nimport type { ValueEditorProps } from 'react-querybuilder';\nimport {\n  getFirstOption,\n  standardClassnames,\n  useValueEditor,\n  ValueEditor,\n} from 'react-querybuilder';\n\nexport const BootstrapValueEditor = (props: ValueEditorProps): React.JSX.Element | null => {\n  const { valueAsArray, multiValueHandler, valueListItemClassName } = useValueEditor(props);\n\n  const { selectorComponent: SelectorComponent = props.schema.controls.valueSelector } = props;\n\n  if (props.operator === 'null' || props.operator === 'notNull') {\n    return null;\n  }\n\n  const placeHolderText = props.fieldData?.placeholder ?? '';\n\n  if (\n    (props.operator === 'between' || props.operator === 'notBetween') &&\n    (props.type === 'select' || props.type === 'text')\n  ) {\n    const editors = ['from', 'to'].map((key, i) => {\n      if (props.type === 'text') {\n        return (\n          <input\n            key={key}\n            type={props.inputType || 'text'}\n            placeholder={placeHolderText}\n            value={valueAsArray[i] ?? ''}\n            className={`${valueListItemClassName} form-control form-control-sm`}\n            disabled={props.disabled}\n            onChange={e => multiValueHandler(e.target.value, i)}\n          />\n        );\n      }\n      return (\n        <SelectorComponent\n          key={key}\n          {...props}\n          className={`${valueListItemClassName} form-select form-select-sm`}\n          handleOnChange={v => multiValueHandler(v, i)}\n          disabled={props.disabled}\n          value={valueAsArray[i] ?? getFirstOption(props.values)}\n          options={props.values ?? []}\n          listsAsArrays={props.listsAsArrays}\n        />\n      );\n    });\n\n    return (\n      <span data-testid={props.testID} className={standardClassnames.value} title={props.title}>\n        {editors[0]}\n        {props.separator}\n        {editors[1]}\n      </span>\n    );\n  }\n\n  switch (props.type) {\n    case 'select':\n    case 'multiselect':\n      return (\n        <ValueEditor\n          skipHook\n          {...props}\n          className={`${props.className} form-select form-select-sm`}\n        />\n      );\n\n    case 'switch':\n      return (\n        <span className={`custom-control custom-switch ${props.className}`}>\n          <input\n            type=\"checkbox\"\n            className=\"form-check-input custom-control-input\"\n            title={props.title}\n            disabled={props.disabled}\n            onChange={e => props.handleOnChange(e.target.checked)}\n            checked={!!props.value}\n          />\n        </span>\n      );\n\n    case 'checkbox':\n      return <ValueEditor skipHook {...props} className={`form-check-input ${props.className}`} />;\n\n    case 'radio':\n      return (\n        <span title={props.title} className={standardClassnames.value}>\n          {props.values?.map(v => (\n            <div key={v.name} className=\"form-check form-check-inline\">\n              <input\n                className=\"form-check-input\"\n                type=\"radio\"\n                id={v.name}\n                value={v.name}\n                checked={props.value === v.name}\n                disabled={props.disabled}\n                onChange={e => props.handleOnChange(e.target.value)}\n              />\n              <label className=\"form-check-label\" htmlFor={v.name}>\n                {v.label}\n              </label>\n            </div>\n          ))}\n        </span>\n      );\n  }\n\n  return <ValueEditor skipHook {...props} />;\n};\n"],"mappings":"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","names":["React","React"]}

package/dist/react-querybuilder_bootstrap.production.mjs

@@ -1,2 +1,2 @@
-import*as l from"react";import{getCompatContextProvider as g}from"react-querybuilder";import*as c from"react";import{useId as y}from"react";var h=({className:e,handleOnChange:s,title:n,label:m,checked:u,disabled:t})=>{let o=y();return c.createElement("div",{className:`form-check-inline form-switch ${e}`},c.createElement("input",{id:o,className:"form-check-input",type:"checkbox",onChange:r=>s(r.target.checked),checked:!!u,disabled:t}),c.createElement("label",{title:n,htmlFor:o,className:"form-check-label"},m))};import*as a from"react";import{getFirstOption as k,standardClassnames as i,useValueEditor as N,ValueEditor as b,ValueSelector as v}from"react-querybuilder";var f=e=>{let{valueAsArray:s,multiValueHandler:n}=N({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:m=v}=e;if(e.operator==="null"||e.operator==="notNull")return null;let u=e.fieldData?.placeholder??"";if((e.operator==="between"||e.operator==="notBetween")&&(e.type==="select"||e.type==="text")){let t=["from","to"].map((o,r)=>e.type==="text"?a.createElement("input",{key:o,type:e.inputType||"text",placeholder:u,value:s[r]??"",className:`${i.valueListItem} form-control form-control-sm`,disabled:e.disabled,onChange:d=>n(d.target.value,r)}):a.createElement(m,{key:o,...e,className:`${i.valueListItem} form-select form-select-sm`,handleOnChange:d=>n(d,r),disabled:e.disabled,value:s[r]??k(e.values),options:e.values??[],listsAsArrays:e.listsAsArrays}));return a.createElement("span",{"data-testid":e.testID,className:i.value,title:e.title},t[0],e.separator,t[1])}switch(e.type){case"select":case"multiselect":return a.createElement(b,{skipHook:!0,...e,className:`${e.className} form-select form-select-sm`});case"switch":return a.createElement("span",{className:`custom-control custom-switch ${e.className}`},a.createElement("input",{type:"checkbox",className:"form-check-input custom-control-input",title:e.title,disabled:e.disabled,onChange:t=>e.handleOnChange(t.target.checked),checked:!!e.value}));case"checkbox":return a.createElement(b,{skipHook:!0,...e,className:`form-check-input ${e.className}`});case"radio":return a.createElement("span",{title:e.title,className:i.value},e.values?.map(t=>a.createElement("div",{key:t.name,className:"form-check form-check-inline"},a.createElement("input",{className:"form-check-input",type:"radio",id:t.name,value:t.name,checked:e.value===t.name,disabled:e.disabled,onChange:o=>e.handleOnChange(o.target.value)}),a.createElement("label",{className:"form-check-label",htmlFor:t.name},t.label))))}return a.createElement(b,{skipHook:!0,...e})};var C={notToggle:h,valueEditor:f},p={actionElement:"btn btn-sm",addGroup:"btn-secondary",addRule:"btn-primary",cloneGroup:"btn-secondary",cloneRule:"btn-secondary",lockGroup:"btn-secondary",lockRule:"btn-secondary",removeGroup:"btn-danger",removeRule:"btn-danger",value:"form-control form-control-sm",valueSelector:"form-select form-select-sm"},x={removeGroup:{label:l.createElement("i",{className:"bi bi-x"})},removeRule:{label:l.createElement("i",{className:"bi bi-x"})},cloneRule:{label:l.createElement("i",{className:"bi bi-copy"})},cloneRuleGroup:{label:l.createElement("i",{className:"bi bi-copy"})},dragHandle:{label:l.createElement("i",{className:"bi bi-grip-vertical"})},lockGroup:{label:l.createElement("i",{className:"bi bi-unlock"})},lockRule:{label:l.createElement("i",{className:"bi bi-unlock"})},lockGroupDisabled:{label:l.createElement("i",{className:"bi bi-lock"})},lockRuleDisabled:{label:l.createElement("i",{className:"bi bi-lock"})},shiftActionUp:{label:l.createElement("i",{className:"bi bi-chevron-compact-up"})},shiftActionDown:{label:l.createElement("i",{className:"bi bi-chevron-compact-down"})}},G=g({controlClassnames:p,controlElements:C,translations:x});export{h as BootstrapNotToggle,f as BootstrapValueEditor,G as QueryBuilderBootstrap,p as bootstrapControlClassnames,C as bootstrapControlElements,x as bootstrapTranslations};
+import*as l from"react";import{getCompatContextProvider as v}from"react-querybuilder";import*as i from"react";import{useId as N}from"react";var f=({className:e,handleOnChange:r,title:s,label:c,checked:m,disabled:u})=>{let t=N();return i.createElement("div",{className:`form-check-inline form-switch ${e}`},i.createElement("input",{id:t,className:"form-check-input",type:"checkbox",onChange:o=>r(o.target.checked),checked:!!m,disabled:u}),i.createElement("label",{title:s,htmlFor:t,className:"form-check-label"},c))};import*as a from"react";import{getFirstOption as y,standardClassnames as h,useValueEditor as g,ValueEditor as b}from"react-querybuilder";var k=e=>{let{valueAsArray:r,multiValueHandler:s,valueListItemClassName:c}=g(e),{selectorComponent:m=e.schema.controls.valueSelector}=e;if(e.operator==="null"||e.operator==="notNull")return null;let u=e.fieldData?.placeholder??"";if((e.operator==="between"||e.operator==="notBetween")&&(e.type==="select"||e.type==="text")){let t=["from","to"].map((o,n)=>e.type==="text"?a.createElement("input",{key:o,type:e.inputType||"text",placeholder:u,value:r[n]??"",className:`${c} form-control form-control-sm`,disabled:e.disabled,onChange:d=>s(d.target.value,n)}):a.createElement(m,{key:o,...e,className:`${c} form-select form-select-sm`,handleOnChange:d=>s(d,n),disabled:e.disabled,value:r[n]??y(e.values),options:e.values??[],listsAsArrays:e.listsAsArrays}));return a.createElement("span",{"data-testid":e.testID,className:h.value,title:e.title},t[0],e.separator,t[1])}switch(e.type){case"select":case"multiselect":return a.createElement(b,{skipHook:!0,...e,className:`${e.className} form-select form-select-sm`});case"switch":return a.createElement("span",{className:`custom-control custom-switch ${e.className}`},a.createElement("input",{type:"checkbox",className:"form-check-input custom-control-input",title:e.title,disabled:e.disabled,onChange:t=>e.handleOnChange(t.target.checked),checked:!!e.value}));case"checkbox":return a.createElement(b,{skipHook:!0,...e,className:`form-check-input ${e.className}`});case"radio":return a.createElement("span",{title:e.title,className:h.value},e.values?.map(t=>a.createElement("div",{key:t.name,className:"form-check form-check-inline"},a.createElement("input",{className:"form-check-input",type:"radio",id:t.name,value:t.name,checked:e.value===t.name,disabled:e.disabled,onChange:o=>e.handleOnChange(o.target.value)}),a.createElement("label",{className:"form-check-label",htmlFor:t.name},t.label))))}return a.createElement(b,{skipHook:!0,...e})};var p={notToggle:f,valueEditor:k},C={actionElement:"btn btn-sm",addGroup:"btn-secondary",addRule:"btn-primary",cloneGroup:"btn-secondary",cloneRule:"btn-secondary",lockGroup:"btn-secondary",lockRule:"btn-secondary",removeGroup:"btn-danger",removeRule:"btn-danger",value:"form-control form-control-sm",valueSelector:"form-select form-select-sm"},x={removeGroup:{label:l.createElement("i",{className:"bi bi-x"})},removeRule:{label:l.createElement("i",{className:"bi bi-x"})},cloneRule:{label:l.createElement("i",{className:"bi bi-copy"})},cloneRuleGroup:{label:l.createElement("i",{className:"bi bi-copy"})},dragHandle:{label:l.createElement("i",{className:"bi bi-grip-vertical"})},lockGroup:{label:l.createElement("i",{className:"bi bi-unlock"})},lockRule:{label:l.createElement("i",{className:"bi bi-unlock"})},lockGroupDisabled:{label:l.createElement("i",{className:"bi bi-lock"})},lockRuleDisabled:{label:l.createElement("i",{className:"bi bi-lock"})},shiftActionUp:{label:l.createElement("i",{className:"bi bi-chevron-compact-up"})},shiftActionDown:{label:l.createElement("i",{className:"bi bi-chevron-compact-down"})}},G=v({controlClassnames:C,controlElements:p,translations:x});export{f as BootstrapNotToggle,k as BootstrapValueEditor,G as QueryBuilderBootstrap,C as bootstrapControlClassnames,p as bootstrapControlElements,x as bootstrapTranslations};
 //# sourceMappingURL=react-querybuilder_bootstrap.production.mjs.map

package/dist/react-querybuilder_bootstrap.production.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx","../src/BootstrapNotToggle.tsx","../src/BootstrapValueEditor.tsx"],"sourcesContent":["import * as React from 'react';\nimport type {\n  Classnames,\n  ControlElementsProp,\n  FullField,\n  QueryBuilderContextProvider,\n  Translations,\n} from 'react-querybuilder';\nimport { getCompatContextProvider } from 'react-querybuilder';\nimport { BootstrapNotToggle } from './BootstrapNotToggle';\nimport { BootstrapValueEditor } from './BootstrapValueEditor';\n\nexport * from './BootstrapNotToggle';\nexport * from './BootstrapValueEditor';\n\nexport const bootstrapControlElements: ControlElementsProp<FullField, string> = {\n  notToggle: BootstrapNotToggle,\n  valueEditor: BootstrapValueEditor,\n};\n\nexport const bootstrapControlClassnames: Partial<Classnames> = {\n  actionElement: 'btn btn-sm',\n  addGroup: 'btn-secondary',\n  addRule: 'btn-primary',\n  cloneGroup: 'btn-secondary',\n  cloneRule: 'btn-secondary',\n  lockGroup: 'btn-secondary',\n  lockRule: 'btn-secondary',\n  removeGroup: 'btn-danger',\n  removeRule: 'btn-danger',\n  value: 'form-control form-control-sm',\n  valueSelector: 'form-select form-select-sm',\n};\n\nexport const bootstrapTranslations: Partial<Translations> = {\n  removeGroup: { label: <i className=\"bi bi-x\" /> },\n  removeRule: { label: <i className=\"bi bi-x\" /> },\n  cloneRule: { label: <i className=\"bi bi-copy\" /> },\n  cloneRuleGroup: { label: <i className=\"bi bi-copy\" /> },\n  dragHandle: { label: <i className=\"bi bi-grip-vertical\" /> },\n  lockGroup: { label: <i className=\"bi bi-unlock\" /> },\n  lockRule: { label: <i className=\"bi bi-unlock\" /> },\n  lockGroupDisabled: { label: <i className=\"bi bi-lock\" /> },\n  lockRuleDisabled: { label: <i className=\"bi bi-lock\" /> },\n  shiftActionUp: { label: <i className=\"bi bi-chevron-compact-up\" /> },\n  shiftActionDown: { label: <i className=\"bi bi-chevron-compact-down\" /> },\n};\n\nexport const QueryBuilderBootstrap: QueryBuilderContextProvider = getCompatContextProvider({\n  controlClassnames: bootstrapControlClassnames,\n  controlElements: bootstrapControlElements,\n  translations: bootstrapTranslations,\n});\n","import * as React from 'react';\nimport { useId } from 'react';\nimport type { NotToggleProps } from 'react-querybuilder';\n\nexport const BootstrapNotToggle = ({\n  className,\n  handleOnChange,\n  title,\n  label,\n  checked,\n  disabled,\n}: NotToggleProps): React.JSX.Element => {\n  const id = useId();\n\n  return (\n    <div className={`form-check-inline form-switch ${className}`}>\n      <input\n        id={id}\n        className=\"form-check-input\"\n        type=\"checkbox\"\n        onChange={e => handleOnChange(e.target.checked)}\n        checked={!!checked}\n        disabled={disabled}\n      />\n      <label title={title} htmlFor={id} className=\"form-check-label\">\n        {label}\n      </label>\n    </div>\n  );\n};\n","import * as React from 'react';\nimport type { ValueEditorProps } from 'react-querybuilder';\nimport {\n  getFirstOption,\n  standardClassnames,\n  useValueEditor,\n  ValueEditor,\n  ValueSelector,\n} from 'react-querybuilder';\n\nexport const BootstrapValueEditor = (props: ValueEditorProps): React.JSX.Element | null => {\n  const { valueAsArray, multiValueHandler } = useValueEditor({\n    handleOnChange: props.handleOnChange,\n    inputType: props.inputType,\n    operator: props.operator,\n    value: props.value,\n    type: props.type,\n    listsAsArrays: props.listsAsArrays,\n    parseNumbers: props.parseNumbers,\n    values: props.values,\n  });\n\n  const { selectorComponent: SelectorComponent = ValueSelector } = props;\n\n  if (props.operator === 'null' || props.operator === 'notNull') {\n    return null;\n  }\n\n  const placeHolderText = props.fieldData?.placeholder ?? '';\n\n  if (\n    (props.operator === 'between' || props.operator === 'notBetween') &&\n    (props.type === 'select' || props.type === 'text')\n  ) {\n    const editors = ['from', 'to'].map((key, i) => {\n      if (props.type === 'text') {\n        return (\n          <input\n            key={key}\n            type={props.inputType || 'text'}\n            placeholder={placeHolderText}\n            value={valueAsArray[i] ?? ''}\n            className={`${standardClassnames.valueListItem} form-control form-control-sm`}\n            disabled={props.disabled}\n            onChange={e => multiValueHandler(e.target.value, i)}\n          />\n        );\n      }\n      return (\n        <SelectorComponent\n          key={key}\n          {...props}\n          className={`${standardClassnames.valueListItem} form-select form-select-sm`}\n          handleOnChange={v => multiValueHandler(v, i)}\n          disabled={props.disabled}\n          value={valueAsArray[i] ?? getFirstOption(props.values)}\n          options={props.values ?? []}\n          listsAsArrays={props.listsAsArrays}\n        />\n      );\n    });\n\n    return (\n      <span data-testid={props.testID} className={standardClassnames.value} title={props.title}>\n        {editors[0]}\n        {props.separator}\n        {editors[1]}\n      </span>\n    );\n  }\n\n  switch (props.type) {\n    case 'select':\n    case 'multiselect':\n      return (\n        <ValueEditor\n          skipHook\n          {...props}\n          className={`${props.className} form-select form-select-sm`}\n        />\n      );\n\n    case 'switch':\n      return (\n        <span className={`custom-control custom-switch ${props.className}`}>\n          <input\n            type=\"checkbox\"\n            className=\"form-check-input custom-control-input\"\n            title={props.title}\n            disabled={props.disabled}\n            onChange={e => props.handleOnChange(e.target.checked)}\n            checked={!!props.value}\n          />\n        </span>\n      );\n\n    case 'checkbox':\n      return <ValueEditor skipHook {...props} className={`form-check-input ${props.className}`} />;\n\n    case 'radio':\n      return (\n        <span title={props.title} className={standardClassnames.value}>\n          {props.values?.map(v => (\n            <div key={v.name} className=\"form-check form-check-inline\">\n              <input\n                className=\"form-check-input\"\n                type=\"radio\"\n                id={v.name}\n                value={v.name}\n                checked={props.value === v.name}\n                disabled={props.disabled}\n                onChange={e => props.handleOnChange(e.target.value)}\n              />\n              <label className=\"form-check-label\" htmlFor={v.name}>\n                {v.label}\n              </label>\n            </div>\n          ))}\n        </span>\n      );\n  }\n\n  return <ValueEditor skipHook {...props} />;\n};\n"],"mappings":"AAAA,UAAYA,MAAW,QAQvB,OAAS,4BAAAC,MAAgC,qBCRzC,UAAYC,MAAW,QACvB,OAAS,SAAAC,MAAa,QAGf,IAAMC,EAAqB,CAAC,CACjC,UAAAC,EACA,eAAAC,EACA,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,CACF,IAAyC,CACvC,IAAMC,EAAKR,EAAM,EAEjB,OACE,gBAAC,OAAI,UAAW,iCAAiCE,CAAS,IACxD,gBAAC,SACC,GAAIM,EACJ,UAAU,mBACV,KAAK,WACL,SAAUC,GAAKN,EAAeM,EAAE,OAAO,OAAO,EAC9C,QAAS,CAAC,CAACH,EACX,SAAUC,EACZ,EACA,gBAAC,SAAM,MAAOH,EAAO,QAASI,EAAI,UAAU,oBACzCH,CACH,CACF,CAEJ,EC7BA,UAAYK,MAAW,QAEvB,OACE,kBAAAC,EACA,sBAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,iBAAAC,MACK,qBAEA,IAAMC,EAAwBC,GAAsD,CACzF,GAAM,CAAE,aAAAC,EAAc,kBAAAC,CAAkB,EAAIN,EAAe,CACzD,eAAgBI,EAAM,eACtB,UAAWA,EAAM,UACjB,SAAUA,EAAM,SAChB,MAAOA,EAAM,MACb,KAAMA,EAAM,KACZ,cAAeA,EAAM,cACrB,aAAcA,EAAM,aACpB,OAAQA,EAAM,MAChB,CAAC,EAEK,CAAE,kBAAmBG,EAAoBL,CAAc,EAAIE,EAEjE,GAAIA,EAAM,WAAa,QAAUA,EAAM,WAAa,UAClD,OAAO,KAGT,IAAMI,EAAkBJ,EAAM,WAAW,aAAe,GAExD,IACGA,EAAM,WAAa,WAAaA,EAAM,WAAa,gBACnDA,EAAM,OAAS,UAAYA,EAAM,OAAS,QAC3C,CACA,IAAMK,EAAU,CAAC,OAAQ,IAAI,EAAE,IAAI,CAACC,EAAKC,IACnCP,EAAM,OAAS,OAEf,gBAAC,SACC,IAAKM,EACL,KAAMN,EAAM,WAAa,OACzB,YAAaI,EACb,MAAOH,EAAaM,CAAC,GAAK,GAC1B,UAAW,GAAGZ,EAAmB,aAAa,gCAC9C,SAAUK,EAAM,SAChB,SAAUQ,GAAKN,EAAkBM,EAAE,OAAO,MAAOD,CAAC,EACpD,EAIF,gBAACJ,EAAA,CACC,IAAKG,EACJ,GAAGN,EACJ,UAAW,GAAGL,EAAmB,aAAa,8BAC9C,eAAgBc,GAAKP,EAAkBO,EAAGF,CAAC,EAC3C,SAAUP,EAAM,SAChB,MAAOC,EAAaM,CAAC,GAAKb,EAAeM,EAAM,MAAM,EACrD,QAASA,EAAM,QAAU,CAAC,EAC1B,cAAeA,EAAM,cACvB,CAEH,EAED,OACE,gBAAC,QAAK,cAAaA,EAAM,OAAQ,UAAWL,EAAmB,MAAO,MAAOK,EAAM,OAChFK,EAAQ,CAAC,EACTL,EAAM,UACNK,EAAQ,CAAC,CACZ,CAEJ,CAEA,OAAQL,EAAM,KAAM,CAClB,IAAK,SACL,IAAK,cACH,OACE,gBAACH,EAAA,CACC,SAAQ,GACP,GAAGG,EACJ,UAAW,GAAGA,EAAM,SAAS,8BAC/B,EAGJ,IAAK,SACH,OACE,gBAAC,QAAK,UAAW,gCAAgCA,EAAM,SAAS,IAC9D,gBAAC,SACC,KAAK,WACL,UAAU,wCACV,MAAOA,EAAM,MACb,SAAUA,EAAM,SAChB,SAAUQ,GAAKR,EAAM,eAAeQ,EAAE,OAAO,OAAO,EACpD,QAAS,CAAC,CAACR,EAAM,MACnB,CACF,EAGJ,IAAK,WACH,OAAO,gBAACH,EAAA,CAAY,SAAQ,GAAE,GAAGG,EAAO,UAAW,oBAAoBA,EAAM,SAAS,GAAI,EAE5F,IAAK,QACH,OACE,gBAAC,QAAK,MAAOA,EAAM,MAAO,UAAWL,EAAmB,OACrDK,EAAM,QAAQ,IAAIS,GACjB,gBAAC,OAAI,IAAKA,EAAE,KAAM,UAAU,gCAC1B,gBAAC,SACC,UAAU,mBACV,KAAK,QACL,GAAIA,EAAE,KACN,MAAOA,EAAE,KACT,QAAST,EAAM,QAAUS,EAAE,KAC3B,SAAUT,EAAM,SAChB,SAAUQ,GAAKR,EAAM,eAAeQ,EAAE,OAAO,KAAK,EACpD,EACA,gBAAC,SAAM,UAAU,mBAAmB,QAASC,EAAE,MAC5CA,EAAE,KACL,CACF,CACD,CACH,CAEN,CAEA,OAAO,gBAACZ,EAAA,CAAY,SAAQ,GAAE,GAAGG,EAAO,CAC1C,EF5GO,IAAMU,EAAmE,CAC9E,UAAWC,EACX,YAAaC,CACf,EAEaC,EAAkD,CAC7D,cAAe,aACf,SAAU,gBACV,QAAS,cACT,WAAY,gBACZ,UAAW,gBACX,UAAW,gBACX,SAAU,gBACV,YAAa,aACb,WAAY,aACZ,MAAO,+BACP,cAAe,4BACjB,EAEaC,EAA+C,CAC1D,YAAa,CAAE,MAAO,gBAAC,KAAE,UAAU,UAAU,CAAG,EAChD,WAAY,CAAE,MAAO,gBAAC,KAAE,UAAU,UAAU,CAAG,EAC/C,UAAW,CAAE,MAAO,gBAAC,KAAE,UAAU,aAAa,CAAG,EACjD,eAAgB,CAAE,MAAO,gBAAC,KAAE,UAAU,aAAa,CAAG,EACtD,WAAY,CAAE,MAAO,gBAAC,KAAE,UAAU,sBAAsB,CAAG,EAC3D,UAAW,CAAE,MAAO,gBAAC,KAAE,UAAU,eAAe,CAAG,EACnD,SAAU,CAAE,MAAO,gBAAC,KAAE,UAAU,eAAe,CAAG,EAClD,kBAAmB,CAAE,MAAO,gBAAC,KAAE,UAAU,aAAa,CAAG,EACzD,iBAAkB,CAAE,MAAO,gBAAC,KAAE,UAAU,aAAa,CAAG,EACxD,cAAe,CAAE,MAAO,gBAAC,KAAE,UAAU,2BAA2B,CAAG,EACnE,gBAAiB,CAAE,MAAO,gBAAC,KAAE,UAAU,6BAA6B,CAAG,CACzE,EAEaC,EAAqDC,EAAyB,CACzF,kBAAmBH,EACnB,gBAAiBH,EACjB,aAAcI,CAChB,CAAC","names":["React","getCompatContextProvider","React","useId","BootstrapNotToggle","className","handleOnChange","title","label","checked","disabled","id","e","React","getFirstOption","standardClassnames","useValueEditor","ValueEditor","ValueSelector","BootstrapValueEditor","props","valueAsArray","multiValueHandler","SelectorComponent","placeHolderText","editors","key","i","e","v","bootstrapControlElements","BootstrapNotToggle","BootstrapValueEditor","bootstrapControlClassnames","bootstrapTranslations","QueryBuilderBootstrap","getCompatContextProvider"]}
+{"version":3,"sources":["../src/index.tsx","../src/BootstrapNotToggle.tsx","../src/BootstrapValueEditor.tsx"],"sourcesContent":["import * as React from 'react';\nimport type {\n  Classnames,\n  ControlElementsProp,\n  FullField,\n  QueryBuilderContextProvider,\n  Translations,\n} from 'react-querybuilder';\nimport { getCompatContextProvider } from 'react-querybuilder';\nimport { BootstrapNotToggle } from './BootstrapNotToggle';\nimport { BootstrapValueEditor } from './BootstrapValueEditor';\n\nexport * from './BootstrapNotToggle';\nexport * from './BootstrapValueEditor';\n\nexport const bootstrapControlElements: ControlElementsProp<FullField, string> = {\n  notToggle: BootstrapNotToggle,\n  valueEditor: BootstrapValueEditor,\n};\n\nexport const bootstrapControlClassnames: Partial<Classnames> = {\n  actionElement: 'btn btn-sm',\n  addGroup: 'btn-secondary',\n  addRule: 'btn-primary',\n  cloneGroup: 'btn-secondary',\n  cloneRule: 'btn-secondary',\n  lockGroup: 'btn-secondary',\n  lockRule: 'btn-secondary',\n  removeGroup: 'btn-danger',\n  removeRule: 'btn-danger',\n  value: 'form-control form-control-sm',\n  valueSelector: 'form-select form-select-sm',\n};\n\nexport const bootstrapTranslations: Partial<Translations> = {\n  removeGroup: { label: <i className=\"bi bi-x\" /> },\n  removeRule: { label: <i className=\"bi bi-x\" /> },\n  cloneRule: { label: <i className=\"bi bi-copy\" /> },\n  cloneRuleGroup: { label: <i className=\"bi bi-copy\" /> },\n  dragHandle: { label: <i className=\"bi bi-grip-vertical\" /> },\n  lockGroup: { label: <i className=\"bi bi-unlock\" /> },\n  lockRule: { label: <i className=\"bi bi-unlock\" /> },\n  lockGroupDisabled: { label: <i className=\"bi bi-lock\" /> },\n  lockRuleDisabled: { label: <i className=\"bi bi-lock\" /> },\n  shiftActionUp: { label: <i className=\"bi bi-chevron-compact-up\" /> },\n  shiftActionDown: { label: <i className=\"bi bi-chevron-compact-down\" /> },\n};\n\nexport const QueryBuilderBootstrap: QueryBuilderContextProvider = getCompatContextProvider({\n  controlClassnames: bootstrapControlClassnames,\n  controlElements: bootstrapControlElements,\n  translations: bootstrapTranslations,\n});\n","import * as React from 'react';\nimport { useId } from 'react';\nimport type { NotToggleProps } from 'react-querybuilder';\n\nexport const BootstrapNotToggle = ({\n  className,\n  handleOnChange,\n  title,\n  label,\n  checked,\n  disabled,\n}: NotToggleProps): React.JSX.Element => {\n  const id = useId();\n\n  return (\n    <div className={`form-check-inline form-switch ${className}`}>\n      <input\n        id={id}\n        className=\"form-check-input\"\n        type=\"checkbox\"\n        onChange={e => handleOnChange(e.target.checked)}\n        checked={!!checked}\n        disabled={disabled}\n      />\n      <label title={title} htmlFor={id} className=\"form-check-label\">\n        {label}\n      </label>\n    </div>\n  );\n};\n","import * as React from 'react';\nimport type { ValueEditorProps } from 'react-querybuilder';\nimport {\n  getFirstOption,\n  standardClassnames,\n  useValueEditor,\n  ValueEditor,\n} from 'react-querybuilder';\n\nexport const BootstrapValueEditor = (props: ValueEditorProps): React.JSX.Element | null => {\n  const { valueAsArray, multiValueHandler, valueListItemClassName } = useValueEditor(props);\n\n  const { selectorComponent: SelectorComponent = props.schema.controls.valueSelector } = props;\n\n  if (props.operator === 'null' || props.operator === 'notNull') {\n    return null;\n  }\n\n  const placeHolderText = props.fieldData?.placeholder ?? '';\n\n  if (\n    (props.operator === 'between' || props.operator === 'notBetween') &&\n    (props.type === 'select' || props.type === 'text')\n  ) {\n    const editors = ['from', 'to'].map((key, i) => {\n      if (props.type === 'text') {\n        return (\n          <input\n            key={key}\n            type={props.inputType || 'text'}\n            placeholder={placeHolderText}\n            value={valueAsArray[i] ?? ''}\n            className={`${valueListItemClassName} form-control form-control-sm`}\n            disabled={props.disabled}\n            onChange={e => multiValueHandler(e.target.value, i)}\n          />\n        );\n      }\n      return (\n        <SelectorComponent\n          key={key}\n          {...props}\n          className={`${valueListItemClassName} form-select form-select-sm`}\n          handleOnChange={v => multiValueHandler(v, i)}\n          disabled={props.disabled}\n          value={valueAsArray[i] ?? getFirstOption(props.values)}\n          options={props.values ?? []}\n          listsAsArrays={props.listsAsArrays}\n        />\n      );\n    });\n\n    return (\n      <span data-testid={props.testID} className={standardClassnames.value} title={props.title}>\n        {editors[0]}\n        {props.separator}\n        {editors[1]}\n      </span>\n    );\n  }\n\n  switch (props.type) {\n    case 'select':\n    case 'multiselect':\n      return (\n        <ValueEditor\n          skipHook\n          {...props}\n          className={`${props.className} form-select form-select-sm`}\n        />\n      );\n\n    case 'switch':\n      return (\n        <span className={`custom-control custom-switch ${props.className}`}>\n          <input\n            type=\"checkbox\"\n            className=\"form-check-input custom-control-input\"\n            title={props.title}\n            disabled={props.disabled}\n            onChange={e => props.handleOnChange(e.target.checked)}\n            checked={!!props.value}\n          />\n        </span>\n      );\n\n    case 'checkbox':\n      return <ValueEditor skipHook {...props} className={`form-check-input ${props.className}`} />;\n\n    case 'radio':\n      return (\n        <span title={props.title} className={standardClassnames.value}>\n          {props.values?.map(v => (\n            <div key={v.name} className=\"form-check form-check-inline\">\n              <input\n                className=\"form-check-input\"\n                type=\"radio\"\n                id={v.name}\n                value={v.name}\n                checked={props.value === v.name}\n                disabled={props.disabled}\n                onChange={e => props.handleOnChange(e.target.value)}\n              />\n              <label className=\"form-check-label\" htmlFor={v.name}>\n                {v.label}\n              </label>\n            </div>\n          ))}\n        </span>\n      );\n  }\n\n  return <ValueEditor skipHook {...props} />;\n};\n"],"mappings":"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","names":["React","getCompatContextProvider","React","useId","BootstrapNotToggle","className","handleOnChange","title","label","checked","disabled","id","e","React","getFirstOption","standardClassnames","useValueEditor","ValueEditor","BootstrapValueEditor","props","valueAsArray","multiValueHandler","valueListItemClassName","SelectorComponent","placeHolderText","editors","key","i","e","v","bootstrapControlElements","BootstrapNotToggle","BootstrapValueEditor","bootstrapControlClassnames","bootstrapTranslations","QueryBuilderBootstrap","getCompatContextProvider"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-querybuilder/bootstrap",
   "description": "Custom Bootstrap components for react-querybuilder",
-  "version": "7.7.0-alpha.4",
+  "version": "7.7.0",
   "publishConfig": {
     "access": "public"
   },
@@ -42,13 +42,13 @@
     "@popperjs/core": "^2.11.8",
     "@testing-library/dom": "^10.4.0",
     "@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",
     "bootstrap": "^5.3.3",
     "bootstrap-icons": "^1.11.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-querybuilder": "7.7.0-alpha.4",
+    "react-querybuilder": "7.7.0",
     "rollup-plugin-visualizer": "^5.12.0",
     "typescript": "^5.6.2",
     "vite": "^5.4.8"
@@ -57,7 +57,7 @@
     "bootstrap": ">=5",
     "bootstrap-icons": ">=1.7.0",
     "react": ">=18",
-    "react-querybuilder": "7.7.0-alpha.4"
+    "react-querybuilder": "7.7.0"
   },
-  "gitHead": "fa3ae24e5278e3e82c5cddfae27446158df99942"
+  "gitHead": "3df83ee0fc7031f80802d798a77716fb1c1c364a"
 }