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

package/dist/react-querybuilder_antd.d.mts

@@ -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/react-querybuilder_antd.legacy-esm.d.mts

@@ -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/react-querybuilder_antd.legacy-esm.js

@@ -988,12 +988,20 @@ var require_dayjs = __commonJS({
         }
       }
     };
-    var _default = generateConfig;
-    exports.default = _default;
+    var _default = exports.default = generateConfig;
   }
 });
 
-// src/index.ts
+// src/index.tsx
+import {
+  CloseOutlined,
+  CopyOutlined,
+  DownOutlined,
+  LockOutlined,
+  UnlockOutlined,
+  UpOutlined
+} from "@ant-design/icons";
+import * as React8 from "react";
 import { getCompatContextProvider } from "react-querybuilder";
 
 // src/AntDActionElement.tsx
@@ -1131,63 +1139,48 @@ var AntDNotToggle = (_a) => {
 AntDNotToggle.displayName = "AntDNotToggle";
 
 // src/AntDShiftActions.tsx
-import { CaretDownOutlined, CaretUpOutlined } from "@ant-design/icons";
 import { Button as Button2 } from "antd";
 import * as React4 from "react";
-import { useShiftActions } from "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 } = useShiftActions({
-    combinators,
-    disabled,
-    dispatchQuery,
-    getQuery,
-    lastInGroup,
-    path
-  });
-  return /* @__PURE__ */ React4.createElement("div", { "data-testid": testID, className }, /* @__PURE__ */ React4.createElement(
-    Button2,
-    {
-      type: "primary",
-      size: "small",
-      title: titles == null ? void 0 : titles.shiftUp,
-      onClick: shiftUp,
-      disabled: shiftUpDisabled
-    },
-    /* @__PURE__ */ React4.createElement(CaretUpOutlined, null)
-  ), /* @__PURE__ */ React4.createElement(
-    Button2,
-    {
-      type: "primary",
-      size: "small",
-      title: titles == null ? void 0 : titles.shiftDown,
-      onClick: shiftDown,
-      disabled: shiftDownDisabled
-    },
-    /* @__PURE__ */ React4.createElement(CaretDownOutlined, null)
-  ));
-};
+  testID
+}) => /* @__PURE__ */ React4.createElement("div", { "data-testid": testID, className }, /* @__PURE__ */ React4.createElement(
+  Button2,
+  {
+    type: "primary",
+    size: "small",
+    title: titles == null ? void 0 : titles.shiftUp,
+    onClick: shiftUp,
+    disabled: disabled || shiftUpDisabled
+  },
+  labels == null ? void 0 : labels.shiftUp
+), /* @__PURE__ */ React4.createElement(
+  Button2,
+  {
+    type: "primary",
+    size: "small",
+    title: titles == null ? void 0 : titles.shiftDown,
+    onClick: shiftDown,
+    disabled: disabled || shiftDownDisabled
+  },
+  labels == null ? void 0 : labels.shiftDown
+));
 AntDShiftActions.displayName = "AntDShiftActions";
 
 // src/AntDValueEditor.tsx
 var import_dayjs = __toESM(require_dayjs_min());
 var import_dayjs2 = __toESM(require_dayjs());
-import { DatePicker as AntdDatePicker, Checkbox, Input, Radio, Switch as Switch2, TimePicker } from "antd";
+import { Checkbox, Input, Radio, Switch as Switch2 } from "antd";
+import generatePicker from "antd/es/date-picker/generatePicker/index.js";
 import * as React7 from "react";
-import {
-  getFirstOption,
-  standardClassnames,
-  toArray,
-  useValueEditor
-} from "react-querybuilder";
+import { getFirstOption, joinWith, standardClassnames, useValueEditor } from "react-querybuilder";
 
 // src/AntDValueSelector.tsx
 import { Select as Select2 } from "antd";
