@accelint/design-toolkit 8.1.2 → 9.0.0

package/dist/components/query-builder/index.js

@@ -1,4 +1,122 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useMemo,createContext}from'react';import {QueryBuilder}from'react-querybuilder';import {ActionElement}from'./action-element.js';import {LockAction,RemoveRuleAction,CloneAction}from'./actions.js';import {CombinatorSelector}from'./combinator-selector.js';import {Rule}from'./rule.js';import {RuleGroup}from'./rule-group.js';import e from'./styles.module.css';import {ValueEditor}from'./value-editor.js';import {ValueSelector}from'./value-selector.js';function z({controlClassnames:u,controlElements:t,orientation:r="horizontal",showRuleLines:o=true,...n}){const p=useMemo(()=>({combinatorSelector:CombinatorSelector,cloneGroupAction:CloneAction,cloneRuleAction:CloneAction,removeRuleAction:RemoveRuleAction,lockGroupAction:LockAction,lockRuleAction:LockAction,ruleGroup:RuleGroup,rule:Rule,actionElement:ActionElement,valueSelector:ValueSelector,valueEditor:ValueEditor,...t}),[t]),d=useMemo(()=>({queryBuilder:e.queryBuilder,ruleGroup:clsx("group",e.ruleGroup),header:e.header,combinators:e.combinators,fields:e.fields,operators:"",value:e.value,valueListItem:"",valueSource:"",cloneGroup:e.cloneGroup,cloneRule:e.cloneRule,lockGroup:e.lockGroup,lockRule:e.lockRule,disabled:"",valid:"",invalid:"",removeRule:"",addRule:"",addGroup:"",removeGroup:"",rule:clsx(e.rule,e[r]),body:clsx("group",e.body,o&&e.showRuleLines,!o&&e.hideRuleLines),...u}),[u,o,r]),a=createContext({orientation:r,showRuleLines:o});return jsx(QueryBuilder,{showNotToggle:false,showShiftActions:false,enableDragAndDrop:false,controlClassnames:d,controlElements:p,context:a,listsAsArrays:true,...n})}export{z as QueryBuilder};//# sourceMappingURL=index.js.map
+import { CloneAction, LockAction, RemoveRuleAction } from "./actions.js";
+import { CombinatorSelector } from "./combinator-selector.js";
+import { ActionElement } from "./action-element.js";
+import { Rule } from "./rule.js";
+import { RuleGroup } from "./rule-group.js";
+import { ValueSelector } from "./value-selector.js";
+import { ValueEditor } from "./value-editor.js";
+import "client-only";
+import { createContext, useMemo } from "react";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { jsx } from "react/jsx-runtime";
+import { QueryBuilder as QueryBuilder$1 } from "react-querybuilder";
+import styles from "./styles.module.css";
+
+//#region src/components/query-builder/index.tsx
+/**
+* QueryBuilder - A visual interface for building complex database queries
+*
+* Provides an intuitive drag-and-drop interface for constructing database queries
+* with support for multiple conditions, operators, and logical grouping. Enables
+* users to build complex filters without writing SQL or code.
+*
+* @example
+* // Basic query builder
+* <QueryBuilder
+*   fields={[
+*     // { name, label, type, inputType, operators },
+*   ]}
+*   query={
+*     // { combinator, rules }
+*   }
+*   onQueryChange={handleQueryChange}
+*   controlElements={{
+*     addRuleAction: CustomAddButton,
+*     removeRuleAction: CustomRemoveButton
+*   }}
+*   orientation="vertical"
+* />
+*/
+function QueryBuilder({ controlClassnames, controlElements, orientation = "horizontal", showRuleLines = true, ...rest }) {
+	/**
+	* Represents the list of available controls that the component can use as a custom
+	* component override.Passed in as a map of our custom defaults, but can be
+	* overridden by using the controlElements prop
+	*/
+	const mergedElements = useMemo(() => ({
+		combinatorSelector: CombinatorSelector,
+		cloneGroupAction: CloneAction,
+		cloneRuleAction: CloneAction,
+		removeRuleAction: RemoveRuleAction,
+		lockGroupAction: LockAction,
+		lockRuleAction: LockAction,
+		ruleGroup: RuleGroup,
+		rule: Rule,
+		actionElement: ActionElement,
+		valueSelector: ValueSelector,
+		valueEditor: ValueEditor,
+		...controlElements
+	}), [controlElements]);
+	return /* @__PURE__ */ jsx(QueryBuilder$1, {
+		showNotToggle: false,
+		showShiftActions: false,
+		enableDragAndDrop: false,
+		controlClassnames: useMemo(() => {
+			return {
+				queryBuilder: styles.queryBuilder,
+				ruleGroup: clsx("group", styles.ruleGroup),
+				header: styles.header,
+				combinators: styles.combinators,
+				fields: styles.fields,
+				operators: "",
+				value: styles.value,
+				valueListItem: "",
+				valueSource: "",
+				cloneGroup: styles.cloneGroup,
+				cloneRule: styles.cloneRule,
+				lockGroup: styles.lockGroup,
+				lockRule: styles.lockRule,
+				disabled: "",
+				valid: "",
+				invalid: "",
+				removeRule: "",
+				addRule: "",
+				addGroup: "",
+				removeGroup: "",
+				rule: clsx(styles.rule, styles[orientation]),
+				body: clsx("group", styles.body, showRuleLines && styles.showRuleLines, !showRuleLines && styles.hideRuleLines),
+				...controlClassnames
+			};
+		}, [
+			controlClassnames,
+			showRuleLines,
+			orientation
+		]),
+		controlElements: mergedElements,
+		context: createContext({
+			orientation,
+			showRuleLines
+		}),
+		listsAsArrays: true,
+		...rest
+	});
+}
+
+//#endregion
+export { QueryBuilder };
 //# sourceMappingURL=index.js.map

