@react-querybuilder/antd 7.0.0-alpha.0 → 7.0.0-alpha.2

package/README.md

@@ -31,7 +31,7 @@ const App = () => {
 
   return (
     <QueryBuilderAntD>
-      <QueryBuilder fields={fields} query={query} onQueryChange={q => setQuery(q)} />
+      <QueryBuilder fields={fields} query={query} onQueryChange={setQuery} />
     </QueryBuilderAntD>
   );
 };

package/dist/cjs/react-querybuilder_antd.cjs.development.d.ts

@@ -1,18 +1,9 @@
-import * as react_querybuilder from 'react-querybuilder';
-import { ActionWithRulesProps, DragHandleProps, NotToggleProps, ShiftActionsProps, ValueEditorProps, VersatileSelectorProps, Controls } from 'react-querybuilder';
-import { Button, Switch, Select } from 'antd';
-import * as React from 'react';
-import { ComponentPropsWithoutRef, ComponentPropsWithRef } from 'react';
 import { HolderOutlined } from '@ant-design/icons';
-
-type RemoveDataIndexKeys<T> = {
-    [K in keyof T as `data-${string}` extends K ? never : K]: T[K];
-};
-type AntDActionProps = ActionWithRulesProps & RemoveDataIndexKeys<ComponentPropsWithoutRef<typeof Button>>;
-declare const AntDActionElement: {
-    ({ className, handleOnClick, label, title, disabled, disabledTranslation, testID: _testID, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, ruleOrGroup: _ruleOrGroup, schema: _schema, ...extraProps }: AntDActionProps): React.JSX.Element;
-    displayName: string;
-};
+import * as React from 'react';
+import { ComponentPropsWithRef, ComponentPropsWithoutRef } from 'react';
+import * as react_querybuilder from 'react-querybuilder';
+import { DragHandleProps, NotToggleProps, VersatileSelectorProps, ActionWithRulesProps, ShiftActionsProps, ValueEditorProps, Field } from 'react-querybuilder';
+import { Switch, Select, Button } from 'antd';
 
 type AntDDragHandleProps = DragHandleProps & {
     label?: any;
@@ -25,8 +16,23 @@ declare const AntDNotToggle: {
     displayName: string;
 };
 
+type AntDValueSelectorProps = VersatileSelectorProps & Omit<ComponentPropsWithoutRef<typeof Select>, 'onChange' | 'defaultValue'>;
+declare const AntDValueSelector: {
+    ({ className, handleOnChange, options, value, title, disabled, multiple, listsAsArrays, testID: _testID, rule: _rule, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, operator: _operator, field: _field, fieldData: _fieldData, schema: _schema, ...extraProps }: AntDValueSelectorProps): React.JSX.Element;
+    displayName: string;
+};
+
+type RemoveDataIndexKeys<T> = {
+    [K in keyof T as `data-${string}` extends K ? never : K]: T[K];
+};
+type AntDActionProps = ActionWithRulesProps & RemoveDataIndexKeys<ComponentPropsWithoutRef<typeof Button>>;
+declare const AntDActionElement: {
+    ({ className, handleOnClick, label, title, disabled, disabledTranslation, testID: _testID, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, ruleOrGroup: _ruleOrGroup, schema: _schema, ...extraProps }: AntDActionProps): React.JSX.Element;
+    displayName: string;
+};
+
 declare const AntDShiftActions: {
-    ({ path, disabled, className, titles, testID, lastInGroup, schema: { combinators, dispatchQuery, getQuery }, }: ShiftActionsProps): React.JSX.Element;
+    ({ shiftUp, shiftDown, shiftUpDisabled, shiftDownDisabled, disabled, className, labels, titles, testID, }: ShiftActionsProps): React.JSX.Element;
     displayName: string;
 };
 
@@ -35,13 +41,101 @@ declare const AntDValueEditor: {
     displayName: string;
 };
 
-type AntDValueSelectorProps = VersatileSelectorProps & Omit<ComponentPropsWithoutRef<typeof Select>, 'onChange' | 'defaultValue'>;
-declare const AntDValueSelector: {
-    ({ className, handleOnChange, options, value, title, disabled, multiple, listsAsArrays, testID: _testID, rule: _rule, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, operator: _operator, field: _field, fieldData: _fieldData, schema: _schema, ...extraProps }: AntDValueSelectorProps): React.JSX.Element;
-    displayName: string;
+declare const antdControlElements: {
+    addGroupAction: {
+        ({ className, handleOnClick, label, title, disabled, disabledTranslation, testID: _testID, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, ruleOrGroup: _ruleOrGroup, schema: _schema, ...extraProps }: AntDActionProps): React.JSX.Element;
+        displayName: string;
+    };
+    addRuleAction: {
+        ({ className, handleOnClick, label, title, disabled, disabledTranslation, testID: _testID, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, ruleOrGroup: _ruleOrGroup, schema: _schema, ...extraProps }: AntDActionProps): React.JSX.Element;
+        displayName: string;
+    };
+    cloneGroupAction: {
+        ({ className, handleOnClick, label, title, disabled, disabledTranslation, testID: _testID, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, ruleOrGroup: _ruleOrGroup, schema: _schema, ...extraProps }: AntDActionProps): React.JSX.Element;
+        displayName: string;
+    };
+    cloneRuleAction: {
+        ({ className, handleOnClick, label, title, disabled, disabledTranslation, testID: _testID, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, ruleOrGroup: _ruleOrGroup, schema: _schema, ...extraProps }: AntDActionProps): React.JSX.Element;
+        displayName: string;
+    };
+    lockGroupAction: {
+        ({ className, handleOnClick, label, title, disabled, disabledTranslation, testID: _testID, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, ruleOrGroup: _ruleOrGroup, schema: _schema, ...extraProps }: AntDActionProps): React.JSX.Element;
+        displayName: string;
+    };
+    lockRuleAction: {
+        ({ className, handleOnClick, label, title, disabled, disabledTranslation, testID: _testID, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, ruleOrGroup: _ruleOrGroup, schema: _schema, ...extraProps }: AntDActionProps): React.JSX.Element;
+        displayName: string;
+    };
+    combinatorSelector: {
+        ({ className, handleOnChange, options, value, title, disabled, multiple, listsAsArrays, testID: _testID, rule: _rule, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, operator: _operator, field: _field, fieldData: _fieldData, schema: _schema, ...extraProps }: AntDValueSelectorProps): React.JSX.Element;
+        displayName: string;
+    };
+    fieldSelector: {
+        ({ className, handleOnChange, options, value, title, disabled, multiple, listsAsArrays, testID: _testID, rule: _rule, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, operator: _operator, field: _field, fieldData: _fieldData, schema: _schema, ...extraProps }: AntDValueSelectorProps): React.JSX.Element;
+        displayName: string;
+    };
+    notToggle: {
+        ({ className, handleOnChange, label, checked, title, disabled, path: _path, context: _context, validation: _validation, testID: _testID, schema: _schema, ruleGroup: _ruleGroup, ...extraProps }: AntDNotToggleProps): React.JSX.Element;
+        displayName: string;
+    };
+    operatorSelector: {
+        ({ className, handleOnChange, options, value, title, disabled, multiple, listsAsArrays, testID: _testID, rule: _rule, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, operator: _operator, field: _field, fieldData: _fieldData, schema: _schema, ...extraProps }: AntDValueSelectorProps): React.JSX.Element;
+        displayName: string;
+    };
+    removeGroupAction: {
+        ({ className, handleOnClick, label, title, disabled, disabledTranslation, testID: _testID, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, ruleOrGroup: _ruleOrGroup, schema: _schema, ...extraProps }: AntDActionProps): React.JSX.Element;
+        displayName: string;
+    };
+    removeRuleAction: {
+        ({ className, handleOnClick, label, title, disabled, disabledTranslation, testID: _testID, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, ruleOrGroup: _ruleOrGroup, schema: _schema, ...extraProps }: AntDActionProps): React.JSX.Element;
+        displayName: string;
+    };
+    valueEditor: {
+        ({ fieldData, operator, value, handleOnChange, title, className, type, inputType, values, listsAsArrays, parseNumbers, separator, valueSource: _vs, disabled, testID, selectorComponent: SelectorComponent, ...props }: react_querybuilder.ValueEditorProps<Field<string, string, string, react_querybuilder.Option<string>, react_querybuilder.Option<string>>, string>): React.JSX.Element | null;
+        displayName: string;
+    };
+    dragHandle: React.ForwardRefExoticComponent<Omit<AntDDragHandleProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    valueSourceSelector: {
+        ({ className, handleOnChange, options, value, title, disabled, multiple, listsAsArrays, testID: _testID, rule: _rule, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, operator: _operator, field: _field, fieldData: _fieldData, schema: _schema, ...extraProps }: AntDValueSelectorProps): React.JSX.Element;
+        displayName: string;
+    };
+    shiftActions: {
+        ({ shiftUp, shiftDown, shiftUpDisabled, shiftDownDisabled, disabled, className, labels, titles, testID, }: react_querybuilder.ShiftActionsProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+declare const antdTranslations: {
+    removeGroup: {
+        label: React.JSX.Element;
+    };
+    removeRule: {
+        label: React.JSX.Element;
+    };
+    cloneRule: {
+        label: React.JSX.Element;
+    };
+    cloneRuleGroup: {
+        label: React.JSX.Element;
+    };
+    lockGroup: {
+        label: React.JSX.Element;
+    };
+    lockRule: {
+        label: React.JSX.Element;
+    };
+    lockGroupDisabled: {
+        label: React.JSX.Element;
+    };
+    lockRuleDisabled: {
+        label: React.JSX.Element;
+    };
+    shiftActionUp: {
+        label: React.JSX.Element;
+    };
+    shiftActionDown: {
+        label: React.JSX.Element;
+    };
 };
-
-declare const antdControlElements: Partial<Controls>;
 declare const QueryBuilderAntD: react_querybuilder.QueryBuilderContextProvider<Record<string, any>>;
 
-export { AntDActionElement, AntDActionProps, AntDDragHandle, AntDDragHandleProps, AntDNotToggle, AntDNotToggleProps, AntDShiftActions, AntDValueEditor, AntDValueSelector, AntDValueSelectorProps, QueryBuilderAntD, antdControlElements };
+export { AntDActionElement, AntDActionProps, AntDDragHandle, AntDDragHandleProps, AntDNotToggle, AntDNotToggleProps, AntDShiftActions, AntDValueEditor, AntDValueSelector, AntDValueSelectorProps, QueryBuilderAntD, antdControlElements, antdTranslations };

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

@@ -965,12 +965,11 @@ var require_dayjs = __commonJS({
         }
       }
     };
-    var _default = generateConfig;
-    exports.default = _default;
+    var _default = exports.default = generateConfig;
   }
 });
 
-// src/index.ts
+// src/index.tsx
 var src_exports = {};
 __export(src_exports, {
   AntDActionElement: () => AntDActionElement,
@@ -980,10 +979,13 @@ __export(src_exports, {
   AntDValueEditor: () => AntDValueEditor,
   AntDValueSelector: () => AntDValueSelector,
   QueryBuilderAntD: () => QueryBuilderAntD,
-  antdControlElements: () => antdControlElements
+  antdControlElements: () => antdControlElements,
+  antdTranslations: () => antdTranslations
 });
 module.exports = __toCommonJS(src_exports);
-var import_react_querybuilder5 = require("react-querybuilder");
+var import_icons2 = require("@ant-design/icons");
+var React8 = __toESM(require("react"));
+var import_react_querybuilder4 = require("react-querybuilder");
 
 // src/AntDActionElement.tsx
 var import_antd = require("antd");
@@ -1076,70 +1078,60 @@ var AntDNotToggle = ({
 AntDNotToggle.displayName = "AntDNotToggle";
 
 // src/AntDShiftActions.tsx
-var import_icons2 = require("@ant-design/icons");
 var import_antd3 = require("antd");
 var React4 = __toESM(require("react"));
-var import_react_querybuilder = require("react-querybuilder");
 var AntDShiftActions = ({
-  path,
+  shiftUp,
+  shiftDown,
+  shiftUpDisabled,
+  shiftDownDisabled,
   disabled,
   className,
-  // labels, // Labels are hard-coded in this component
+  labels,
   titles,
-  testID,
-  lastInGroup,
-  schema: { combinators, dispatchQuery, getQuery }
-}) => {
-  const { shiftUp, shiftUpDisabled, shiftDown, shiftDownDisabled } = (0, import_react_querybuilder.useShiftActions)({
-    combinators,
-    disabled,
-    dispatchQuery,
-    getQuery,
-    lastInGroup,
-    path
-  });
-  return /* @__PURE__ */ React4.createElement("div", { "data-testid": testID, className }, /* @__PURE__ */ React4.createElement(
-    import_antd3.Button,
-    {
-      type: "primary",
-      size: "small",
-      title: titles?.shiftUp,
-      onClick: shiftUp,
-      disabled: shiftUpDisabled
-    },
-    /* @__PURE__ */ React4.createElement(import_icons2.CaretUpOutlined, null)
-  ), /* @__PURE__ */ React4.createElement(
-    import_antd3.Button,
-    {
-      type: "primary",
-      size: "small",
-      title: titles?.shiftDown,
-      onClick: shiftDown,
-      disabled: shiftDownDisabled
-    },
-    /* @__PURE__ */ React4.createElement(import_icons2.CaretDownOutlined, null)
-  ));
-};
+  testID
+}) => /* @__PURE__ */ React4.createElement("div", { "data-testid": testID, className }, /* @__PURE__ */ React4.createElement(
+  import_antd3.Button,
+  {
+    type: "primary",
+    size: "small",
+    title: titles?.shiftUp,
+    onClick: shiftUp,
+    disabled: disabled || shiftUpDisabled
+  },
+  labels?.shiftUp
+), /* @__PURE__ */ React4.createElement(
+  import_antd3.Button,
+  {
+    type: "primary",
+    size: "small",
+    title: titles?.shiftDown,
+    onClick: shiftDown,
+    disabled: disabled || shiftDownDisabled
+  },
+  labels?.shiftDown
+));
 AntDShiftActions.displayName = "AntDShiftActions";
 
 // src/AntDValueEditor.tsx
 var import_antd6 = require("antd");
+var import_generatePicker = __toESM(require("antd/es/date-picker/generatePicker/index.js"));
 var import_dayjs = __toESM(require_dayjs_min());
 var import_dayjs2 = __toESM(require_dayjs());
 var React7 = __toESM(require("react"));
-var import_react_querybuilder4 = require("react-querybuilder");
+var import_react_querybuilder3 = require("react-querybuilder");
 
 // src/AntDValueSelector.tsx
 var import_antd5 = require("antd");
 var React6 = __toESM(require("react"));
-var import_react_querybuilder3 = require("react-querybuilder");
+var import_react_querybuilder2 = require("react-querybuilder");
 
 // src/utils.tsx
 var import_antd4 = require("antd");
 var React5 = __toESM(require("react"));
-var import_react_querybuilder2 = require("react-querybuilder");
+var import_react_querybuilder = require("react-querybuilder");
 var { OptGroup, Option } = import_antd4.Select;
-var toOptions = (arr) => (0, import_react_querybuilder2.isOptionGroupArray)(arr) ? arr.map((og) => /* @__PURE__ */ React5.createElement(OptGroup, { key: og.label, label: og.label }, og.options.map((opt) => /* @__PURE__ */ React5.createElement(Option, { key: opt.name, value: opt.name }, opt.label)))) : Array.isArray(arr) ? arr.map((opt) => /* @__PURE__ */ React5.createElement(Option, { key: opt.name, value: opt.name }, opt.label)) : (
+var toOptions = (arr) => (0, import_react_querybuilder.isOptionGroupArray)(arr) ? arr.map((og) => /* @__PURE__ */ React5.createElement(OptGroup, { key: og.label, label: og.label }, og.options.map((opt) => /* @__PURE__ */ React5.createElement(Option, { key: opt.name, value: opt.name }, opt.label)))) : Array.isArray(arr) ? arr.map((opt) => /* @__PURE__ */ React5.createElement(Option, { key: opt.name, value: opt.name }, opt.label)) : (
   /* istanbul ignore next */
   null
 );
@@ -1168,7 +1160,7 @@ var AntDValueSelector = ({
   schema: _schema,
   ...extraProps
 }) => {
-  const { onChange, val } = (0, import_react_querybuilder3.useValueSelector)({ handleOnChange, listsAsArrays, multiple, value });
+  const { onChange, val } = (0, import_react_querybuilder2.useValueSelector)({ handleOnChange, listsAsArrays, multiple, value });
   const modeObj = multiple ? { mode: "multiple" } : {};
   return /* @__PURE__ */ React6.createElement("span", { title, className }, /* @__PURE__ */ React6.createElement(
     import_antd5.Select,
@@ -1186,7 +1178,7 @@ var AntDValueSelector = ({
 AntDValueSelector.displayName = "AntDValueSelector";
 
 // src/AntDValueEditor.tsx
-var DatePicker = import_antd6.DatePicker.generatePicker(import_dayjs2.default);
+var DatePicker = (0, import_generatePicker.default)(import_dayjs2.default);
 var AntDValueEditor = ({
   fieldData,
   operator,
@@ -1206,7 +1198,7 @@ var AntDValueEditor = ({
   selectorComponent: SelectorComponent = AntDValueSelector,
   ...props
 }) => {
-  const { valueAsArray, multiValueHandler } = (0, import_react_querybuilder4.useValueEditor)({
+  const { valueAsArray, multiValueHandler } = (0, import_react_querybuilder3.useValueEditor)({
     handleOnChange,
     inputType,
     operator,
@@ -1227,11 +1219,11 @@ var AntDValueEditor = ({
       if (type === "text") {
         if (inputTypeCoerced === "time") {
           return /* @__PURE__ */ React7.createElement(
-            import_antd6.TimePicker,
+            DatePicker.TimePicker,
             {
               key,
               value: valueAsArray[i] ? (0, import_dayjs.default)(valueAsArray[i], "HH:mm:ss") : null,
-              className: import_react_querybuilder4.standardClassnames.valueListItem,
+              className: import_react_querybuilder3.standardClassnames.valueListItem,
               disabled,
               placeholder: placeHolderText,
               onChange: (d) => multiValueHandler(d?.format("HH:mm:ss") ?? "", i)
@@ -1244,7 +1236,7 @@ var AntDValueEditor = ({
             key,
             type: inputTypeCoerced,
             value: valueAsArray[i] ?? "",
-            className: import_react_querybuilder4.standardClassnames.valueListItem,
+            className: import_react_querybuilder3.standardClassnames.valueListItem,
             disabled,
             placeholder: placeHolderText,
             onChange: (e) => multiValueHandler(e.target.value, i)
@@ -1256,10 +1248,10 @@ var AntDValueEditor = ({
         {
           ...props,
           key,
-          className: import_react_querybuilder4.standardClassnames.valueListItem,
+          className: import_react_querybuilder3.standardClassnames.valueListItem,
           handleOnChange: (v) => multiValueHandler(v, i),
           disabled,
-          value: valueAsArray[i] ?? (0, import_react_querybuilder4.getFirstOption)(values),
+          value: valueAsArray[i] ?? (0, import_react_querybuilder3.getFirstOption)(values),
           options: values,
           listsAsArrays
         }
@@ -1332,28 +1324,36 @@ var AntDValueEditor = ({
   }
   switch (inputTypeCoerced) {
     case "date":
-    case "datetime-local":
-      return operator === "between" || operator === "notBetween" ? /* @__PURE__ */ React7.createElement(
-        DatePicker.RangePicker,
-        {
-          value: (0, import_react_querybuilder4.toArray)(value)?.length >= 2 ? (0, import_react_querybuilder4.toArray)(value).map((v) => (0, import_dayjs.default)(v)) : void 0,
-          showTime: inputTypeCoerced === "datetime-local",
-          className,
-          disabled,
-          placeholder: [placeHolderText, placeHolderText],
-          onChange: (
-            /* istanbul ignore next */
-            (dates) => {
-              const format = `YYYY-MM-DD${inputTypeCoerced === "datetime-local" ? "THH:mm:ss" : ""}`;
-              const dateArray = dates?.map((d) => d?.format(format));
-              handleOnChange(dateArray ? listsAsArrays ? dateArray : dateArray.join(",") : dates);
-            }
-          )
-        }
-      ) : /* @__PURE__ */ React7.createElement(
+    case "datetime-local": {
+      if (operator === "between" || operator === "notBetween") {
+        const dayjsArray = valueAsArray.slice(0, 2).map(import_dayjs.default);
+        return /* @__PURE__ */ React7.createElement(
+          DatePicker.RangePicker,
+          {
+            value: dayjsArray.every((d) => d.isValid()) ? dayjsArray : void 0,
+            showTime: inputTypeCoerced === "datetime-local",
+            className,
+            disabled,
+            placeholder: [placeHolderText, placeHolderText],
+            onChange: (
+              /* istanbul ignore next */
+              (dates) => {
+                const timeFormat = inputTypeCoerced === "datetime-local" ? "THH:mm:ss" : "";
+                const format = `YYYY-MM-DD${timeFormat}`;
+                const dateArray = dates?.map((d) => d?.isValid() ? d.format(format) : void 0);
+                handleOnChange(
+                  dateArray ? listsAsArrays ? dateArray : (0, import_react_querybuilder3.joinWith)(dateArray, ",") : dates
+                );
+              }
+            )
+          }
+        );
+      }
+      const dateValue = (0, import_dayjs.default)(value);
+      return /* @__PURE__ */ React7.createElement(
         DatePicker,
         {
-          value: value ? (0, import_dayjs.default)(value) : null,
+          value: dateValue.isValid() ? dateValue : void 0,
           showTime: inputTypeCoerced === "datetime-local",
           className,
           disabled,
@@ -1361,17 +1361,20 @@ var AntDValueEditor = ({
           onChange: (_d, dateString) => handleOnChange(dateString)
         }
       );
-    case "time":
+    }
+    case "time": {
+      const dateValue = (0, import_dayjs.default)(value, "HH:mm:ss");
       return /* @__PURE__ */ React7.createElement(
-        import_antd6.TimePicker,
+        DatePicker.TimePicker,
         {
-          value: value ? (0, import_dayjs.default)(value, "HH:mm:ss") : null,
+          value: dateValue.isValid() ? dateValue : void 0,
           className,
           disabled,
           placeholder: placeHolderText,
           onChange: (d) => handleOnChange(d?.format("HH:mm:ss") ?? "")
         }
       );
+    }
   }
   return /* @__PURE__ */ React7.createElement(
     import_antd6.Input,
@@ -1388,7 +1391,7 @@ var AntDValueEditor = ({
 };
 AntDValueEditor.displayName = "AntDValueEditor";
 
-// src/index.ts
+// src/index.tsx
 var antdControlElements = {
   addGroupAction: AntDActionElement,
   addRuleAction: AntDActionElement,
@@ -1407,9 +1410,22 @@ var antdControlElements = {
   valueSourceSelector: AntDValueSelector,
   shiftActions: AntDShiftActions
 };
-var QueryBuilderAntD = (0, import_react_querybuilder5.getCompatContextProvider)({
+var antdTranslations = {
+  removeGroup: { label: /* @__PURE__ */ React8.createElement(import_icons2.CloseOutlined, null) },
+  removeRule: { label: /* @__PURE__ */ React8.createElement(import_icons2.CloseOutlined, null) },
+  cloneRule: { label: /* @__PURE__ */ React8.createElement(import_icons2.CopyOutlined, null) },
+  cloneRuleGroup: { label: /* @__PURE__ */ React8.createElement(import_icons2.CopyOutlined, null) },
+  lockGroup: { label: /* @__PURE__ */ React8.createElement(import_icons2.UnlockOutlined, null) },
+  lockRule: { label: /* @__PURE__ */ React8.createElement(import_icons2.UnlockOutlined, null) },
+  lockGroupDisabled: { label: /* @__PURE__ */ React8.createElement(import_icons2.LockOutlined, null) },
+  lockRuleDisabled: { label: /* @__PURE__ */ React8.createElement(import_icons2.LockOutlined, null) },
+  shiftActionUp: { label: /* @__PURE__ */ React8.createElement(import_icons2.UpOutlined, null) },
+  shiftActionDown: { label: /* @__PURE__ */ React8.createElement(import_icons2.DownOutlined, null) }
+};
+var QueryBuilderAntD = (0, import_react_querybuilder4.getCompatContextProvider)({
   key: "antd",
-  controlElements: antdControlElements
+  controlElements: antdControlElements,
+  translations: antdTranslations
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -1420,6 +1436,7 @@ var QueryBuilderAntD = (0, import_react_querybuilder5.getCompatContextProvider)(
   AntDValueEditor,
   AntDValueSelector,
   QueryBuilderAntD,
-  antdControlElements
+  antdControlElements,
+  antdTranslations
 });
 //# sourceMappingURL=react-querybuilder_antd.cjs.development.js.map