@@ -1264,7 +1257,7 @@ var AntDValueSelector = (_a) => {
 AntDValueSelector.displayName = "AntDValueSelector";
 
 // src/AntDValueEditor.tsx
-var DatePicker = AntdDatePicker.generatePicker(import_dayjs2.default);
+var DatePicker = generatePicker(import_dayjs2.default);
 var AntDValueEditor = (_a) => {
   var _b = _a, {
     fieldData,
@@ -1301,7 +1294,7 @@ var AntDValueEditor = (_a) => {
     "testID",
     "selectorComponent"
   ]);
-  var _a2, _b2;
+  var _a2;
   const { valueAsArray, multiValueHandler } = useValueEditor({
     handleOnChange,
     inputType,
@@ -1320,11 +1313,11 @@ var AntDValueEditor = (_a) => {
   if ((operator === "between" || operator === "notBetween") && (type === "select" || type === "text") && // Date ranges are handled differently in AntD--see below
   inputTypeCoerced !== "date" && inputTypeCoerced !== "datetime-local") {
     const editors = ["from", "to"].map((key, i) => {
-      var _a3, _b3;
+      var _a3, _b2;
       if (type === "text") {
         if (inputTypeCoerced === "time") {
           return /* @__PURE__ */ React7.createElement(
-            TimePicker,
+            DatePicker.TimePicker,
             {
               key,
               value: valueAsArray[i] ? (0, import_dayjs.default)(valueAsArray[i], "HH:mm:ss") : null,
@@ -1358,7 +1351,7 @@ var AntDValueEditor = (_a) => {
           className: standardClassnames.valueListItem,
           handleOnChange: (v) => multiValueHandler(v, i),
           disabled,
-          value: (_b3 = valueAsArray[i]) != null ? _b3 : getFirstOption(values),
+          value: (_b2 = valueAsArray[i]) != null ? _b2 : getFirstOption(values),
           options: values,
           listsAsArrays
         })
@@ -1430,28 +1423,36 @@ var AntDValueEditor = (_a) => {
   }
   switch (inputTypeCoerced) {
     case "date":
-    case "datetime-local":
-      return operator === "between" || operator === "notBetween" ? /* @__PURE__ */ React7.createElement(
-        DatePicker.RangePicker,
-        {
-          value: ((_b2 = toArray(value)) == null ? void 0 : _b2.length) >= 2 ? 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 == null ? void 0 : dates.map((d) => d == null ? void 0 : 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 == null ? void 0 : dates.map((d) => (d == null ? void 0 : d.isValid()) ? d.format(format) : void 0);
+                handleOnChange(
+                  dateArray ? listsAsArrays ? dateArray : 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,
@@ -1459,11 +1460,13 @@ var AntDValueEditor = (_a) => {
           onChange: (_d, dateString) => handleOnChange(dateString)
         }
       );
-    case "time":
+    }
+    case "time": {
+      const dateValue = (0, import_dayjs.default)(value, "HH:mm:ss");
       return /* @__PURE__ */ React7.createElement(
-        TimePicker,
+        DatePicker.TimePicker,
         {
-          value: value ? (0, import_dayjs.default)(value, "HH:mm:ss") : null,
+          value: dateValue.isValid() ? dateValue : void 0,
           className,
           disabled,
           placeholder: placeHolderText,
@@ -1473,6 +1476,7 @@ var AntDValueEditor = (_a) => {
           }
         }
       );
+    }
   }
   return /* @__PURE__ */ React7.createElement(
     Input,
@@ -1489,7 +1493,7 @@ var AntDValueEditor = (_a) => {
 };
 AntDValueEditor.displayName = "AntDValueEditor";
 
-// src/index.ts
+// src/index.tsx
 var antdControlElements = {
   addGroupAction: AntDActionElement,
   addRuleAction: AntDActionElement,
@@ -1508,9 +1512,22 @@ var antdControlElements = {
   valueSourceSelector: AntDValueSelector,
   shiftActions: AntDShiftActions
 };
+var antdTranslations = {
+  removeGroup: { label: /* @__PURE__ */ React8.createElement(CloseOutlined, null) },
+  removeRule: { label: /* @__PURE__ */ React8.createElement(CloseOutlined, null) },
+  cloneRule: { label: /* @__PURE__ */ React8.createElement(CopyOutlined, null) },
+  cloneRuleGroup: { label: /* @__PURE__ */ React8.createElement(CopyOutlined, null) },
+  lockGroup: { label: /* @__PURE__ */ React8.createElement(UnlockOutlined, null) },
+  lockRule: { label: /* @__PURE__ */ React8.createElement(UnlockOutlined, null) },
+  lockGroupDisabled: { label: /* @__PURE__ */ React8.createElement(LockOutlined, null) },
+  lockRuleDisabled: { label: /* @__PURE__ */ React8.createElement(LockOutlined, null) },
+  shiftActionUp: { label: /* @__PURE__ */ React8.createElement(UpOutlined, null) },
+  shiftActionDown: { label: /* @__PURE__ */ React8.createElement(DownOutlined, null) }
+};
 var QueryBuilderAntD = getCompatContextProvider({
   key: "antd",
-  controlElements: antdControlElements
+  controlElements: antdControlElements,
+  translations: antdTranslations
 });
 export {
   AntDActionElement,
@@ -1520,6 +1537,7 @@ export {
   AntDValueEditor,
   AntDValueSelector,
   QueryBuilderAntD,
-  antdControlElements
+  antdControlElements,
+  antdTranslations
 };
 //# sourceMappingURL=react-querybuilder_antd.legacy-esm.js.map