package/dist/components/query-builder/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/query-builder/index.tsx"],"names":["showRuleLines","CombinatorSelector","i","R","m","A","RuleGroup","c","G","v","y","ValueEditor","mergedClassnames","useMemo","B","styles","clsx","l","controlClassnames","orientation","s","RQBBuilder","Q","f","QueryBuilderContext"],"mappings":"0jBAoDE,SACA,CAAA,CAAA,CAAA,iBACA,CAAA,CAAA,CAAA,eAAc,CACd,CAAA,CAAA,WAAA,CAAAA,CAAAA,CAAgB,YAQhB,CAAA,aAEI,qBAAoBC,CAAAA,CACpBC,OAAA,CAAA,KAAA,CAAA,kBACA,CAAAC,kBAAA,CAAA,gBACA,CAAAC,WAAA,CAAA,eACA,CAAAA,WAAA,CAAA,gBACA,CAAAC,gBAAA,CAAA,eACA,CAAWC,UAAAA,CACX,cACA,CAAAC,UAAA,CAAA,SACA,CAAAC,SAAA,CAAA,IAAA,CAAAC,IAAA,CAAA,aACA,CAAAC,aAAaC,cAWXC,CAAAA,aAAmBC,CAAAA,WAErB,CAAAC,WAAA,CAAA,GAAA,CAAA,CAAA,CAAcC,CAAAA,CAAO,mBACrB,CAAA,YAAgB,CAAA,CAAA,CAAA,YAAgB,CAAA,cACxBA,CAAAA,OAAO,CACf,CAAA,CAAA,SAAA,CAAaA,CAAAA,MAAO,CAAA,CAAA,CAAA,MACpB,CAAA,WAAe,CAAA,CACf,CAAA,WAAW,CACX,MAAOA,CAAAA,CAAO,CAAA,mBACC,CAAA,KACf,CAAA,CAAA,CAAA,KAAA,CAAa,aACb,CAAYA,EAAO,CAAA,yBACD,CAAA,CAAA,CAAA,UAClB,CAAA,SAAkB,CAAA,CAAA,CAAA,SAClB,CAAA,SAAiB,CAAA,CAAA,CAAA,SACjB,CAAU,QACV,CAAO,CAAA,CAAA,QACP,CAAS,QACT,CAAA,EAAA,CAAA,KACA,CAAA,EAAA,CAAA,OACA,CAAA,EAAA,CAAA,qBACa,CAAA,EACb,CAAA,QAAkB,CAAA,EAAA,CAAMA,WAClBC,CAAAA,EACJ,CAAA,IAAA,CAAAC,IACAF,CAAAA,CAAO,KACPf,CAAAA,CAAAA,CAAiBe,CAAAA,CAAO,CAAA,CAAA,IAAA,CAAAE,IAAA,CAAA,OACvBjB,CAAAA,CAAiBe,CAAAA,uBAIrB,CAACG,CAAAA,CAAmBlB,EAAemB,CAAW,CAAC,mBAGhDA,CAAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,aAAA,CAAApB,CACF,YAGGqB,CAAAA,CAAA,aACC,CAAA,CAAe,CAAA,CAAA,CACf,OAAAC,GAAA,CAAAC,YAAA,CAAA,CAAA,oCAEA,CAAA,KAAA,CAAA,iBACA,CAAA,KAAA,CAAA,iBACSC,EACT,CAAA,eAAa,CACZ,CAAA,CAAA,OAGP,CAAA,CAAA,CAAA,aAAA,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { createContext, useMemo } from 'react';\nimport { QueryBuilder as RQBBuilder } from 'react-querybuilder';\nimport { ActionElement } from './action-element';\nimport { CloneAction, LockAction, RemoveRuleAction } from './actions';\nimport { CombinatorSelector } from './combinator-selector';\nimport { Rule } from './rule';\nimport { RuleGroup } from './rule-group';\nimport styles from './styles.module.css';\nimport { ValueEditor } from './value-editor';\nimport { ValueSelector } from './value-selector';\nimport type { QueryBuilderContextType, QueryBuilderProps } from './types';\n\n/**\n * QueryBuilder - A visual interface for building complex database queries\n *\n * Provides an intuitive drag-and-drop interface for constructing database queries\n * with support for multiple conditions, operators, and logical grouping. Enables\n * users to build complex filters without writing SQL or code.\n *\n * @example\n * // Basic query builder\n * <QueryBuilder\n *   fields={[\n *     // { name, label, type, inputType, operators },\n *   ]}\n *   query={\n *     // { combinator, rules }\n *   }\n *   onQueryChange={handleQueryChange}\n *   controlElements={{\n *     addRuleAction: CustomAddButton,\n *     removeRuleAction: CustomRemoveButton\n *   }}\n *   orientation=\"vertical\"\n * />\n */\nexport function QueryBuilder({\n  controlClassnames,\n  controlElements,\n  orientation = 'horizontal',\n  showRuleLines = true,\n  ...rest\n}: QueryBuilderProps) {\n  /**\n   * Represents the list of available controls that the component can use as a custom\n   * component override.Passed in as a map of our custom defaults, but can be\n   * overridden by using the controlElements prop\n   */\n  const mergedElements = useMemo(\n    () => ({\n      combinatorSelector: CombinatorSelector,\n      cloneGroupAction: CloneAction,\n      cloneRuleAction: CloneAction,\n      removeRuleAction: RemoveRuleAction,\n      lockGroupAction: LockAction,\n      lockRuleAction: LockAction,\n      ruleGroup: RuleGroup,\n      rule: Rule,\n      actionElement: ActionElement,\n      valueSelector: ValueSelector,\n      valueEditor: ValueEditor,\n      ...controlElements,\n    }),\n    [controlElements],\n  );\n\n  /**\n   * Represents the list of available classnames that the component will recognize.\n   * Passed in as a map as all the default styling, but can be overridden by using the\n   * controlClassnames prop\n   */\n  const mergedClassnames = useMemo(() => {\n    return {\n      queryBuilder: styles.queryBuilder,\n      ruleGroup: clsx('group', styles.ruleGroup),\n      header: styles.header,\n      combinators: styles.combinators,\n      fields: styles.fields,\n      operators: '',\n      value: styles.value,\n      valueListItem: '',\n      valueSource: '',\n      cloneGroup: styles.cloneGroup,\n      cloneRule: styles.cloneRule,\n      lockGroup: styles.lockGroup,\n      lockRule: styles.lockRule,\n      disabled: '',\n      valid: '',\n      invalid: '',\n      removeRule: '',\n      addRule: '',\n      addGroup: '',\n      removeGroup: '',\n      rule: clsx(styles.rule, styles[orientation]),\n      body: clsx(\n        'group',\n        styles.body,\n        showRuleLines && styles.showRuleLines,\n        !showRuleLines && styles.hideRuleLines,\n      ),\n      ...controlClassnames,\n    };\n  }, [controlClassnames, showRuleLines, orientation]);\n\n  const QueryBuilderContext = createContext<QueryBuilderContextType>({\n    orientation,\n    showRuleLines,\n  });\n\n  return (\n    <RQBBuilder\n      showNotToggle={false}\n      showShiftActions={false}\n      enableDragAndDrop={false}\n      controlClassnames={mergedClassnames}\n      controlElements={mergedElements}\n      context={QueryBuilderContext}\n      listsAsArrays\n      {...rest}\n    />\n  );\n}\n"]}
+{"version":3,"file":"index.js","names":["RQBBuilder"],"sources":["../../../src/components/query-builder/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { createContext, useMemo } from 'react';\nimport { QueryBuilder as RQBBuilder } from 'react-querybuilder';\nimport { ActionElement } from './action-element';\nimport { CloneAction, LockAction, RemoveRuleAction } from './actions';\nimport { CombinatorSelector } from './combinator-selector';\nimport { Rule } from './rule';\nimport { RuleGroup } from './rule-group';\nimport styles from './styles.module.css';\nimport { ValueEditor } from './value-editor';\nimport { ValueSelector } from './value-selector';\nimport type { QueryBuilderContextType, QueryBuilderProps } from './types';\n\n/**\n * QueryBuilder - A visual interface for building complex database queries\n *\n * Provides an intuitive drag-and-drop interface for constructing database queries\n * with support for multiple conditions, operators, and logical grouping. Enables\n * users to build complex filters without writing SQL or code.\n *\n * @example\n * // Basic query builder\n * <QueryBuilder\n *   fields={[\n *     // { name, label, type, inputType, operators },\n *   ]}\n *   query={\n *     // { combinator, rules }\n *   }\n *   onQueryChange={handleQueryChange}\n *   controlElements={{\n *     addRuleAction: CustomAddButton,\n *     removeRuleAction: CustomRemoveButton\n *   }}\n *   orientation=\"vertical\"\n * />\n */\nexport function QueryBuilder({\n  controlClassnames,\n  controlElements,\n  orientation = 'horizontal',\n  showRuleLines = true,\n  ...rest\n}: QueryBuilderProps) {\n  /**\n   * Represents the list of available controls that the component can use as a custom\n   * component override.Passed in as a map of our custom defaults, but can be\n   * overridden by using the controlElements prop\n   */\n  const mergedElements = useMemo(\n    () => ({\n      combinatorSelector: CombinatorSelector,\n      cloneGroupAction: CloneAction,\n      cloneRuleAction: CloneAction,\n      removeRuleAction: RemoveRuleAction,\n      lockGroupAction: LockAction,\n      lockRuleAction: LockAction,\n      ruleGroup: RuleGroup,\n      rule: Rule,\n      actionElement: ActionElement,\n      valueSelector: ValueSelector,\n      valueEditor: ValueEditor,\n      ...controlElements,\n    }),\n    [controlElements],\n  );\n\n  /**\n   * Represents the list of available classnames that the component will recognize.\n   * Passed in as a map as all the default styling, but can be overridden by using the\n   * controlClassnames prop\n   */\n  const mergedClassnames = useMemo(() => {\n    return {\n      queryBuilder: styles.queryBuilder,\n      ruleGroup: clsx('group', styles.ruleGroup),\n      header: styles.header,\n      combinators: styles.combinators,\n      fields: styles.fields,\n      operators: '',\n      value: styles.value,\n      valueListItem: '',\n      valueSource: '',\n      cloneGroup: styles.cloneGroup,\n      cloneRule: styles.cloneRule,\n      lockGroup: styles.lockGroup,\n      lockRule: styles.lockRule,\n      disabled: '',\n      valid: '',\n      invalid: '',\n      removeRule: '',\n      addRule: '',\n      addGroup: '',\n      removeGroup: '',\n      rule: clsx(styles.rule, styles[orientation]),\n      body: clsx(\n        'group',\n        styles.body,\n        showRuleLines && styles.showRuleLines,\n        !showRuleLines && styles.hideRuleLines,\n      ),\n      ...controlClassnames,\n    };\n  }, [controlClassnames, showRuleLines, orientation]);\n\n  const QueryBuilderContext = createContext<QueryBuilderContextType>({\n    orientation,\n    showRuleLines,\n  });\n\n  return (\n    <RQBBuilder\n      showNotToggle={false}\n      showShiftActions={false}\n      enableDragAndDrop={false}\n      controlClassnames={mergedClassnames}\n      controlElements={mergedElements}\n      context={QueryBuilderContext}\n      listsAsArrays\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,SAAgB,aAAa,EAC3B,mBACA,iBACA,cAAc,cACd,gBAAgB,MAChB,GAAG,QACiB;;;;;;CAMpB,MAAM,iBAAiB,eACd;EACL,oBAAoB;EACpB,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;EAClB,iBAAiB;EACjB,gBAAgB;EAChB,WAAW;EACX,MAAM;EACN,eAAe;EACf,eAAe;EACf,aAAa;EACb,GAAG;EACJ,GACD,CAAC,gBAAgB,CAClB;AA6CD,QACE,oBAACA;EACC,eAAe;EACf,kBAAkB;EAClB,mBAAmB;EACnB,mBA3CqB,cAAc;AACrC,UAAO;IACL,cAAc,OAAO;IACrB,WAAW,KAAK,SAAS,OAAO,UAAU;IAC1C,QAAQ,OAAO;IACf,aAAa,OAAO;IACpB,QAAQ,OAAO;IACf,WAAW;IACX,OAAO,OAAO;IACd,eAAe;IACf,aAAa;IACb,YAAY,OAAO;IACnB,WAAW,OAAO;IAClB,WAAW,OAAO;IAClB,UAAU,OAAO;IACjB,UAAU;IACV,OAAO;IACP,SAAS;IACT,YAAY;IACZ,SAAS;IACT,UAAU;IACV,aAAa;IACb,MAAM,KAAK,OAAO,MAAM,OAAO,aAAa;IAC5C,MAAM,KACJ,SACA,OAAO,MACP,iBAAiB,OAAO,eACxB,CAAC,iBAAiB,OAAO,cAC1B;IACD,GAAG;IACJ;KACA;GAAC;GAAmB;GAAe;GAAY,CAAC;EAa/C,iBAAiB;EACjB,SAZwB,cAAuC;GACjE;GACA;GACD,CAAC;EAUE;EACA,GAAI;GACJ"}

package/dist/components/query-builder/rule-group.d.ts

@@ -1,8 +1,23 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { RuleGroupProps, useRuleGroup } from 'react-querybuilder';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
-declare function RuleGroup(props: RuleGroupProps): react_jsx_runtime.JSX.Element;
-declare function RuleGroupHeaderComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime.JSX.Element;
-declare function RuleGroupFooterComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime.JSX.Element;
+import "client-only";
+import * as react_jsx_runtime69 from "react/jsx-runtime";
+import { RuleGroupProps, useRuleGroup } from "react-querybuilder";
 
+//#region src/components/query-builder/rule-group.d.ts
+declare function RuleGroup(props: RuleGroupProps): react_jsx_runtime69.JSX.Element;
+declare function RuleGroupHeaderComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime69.JSX.Element;
+declare function RuleGroupFooterComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime69.JSX.Element;
+//#endregion
 export { RuleGroup, RuleGroupFooterComponent, RuleGroupHeaderComponent };
+//# sourceMappingURL=rule-group.d.ts.map

package/dist/components/query-builder/rule-group.js

@@ -1,4 +1,170 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsxs,jsx,Fragment}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useMemo}from'react';import {useRuleGroup,useStopEventPropagation,TestID}from'react-querybuilder';function O(t){const a=useRuleGroup(t),{schema:{controls:{ruleGroupBodyElements:s}}}=a,{schema:{classNames:n}}=t,c=useStopEventPropagation(a.addRule),i=useStopEventPropagation(a.addGroup),d=useStopEventPropagation(a.cloneGroup),m=useStopEventPropagation(a.toggleLockGroup),p=useStopEventPropagation(a.removeGroup),v=useMemo(()=>({...a,addGroup:i,addRule:c,cloneGroup:d,removeGroup:p,toggleLockGroup:m}),[i,c,d,a,p,m]);return jsxs("div",{className:clsx(n.ruleGroup),children:[jsx("div",{className:clsx(n.header),children:jsx(C,{...v})}),jsx("div",{className:clsx(n.body),children:jsx(s,{...v})}),jsx("div",{className:clsx(n.header),children:jsx(N,{...v})})]})}function C(t){const a=t.schema.showLockButtons,s=t.path.length>0,n=t.schema.showCloneButtons&&s,{schema:{controls:{combinatorSelector:c,cloneGroupAction:i,lockGroupAction:d,removeGroupAction:m}}}=t;return jsxs(Fragment,{children:[jsx(c,{testID:TestID.combinators,options:t.schema.combinators,ruleGroup:t.ruleGroup,value:t.combinator,title:t.translations.combinators.title,className:t.classNames.combinators,handleOnChange:t.onCombinatorChange,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,context:t.context,validation:t.validationResult,schema:t.schema},TestID.combinators),n&&jsx("div",{children:jsx(i,{testID:TestID.cloneGroup,label:t.translations.cloneRuleGroup.label,title:t.translations.cloneRuleGroup.title,className:t.classNames.cloneGroup,handleOnClick:t.cloneGroup,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,context:t.context,validation:t.validationResult,ruleOrGroup:t.ruleGroup,schema:t.schema},TestID.cloneGroup)}),a&&jsx("div",{children:jsx(d,{testID:TestID.lockGroup,label:t.translations.lockGroup.label,title:t.translations.lockGroup.title,className:t.classNames.lockGroup,handleOnClick:t.toggleLockGroup,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,disabledTranslation:t.parentDisabled?void 0:t.translations.lockGroupDisabled,context:t.context,validation:t.validationResult,ruleOrGroup:t.ruleGroup,schema:t.schema},TestID.lockGroup)}),s&&jsx("div",{children:jsx(m,{testID:TestID.removeGroup,label:t.translations.removeGroup.label,title:t.translations.removeGroup.title,className:t.classNames.removeGroup,handleOnClick:t.removeGroup,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,context:t.context,validation:t.validationResult,ruleOrGroup:t.ruleGroup,schema:t.schema},TestID.removeGroup)})]})}function N(t){const{schema:{controls:{addGroupAction:a,addRuleAction:s}}}=t;return jsxs(Fragment,{children:[jsx(s,{testID:TestID.addRule,label:t.translations.addRule.label,title:t.translations.addRule.title,className:t.classNames.addRule,handleOnClick:t.addRule,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,context:t.context,validation:t.validationResult,ruleOrGroup:t.ruleGroup,schema:t.schema},TestID.addRule),jsx(a,{testID:TestID.addGroup,label:t.translations.addGroup.label,title:t.translations.addGroup.title,className:t.classNames.addGroup,handleOnClick:t.addGroup,rules:t.ruleGroup.rules,level:t.path.length,path:t.path,disabled:t.disabled,context:t.context,validation:t.validationResult,ruleOrGroup:t.ruleGroup,schema:t.schema},TestID.addGroup)]})}export{O as RuleGroup,N as RuleGroupFooterComponent,C as RuleGroupHeaderComponent};//# sourceMappingURL=rule-group.js.map
+import "client-only";
+import { useMemo } from "react";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { TestID, useRuleGroup, useStopEventPropagation } from "react-querybuilder";
+
+//#region src/components/query-builder/rule-group.tsx
+function RuleGroup(props) {
+	const group = useRuleGroup(props);
+	const { schema: { controls: { ruleGroupBodyElements: RuleGroupBodyElements } } } = group;
+	const { schema: { classNames } } = props;
+	const addRule = useStopEventPropagation(group.addRule);
+	const addGroup = useStopEventPropagation(group.addGroup);
+	const cloneGroup = useStopEventPropagation(group.cloneGroup);
+	const toggleLockGroup = useStopEventPropagation(group.toggleLockGroup);
+	const removeGroup = useStopEventPropagation(group.removeGroup);
+	const elementProps = useMemo(() => ({
+		...group,
+		addGroup,
+		addRule,
+		cloneGroup,
+		removeGroup,
+		toggleLockGroup
+	}), [
+		addGroup,
+		addRule,
+		cloneGroup,
+		group,
+		removeGroup,
+		toggleLockGroup
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx(classNames.ruleGroup),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: clsx(classNames.header),
+				children: /* @__PURE__ */ jsx(RuleGroupHeaderComponent, { ...elementProps })
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: clsx(classNames.body),
+				children: /* @__PURE__ */ jsx(RuleGroupBodyElements, { ...elementProps })
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: clsx(classNames.header),
+				children: /* @__PURE__ */ jsx(RuleGroupFooterComponent, { ...elementProps })
+			})
+		]
+	});
+}
+function RuleGroupHeaderComponent(ruleGroup) {
+	const shouldShowLock = ruleGroup.schema.showLockButtons;
+	const isNotRoot = ruleGroup.path.length > 0;
+	const shouldShowClone = ruleGroup.schema.showCloneButtons && isNotRoot;
+	const { schema: { controls: { combinatorSelector: CombinatorSelectorControlElement, cloneGroupAction: CloneGroupActionControlElement, lockGroupAction: LockGroupActionControlElement, removeGroupAction: RemoveGroupActionControlElement } } } = ruleGroup;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(CombinatorSelectorControlElement, {
+			testID: TestID.combinators,
+			options: ruleGroup.schema.combinators,
+			ruleGroup: ruleGroup.ruleGroup,
+			value: ruleGroup.combinator,
+			title: ruleGroup.translations.combinators.title,
+			className: ruleGroup.classNames.combinators,
+			handleOnChange: ruleGroup.onCombinatorChange,
+			rules: ruleGroup.ruleGroup.rules,
+			level: ruleGroup.path.length,
+			path: ruleGroup.path,
+			disabled: ruleGroup.disabled,
+			context: ruleGroup.context,
+			validation: ruleGroup.validationResult,
+			schema: ruleGroup.schema
+		}, TestID.combinators),
+		shouldShowClone && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CloneGroupActionControlElement, {
+			testID: TestID.cloneGroup,
+			label: ruleGroup.translations.cloneRuleGroup.label,
+			title: ruleGroup.translations.cloneRuleGroup.title,
+			className: ruleGroup.classNames.cloneGroup,
+			handleOnClick: ruleGroup.cloneGroup,
+			rules: ruleGroup.ruleGroup.rules,
+			level: ruleGroup.path.length,
+			path: ruleGroup.path,
+			disabled: ruleGroup.disabled,
+			context: ruleGroup.context,
+			validation: ruleGroup.validationResult,
+			ruleOrGroup: ruleGroup.ruleGroup,
+			schema: ruleGroup.schema
+		}, TestID.cloneGroup) }),
+		shouldShowLock && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(LockGroupActionControlElement, {
+			testID: TestID.lockGroup,
+			label: ruleGroup.translations.lockGroup.label,
+			title: ruleGroup.translations.lockGroup.title,
+			className: ruleGroup.classNames.lockGroup,
+			handleOnClick: ruleGroup.toggleLockGroup,
+			rules: ruleGroup.ruleGroup.rules,
+			level: ruleGroup.path.length,
+			path: ruleGroup.path,
+			disabled: ruleGroup.disabled,
+			disabledTranslation: ruleGroup.parentDisabled ? void 0 : ruleGroup.translations.lockGroupDisabled,
+			context: ruleGroup.context,
+			validation: ruleGroup.validationResult,
+			ruleOrGroup: ruleGroup.ruleGroup,
+			schema: ruleGroup.schema
+		}, TestID.lockGroup) }),
+		isNotRoot && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(RemoveGroupActionControlElement, {
+			testID: TestID.removeGroup,
+			label: ruleGroup.translations.removeGroup.label,
+			title: ruleGroup.translations.removeGroup.title,
+			className: ruleGroup.classNames.removeGroup,
+			handleOnClick: ruleGroup.removeGroup,
+			rules: ruleGroup.ruleGroup.rules,
+			level: ruleGroup.path.length,
+			path: ruleGroup.path,
+			disabled: ruleGroup.disabled,
+			context: ruleGroup.context,
+			validation: ruleGroup.validationResult,
+			ruleOrGroup: ruleGroup.ruleGroup,
+			schema: ruleGroup.schema
+		}, TestID.removeGroup) })
+	] });
+}
+function RuleGroupFooterComponent(ruleGroup) {
+	const { schema: { controls: { addGroupAction: AddGroupActionControlElement, addRuleAction: AddRuleActionControlElement } } } = ruleGroup;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AddRuleActionControlElement, {
+		testID: TestID.addRule,
+		label: ruleGroup.translations.addRule.label,
+		title: ruleGroup.translations.addRule.title,
+		className: ruleGroup.classNames.addRule,
+		handleOnClick: ruleGroup.addRule,
+		rules: ruleGroup.ruleGroup.rules,
+		level: ruleGroup.path.length,
+		path: ruleGroup.path,
+		disabled: ruleGroup.disabled,
+		context: ruleGroup.context,
+		validation: ruleGroup.validationResult,
+		ruleOrGroup: ruleGroup.ruleGroup,
+		schema: ruleGroup.schema
+	}, TestID.addRule), /* @__PURE__ */ jsx(AddGroupActionControlElement, {
+		testID: TestID.addGroup,
+		label: ruleGroup.translations.addGroup.label,
+		title: ruleGroup.translations.addGroup.title,
+		className: ruleGroup.classNames.addGroup,
+		handleOnClick: ruleGroup.addGroup,
+		rules: ruleGroup.ruleGroup.rules,
+		level: ruleGroup.path.length,
+		path: ruleGroup.path,
+		disabled: ruleGroup.disabled,
+		context: ruleGroup.context,
+		validation: ruleGroup.validationResult,
+		ruleOrGroup: ruleGroup.ruleGroup,
+		schema: ruleGroup.schema
+	}, TestID.addGroup)] });
+}
+
+//#endregion
+export { RuleGroup, RuleGroupFooterComponent, RuleGroupHeaderComponent };
 //# sourceMappingURL=rule-group.js.map

