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

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 } 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;
+    ({ path, disabled, className, labels, titles, testID, lastInGroup, schema: { combinators, dispatchQuery, getQuery }, }: 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<react_querybuilder.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: {
+        ({ path, disabled, className, labels, titles, testID, lastInGroup, schema: { combinators, dispatchQuery, getQuery }, }: 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,9 +979,12 @@ __export(src_exports, {
   AntDValueEditor: () => AntDValueEditor,
   AntDValueSelector: () => AntDValueSelector,
   QueryBuilderAntD: () => QueryBuilderAntD,
-  antdControlElements: () => antdControlElements
+  antdControlElements: () => antdControlElements,
+  antdTranslations: () => antdTranslations
 });
 module.exports = __toCommonJS(src_exports);
+var import_icons2 = require("@ant-design/icons");
+var React8 = __toESM(require("react"));
 var import_react_querybuilder5 = require("react-querybuilder");
 
 // src/AntDActionElement.tsx
@@ -1076,7 +1078,6 @@ 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");
@@ -1084,7 +1085,7 @@ var AntDShiftActions = ({
   path,
   disabled,
   className,
-  // labels, // Labels are hard-coded in this component
+  labels,
   titles,
   testID,
   lastInGroup,
@@ -1107,7 +1108,7 @@ var AntDShiftActions = ({
       onClick: shiftUp,
       disabled: shiftUpDisabled
     },
-    /* @__PURE__ */ React4.createElement(import_icons2.CaretUpOutlined, null)
+    labels?.shiftUp
   ), /* @__PURE__ */ React4.createElement(
     import_antd3.Button,
     {
@@ -1117,13 +1118,14 @@ var AntDShiftActions = ({
       onClick: shiftDown,
       disabled: shiftDownDisabled
     },
-    /* @__PURE__ */ React4.createElement(import_icons2.CaretDownOutlined, null)
+    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"));
@@ -1186,7 +1188,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,
@@ -1227,7 +1229,7 @@ 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,
@@ -1332,28 +1334,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_querybuilder4.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 +1371,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 +1401,7 @@ var AntDValueEditor = ({
 };
 AntDValueEditor.displayName = "AntDValueEditor";
 
-// src/index.ts
+// src/index.tsx
 var antdControlElements = {
   addGroupAction: AntDActionElement,
   addRuleAction: AntDActionElement,
@@ -1407,9 +1420,22 @@ var antdControlElements = {
   valueSourceSelector: AntDValueSelector,
   shiftActions: AntDShiftActions
 };
+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_querybuilder5.getCompatContextProvider)({
   key: "antd",
-  controlElements: antdControlElements
+  controlElements: antdControlElements,
+  translations: antdTranslations
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -1420,6 +1446,7 @@ var QueryBuilderAntD = (0, import_react_querybuilder5.getCompatContextProvider)(
   AntDValueEditor,
   AntDValueSelector,
   QueryBuilderAntD,
-  antdControlElements
+  antdControlElements,
+  antdTranslations
 });
 //# sourceMappingURL=react-querybuilder_antd.cjs.development.js.map