@react-querybuilder/antd 6.1.4 → 6.2.0-alpha.1

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

@@ -0,0 +1,515 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/index.ts
+import { getCompatContextProvider } from "react-querybuilder";
+
+// src/AntDActionElement.tsx
+import { Button } from "antd";
+import { jsx } from "react/jsx-runtime";
+var AntDActionElement = (_a) => {
+  var _b = _a, {
+    className,
+    handleOnClick,
+    label,
+    title,
+    disabled,
+    disabledTranslation,
+    testID: _testID,
+    rules: _rules,
+    level: _level,
+    path: _path,
+    context: _context,
+    validation: _validation,
+    ruleOrGroup: _ruleOrGroup,
+    schema: _schema
+  } = _b, extraProps = __objRest(_b, [
+    "className",
+    "handleOnClick",
+    "label",
+    "title",
+    "disabled",
+    "disabledTranslation",
+    // Props that should not be in extraProps
+    "testID",
+    "rules",
+    "level",
+    "path",
+    "context",
+    "validation",
+    "ruleOrGroup",
+    "schema"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Button,
+    __spreadProps(__spreadValues({
+      type: "primary",
+      className,
+      title: disabledTranslation && disabled ? disabledTranslation.title : title,
+      onClick: (e) => handleOnClick(e),
+      disabled: disabled && !disabledTranslation
+    }, extraProps), {
+      children: disabledTranslation && disabled ? disabledTranslation.label : label
+    })
+  );
+};
+AntDActionElement.displayName = "AntDActionElement";
+
+// src/AntDDragHandle.tsx
+import { HolderOutlined } from "@ant-design/icons";
+import { forwardRef } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var AntDDragHandle = forwardRef(
+  (_a, dragRef) => {
+    var _b = _a, {
+      className,
+      title,
+      testID: _testID,
+      level: _level,
+      path: _path,
+      label: _label,
+      disabled: _disabled,
+      context: _context,
+      validation: _validation,
+      schema: _schema
+    } = _b, extraProps = __objRest(_b, [
+      "className",
+      "title",
+      // Props that should not be in extraProps
+      "testID",
+      "level",
+      "path",
+      "label",
+      "disabled",
+      "context",
+      "validation",
+      "schema"
+    ]);
+    return /* @__PURE__ */ jsx2(HolderOutlined, __spreadValues({ ref: dragRef, className, title }, extraProps));
+  }
+);
+AntDDragHandle.displayName = "AntDDragHandle";
+
+// src/AntDNotToggle.tsx
+import { Switch } from "antd";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var AntDNotToggle = (_a) => {
+  var _b = _a, {
+    className,
+    handleOnChange,
+    label,
+    checked,
+    title,
+    disabled,
+    path: _path,
+    context: _context,
+    validation: _validation,
+    testID: _testID,
+    schema: _schema
+  } = _b, extraProps = __objRest(_b, [
+    "className",
+    "handleOnChange",
+    "label",
+    "checked",
+    "title",
+    "disabled",
+    // Props that should not be in extraProps
+    "path",
+    "context",
+    "validation",
+    "testID",
+    "schema"
+  ]);
+  return /* @__PURE__ */ jsx3(
+    Switch,
+    __spreadValues({
+      title,
+      className,
+      onChange: (v) => handleOnChange(v),
+      checked: !!checked,
+      disabled,
+      checkedChildren: label,
+      unCheckedChildren: "="
+    }, extraProps)
+  );
+};
+AntDNotToggle.displayName = "AntDNotToggle";
+
+// src/AntDValueEditor.tsx
+import { Checkbox, Input, Radio, Switch as Switch2, TimePicker } from "antd";
+import generatePicker from "antd/es/date-picker/generatePicker/index.js";
+import dayjs from "dayjs";
+import dayjsGenerateConfig from "rc-picker/lib/generate/dayjs";
+import {
+  getFirstOption,
+  standardClassnames,
+  toArray,
+  useValueEditor
+} from "react-querybuilder";
+
+// src/AntDValueSelector.tsx
+import { Select as Select2 } from "antd";
+import { useValueSelector } from "react-querybuilder";
+
+// src/utils.tsx
+import { Select } from "antd";
+import { isOptionGroupArray } from "react-querybuilder";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var { OptGroup, Option } = Select;
+var toOptions = (arr) => isOptionGroupArray(arr) ? arr.map((og) => /* @__PURE__ */ jsx4(OptGroup, { label: og.label, children: og.options.map((opt) => /* @__PURE__ */ jsx4(Option, { value: opt.name, children: opt.label }, opt.name)) }, og.label)) : Array.isArray(arr) ? arr.map((opt) => /* @__PURE__ */ jsx4(Option, { value: opt.name, children: opt.label }, opt.name)) : (
+  /* istanbul ignore next */
+  null
+);
+
+// src/AntDValueSelector.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var AntDValueSelector = (_a) => {
+  var _b = _a, {
+    className,
+    handleOnChange,
+    options,
+    value,
+    title,
+    disabled,
+    multiple,
+    listsAsArrays,
+    testID: _testID,
+    rules: _rules,
+    level: _level,
+    path: _path,
+    context: _context,
+    validation: _validation,
+    operator: _operator,
+    field: _field,
+    fieldData: _fieldData,
+    schema: _schema
+  } = _b, extraProps = __objRest(_b, [
+    "className",
+    "handleOnChange",
+    "options",
+    "value",
+    "title",
+    "disabled",
+    "multiple",
+    "listsAsArrays",
+    // Props that should not be in extraProps
+    "testID",
+    "rules",
+    "level",
+    "path",
+    "context",
+    "validation",
+    "operator",
+    "field",
+    "fieldData",
+    "schema"
+  ]);
+  const { onChange, val } = useValueSelector({ handleOnChange, listsAsArrays, multiple, value });
+  const modeObj = multiple ? { mode: "multiple" } : {};
+  return /* @__PURE__ */ jsx5("span", { title, className, children: /* @__PURE__ */ jsx5(
+    Select2,
+    __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, modeObj), {
+      dropdownMatchSelectWidth: false,
+      disabled,
+      value: val,
+      onChange
+    }), extraProps), {
+      children: toOptions(options)
+    })
+  ) });
+};
+AntDValueSelector.displayName = "AntDValueSelector";
+
+// src/AntDValueEditor.tsx
+import { jsx as jsx6, jsxs } from "react/jsx-runtime";
+import { createElement } from "react";
+var DatePicker = generatePicker(dayjsGenerateConfig);
+var AntDValueEditor = (_a) => {
+  var _b = _a, {
+    fieldData,
+    operator,
+    value,
+    handleOnChange,
+    title,
+    className,
+    type,
+    inputType,
+    values = [],
+    listsAsArrays,
+    parseNumbers,
+    separator,
+    valueSource: _vs,
+    disabled,
+    testID,
+    selectorComponent: SelectorComponent = AntDValueSelector
+  } = _b, props = __objRest(_b, [
+    "fieldData",
+    "operator",
+    "value",
+    "handleOnChange",
+    "title",
+    "className",
+    "type",
+    "inputType",
+    "values",
+    "listsAsArrays",
+    "parseNumbers",
+    "separator",
+    "valueSource",
+    "disabled",
+    "testID",
+    "selectorComponent"
+  ]);
+  var _a2, _b2;
+  const { valueAsArray, multiValueHandler } = useValueEditor({
+    handleOnChange,
+    inputType,
+    operator,
+    value,
+    type,
+    listsAsArrays,
+    parseNumbers,
+    values
+  });
+  if (operator === "null" || operator === "notNull") {
+    return null;
+  }
+  const placeHolderText = (_a2 = fieldData == null ? void 0 : fieldData.placeholder) != null ? _a2 : "";
+  const inputTypeCoerced = ["in", "notIn"].includes(operator) ? "text" : inputType || "text";
+  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;
+      if (type === "text") {
+        if (inputTypeCoerced === "time") {
+          return /* @__PURE__ */ jsx6(
+            TimePicker,
+            {
+              value: valueAsArray[i] ? dayjs(valueAsArray[i], "HH:mm:ss") : null,
+              className: standardClassnames.valueListItem,
+              disabled,
+              placeholder: placeHolderText,
+              onChange: (d) => {
+                var _a4;
+                return multiValueHandler((_a4 = d == null ? void 0 : d.format("HH:mm:ss")) != null ? _a4 : "", i);
+              }
+            },
+            key
+          );
+        }
+        return /* @__PURE__ */ jsx6(
+          Input,
+          {
+            type: inputTypeCoerced,
+            value: (_a3 = valueAsArray[i]) != null ? _a3 : "",
+            className: standardClassnames.valueListItem,
+            disabled,
+            placeholder: placeHolderText,
+            onChange: (e) => multiValueHandler(e.target.value, i)
+          },
+          key
+        );
+      }
+      return /* @__PURE__ */ createElement(
+        SelectorComponent,
+        __spreadProps(__spreadValues({}, props), {
+          key,
+          className: standardClassnames.valueListItem,
+          handleOnChange: (v) => multiValueHandler(v, i),
+          disabled,
+          value: (_b3 = valueAsArray[i]) != null ? _b3 : getFirstOption(values),
+          options: values,
+          listsAsArrays
+        })
+      );
+    });
+    return /* @__PURE__ */ jsxs("span", { "data-testid": testID, className, title, children: [
+      editors[0],
+      separator,
+      editors[1]
+    ] });
+  }
+  switch (type) {
+    case "select":
+    case "multiselect":
+      return /* @__PURE__ */ jsx6(
+        SelectorComponent,
+        __spreadProps(__spreadValues({}, props), {
+          className,
+          handleOnChange,
+          options: values,
+          value,
+          title,
+          disabled,
+          multiple: type === "multiselect",
+          listsAsArrays
+        })
+      );
+    case "textarea":
+      return /* @__PURE__ */ jsx6(
+        Input.TextArea,
+        {
+          value,
+          title,
+          className,
+          disabled,
+          placeholder: placeHolderText,
+          onChange: (e) => handleOnChange(e.target.value)
+        }
+      );
+    case "switch":
+      return /* @__PURE__ */ jsx6(
+        Switch2,
+        {
+          checked: !!value,
+          title,
+          className,
+          disabled,
+          onChange: (v) => handleOnChange(v)
+        }
+      );
+    case "checkbox":
+      return /* @__PURE__ */ jsx6("span", { title, className, children: /* @__PURE__ */ jsx6(
+        Checkbox,
+        {
+          type: "checkbox",
+          disabled,
+          onChange: (e) => handleOnChange(e.target.checked),
+          checked: !!value
+        }
+      ) });
+    case "radio":
+      return /* @__PURE__ */ jsx6("span", { className, title, children: values.map((v) => /* @__PURE__ */ jsx6(
+        Radio,
+        {
+          value: v.name,
+          checked: value === v.name,
+          disabled,
+          onChange: (e) => handleOnChange(e.target.value),
+          children: v.label
+        },
+        v.name
+      )) });
+  }
+  switch (inputTypeCoerced) {
+    case "date":
+    case "datetime-local":
+      return operator === "between" || operator === "notBetween" ? /* @__PURE__ */ jsx6(
+        DatePicker.RangePicker,
+        {
+          value: ((_b2 = toArray(value)) == null ? void 0 : _b2.length) >= 2 ? toArray(value).map((v) => dayjs(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__ */ jsx6(
+        DatePicker,
+        {
+          value: value ? dayjs(value) : null,
+          showTime: inputTypeCoerced === "datetime-local",
+          className,
+          disabled,
+          placeholder: placeHolderText,
+          onChange: (_d, dateString) => handleOnChange(dateString)
+        }
+      );
+    case "time":
+      return /* @__PURE__ */ jsx6(
+        TimePicker,
+        {
+          value: value ? dayjs(value, "HH:mm:ss") : null,
+          className,
+          disabled,
+          placeholder: placeHolderText,
+          onChange: (d) => {
+            var _a3;
+            return handleOnChange((_a3 = d == null ? void 0 : d.format("HH:mm:ss")) != null ? _a3 : "");
+          }
+        }
+      );
+  }
+  return /* @__PURE__ */ jsx6(
+    Input,
+    {
+      type: inputTypeCoerced,
+      value,
+      title,
+      className,
+      disabled,
+      placeholder: placeHolderText,
+      onChange: (e) => handleOnChange(e.target.value)
+    }
+  );
+};
+AntDValueEditor.displayName = "AntDValueEditor";
+
+// src/index.ts
+var antdControlElements = {
+  addGroupAction: AntDActionElement,
+  addRuleAction: AntDActionElement,
+  cloneGroupAction: AntDActionElement,
+  cloneRuleAction: AntDActionElement,
+  lockGroupAction: AntDActionElement,
+  lockRuleAction: AntDActionElement,
+  combinatorSelector: AntDValueSelector,
+  fieldSelector: AntDValueSelector,
+  notToggle: AntDNotToggle,
+  operatorSelector: AntDValueSelector,
+  removeGroupAction: AntDActionElement,
+  removeRuleAction: AntDActionElement,
+  valueEditor: AntDValueEditor,
+  dragHandle: AntDDragHandle,
+  valueSourceSelector: AntDValueSelector
+};
+var QueryBuilderAntD = getCompatContextProvider({
+  key: "antd",
+  controlElements: antdControlElements
+});
+export {
+  AntDActionElement,
+  AntDDragHandle,
+  AntDNotToggle,
+  AntDValueEditor,
+  AntDValueSelector,
+  QueryBuilderAntD,
+  antdControlElements
+};
+//# sourceMappingURL=react-querybuilder_antd.legacy-esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/AntDActionElement.tsx","../src/AntDDragHandle.tsx","../src/AntDNotToggle.tsx","../src/AntDValueEditor.tsx","../src/AntDValueSelector.tsx","../src/utils.tsx"],"sourcesContent":["import type { Controls } from '@react-querybuilder/ts';\nimport { getCompatContextProvider } from 'react-querybuilder';\nimport { AntDActionElement } from './AntDActionElement';\nimport { AntDDragHandle } from './AntDDragHandle';\nimport { AntDNotToggle } from './AntDNotToggle';\nimport { AntDValueEditor } from './AntDValueEditor';\nimport { AntDValueSelector } from './AntDValueSelector';\nexport { AntDActionElement, AntDDragHandle, AntDNotToggle, AntDValueEditor, AntDValueSelector };\n\nexport const antdControlElements: Partial<Controls> = {\n  addGroupAction: AntDActionElement,\n  addRuleAction: AntDActionElement,\n  cloneGroupAction: AntDActionElement,\n  cloneRuleAction: AntDActionElement,\n  lockGroupAction: AntDActionElement,\n  lockRuleAction: AntDActionElement,\n  combinatorSelector: AntDValueSelector,\n  fieldSelector: AntDValueSelector,\n  notToggle: AntDNotToggle,\n  operatorSelector: AntDValueSelector,\n  removeGroupAction: AntDActionElement,\n  removeRuleAction: AntDActionElement,\n  valueEditor: AntDValueEditor,\n  dragHandle: AntDDragHandle,\n  valueSourceSelector: AntDValueSelector,\n};\n\nexport const QueryBuilderAntD = getCompatContextProvider({\n  key: 'antd',\n  controlElements: antdControlElements,\n});\n","import type { ActionWithRulesProps } from '@react-querybuilder/ts';\nimport { Button } from 'antd';\nimport type { ComponentPropsWithoutRef } from 'react';\n\n// TODO: This may be unnecessary. Find out if there's a way to allow\n// `data-${string}` index keys without breaking other type contraints.\ntype RemoveDataIndexKeys<T> = {\n  [K in keyof T as `data-${string}` extends K ? never : K]: T[K];\n};\n\ntype AntDActionProps = ActionWithRulesProps &\n  RemoveDataIndexKeys<ComponentPropsWithoutRef<typeof Button>>;\n\nexport const AntDActionElement = ({\n  className,\n  handleOnClick,\n  label,\n  title,\n  disabled,\n  disabledTranslation,\n  // Props that should not be in extraProps\n  testID: _testID,\n  rules: _rules,\n  level: _level,\n  path: _path,\n  context: _context,\n  validation: _validation,\n  ruleOrGroup: _ruleOrGroup,\n  schema: _schema,\n  ...extraProps\n}: AntDActionProps) => (\n  <Button\n    type=\"primary\"\n    className={className}\n    title={disabledTranslation && disabled ? disabledTranslation.title : title}\n    onClick={e => handleOnClick(e)}\n    disabled={disabled && !disabledTranslation}\n    {...extraProps}>\n    {disabledTranslation && disabled ? disabledTranslation.label : label}\n  </Button>\n);\n\nAntDActionElement.displayName = 'AntDActionElement';\n","import { HolderOutlined } from '@ant-design/icons';\nimport type { DragHandleProps } from '@react-querybuilder/ts';\nimport type { ComponentPropsWithRef } from 'react';\nimport { forwardRef } from 'react';\n\ntype AntDDragHandleProps = DragHandleProps & ComponentPropsWithRef<typeof HolderOutlined>;\n\nexport const AntDDragHandle = forwardRef<HTMLSpanElement, AntDDragHandleProps>(\n  (\n    {\n      className,\n      title,\n      // Props that should not be in extraProps\n      testID: _testID,\n      level: _level,\n      path: _path,\n      label: _label,\n      disabled: _disabled,\n      context: _context,\n      validation: _validation,\n      schema: _schema,\n      ...extraProps\n    },\n    dragRef\n  ) => <HolderOutlined ref={dragRef} className={className} title={title} {...extraProps} />\n);\n\nAntDDragHandle.displayName = 'AntDDragHandle';\n","import type { NotToggleProps } from '@react-querybuilder/ts';\nimport { Switch } from 'antd';\nimport type { ComponentPropsWithoutRef } from 'react';\n\ntype AntDNotToggleProps = NotToggleProps & ComponentPropsWithoutRef<typeof Switch>;\n\nexport const AntDNotToggle = ({\n  className,\n  handleOnChange,\n  label,\n  checked,\n  title,\n  disabled,\n  // Props that should not be in extraProps\n  path: _path,\n  context: _context,\n  validation: _validation,\n  testID: _testID,\n  schema: _schema,\n  ...extraProps\n}: AntDNotToggleProps) => (\n  <Switch\n    title={title}\n    className={className}\n    onChange={v => handleOnChange(v)}\n    checked={!!checked}\n    disabled={disabled}\n    checkedChildren={label}\n    unCheckedChildren=\"=\"\n    {...extraProps}\n  />\n);\n\nAntDNotToggle.displayName = 'AntDNotToggle';\n","import { Checkbox, Input, Radio, Switch, TimePicker } from 'antd';\nimport generatePicker from 'antd/es/date-picker/generatePicker/index.js';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport dayjsGenerateConfig from 'rc-picker/lib/generate/dayjs';\nimport {\n  getFirstOption,\n  standardClassnames,\n  toArray,\n  useValueEditor,\n  type ValueEditorProps,\n} from 'react-querybuilder';\nimport { AntDValueSelector } from './AntDValueSelector';\n\nconst DatePicker = generatePicker(dayjsGenerateConfig);\n\nexport const AntDValueEditor = ({\n  fieldData,\n  operator,\n  value,\n  handleOnChange,\n  title,\n  className,\n  type,\n  inputType,\n  values = [],\n  listsAsArrays,\n  parseNumbers,\n  separator,\n  valueSource: _vs,\n  disabled,\n  testID,\n  selectorComponent: SelectorComponent = AntDValueSelector,\n  ...props\n}: ValueEditorProps) => {\n  const { valueAsArray, multiValueHandler } = useValueEditor({\n    handleOnChange,\n    inputType,\n    operator,\n    value,\n    type,\n    listsAsArrays,\n    parseNumbers,\n    values,\n  });\n\n  if (operator === 'null' || operator === 'notNull') {\n    return null;\n  }\n\n  const placeHolderText = fieldData?.placeholder ?? '';\n  const inputTypeCoerced = ['in', 'notIn'].includes(operator) ? 'text' : inputType || 'text';\n\n  if (\n    (operator === 'between' || operator === 'notBetween') &&\n    (type === 'select' || type === 'text') &&\n    // Date ranges are handled differently in AntD--see below\n    inputTypeCoerced !== 'date' &&\n    inputTypeCoerced !== 'datetime-local'\n  ) {\n    const editors = ['from', 'to'].map((key, i) => {\n      if (type === 'text') {\n        if (inputTypeCoerced === 'time') {\n          return (\n            <TimePicker\n              key={key}\n              value={valueAsArray[i] ? dayjs(valueAsArray[i], 'HH:mm:ss') : null}\n              className={standardClassnames.valueListItem}\n              disabled={disabled}\n              placeholder={placeHolderText}\n              onChange={d => multiValueHandler(d?.format('HH:mm:ss') ?? '', i)}\n            />\n          );\n        }\n        return (\n          <Input\n            key={key}\n            type={inputTypeCoerced}\n            value={valueAsArray[i] ?? ''}\n            className={standardClassnames.valueListItem}\n            disabled={disabled}\n            placeholder={placeHolderText}\n            onChange={e => multiValueHandler(e.target.value, i)}\n          />\n        );\n      }\n      return (\n        <SelectorComponent\n          {...props}\n          key={key}\n          className={standardClassnames.valueListItem}\n          handleOnChange={v => multiValueHandler(v, i)}\n          disabled={disabled}\n          value={valueAsArray[i] ?? getFirstOption(values)}\n          options={values}\n          listsAsArrays={listsAsArrays}\n        />\n      );\n    });\n    return (\n      <span data-testid={testID} className={className} title={title}>\n        {editors[0]}\n        {separator}\n        {editors[1]}\n      </span>\n    );\n  }\n\n  switch (type) {\n    case 'select':\n    case 'multiselect':\n      return (\n        <SelectorComponent\n          {...props}\n          className={className}\n          handleOnChange={handleOnChange}\n          options={values}\n          value={value}\n          title={title}\n          disabled={disabled}\n          multiple={type === 'multiselect'}\n          listsAsArrays={listsAsArrays}\n        />\n      );\n\n    case 'textarea':\n      return (\n        <Input.TextArea\n          value={value}\n          title={title}\n          className={className}\n          disabled={disabled}\n          placeholder={placeHolderText}\n          onChange={e => handleOnChange(e.target.value)}\n        />\n      );\n\n    case 'switch':\n      return (\n        <Switch\n          checked={!!value}\n          title={title}\n          className={className}\n          disabled={disabled}\n          onChange={v => handleOnChange(v)}\n        />\n      );\n\n    case 'checkbox':\n      return (\n        <span title={title} className={className}>\n          <Checkbox\n            type=\"checkbox\"\n            disabled={disabled}\n            onChange={e => handleOnChange(e.target.checked)}\n            checked={!!value}\n          />\n        </span>\n      );\n\n    case 'radio':\n      return (\n        <span className={className} title={title}>\n          {values.map(v => (\n            <Radio\n              key={v.name}\n              value={v.name}\n              checked={value === v.name}\n              disabled={disabled}\n              onChange={e => handleOnChange(e.target.value)}>\n              {v.label}\n            </Radio>\n          ))}\n        </span>\n      );\n  }\n\n  switch (inputTypeCoerced) {\n    case 'date':\n    case 'datetime-local':\n      return operator === 'between' || operator === 'notBetween' ? (\n        <DatePicker.RangePicker\n          value={\n            toArray(value)?.length >= 2\n              ? (toArray(value).map(v => dayjs(v)) as [Dayjs, Dayjs])\n              : undefined\n          }\n          showTime={inputTypeCoerced === 'datetime-local'}\n          className={className}\n          disabled={disabled}\n          placeholder={[placeHolderText, placeHolderText]}\n          // TODO: the function below is currently untested (see the\n          // \"should render a date range picker\" test in ./AntD.test.tsx)\n          onChange={\n            /* istanbul ignore next */\n            dates => {\n              const format = `YYYY-MM-DD${\n                inputTypeCoerced === 'datetime-local' ? 'THH:mm:ss' : ''\n              }`;\n              const dateArray = dates?.map(d => d?.format(format));\n              handleOnChange(dateArray ? (listsAsArrays ? dateArray : dateArray.join(',')) : dates);\n            }\n          }\n        />\n      ) : (\n        <DatePicker\n          value={value ? dayjs(value) : null}\n          showTime={inputTypeCoerced === 'datetime-local'}\n          className={className}\n          disabled={disabled}\n          placeholder={placeHolderText}\n          onChange={(_d, dateString) => handleOnChange(dateString)}\n        />\n      );\n\n    case 'time':\n      return (\n        <TimePicker\n          value={value ? dayjs(value, 'HH:mm:ss') : null}\n          className={className}\n          disabled={disabled}\n          placeholder={placeHolderText}\n          onChange={d => handleOnChange(d?.format('HH:mm:ss') ?? '')}\n        />\n      );\n  }\n\n  return (\n    <Input\n      type={inputTypeCoerced}\n      value={value}\n      title={title}\n      className={className}\n      disabled={disabled}\n      placeholder={placeHolderText}\n      onChange={e => handleOnChange(e.target.value)}\n    />\n  );\n};\n\nAntDValueEditor.displayName = 'AntDValueEditor';\n","import type { VersatileSelectorProps } from '@react-querybuilder/ts';\nimport { Select } from 'antd';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { useValueSelector } from 'react-querybuilder';\nimport { toOptions } from './utils';\n\ntype AntDValueSelectorProps = VersatileSelectorProps &\n  Omit<ComponentPropsWithoutRef<typeof Select>, 'onChange' | 'defaultValue'>;\n\nexport const AntDValueSelector = ({\n  className,\n  handleOnChange,\n  options,\n  value,\n  title,\n  disabled,\n  multiple,\n  listsAsArrays,\n  // Props that should not be in extraProps\n  testID: _testID,\n  rules: _rules,\n  level: _level,\n  path: _path,\n  context: _context,\n  validation: _validation,\n  operator: _operator,\n  field: _field,\n  fieldData: _fieldData,\n  schema: _schema,\n  ...extraProps\n}: AntDValueSelectorProps) => {\n  const { onChange, val } = useValueSelector({ handleOnChange, listsAsArrays, multiple, value });\n\n  const modeObj = multiple ? { mode: 'multiple' as const } : {};\n\n  return (\n    <span title={title} className={className}>\n      <Select\n        {...modeObj}\n        dropdownMatchSelectWidth={false}\n        disabled={disabled}\n        value={val}\n        onChange={onChange}\n        {...extraProps}>\n        {toOptions(options)}\n      </Select>\n    </span>\n  );\n};\n\nAntDValueSelector.displayName = 'AntDValueSelector';\n","import type { OptionList } from '@react-querybuilder/ts';\nimport { Select } from 'antd';\nimport { isOptionGroupArray } from 'react-querybuilder';\n\nconst { OptGroup, Option } = Select;\n\nexport { isOptionGroupArray };\n\nexport const toOptions = (arr?: OptionList) =>\n  isOptionGroupArray(arr)\n    ? arr.map(og => (\n        <OptGroup key={og.label} label={og.label}>\n          {og.options.map(opt => (\n            <Option key={opt.name} value={opt.name}>\n              {opt.label}\n            </Option>\n          ))}\n        </OptGroup>\n      ))\n    : Array.isArray(arr)\n    ? arr.map(opt => (\n        <Option key={opt.name} value={opt.name}>\n          {opt.label}\n        </Option>\n      ))\n    : /* istanbul ignore next */ null;\n"],"mappings":"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","names":["jsx","jsx","Switch","Select","jsx","jsx","jsx","Select","jsx","_a","_b","Switch"]}