package/dist/components/query-builder/rule-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/query-builder/rule-group.tsx"],"names":["RuleGroup","props","group","useRuleGroup","RuleGroupBodyElements","classNames","addRule","useStopEventPropagation","addGroup","cloneGroup","toggleLockGroup","removeGroup","elementProps","useMemo","jsxs","clsx","jsx","RuleGroupHeaderComponent","RuleGroupFooterComponent","ruleGroup","shouldShowLock","isNotRoot","shouldShowClone","CombinatorSelectorControlElement","CloneGroupActionControlElement","LockGroupActionControlElement","RemoveGroupActionControlElement","Fragment","TestID","AddGroupActionControlElement","AddRuleActionControlElement"],"mappings":"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","file":"rule-group.js","sourcesContent":["// __private-exports\n/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useMemo } from 'react';\nimport {\n  type RuleGroupProps,\n  TestID,\n  useRuleGroup,\n  useStopEventPropagation,\n} from 'react-querybuilder';\n\nexport function RuleGroup(props: RuleGroupProps) {\n  const group = useRuleGroup(props);\n\n  const {\n    schema: {\n      controls: { ruleGroupBodyElements: RuleGroupBodyElements },\n    },\n  } = group;\n\n  const {\n    schema: { classNames },\n  } = props;\n\n  const addRule = useStopEventPropagation(group.addRule);\n  const addGroup = useStopEventPropagation(group.addGroup);\n  const cloneGroup = useStopEventPropagation(group.cloneGroup);\n  const toggleLockGroup = useStopEventPropagation(group.toggleLockGroup);\n  const removeGroup = useStopEventPropagation(group.removeGroup);\n\n  const elementProps = useMemo(\n    () => ({\n      ...group,\n      addGroup,\n      addRule,\n      cloneGroup,\n      removeGroup,\n      toggleLockGroup,\n    }),\n    [addGroup, addRule, cloneGroup, group, removeGroup, toggleLockGroup],\n  );\n\n  return (\n    <div className={clsx(classNames.ruleGroup)}>\n      <div className={clsx(classNames.header)}>\n        <RuleGroupHeaderComponent {...elementProps} />\n      </div>\n      <div className={clsx(classNames.body)}>\n        <RuleGroupBodyElements {...elementProps} />\n      </div>\n      <div className={clsx(classNames.header)}>\n        <RuleGroupFooterComponent {...elementProps} />\n      </div>\n    </div>\n  );\n}\n\nexport function RuleGroupHeaderComponent(\n  ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>,\n) {\n  const shouldShowLock = ruleGroup.schema.showLockButtons;\n  const isNotRoot = ruleGroup.path.length > 0;\n  const shouldShowClone = ruleGroup.schema.showCloneButtons && isNotRoot;\n\n  const {\n    schema: {\n      controls: {\n        combinatorSelector: CombinatorSelectorControlElement,\n        cloneGroupAction: CloneGroupActionControlElement,\n        lockGroupAction: LockGroupActionControlElement,\n        removeGroupAction: RemoveGroupActionControlElement,\n      },\n    },\n  } = ruleGroup;\n\n  return (\n    <>\n      <CombinatorSelectorControlElement\n        key={TestID.combinators}\n        testID={TestID.combinators}\n        options={ruleGroup.schema.combinators}\n        ruleGroup={ruleGroup.ruleGroup}\n        value={ruleGroup.combinator}\n        title={ruleGroup.translations.combinators.title}\n        className={ruleGroup.classNames.combinators}\n        handleOnChange={ruleGroup.onCombinatorChange}\n        rules={ruleGroup.ruleGroup.rules}\n        level={ruleGroup.path.length}\n        path={ruleGroup.path}\n        disabled={ruleGroup.disabled}\n        context={ruleGroup.context}\n        validation={ruleGroup.validationResult}\n        schema={ruleGroup.schema}\n      />\n      {shouldShowClone && (\n        <div>\n          <CloneGroupActionControlElement\n            key={TestID.cloneGroup}\n            testID={TestID.cloneGroup}\n            label={ruleGroup.translations.cloneRuleGroup.label}\n            title={ruleGroup.translations.cloneRuleGroup.title}\n            className={ruleGroup.classNames.cloneGroup}\n            handleOnClick={ruleGroup.cloneGroup}\n            rules={ruleGroup.ruleGroup.rules}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            disabled={ruleGroup.disabled}\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            ruleOrGroup={ruleGroup.ruleGroup}\n            schema={ruleGroup.schema}\n          />\n        </div>\n      )}\n      {shouldShowLock && (\n        <div>\n          <LockGroupActionControlElement\n            key={TestID.lockGroup}\n            testID={TestID.lockGroup}\n            label={ruleGroup.translations.lockGroup.label}\n            title={ruleGroup.translations.lockGroup.title}\n            className={ruleGroup.classNames.lockGroup}\n            handleOnClick={ruleGroup.toggleLockGroup}\n            rules={ruleGroup.ruleGroup.rules}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            disabled={ruleGroup.disabled}\n            disabledTranslation={\n              ruleGroup.parentDisabled\n                ? undefined\n                : ruleGroup.translations.lockGroupDisabled\n            }\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            ruleOrGroup={ruleGroup.ruleGroup}\n            schema={ruleGroup.schema}\n          />\n        </div>\n      )}\n      {isNotRoot && (\n        <div>\n          <RemoveGroupActionControlElement\n            key={TestID.removeGroup}\n            testID={TestID.removeGroup}\n            label={ruleGroup.translations.removeGroup.label}\n            title={ruleGroup.translations.removeGroup.title}\n            className={ruleGroup.classNames.removeGroup}\n            handleOnClick={ruleGroup.removeGroup}\n            rules={ruleGroup.ruleGroup.rules}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            disabled={ruleGroup.disabled}\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            ruleOrGroup={ruleGroup.ruleGroup}\n            schema={ruleGroup.schema}\n          />\n        </div>\n      )}\n    </>\n  );\n}\n\nexport function RuleGroupFooterComponent(\n  ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>,\n) {\n  const {\n    schema: {\n      controls: {\n        addGroupAction: AddGroupActionControlElement,\n        addRuleAction: AddRuleActionControlElement,\n      },\n    },\n  } = ruleGroup;\n\n  return (\n    <>\n      <AddRuleActionControlElement\n        key={TestID.addRule}\n        testID={TestID.addRule}\n        label={ruleGroup.translations.addRule.label}\n        title={ruleGroup.translations.addRule.title}\n        className={ruleGroup.classNames.addRule}\n        handleOnClick={ruleGroup.addRule}\n        rules={ruleGroup.ruleGroup.rules}\n        level={ruleGroup.path.length}\n        path={ruleGroup.path}\n        disabled={ruleGroup.disabled}\n        context={ruleGroup.context}\n        validation={ruleGroup.validationResult}\n        ruleOrGroup={ruleGroup.ruleGroup}\n        schema={ruleGroup.schema}\n      />\n      <AddGroupActionControlElement\n        key={TestID.addGroup}\n        testID={TestID.addGroup}\n        label={ruleGroup.translations.addGroup.label}\n        title={ruleGroup.translations.addGroup.title}\n        className={ruleGroup.classNames.addGroup}\n        handleOnClick={ruleGroup.addGroup}\n        rules={ruleGroup.ruleGroup.rules}\n        level={ruleGroup.path.length}\n        path={ruleGroup.path}\n        disabled={ruleGroup.disabled}\n        context={ruleGroup.context}\n        validation={ruleGroup.validationResult}\n        ruleOrGroup={ruleGroup.ruleGroup}\n        schema={ruleGroup.schema}\n      />\n    </>\n  );\n}\n"]}
+{"version":3,"file":"rule-group.js","names":[],"sources":["../../../src/components/query-builder/rule-group.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useMemo } from 'react';\nimport {\n  type RuleGroupProps,\n  TestID,\n  useRuleGroup,\n  useStopEventPropagation,\n} from 'react-querybuilder';\n\nexport function RuleGroup(props: RuleGroupProps) {\n  const group = useRuleGroup(props);\n\n  const {\n    schema: {\n      controls: { ruleGroupBodyElements: RuleGroupBodyElements },\n    },\n  } = group;\n\n  const {\n    schema: { classNames },\n  } = props;\n\n  const addRule = useStopEventPropagation(group.addRule);\n  const addGroup = useStopEventPropagation(group.addGroup);\n  const cloneGroup = useStopEventPropagation(group.cloneGroup);\n  const toggleLockGroup = useStopEventPropagation(group.toggleLockGroup);\n  const removeGroup = useStopEventPropagation(group.removeGroup);\n\n  const elementProps = useMemo(\n    () => ({\n      ...group,\n      addGroup,\n      addRule,\n      cloneGroup,\n      removeGroup,\n      toggleLockGroup,\n    }),\n    [addGroup, addRule, cloneGroup, group, removeGroup, toggleLockGroup],\n  );\n\n  return (\n    <div className={clsx(classNames.ruleGroup)}>\n      <div className={clsx(classNames.header)}>\n        <RuleGroupHeaderComponent {...elementProps} />\n      </div>\n      <div className={clsx(classNames.body)}>\n        <RuleGroupBodyElements {...elementProps} />\n      </div>\n      <div className={clsx(classNames.header)}>\n        <RuleGroupFooterComponent {...elementProps} />\n      </div>\n    </div>\n  );\n}\n\nexport function RuleGroupHeaderComponent(\n  ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>,\n) {\n  const shouldShowLock = ruleGroup.schema.showLockButtons;\n  const isNotRoot = ruleGroup.path.length > 0;\n  const shouldShowClone = ruleGroup.schema.showCloneButtons && isNotRoot;\n\n  const {\n    schema: {\n      controls: {\n        combinatorSelector: CombinatorSelectorControlElement,\n        cloneGroupAction: CloneGroupActionControlElement,\n        lockGroupAction: LockGroupActionControlElement,\n        removeGroupAction: RemoveGroupActionControlElement,\n      },\n    },\n  } = ruleGroup;\n\n  return (\n    <>\n      <CombinatorSelectorControlElement\n        key={TestID.combinators}\n        testID={TestID.combinators}\n        options={ruleGroup.schema.combinators}\n        ruleGroup={ruleGroup.ruleGroup}\n        value={ruleGroup.combinator}\n        title={ruleGroup.translations.combinators.title}\n        className={ruleGroup.classNames.combinators}\n        handleOnChange={ruleGroup.onCombinatorChange}\n        rules={ruleGroup.ruleGroup.rules}\n        level={ruleGroup.path.length}\n        path={ruleGroup.path}\n        disabled={ruleGroup.disabled}\n        context={ruleGroup.context}\n        validation={ruleGroup.validationResult}\n        schema={ruleGroup.schema}\n      />\n      {shouldShowClone && (\n        <div>\n          <CloneGroupActionControlElement\n            key={TestID.cloneGroup}\n            testID={TestID.cloneGroup}\n            label={ruleGroup.translations.cloneRuleGroup.label}\n            title={ruleGroup.translations.cloneRuleGroup.title}\n            className={ruleGroup.classNames.cloneGroup}\n            handleOnClick={ruleGroup.cloneGroup}\n            rules={ruleGroup.ruleGroup.rules}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            disabled={ruleGroup.disabled}\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            ruleOrGroup={ruleGroup.ruleGroup}\n            schema={ruleGroup.schema}\n          />\n        </div>\n      )}\n      {shouldShowLock && (\n        <div>\n          <LockGroupActionControlElement\n            key={TestID.lockGroup}\n            testID={TestID.lockGroup}\n            label={ruleGroup.translations.lockGroup.label}\n            title={ruleGroup.translations.lockGroup.title}\n            className={ruleGroup.classNames.lockGroup}\n            handleOnClick={ruleGroup.toggleLockGroup}\n            rules={ruleGroup.ruleGroup.rules}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            disabled={ruleGroup.disabled}\n            disabledTranslation={\n              ruleGroup.parentDisabled\n                ? undefined\n                : ruleGroup.translations.lockGroupDisabled\n            }\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            ruleOrGroup={ruleGroup.ruleGroup}\n            schema={ruleGroup.schema}\n          />\n        </div>\n      )}\n      {isNotRoot && (\n        <div>\n          <RemoveGroupActionControlElement\n            key={TestID.removeGroup}\n            testID={TestID.removeGroup}\n            label={ruleGroup.translations.removeGroup.label}\n            title={ruleGroup.translations.removeGroup.title}\n            className={ruleGroup.classNames.removeGroup}\n            handleOnClick={ruleGroup.removeGroup}\n            rules={ruleGroup.ruleGroup.rules}\n            level={ruleGroup.path.length}\n            path={ruleGroup.path}\n            disabled={ruleGroup.disabled}\n            context={ruleGroup.context}\n            validation={ruleGroup.validationResult}\n            ruleOrGroup={ruleGroup.ruleGroup}\n            schema={ruleGroup.schema}\n          />\n        </div>\n      )}\n    </>\n  );\n}\n\nexport function RuleGroupFooterComponent(\n  ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>,\n) {\n  const {\n    schema: {\n      controls: {\n        addGroupAction: AddGroupActionControlElement,\n        addRuleAction: AddRuleActionControlElement,\n      },\n    },\n  } = ruleGroup;\n\n  return (\n    <>\n      <AddRuleActionControlElement\n        key={TestID.addRule}\n        testID={TestID.addRule}\n        label={ruleGroup.translations.addRule.label}\n        title={ruleGroup.translations.addRule.title}\n        className={ruleGroup.classNames.addRule}\n        handleOnClick={ruleGroup.addRule}\n        rules={ruleGroup.ruleGroup.rules}\n        level={ruleGroup.path.length}\n        path={ruleGroup.path}\n        disabled={ruleGroup.disabled}\n        context={ruleGroup.context}\n        validation={ruleGroup.validationResult}\n        ruleOrGroup={ruleGroup.ruleGroup}\n        schema={ruleGroup.schema}\n      />\n      <AddGroupActionControlElement\n        key={TestID.addGroup}\n        testID={TestID.addGroup}\n        label={ruleGroup.translations.addGroup.label}\n        title={ruleGroup.translations.addGroup.title}\n        className={ruleGroup.classNames.addGroup}\n        handleOnClick={ruleGroup.addGroup}\n        rules={ruleGroup.ruleGroup.rules}\n        level={ruleGroup.path.length}\n        path={ruleGroup.path}\n        disabled={ruleGroup.disabled}\n        context={ruleGroup.context}\n        validation={ruleGroup.validationResult}\n        ruleOrGroup={ruleGroup.ruleGroup}\n        schema={ruleGroup.schema}\n      />\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/query-builder/rule.d.ts

@@ -1,6 +1,21 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { RuleProps } from 'react-querybuilder';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
-declare function Rule(props: RuleProps): react_jsx_runtime.JSX.Element;
+import "client-only";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
+import { RuleProps } from "react-querybuilder";
 
+//#region src/components/query-builder/rule.d.ts
+declare function Rule(props: RuleProps): react_jsx_runtime72.JSX.Element;
+//#endregion
 export { Rule };
+//# sourceMappingURL=rule.d.ts.map

package/dist/components/query-builder/rule.js

@@ -1,4 +1,151 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {memo,useContext}from'react';import {useRule,useStopEventPropagation,TestID}from'react-querybuilder';import {Lines}from'../lines/index.js';import X from'./styles.module.css';const Y=memo(function({path:e,props:s,context:o}){const c=e[0]===s.schema.getQuery()?.rules.length-1?"last":"branch";return jsx(Lines,{variant:c,size:"small",isVisible:o.showRuleLines,className:X.ruleLines})});function te(u){const e=useRule(u),s=useContext(u.context),{classNames:o,disabled:R,operators:c,outerClassName:h,rule:{field:n,operator:i,value:S,valueSource:f},schema:{controls:{fieldSelector:y,operatorSelector:g,valueSourceSelector:N,valueEditor:k,cloneRuleAction:D,lockRuleAction:b,removeRuleAction:O},fields:E,listsAsArrays:L,parseNumbers:A,showCloneButtons:x,showLockButtons:I},fieldData:C,generateOnChangeHandler:d,inputType:T,parentDisabled:B,path:p,translations:l,valueEditorType:P,valueEditorSeparator:Q,values:w,valueSources:V,valueSourceOptions:G,validationResult:H}=e,z=useStopEventPropagation(e.cloneRule),F=useStopEventPropagation(e.toggleLockRule),q=useStopEventPropagation(e.removeRule),r={context:s,disabled:R,level:p.length,path:p,schema:e.schema,validation:H},J=!["null","notNull"].includes(i)&&V.length>1;return jsxs(Fragment,{children:[s.showRuleLines&&jsx(Y,{path:p,props:u,context:s}),jsxs("div",{className:h,children:[jsx(y,{testID:TestID.fields,options:E,title:l.fields.title,value:n,operator:i,className:o.fields,handleOnChange:d("field"),rule:e.rule,...r}),jsx(g,{testID:TestID.operators,field:n,fieldData:e.fieldData,title:e.translations.operators.title,options:c,value:i,className:e.classNames.operators,handleOnChange:e.generateOnChangeHandler("operator"),rule:e.rule,...r}),jsx(k,{testID:TestID.valueEditor,field:n,fieldData:C,title:l.value.title,operator:i,value:S,valueSource:f??"value",type:P,inputType:T,values:w,listsAsArrays:L,parseNumbers:A,separator:Q,className:e.classNames.value,handleOnChange:d("value"),rule:e.rule,...r}),J&&jsx(N,{testID:TestID.valueSourceSelector,field:n,fieldData:C,title:l.valueSourceSelector.title,options:G,value:f??"value",className:o.valueSource,handleOnChange:d("valueSource"),rule:e.rule,...r})]}),jsxs("div",{className:h,children:[jsx(O,{testID:TestID.removeRule,label:l.removeRule.label??"remove",title:l.removeRule.title??"remove",className:o.removeRule,handleOnClick:q,ruleOrGroup:e.rule,...r}),x&&jsx(D,{testID:TestID.cloneRule,label:l.cloneRule.label??"clone",title:l.cloneRule.title??"clone",className:o.cloneRule,handleOnClick:z,ruleOrGroup:e.rule,...r}),I&&jsx(b,{testID:TestID.lockRule,label:l.lockRule.label??"lock",title:l.lockRule.title??"lock",className:o.lockRule,handleOnClick:F,disabledTranslation:B?void 0:l.lockRuleDisabled,ruleOrGroup:e.rule,...r})]})]})}export{te as Rule};//# sourceMappingURL=rule.js.map
+import { Lines } from "../lines/index.js";
+import "client-only";
+import { memo, useContext } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { TestID, useRule, useStopEventPropagation } from "react-querybuilder";
+import styles from "./styles.module.css";
+
+//#region src/components/query-builder/rule.tsx
+const QueryBuilderLines = memo(function QueryBuilderLines$1({ path, props, context }) {
+	return /* @__PURE__ */ jsx(Lines, {
+		variant: path[0] === props.schema.getQuery()?.rules.length - 1 ? "last" : "branch",
+		size: "small",
+		isVisible: context.showRuleLines,
+		className: styles.ruleLines
+	});
+});
+function Rule(props) {
+	const rule = useRule(props);
+	const context = useContext(props.context);
+	const { classNames, disabled, operators, outerClassName, rule: { field, operator, value, valueSource }, schema: { controls: { fieldSelector: FieldSelectorControlElement, operatorSelector: OperatorSelectorControlElement, valueSourceSelector: ValueSourceSelectorControlElement, valueEditor: ValueEditorControlElement, cloneRuleAction: CloneRuleActionControlElement, lockRuleAction: LockRuleActionControlElement, removeRuleAction: RemoveRuleActionControlElement }, fields, listsAsArrays, parseNumbers, showCloneButtons, showLockButtons }, fieldData, generateOnChangeHandler, inputType, parentDisabled, path, translations, valueEditorType, valueEditorSeparator, values, valueSources, valueSourceOptions, validationResult } = rule;
+	const cloneRule = useStopEventPropagation(rule.cloneRule);
+	const toggleLockRule = useStopEventPropagation(rule.toggleLockRule);
+	const removeRule = useStopEventPropagation(rule.removeRule);
+	const coreRuleProps = {
+		context,
+		disabled,
+		level: path.length,
+		path,
+		schema: rule.schema,
+		validation: validationResult
+	};
+	const renderValueSources = !["null", "notNull"].includes(operator) && valueSources.length > 1;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		context.showRuleLines && /* @__PURE__ */ jsx(QueryBuilderLines, {
+			path,
+			props,
+			context
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: outerClassName,
+			children: [
+				/* @__PURE__ */ jsx(FieldSelectorControlElement, {
+					testID: TestID.fields,
+					options: fields,
+					title: translations.fields.title,
+					value: field,
+					operator,
+					className: classNames.fields,
+					handleOnChange: generateOnChangeHandler("field"),
+					rule: rule.rule,
+					...coreRuleProps
+				}),
+				/* @__PURE__ */ jsx(OperatorSelectorControlElement, {
+					testID: TestID.operators,
+					field,
+					fieldData: rule.fieldData,
+					title: rule.translations.operators.title,
+					options: operators,
+					value: operator,
+					className: rule.classNames.operators,
+					handleOnChange: rule.generateOnChangeHandler("operator"),
+					rule: rule.rule,
+					...coreRuleProps
+				}),
+				/* @__PURE__ */ jsx(ValueEditorControlElement, {
+					testID: TestID.valueEditor,
+					field,
+					fieldData,
+					title: translations.value.title,
+					operator,
+					value,
+					valueSource: valueSource ?? "value",
+					type: valueEditorType,
+					inputType,
+					values,
+					listsAsArrays,
+					parseNumbers,
+					separator: valueEditorSeparator,
+					className: rule.classNames.value,
+					handleOnChange: generateOnChangeHandler("value"),
+					rule: rule.rule,
+					...coreRuleProps
+				}),
+				renderValueSources && /* @__PURE__ */ jsx(ValueSourceSelectorControlElement, {
+					testID: TestID.valueSourceSelector,
+					field,
+					fieldData,
+					title: translations.valueSourceSelector.title,
+					options: valueSourceOptions,
+					value: valueSource ?? "value",
+					className: classNames.valueSource,
+					handleOnChange: generateOnChangeHandler("valueSource"),
+					rule: rule.rule,
+					...coreRuleProps
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: outerClassName,
+			children: [
+				/* @__PURE__ */ jsx(RemoveRuleActionControlElement, {
+					testID: TestID.removeRule,
+					label: translations.removeRule.label ?? "remove",
+					title: translations.removeRule.title ?? "remove",
+					className: classNames.removeRule,
+					handleOnClick: removeRule,
+					ruleOrGroup: rule.rule,
+					...coreRuleProps
+				}),
+				showCloneButtons && /* @__PURE__ */ jsx(CloneRuleActionControlElement, {
+					testID: TestID.cloneRule,
+					label: translations.cloneRule.label ?? "clone",
+					title: translations.cloneRule.title ?? "clone",
+					className: classNames.cloneRule,
+					handleOnClick: cloneRule,
+					ruleOrGroup: rule.rule,
+					...coreRuleProps
+				}),
+				showLockButtons && /* @__PURE__ */ jsx(LockRuleActionControlElement, {
+					testID: TestID.lockRule,
+					label: translations.lockRule.label ?? "lock",
+					title: translations.lockRule.title ?? "lock",
+					className: classNames.lockRule,
+					handleOnClick: toggleLockRule,
+					disabledTranslation: parentDisabled ? void 0 : translations.lockRuleDisabled,
+					ruleOrGroup: rule.rule,
+					...coreRuleProps
+				})
+			]
+		})
+	] });
+}
+
+//#endregion
+export { Rule };
 //# sourceMappingURL=rule.js.map