@react-querybuilder/datetime 8.18.0 → 8.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (121) hide show
  1. package/dist/cjs/getDatetimeRuleProcessorTanStackDB-CL79A1_x.js +1208 -0
  2. package/dist/cjs/getDatetimeRuleProcessorTanStackDB-CL79A1_x.js.map +1 -0
  3. package/dist/cjs/getDatetimeRuleProcessorTanStackDB-DgUg_arY.js +2 -0
  4. package/dist/cjs/getDatetimeRuleProcessorTanStackDB-DgUg_arY.js.map +1 -0
  5. package/dist/cjs/react-querybuilder_datetime.cjs.development.d.ts +214 -8
  6. package/dist/cjs/react-querybuilder_datetime.cjs.development.date-fns.d.ts +46 -2
  7. package/dist/cjs/react-querybuilder_datetime.cjs.development.date-fns.js +93 -15
  8. package/dist/cjs/react-querybuilder_datetime.cjs.development.date-fns.js.map +1 -1
  9. package/dist/cjs/react-querybuilder_datetime.cjs.development.dayjs.d.ts +46 -2
  10. package/dist/cjs/react-querybuilder_datetime.cjs.development.dayjs.js +70 -59
  11. package/dist/cjs/react-querybuilder_datetime.cjs.development.dayjs.js.map +1 -1
  12. package/dist/cjs/react-querybuilder_datetime.cjs.development.js +482 -71
  13. package/dist/cjs/react-querybuilder_datetime.cjs.development.js.map +1 -1
  14. package/dist/cjs/react-querybuilder_datetime.cjs.development.jsdate.d.ts +46 -2
  15. package/dist/cjs/react-querybuilder_datetime.cjs.development.jsdate.js +129 -15
  16. package/dist/cjs/react-querybuilder_datetime.cjs.development.jsdate.js.map +1 -1
  17. package/dist/cjs/react-querybuilder_datetime.cjs.development.luxon.d.ts +46 -2
  18. package/dist/cjs/react-querybuilder_datetime.cjs.development.luxon.js +81 -15
  19. package/dist/cjs/react-querybuilder_datetime.cjs.development.luxon.js.map +1 -1
  20. package/dist/cjs/react-querybuilder_datetime.cjs.production.d.ts +214 -8
  21. package/dist/cjs/react-querybuilder_datetime.cjs.production.date-fns.d.ts +46 -2
  22. package/dist/cjs/react-querybuilder_datetime.cjs.production.date-fns.js +1 -1
  23. package/dist/cjs/react-querybuilder_datetime.cjs.production.date-fns.js.map +1 -1
  24. package/dist/cjs/react-querybuilder_datetime.cjs.production.dayjs.d.ts +46 -2
  25. package/dist/cjs/react-querybuilder_datetime.cjs.production.dayjs.js +1 -1
  26. package/dist/cjs/react-querybuilder_datetime.cjs.production.dayjs.js.map +1 -1
  27. package/dist/cjs/react-querybuilder_datetime.cjs.production.js +1 -1
  28. package/dist/cjs/react-querybuilder_datetime.cjs.production.js.map +1 -1
  29. package/dist/cjs/react-querybuilder_datetime.cjs.production.jsdate.d.ts +46 -2
  30. package/dist/cjs/react-querybuilder_datetime.cjs.production.jsdate.js +1 -1
  31. package/dist/cjs/react-querybuilder_datetime.cjs.production.jsdate.js.map +1 -1
  32. package/dist/cjs/react-querybuilder_datetime.cjs.production.luxon.d.ts +46 -2
  33. package/dist/cjs/react-querybuilder_datetime.cjs.production.luxon.js +1 -1
  34. package/dist/cjs/react-querybuilder_datetime.cjs.production.luxon.js.map +1 -1
  35. package/dist/cjs/rqbDateTimeLibraryAPI.dayjs-BfILPx88.js +2 -0
  36. package/dist/cjs/rqbDateTimeLibraryAPI.dayjs-BfILPx88.js.map +1 -0
  37. package/dist/cjs/rqbDateTimeLibraryAPI.dayjs-CzLh_zi9.js +63 -0
  38. package/dist/cjs/rqbDateTimeLibraryAPI.dayjs-CzLh_zi9.js.map +1 -0
  39. package/dist/cjs/types-XYMw0jFT.d.ts +265 -0
  40. package/dist/datetime-layout.css +1 -0
  41. package/dist/datetime-layout.css.map +1 -0
  42. package/dist/datetime-layout.scss +3 -0
  43. package/dist/datetime.css +1 -0
  44. package/dist/datetime.css.map +1 -0
  45. package/dist/datetime.scss +1 -0
  46. package/dist/getDatetimeRuleProcessorTanStackDB-BcOC-o2A.mjs +1029 -0
  47. package/dist/getDatetimeRuleProcessorTanStackDB-BcOC-o2A.mjs.map +1 -0
  48. package/dist/getDatetimeRuleProcessorTanStackDB-Dloxv6k2.mjs +2 -0
  49. package/dist/getDatetimeRuleProcessorTanStackDB-Dloxv6k2.mjs.map +1 -0
  50. package/dist/getDatetimeRuleProcessorTanStackDB-LDwhMJg0.js +1035 -0
  51. package/dist/getDatetimeRuleProcessorTanStackDB-LDwhMJg0.js.map +1 -0
  52. package/dist/react-querybuilder_datetime.d.mts +214 -8
  53. package/dist/react-querybuilder_datetime.date-fns.d.mts +46 -2
  54. package/dist/react-querybuilder_datetime.date-fns.mjs +71 -4
  55. package/dist/react-querybuilder_datetime.date-fns.mjs.map +1 -1
  56. package/dist/react-querybuilder_datetime.dayjs.d.mts +46 -2
  57. package/dist/react-querybuilder_datetime.dayjs.mjs +47 -24
  58. package/dist/react-querybuilder_datetime.dayjs.mjs.map +1 -1
  59. package/dist/react-querybuilder_datetime.jsdate.d.mts +46 -2
  60. package/dist/react-querybuilder_datetime.jsdate.mjs +106 -3
  61. package/dist/react-querybuilder_datetime.jsdate.mjs.map +1 -1
  62. package/dist/react-querybuilder_datetime.legacy-esm.d.ts +214 -8
  63. package/dist/react-querybuilder_datetime.legacy-esm.date-fns.d.ts +46 -2
  64. package/dist/react-querybuilder_datetime.legacy-esm.date-fns.js +71 -4
  65. package/dist/react-querybuilder_datetime.legacy-esm.date-fns.js.map +1 -1
  66. package/dist/react-querybuilder_datetime.legacy-esm.dayjs.d.ts +46 -2
  67. package/dist/react-querybuilder_datetime.legacy-esm.dayjs.js +47 -24
  68. package/dist/react-querybuilder_datetime.legacy-esm.dayjs.js.map +1 -1
  69. package/dist/react-querybuilder_datetime.legacy-esm.js +425 -58
  70. package/dist/react-querybuilder_datetime.legacy-esm.js.map +1 -1
  71. package/dist/react-querybuilder_datetime.legacy-esm.jsdate.d.ts +46 -2
  72. package/dist/react-querybuilder_datetime.legacy-esm.jsdate.js +106 -3
  73. package/dist/react-querybuilder_datetime.legacy-esm.jsdate.js.map +1 -1
  74. package/dist/react-querybuilder_datetime.legacy-esm.luxon.d.ts +46 -2
  75. package/dist/react-querybuilder_datetime.legacy-esm.luxon.js +58 -3
  76. package/dist/react-querybuilder_datetime.legacy-esm.luxon.js.map +1 -1
  77. package/dist/react-querybuilder_datetime.luxon.d.mts +46 -2
  78. package/dist/react-querybuilder_datetime.luxon.mjs +58 -3
  79. package/dist/react-querybuilder_datetime.luxon.mjs.map +1 -1
  80. package/dist/react-querybuilder_datetime.mjs +443 -57
  81. package/dist/react-querybuilder_datetime.mjs.map +1 -1
  82. package/dist/react-querybuilder_datetime.production.d.mts +214 -8
  83. package/dist/react-querybuilder_datetime.production.date-fns.d.mts +46 -2
  84. package/dist/react-querybuilder_datetime.production.date-fns.mjs +1 -1
  85. package/dist/react-querybuilder_datetime.production.date-fns.mjs.map +1 -1
  86. package/dist/react-querybuilder_datetime.production.dayjs.d.mts +46 -2
  87. package/dist/react-querybuilder_datetime.production.dayjs.mjs +1 -1
  88. package/dist/react-querybuilder_datetime.production.dayjs.mjs.map +1 -1
  89. package/dist/react-querybuilder_datetime.production.jsdate.d.mts +46 -2
  90. package/dist/react-querybuilder_datetime.production.jsdate.mjs +1 -1
  91. package/dist/react-querybuilder_datetime.production.jsdate.mjs.map +1 -1
  92. package/dist/react-querybuilder_datetime.production.luxon.d.mts +46 -2
  93. package/dist/react-querybuilder_datetime.production.luxon.mjs +1 -1
  94. package/dist/react-querybuilder_datetime.production.luxon.mjs.map +1 -1
  95. package/dist/react-querybuilder_datetime.production.mjs +1 -1
  96. package/dist/react-querybuilder_datetime.production.mjs.map +1 -1
  97. package/dist/rqbDateTimeLibraryAPI.dayjs-BW7faYFD.mjs +29 -0
  98. package/dist/rqbDateTimeLibraryAPI.dayjs-BW7faYFD.mjs.map +1 -0
  99. package/dist/rqbDateTimeLibraryAPI.dayjs-BoX90aqZ.mjs +2 -0
  100. package/dist/rqbDateTimeLibraryAPI.dayjs-BoX90aqZ.mjs.map +1 -0
  101. package/dist/rqbDateTimeLibraryAPI.dayjs-DvFSxPKu.js +29 -0
  102. package/dist/rqbDateTimeLibraryAPI.dayjs-DvFSxPKu.js.map +1 -0
  103. package/dist/styles/_layout.scss +30 -0
  104. package/dist/styles/_root.scss +5 -0
  105. package/dist/styles/_variables.scss +8 -0
  106. package/dist/types-CdjHqQ0k.d.mts +265 -0
  107. package/dist/types-CdjHqQ0k.d.ts +265 -0
  108. package/package.json +28 -13
  109. package/dist/cjs/getDatetimeRuleProcessorSQL-Cca9pzSn.js +0 -2
  110. package/dist/cjs/getDatetimeRuleProcessorSQL-Cca9pzSn.js.map +0 -1
  111. package/dist/cjs/getDatetimeRuleProcessorSQL-CrA2ZrSe.js +0 -563
  112. package/dist/cjs/getDatetimeRuleProcessorSQL-CrA2ZrSe.js.map +0 -1
  113. package/dist/cjs/types-c6_k1Tpr.d.ts +0 -105
  114. package/dist/getDatetimeRuleProcessorSQL-Crw01Jo-.js +0 -482
  115. package/dist/getDatetimeRuleProcessorSQL-Crw01Jo-.js.map +0 -1
  116. package/dist/getDatetimeRuleProcessorSQL-CvGKzojM.mjs +0 -2
  117. package/dist/getDatetimeRuleProcessorSQL-CvGKzojM.mjs.map +0 -1
  118. package/dist/getDatetimeRuleProcessorSQL-Nz_XjNeY.mjs +0 -468
  119. package/dist/getDatetimeRuleProcessorSQL-Nz_XjNeY.mjs.map +0 -1
  120. package/dist/types-c6_k1Tpr.d.mts +0 -105
  121. package/dist/types-c6_k1Tpr.d.ts +0 -105
@@ -1,5 +1,8 @@
1
- import { a as getDatetimeValueProcessorOracle, c as datetimeValueProcessorNL, d as getDatetimeRuleProcessorMongoDBQuery, f as getDatetimeRuleProcessorCypher, g as processIsDateField, i as getDatetimeValueProcessorMySQL, l as defaultDateTimeNLOperatorMap, m as getDatetimeJsonLogicOperations, n as getDatetimeValueProcessorANSI, o as getDatetimeValueProcessorPostgreSQL, p as getDatetimeRuleProcessorCEL, r as getDatetimeValueProcessorMSSQL, s as getDatetimeRuleProcessorSPARQL, t as getDatetimeRuleProcessorSQL, u as getDatetimeRuleProcessorNL } from "./getDatetimeRuleProcessorSQL-Nz_XjNeY.mjs";
2
- import { defaultRuleProcessorJSONata, defaultRuleProcessorJsonLogic, getQuotedFieldName, nullOrUndefinedOrEmpty, toArray } from "react-querybuilder";
1
+ import { A as resolveDatetimeOperator, C as getDatetimeRuleProcessorCypher, E as isDateOnlyDatatype, O as isRelativeDateTimeValue, S as getDatetimeRuleProcessorDrizzle, T as getDatetimeJsonLogicOperations, _ as getDatetimeRuleProcessorMongoDBQuery, a as getDatetimeValueProcessorMySQL, b as getDatetimeRuleProcessorGremlin, c as getDatetimeRuleProcessorSpEL, d as getDatetimeRuleProcessorPrisma, f as getDatetimeRuleProcessorParameterized, g as getDatetimeRuleProcessorMongoDB, h as getDatetimeRuleProcessorNL, i as getDatetimeValueProcessorMSSQL, k as processIsDateField, l as getDatetimeRuleProcessorSPARQL, m as defaultDateTimeNLOperatorMap, n as getDatetimeRuleProcessorSQL, o as getDatetimeValueProcessorOracle, p as datetimeValueProcessorNL, r as getDatetimeValueProcessorANSI, s as getDatetimeValueProcessorPostgreSQL, t as getDatetimeRuleProcessorTanStackDB, u as getDatetimeRuleProcessorSequelize, v as getDatetimeRuleProcessorLDAP, w as getDatetimeRuleProcessorCEL, x as getDatetimeRuleProcessorElasticSearch, y as getDatetimeRuleProcessorJSONata } from "./getDatetimeRuleProcessorTanStackDB-BcOC-o2A.mjs";
2
+ import { t as rqbDateTimeLibraryAPI } from "./rqbDateTimeLibraryAPI.dayjs-BW7faYFD.mjs";
3
+ import { QueryBuilderContext, ValueEditor, clsx, defaultOperators, defaultRuleProcessorJsonLogic, getCompatContextProvider, parseNumber, standardClassnames, toArray, useValueEditor } from "react-querybuilder";
4
+ import * as React from "react";
5
+ import { createContext, useCallback, useContext, useMemo } from "react";
3
6
  //#region src/datetimeRuleProcessorJsonLogic.ts
4
7
  const dateOperationMap = {
5
8
  "!=": "dateNotOn",
@@ -24,25 +27,36 @@ const dateOperationMap = {
24
27
  const datetimeRuleProcessorJsonLogic = (rule, options) => {
25
28
  const opts = options ?? ( /* v8 ignore start -- @preserve */ {});
26
29
  if (!processIsDateField(opts.context?.isDateField, rule, opts)) return defaultRuleProcessorJsonLogic(rule, opts);
27
- const { field, operator, value, valueSource } = rule;
30
+ const { field, value, valueSource } = rule;
31
+ const operator = resolveDatetimeOperator(rule, opts);
28
32
  const valueIsField = valueSource === "field";
29
33
  const fieldObject = { var: field };
30
- const maybeFieldRenderer = (v) => valueIsField ? { var: `${v}` } : v;
34
+ const dateOnly = isDateOnlyDatatype(opts?.fieldData?.datatype);
35
+ const renderValue = (v) => {
36
+ if (valueIsField) return { var: `${v}` };
37
+ if (isRelativeDateTimeValue(v)) return { dateRelative: [
38
+ v.anchor,
39
+ v.offset,
40
+ v.unit,
41
+ dateOnly
42
+ ] };
43
+ return v;
44
+ };
31
45
  switch (operator) {
32
46
  case "<":
33
47
  case "<=":
34
48
  case "=":
35
49
  case "!=":
36
50
  case ">":
37
- case ">=": return { [dateOperationMap[operator]]: [fieldObject, maybeFieldRenderer(value)] };
51
+ case ">=": return { [dateOperationMap[operator]]: [fieldObject, renderValue(value)] };
38
52
  case "in":
39
53
  case "notIn": {
40
- const valueAsArray = toArray(value).map((v) => maybeFieldRenderer(v));
54
+ const valueAsArray = (Array.isArray(value) ? value : toArray(value)).map(renderValue);
41
55
  return { [dateOperationMap[operator]]: [fieldObject, valueAsArray] };
42
56
  }
43
57
  case "between":
44
58
  case "notBetween": {
45
- const valueAsArray = toArray(value).map((v) => maybeFieldRenderer(v));
59
+ const valueAsArray = (Array.isArray(value) ? value : toArray(value)).map(renderValue);
46
60
  if (valueAsArray.length < 2) return false;
47
61
  return { [dateOperationMap[operator]]: [
48
62
  valueAsArray[0],
@@ -54,62 +68,434 @@ const datetimeRuleProcessorJsonLogic = (rule, options) => {
54
68
  return defaultRuleProcessorJsonLogic(rule, options);
55
69
  };
56
70
  //#endregion
57
- //#region src/getDatetimeRuleProcessorJSONata.ts
58
- const shouldNegate = (op) => /^(does)?not/i.test(op);
59
- const negate = (clause, neg) => neg ? `$not(${clause})` : `${clause}`;
71
+ //#region src/InheritedValueEditorContext.ts
60
72
  /**
61
- * Generates a rule processor with date/time features for use by
62
- * {@link @react-querybuilder/core!formatQuery formatQuery} with the "jsonata" format.
73
+ * Holds the value editor inherited from an outer (compat package) context provider,
74
+ * captured _before_ {@link QueryBuilderDateTime} overrides it. Lets the date/time value
75
+ * editor delegate non-date fields (and absolute date inputs) to the compat editor instead
76
+ * of the bare default {@link react-querybuilder!ValueEditor ValueEditor}. `null` = none
77
+ * inherited (fall back to default).
63
78
  */
64
- const getDatetimeRuleProcessorJSONata = (apiFns) => (rule, options) => {
65
- const opts = options ?? ( /* v8 ignore start -- @preserve */ {});
66
- const { context = {} } = opts;
67
- // v8 ignore next
68
- const { quoteFieldNamesWith = ["", ""], fieldIdentifierSeparator = "" } = opts;
69
- const { field, operator, value, valueSource } = rule;
70
- if (!processIsDateField(context.isDateField, rule, opts)) return defaultRuleProcessorJSONata(rule, opts);
71
- const valueIsField = valueSource === "field";
72
- const fldToMs = (f) => `$toMillis(${getQuotedFieldName(f, {
73
- quoteFieldNamesWith,
74
- fieldIdentifierSeparator
75
- })})`;
76
- const valToMs = (v) => `$toMillis("${apiFns.toISOString(v)}")`;
77
- switch (operator) {
78
- case "<":
79
- case "<=":
80
- case "=":
81
- case "!=":
82
- case ">":
83
- case ">=": return `${fldToMs(field)} ${operator} ${valueIsField ? fldToMs(value) : valToMs(value)}`;
79
+ const InheritedValueEditorContext = createContext(null);
80
+ /** Inherited (compat) value editor, or `null` if none. See {@link InheritedValueEditorContext}. */
81
+ const useInheritedValueEditor = () => useContext(InheritedValueEditorContext);
82
+ //#endregion
83
+ //#region src/relativeDateTimeConstants.ts
84
+ /**
85
+ * Class name applied to the absolute/relative mode toggle button. Package-local (not part
86
+ * of the core `standardClassnames`) to avoid coupling core to this extension.
87
+ */
88
+ const relativeDateTimeToggleClassName = "rule-value-dateTimeRelative-toggle";
89
+ /** Default value applied when switching a rule to relative mode. */
90
+ const defaultRelativeDateTimeValue = {
91
+ mode: "relative",
92
+ anchor: "now",
93
+ offset: 0,
94
+ unit: "day"
95
+ };
96
+ /** Default anchor (reference-point) options for the relative date/time editor. */
97
+ const defaultRelativeDateTimeAnchors = [
98
+ {
99
+ name: "now",
100
+ value: "now",
101
+ label: "now"
102
+ },
103
+ {
104
+ name: "startOfDay",
105
+ value: "startOfDay",
106
+ label: "start of day"
107
+ },
108
+ {
109
+ name: "endOfDay",
110
+ value: "endOfDay",
111
+ label: "end of day"
112
+ },
113
+ {
114
+ name: "startOfWeek",
115
+ value: "startOfWeek",
116
+ label: "start of week"
117
+ },
118
+ {
119
+ name: "endOfWeek",
120
+ value: "endOfWeek",
121
+ label: "end of week"
122
+ },
123
+ {
124
+ name: "startOfMonth",
125
+ value: "startOfMonth",
126
+ label: "start of month"
127
+ },
128
+ {
129
+ name: "endOfMonth",
130
+ value: "endOfMonth",
131
+ label: "end of month"
132
+ },
133
+ {
134
+ name: "startOfYear",
135
+ value: "startOfYear",
136
+ label: "start of year"
137
+ },
138
+ {
139
+ name: "endOfYear",
140
+ value: "endOfYear",
141
+ label: "end of year"
84
142
  }
85
- const valueAsArray = toArray(rule.value, { retainEmptyStrings: false });
86
- const valueAsDateArray = valueAsArray.map((v) => apiFns.toDate(v)).filter((dateVal) => apiFns.isValid(dateVal));
87
- switch (operator) {
88
- case "in":
89
- case "notIn":
90
- if (valueIsField) {
91
- if (valueAsArray.length === 0) return "";
92
- return negate(`${fldToMs(field)} in [${valueAsArray.map((val) => fldToMs(val)).join(", ")}]`, shouldNegate(operator));
93
- }
94
- if (valueAsDateArray.length === 0) return "";
95
- return negate(`${fldToMs(field)} in [${valueAsDateArray.map((val) => valToMs(val)).join(", ")}]`, shouldNegate(operator));
96
- case "between":
97
- case "notBetween": {
98
- if (valueAsArray.length < 2 || nullOrUndefinedOrEmpty(valueAsArray[0]) || nullOrUndefinedOrEmpty(valueAsArray[1]) || !valueIsField && valueAsDateArray.length < 2) return "";
99
- if (valueIsField) {
100
- const [firstValue, secondValue] = valueAsArray;
101
- const expression = `${fldToMs(field)} >= ${fldToMs(firstValue)} and ${fldToMs(field)} <= ${fldToMs(secondValue)}`;
102
- return operator === "between" ? `(${expression})` : negate(expression, true);
103
- }
104
- const [first, second] = valueAsDateArray;
105
- const [firstDate, secondDate] = apiFns.isBefore(first, second) ? [first, second] : [second, first];
106
- const expression = `${fldToMs(field)} >= ${valToMs(firstDate)} and ${fldToMs(field)} <= ${valToMs(secondDate)}`;
107
- return operator === "between" ? `(${expression})` : negate(expression, true);
143
+ ];
144
+ /** Default unit options for the relative date/time editor. */
145
+ const defaultRelativeDateTimeUnits = [
146
+ {
147
+ name: "minute",
148
+ value: "minute",
149
+ label: "minute(s)"
150
+ },
151
+ {
152
+ name: "hour",
153
+ value: "hour",
154
+ label: "hour(s)"
155
+ },
156
+ {
157
+ name: "day",
158
+ value: "day",
159
+ label: "day(s)"
160
+ },
161
+ {
162
+ name: "week",
163
+ value: "week",
164
+ label: "week(s)"
165
+ },
166
+ {
167
+ name: "month",
168
+ value: "month",
169
+ label: "month(s)"
170
+ },
171
+ {
172
+ name: "year",
173
+ value: "year",
174
+ label: "year(s)"
175
+ }
176
+ ];
177
+ /** Default labels/content for the absolute/relative mode toggle. */
178
+ const defaultRelativeDateTimeToggleLabels = {
179
+ label: "Toggle relative date/time",
180
+ absoluteTitle: "Absolute date/time (click for relative)",
181
+ relativeTitle: "Relative date/time (click for absolute)",
182
+ absoluteContent: "",
183
+ relativeContent: ""
184
+ };
185
+ //#endregion
186
+ //#region src/relativeDateTimeModeControllers.tsx
187
+ /**
188
+ * Compact absolute/relative toggle rendered by {@link toggleModeController}. A
189
+ * `role="switch"` button whose default glyph is supplied by CSS (keyed on
190
+ * `aria-checked`); override via the `toggleLabels` config.
191
+ *
192
+ * @group Components
193
+ */
194
+ const RelativeDateTimeModeToggle = ({ isRelative, setMode, disabled, className, labels }) => {
195
+ const onClick = React.useCallback(() => setMode(isRelative ? "absolute" : "relative"), [setMode, isRelative]);
196
+ return /* @__PURE__ */ React.createElement("button", {
197
+ type: "button",
198
+ role: "switch",
199
+ "aria-checked": isRelative,
200
+ "aria-label": labels.label,
201
+ title: isRelative ? labels.relativeTitle : labels.absoluteTitle,
202
+ disabled,
203
+ className: clsx(relativeDateTimeToggleClassName, className),
204
+ onClick
205
+ }, isRelative ? labels.relativeContent : labels.absoluteContent);
206
+ };
207
+ /**
208
+ * Zero-config default {@link RelativeDateTimeModeController}: derives the mode from the
209
+ * value shape and renders a compact toggle button to switch between absolute and
210
+ * relative entry.
211
+ */
212
+ const toggleModeController = {
213
+ isRelative: (props) => isRelativeDateTimeValue(props.value),
214
+ ModeControl: RelativeDateTimeModeToggle
215
+ };
216
+ /**
217
+ * Builds an operator-driven {@link RelativeDateTimeModeController} that derives the mode
218
+ * from the rule's operator. Pass the operator name(s) (or a predicate) that should put the
219
+ * editor in relative mode. No toggle is rendered — the operator selector is the mode
220
+ * affordance.
221
+ *
222
+ * NOTE: the chosen operators only signal _mode_; the rule's value remains a
223
+ * {@link RelativeDateTimeValue}. For these operators to export correctly, map each one to a
224
+ * real comparison operator via `context.relativeOperatorMap` when calling `formatQuery`
225
+ * (e.g. `{ relativeEq: '=' }`). See the documentation.
226
+ */
227
+ const createOperatorModeController = (relativeOperators) => ({ isRelative: (props) => typeof relativeOperators === "function" ? relativeOperators(props.operator) : relativeOperators.includes(props.operator) });
228
+ /**
229
+ * Appends the given `operators` to each field's `operators` list, so the operator-driven
230
+ * controller (see {@link createOperatorModeController}) has an operator to switch into
231
+ * relative mode. Fields without an explicit `operators` list fall back to the core
232
+ * `defaultOperators`.
233
+ */
234
+ const withRelativeOperators = (fields, operators) => fields.map((field) => ({
235
+ ...field,
236
+ operators: [...field.operators ?? defaultOperators, ...operators]
237
+ }));
238
+ //#endregion
239
+ //#region src/RelativeDateTimeConfigContext.tsx
240
+ /**
241
+ * Carries {@link RelativeDateTimeEditorConfig} to the {@link RelativeDateTimeValueEditor}.
242
+ * Provided by {@link QueryBuilderDateTime}; defaults apply when no provider is present.
243
+ */
244
+ const RelativeDateTimeConfigContext = createContext({});
245
+ /** Reads the relative date/time editor config from context, merged with defaults. */
246
+ const useRelativeDateTimeConfig = () => {
247
+ const config = useContext(RelativeDateTimeConfigContext);
248
+ return useMemo(() => ({
249
+ modeController: config.modeController ?? toggleModeController,
250
+ anchors: config.anchors ?? defaultRelativeDateTimeAnchors,
251
+ units: config.units ?? defaultRelativeDateTimeUnits,
252
+ toggleLabels: {
253
+ ...defaultRelativeDateTimeToggleLabels,
254
+ ...config.toggleLabels
255
+ },
256
+ dateTimeAPI: config.dateTimeAPI ?? rqbDateTimeLibraryAPI
257
+ }), [config]);
258
+ };
259
+ //#endregion
260
+ //#region src/RelativeDateTimeValueEditor.tsx
261
+ const dummyPath = [];
262
+ const dummyFieldData = {
263
+ name: "",
264
+ value: "",
265
+ label: ""
266
+ };
267
+ /** Splits a value into the from/to pair used by between/notBetween, object-safe. */
268
+ const toBetweenArray = (value) => Array.isArray(value) ? value : isRelativeDateTimeValue(value) ? [value] : toArray(value);
269
+ /**
270
+ * Renders a single absolute-or-relative date/time value: a mode affordance (per the
271
+ * controller) plus either an absolute date input or anchor + signed offset + unit
272
+ * selectors. Reused once per slot so between/notBetween can mix bounds (e.g. an absolute
273
+ * "from" and a relative "to").
274
+ */
275
+ const RelativeDateTimeSingleValueEditor = ({ baseProps, value, onChange, absoluteOperator, config, SelectorComponent, valueListItemClassName, numericSchema }) => {
276
+ const { schema, disabled, title, testID } = baseProps;
277
+ const { modeController, anchors, units, toggleLabels } = config;
278
+ const NumericEditor = useInheritedValueEditor() ?? ValueEditor;
279
+ const isRelative = modeController.isRelative({
280
+ ...baseProps,
281
+ value
282
+ });
283
+ const relValue = isRelativeDateTimeValue(value) ? value : defaultRelativeDateTimeValue;
284
+ const handleSetMode = useCallback((mode) => onChange(mode === "relative" ? defaultRelativeDateTimeValue : ""), [onChange]);
285
+ const handleChangeAnchor = useCallback((anchor) => onChange({
286
+ ...relValue,
287
+ anchor
288
+ }), [onChange, relValue]);
289
+ const handleChangeOffset = useCallback((offset) => onChange({
290
+ ...relValue,
291
+ offset: parseNumber(offset, { parseNumbers: true }) || 0
292
+ }), [onChange, relValue]);
293
+ const handleChangeUnit = useCallback((unit) => onChange({
294
+ ...relValue,
295
+ unit
296
+ }), [onChange, relValue]);
297
+ const { ModeControl } = modeController;
298
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, ModeControl && /* @__PURE__ */ React.createElement(ModeControl, {
299
+ isRelative,
300
+ setMode: handleSetMode,
301
+ schema,
302
+ disabled,
303
+ className: valueListItemClassName,
304
+ title,
305
+ testID,
306
+ labels: toggleLabels
307
+ }), isRelative ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SelectorComponent, {
308
+ schema,
309
+ testID,
310
+ title,
311
+ className: valueListItemClassName,
312
+ handleOnChange: handleChangeAnchor,
313
+ disabled,
314
+ value: relValue.anchor,
315
+ options: anchors,
316
+ multiple: false,
317
+ listsAsArrays: false,
318
+ path: dummyPath,
319
+ level: 0
320
+ }), /* @__PURE__ */ React.createElement(NumericEditor, {
321
+ skipHook: true,
322
+ testID,
323
+ inputType: "number",
324
+ title,
325
+ className: valueListItemClassName,
326
+ disabled,
327
+ handleOnChange: handleChangeOffset,
328
+ field: "",
329
+ operator: "",
330
+ value: relValue.offset,
331
+ valueSource: "value",
332
+ fieldData: dummyFieldData,
333
+ schema: numericSchema,
334
+ path: dummyPath,
335
+ level: 0,
336
+ rule: {
337
+ field: "",
338
+ operator: "=",
339
+ value: relValue.offset
108
340
  }
341
+ }), relValue.offset !== 0 && /* @__PURE__ */ React.createElement(SelectorComponent, {
342
+ schema,
343
+ testID,
344
+ title,
345
+ className: valueListItemClassName,
346
+ handleOnChange: handleChangeUnit,
347
+ disabled,
348
+ value: relValue.unit,
349
+ options: units,
350
+ multiple: false,
351
+ listsAsArrays: false,
352
+ path: dummyPath,
353
+ level: 0
354
+ })) : /* @__PURE__ */ React.createElement(DateTimeValueEditor, {
355
+ ...baseProps,
356
+ operator: absoluteOperator,
357
+ value,
358
+ handleOnChange: onChange,
359
+ className: standardClassnames.value
360
+ }));
361
+ };
362
+ /**
363
+ * Value editor with support for {@link RelativeDateTimeValue relative date/time values}
364
+ * (e.g. "three months ago" or "the beginning of this year"). How the user switches
365
+ * between absolute and relative modes is delegated to a pluggable
366
+ * {@link RelativeDateTimeModeController} (default: a compact toggle), supplied via
367
+ * {@link QueryBuilderDateTime}. In relative mode it renders anchor + signed offset + unit
368
+ * selectors; the unit selector is hidden when the offset is `0`.
369
+ *
370
+ * For the `between`/`notBetween` operators it renders two independent value editors (each
371
+ * with its own mode affordance) and stores the bounds as a two-element array, so the from
372
+ * and to bounds can independently be absolute or relative.
373
+ *
374
+ * @group Components
375
+ */
376
+ const RelativeDateTimeValueEditor = (props) => {
377
+ const { valueListItemClassName } = useValueEditor(props);
378
+ const { className, value, handleOnChange, schema, operator, separator } = props;
379
+ const { suppressStandardClassnames } = schema;
380
+ const SelectorComponent = props.selectorComponent ?? schema.controls.valueSelector;
381
+ const config = useRelativeDateTimeConfig();
382
+ const numericSchema = useMemo(() => ({
383
+ ...schema,
384
+ parseNumbers: true
385
+ }), [schema]);
386
+ const outerClassname = useMemo(() => clsx(suppressStandardClassnames || standardClassnames.valueDateTimeRelative, className), [suppressStandardClassnames, className]);
387
+ const isBetween = operator === "between" || operator === "notBetween";
388
+ const valueAsArray = useMemo(() => toBetweenArray(value), [value]);
389
+ const handleChangeBound = useCallback((index) => (boundValue) => {
390
+ const next = [valueAsArray[0], valueAsArray[1]];
391
+ next[index] = boundValue;
392
+ handleOnChange(next);
393
+ }, [valueAsArray, handleOnChange]);
394
+ if (isBetween) return /* @__PURE__ */ React.createElement("span", { className: outerClassname }, /* @__PURE__ */ React.createElement(RelativeDateTimeSingleValueEditor, {
395
+ baseProps: props,
396
+ value: valueAsArray[0],
397
+ onChange: handleChangeBound(0),
398
+ absoluteOperator: "=",
399
+ config,
400
+ SelectorComponent,
401
+ valueListItemClassName,
402
+ numericSchema
403
+ }), separator, /* @__PURE__ */ React.createElement(RelativeDateTimeSingleValueEditor, {
404
+ baseProps: props,
405
+ value: valueAsArray[1],
406
+ onChange: handleChangeBound(1),
407
+ absoluteOperator: "=",
408
+ config,
409
+ SelectorComponent,
410
+ valueListItemClassName,
411
+ numericSchema
412
+ }));
413
+ return /* @__PURE__ */ React.createElement("span", { className: outerClassname }, /* @__PURE__ */ React.createElement(RelativeDateTimeSingleValueEditor, {
414
+ baseProps: props,
415
+ value,
416
+ onChange: handleOnChange,
417
+ absoluteOperator: operator,
418
+ config,
419
+ SelectorComponent,
420
+ valueListItemClassName,
421
+ numericSchema
422
+ }));
423
+ };
424
+ //#endregion
425
+ //#region src/QueryBuilderDateTime.tsx
426
+ /**
427
+ * Whether a rule should use a date/time editor, based on either the coerced input
428
+ * type (`date`/`datetime-local`) or a date-like `datatype` (`date`/`datetime`/`timestamp`).
429
+ */
430
+ const isDateTimeEditor = (props, inputTypeCoerced) => props.type === "text" && (inputTypeCoerced === "date" || inputTypeCoerced === "datetime-local") || /^(?:date|datetime|timestamp)\b/i.test(props.fieldData?.datatype);
431
+ const pad2 = (n) => `${n}`.padStart(2, "0");
432
+ /**
433
+ * Formats a `Date` into the local value expected by a native `date`/`datetime-local`
434
+ * input (library-agnostic; the date library only handles parsing/validation).
435
+ */
436
+ const formatDateInputValue = (d, withTime) => {
437
+ const datePart = `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())}`;
438
+ return withTime ? `${datePart}T${pad2(d.getHours())}:${pad2(d.getMinutes())}` : datePart;
439
+ };
440
+ const DateTimeValueEditor = (props) => {
441
+ const uVE = useValueEditor(props);
442
+ const InheritedEditor = useInheritedValueEditor();
443
+ const { dateTimeAPI } = useRelativeDateTimeConfig();
444
+ const fallback = (p) => InheritedEditor ? /* @__PURE__ */ React.createElement(InheritedEditor, p) : /* @__PURE__ */ React.createElement(ValueEditor, {
445
+ ...p,
446
+ skipHook: true
447
+ });
448
+ if (!isDateTimeEditor(props, uVE.inputTypeCoerced)) return fallback(props);
449
+ if (dateTimeAPI.isValid(props.value)) {
450
+ const value = formatDateInputValue(dateTimeAPI.toDate(props.value), uVE.inputTypeCoerced !== "date");
451
+ return fallback({
452
+ ...props,
453
+ value
454
+ });
109
455
  }
110
- return defaultRuleProcessorJSONata(rule, opts);
456
+ return fallback(props);
457
+ };
458
+ /**
459
+ * Provider value editor: renders the relative-capable {@link RelativeDateTimeValueEditor}
460
+ * for date/time fields and falls back to the inherited (compat) editor for everything else.
461
+ */
462
+ const QueryBuilderDateTimeValueEditor = (props) => {
463
+ const uVE = useValueEditor(props);
464
+ const InheritedEditor = useInheritedValueEditor();
465
+ if (isDateTimeEditor(props, uVE.inputTypeCoerced)) return /* @__PURE__ */ React.createElement(RelativeDateTimeValueEditor, props);
466
+ return InheritedEditor ? /* @__PURE__ */ React.createElement(InheritedEditor, props) : /* @__PURE__ */ React.createElement(ValueEditor, {
467
+ ...props,
468
+ skipHook: true
469
+ });
470
+ };
471
+ const QueryBuilderDateTimeContext = getCompatContextProvider({ controlElements: { valueEditor: QueryBuilderDateTimeValueEditor } });
472
+ /**
473
+ * Context provider enabling date/time features for a wrapped
474
+ * {@link react-querybuilder!QueryBuilder QueryBuilder}: renders the relative-capable
475
+ * {@link RelativeDateTimeValueEditor} for date/time fields, and accepts optional
476
+ * {@link RelativeDateTimeEditorConfig} props (mode controller, anchor/unit options, and
477
+ * toggle labels). With no props it provides the zero-config toggle experience.
478
+ *
479
+ * @group Components
480
+ */
481
+ const QueryBuilderDateTime = ({ children, modeController, anchors, units, toggleLabels, dateTimeAPI }) => {
482
+ const config = useMemo(() => ({
483
+ modeController,
484
+ anchors,
485
+ units,
486
+ toggleLabels,
487
+ dateTimeAPI
488
+ }), [
489
+ modeController,
490
+ anchors,
491
+ units,
492
+ toggleLabels,
493
+ dateTimeAPI
494
+ ]);
495
+ const inheritedValueEditor = useContext(QueryBuilderContext).controlElements?.valueEditor ?? null;
496
+ return /* @__PURE__ */ React.createElement(RelativeDateTimeConfigContext.Provider, { value: config }, /* @__PURE__ */ React.createElement(InheritedValueEditorContext.Provider, { value: inheritedValueEditor }, /* @__PURE__ */ React.createElement(QueryBuilderDateTimeContext, null, children)));
111
497
  };
112
498
  //#endregion
113
- export { datetimeRuleProcessorJsonLogic, datetimeValueProcessorNL, defaultDateTimeNLOperatorMap, getDatetimeJsonLogicOperations, getDatetimeRuleProcessorCEL, getDatetimeRuleProcessorCypher, getDatetimeRuleProcessorJSONata, getDatetimeRuleProcessorMongoDBQuery, getDatetimeRuleProcessorNL, getDatetimeRuleProcessorSPARQL, getDatetimeRuleProcessorSQL, getDatetimeValueProcessorANSI, getDatetimeValueProcessorMSSQL, getDatetimeValueProcessorMySQL, getDatetimeValueProcessorOracle, getDatetimeValueProcessorPostgreSQL };
499
+ export { DateTimeValueEditor, QueryBuilderDateTime, QueryBuilderDateTimeContext, RelativeDateTimeConfigContext, RelativeDateTimeModeToggle, RelativeDateTimeValueEditor, createOperatorModeController, datetimeRuleProcessorJsonLogic, datetimeValueProcessorNL, defaultDateTimeNLOperatorMap, defaultRelativeDateTimeAnchors, defaultRelativeDateTimeToggleLabels, defaultRelativeDateTimeUnits, defaultRelativeDateTimeValue, getDatetimeJsonLogicOperations, getDatetimeRuleProcessorCEL, getDatetimeRuleProcessorCypher, getDatetimeRuleProcessorDrizzle, getDatetimeRuleProcessorElasticSearch, getDatetimeRuleProcessorGremlin, getDatetimeRuleProcessorJSONata, getDatetimeRuleProcessorLDAP, getDatetimeRuleProcessorMongoDB, getDatetimeRuleProcessorMongoDBQuery, getDatetimeRuleProcessorNL, getDatetimeRuleProcessorParameterized, getDatetimeRuleProcessorPrisma, getDatetimeRuleProcessorSPARQL, getDatetimeRuleProcessorSQL, getDatetimeRuleProcessorSequelize, getDatetimeRuleProcessorSpEL, getDatetimeRuleProcessorTanStackDB, getDatetimeValueProcessorANSI, getDatetimeValueProcessorMSSQL, getDatetimeValueProcessorMySQL, getDatetimeValueProcessorOracle, getDatetimeValueProcessorPostgreSQL, relativeDateTimeToggleClassName, toggleModeController, useRelativeDateTimeConfig, withRelativeOperators };
114
500
 
115
501
  //# sourceMappingURL=react-querybuilder_datetime.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"react-querybuilder_datetime.mjs","names":[],"sources":["../src/datetimeRuleProcessorJsonLogic.ts","../src/getDatetimeRuleProcessorJSONata.ts"],"sourcesContent":["import type { DefaultOperatorName, JsonLogicVar, RuleProcessor } from 'react-querybuilder';\nimport { defaultRuleProcessorJsonLogic, toArray } from 'react-querybuilder';\nimport type { RQBDateTimeJsonLogic } from './types';\nimport { processIsDateField } from './utils';\n\nconst dateOperationMap = {\n '!=': 'dateNotOn',\n '<': 'dateBefore',\n '<=': 'dateOnOrBefore',\n '=': 'dateOn',\n '>': 'dateAfter',\n '>=': 'dateOnOrAfter',\n between: 'dateBetween',\n in: 'dateIn',\n notBetween: 'dateNotBetween',\n notIn: 'dateNotIn',\n} as const satisfies Partial<Record<DefaultOperatorName, string>>;\n\n/**\n * Date/time rule processor for use by {@link @react-querybuilder/core!formatQuery formatQuery}\n * with the \"jsonlogic\" format.\n *\n * Note: Unlike other date/time rule processors from this library, this function does\n * not require a date/time library API. Instead, the date/time library API is used by\n * {@link getDatetimeJsonLogicOperations} during the evaluation process.\n */\nexport const datetimeRuleProcessorJsonLogic: RuleProcessor = (\n rule,\n options\n): RQBDateTimeJsonLogic => {\n const opts = options ?? /* v8 ignore start -- @preserve */ {} /* v8 ignore stop -- @preserve */;\n\n if (!processIsDateField(opts.context?.isDateField, rule, opts)) {\n return defaultRuleProcessorJsonLogic(rule, opts);\n }\n\n const { field, operator, value, valueSource } = rule;\n const valueIsField = valueSource === 'field';\n const fieldObject: JsonLogicVar = { var: field };\n const maybeFieldRenderer = (v: string) => (valueIsField ? { var: `${v}` } : v);\n\n switch (operator) {\n case '<':\n case '<=':\n case '=':\n case '!=':\n case '>':\n case '>=':\n return {\n [dateOperationMap[operator]]: [fieldObject, maybeFieldRenderer(value)],\n } as RQBDateTimeJsonLogic;\n\n case 'in':\n case 'notIn': {\n const valueAsArray = toArray(value).map(v => maybeFieldRenderer(v));\n return { [dateOperationMap[operator]]: [fieldObject, valueAsArray] } as RQBDateTimeJsonLogic;\n }\n\n case 'between':\n case 'notBetween': {\n const valueAsArray = toArray(value).map(v => maybeFieldRenderer(v));\n\n if (valueAsArray.length < 2) return false;\n\n return {\n [dateOperationMap[operator]]: [valueAsArray[0], fieldObject, valueAsArray[1]],\n } as RQBDateTimeJsonLogic;\n }\n }\n\n return defaultRuleProcessorJsonLogic(rule, options);\n};\n","import type { RuleProcessor } from 'react-querybuilder';\nimport {\n defaultRuleProcessorJSONata,\n getQuotedFieldName,\n nullOrUndefinedOrEmpty,\n toArray,\n} from 'react-querybuilder';\nimport type { RQBDateTimeLibraryAPI } from './types';\nimport { processIsDateField } from './utils';\n\nconst shouldNegate = (op: string) => /^(does)?not/i.test(op);\n\nconst negate = (clause: string, neg: boolean) => (neg ? `$not(${clause})` : `${clause}`);\n\n/**\n * Generates a rule processor with date/time features for use by\n * {@link @react-querybuilder/core!formatQuery formatQuery} with the \"jsonata\" format.\n */\nexport const getDatetimeRuleProcessorJSONata =\n (apiFns: RQBDateTimeLibraryAPI): RuleProcessor =>\n (rule, options) => {\n const opts = options ?? /* v8 ignore start -- @preserve */ {} /* v8 ignore stop -- @preserve */;\n const { context = {} } = opts;\n\n // v8 ignore next\n const { quoteFieldNamesWith = ['', ''] as [string, string], fieldIdentifierSeparator = '' } =\n opts;\n const { field, operator, value, valueSource } = rule;\n\n if (!processIsDateField(context.isDateField, rule, opts)) {\n return defaultRuleProcessorJSONata(rule, opts);\n }\n\n const valueIsField = valueSource === 'field';\n\n const fldToMs = (f: string) =>\n `$toMillis(${getQuotedFieldName(f, { quoteFieldNamesWith, fieldIdentifierSeparator })})`;\n const valToMs = (v: string | Date) => `$toMillis(\"${apiFns.toISOString(v)}\")`;\n\n switch (operator) {\n case '<':\n case '<=':\n case '=':\n case '!=':\n case '>':\n case '>=':\n return `${fldToMs(field)} ${operator} ${valueIsField ? fldToMs(value) : valToMs(value)}`;\n }\n\n const valueAsArray: string[] = toArray(rule.value, { retainEmptyStrings: false });\n const valueAsDateArray = valueAsArray\n .map(v => apiFns.toDate(v))\n .filter(dateVal => apiFns.isValid(dateVal));\n\n switch (operator) {\n case 'in':\n case 'notIn': {\n if (valueIsField) {\n if (valueAsArray.length === 0) return '';\n return negate(\n `${fldToMs(field)} in [${valueAsArray.map(val => fldToMs(val)).join(', ')}]`,\n shouldNegate(operator)\n );\n }\n if (valueAsDateArray.length === 0) return '';\n return negate(\n `${fldToMs(field)} in [${valueAsDateArray.map(val => valToMs(val)).join(', ')}]`,\n shouldNegate(operator)\n );\n }\n\n case 'between':\n case 'notBetween': {\n if (\n valueAsArray.length < 2 ||\n nullOrUndefinedOrEmpty(valueAsArray[0]) ||\n nullOrUndefinedOrEmpty(valueAsArray[1]) ||\n (!valueIsField && valueAsDateArray.length < 2)\n ) {\n return '';\n }\n\n if (valueIsField) {\n const [firstValue, secondValue] = valueAsArray;\n const expression = `${fldToMs(field)} >= ${fldToMs(firstValue)} and ${fldToMs(field)} <= ${fldToMs(secondValue)}`;\n return operator === 'between' ? `(${expression})` : negate(expression, true);\n }\n\n const [first, second] = valueAsDateArray;\n const [firstDate, secondDate] = apiFns.isBefore(first, second)\n ? [first, second]\n : [second, first];\n const expression = `${fldToMs(field)} >= ${valToMs(firstDate)} and ${fldToMs(field)} <= ${valToMs(secondDate)}`;\n return operator === 'between' ? `(${expression})` : negate(expression, true);\n }\n }\n\n return defaultRuleProcessorJSONata(rule, opts);\n };\n"],"mappings":"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"}
1
+ {"version":3,"file":"react-querybuilder_datetime.mjs","names":["defaultDateTimeAPI"],"sources":["../src/datetimeRuleProcessorJsonLogic.ts","../src/InheritedValueEditorContext.ts","../src/relativeDateTimeConstants.ts","../src/relativeDateTimeModeControllers.tsx","../src/RelativeDateTimeConfigContext.tsx","../src/RelativeDateTimeValueEditor.tsx","../src/QueryBuilderDateTime.tsx"],"sourcesContent":["import type { DefaultOperatorName, JsonLogicVar, RuleProcessor } from 'react-querybuilder';\nimport { defaultRuleProcessorJsonLogic, toArray } from 'react-querybuilder';\nimport type { RQBJsonLogicDateRelative, RQBDateTimeJsonLogic } from './types';\nimport {\n isDateOnlyDatatype,\n isRelativeDateTimeValue,\n processIsDateField,\n resolveDatetimeOperator,\n} from './utils';\n\nconst dateOperationMap = {\n '!=': 'dateNotOn',\n '<': 'dateBefore',\n '<=': 'dateOnOrBefore',\n '=': 'dateOn',\n '>': 'dateAfter',\n '>=': 'dateOnOrAfter',\n between: 'dateBetween',\n in: 'dateIn',\n notBetween: 'dateNotBetween',\n notIn: 'dateNotIn',\n} as const satisfies Partial<Record<DefaultOperatorName, string>>;\n\n/**\n * Date/time rule processor for use by {@link @react-querybuilder/core!formatQuery formatQuery}\n * with the \"jsonlogic\" format.\n *\n * Note: Unlike other date/time rule processors from this library, this function does\n * not require a date/time library API. Instead, the date/time library API is used by\n * {@link getDatetimeJsonLogicOperations} during the evaluation process.\n */\nexport const datetimeRuleProcessorJsonLogic: RuleProcessor = (\n rule,\n options\n): RQBDateTimeJsonLogic => {\n const opts = options ?? /* v8 ignore start -- @preserve */ {} /* v8 ignore stop -- @preserve */;\n\n if (!processIsDateField(opts.context?.isDateField, rule, opts)) {\n return defaultRuleProcessorJsonLogic(rule, opts);\n }\n\n const { field, value, valueSource } = rule;\n const operator = resolveDatetimeOperator(rule, opts);\n const valueIsField = valueSource === 'field';\n const fieldObject: JsonLogicVar = { var: field };\n const dateOnly = isDateOnlyDatatype(opts?.fieldData?.datatype);\n // Relative values stay \"live\": emit a `dateRelative` op resolved at evaluation time.\n // Field-source values are field names and render as `var` references.\n const renderValue = (v: unknown) => {\n if (valueIsField) return { var: `${v}` };\n if (isRelativeDateTimeValue(v)) {\n return {\n dateRelative: [v.anchor, v.offset, v.unit, dateOnly],\n } as RQBJsonLogicDateRelative;\n }\n return v as string;\n };\n\n switch (operator) {\n case '<':\n case '<=':\n case '=':\n case '!=':\n case '>':\n case '>=':\n return {\n [dateOperationMap[operator]]: [fieldObject, renderValue(value)],\n } as RQBDateTimeJsonLogic;\n\n case 'in':\n case 'notIn': {\n const valueAsArray = (Array.isArray(value) ? value : toArray(value)).map(renderValue);\n return { [dateOperationMap[operator]]: [fieldObject, valueAsArray] } as RQBDateTimeJsonLogic;\n }\n\n case 'between':\n case 'notBetween': {\n const valueAsArray = (Array.isArray(value) ? value : toArray(value)).map(renderValue);\n\n if (valueAsArray.length < 2) return false;\n\n return {\n [dateOperationMap[operator]]: [valueAsArray[0], fieldObject, valueAsArray[1]],\n } as RQBDateTimeJsonLogic;\n }\n }\n\n return defaultRuleProcessorJsonLogic(rule, options);\n};\n","import type { Context } from 'react';\nimport { createContext, useContext } from 'react';\nimport type { ValueEditorProps } from 'react-querybuilder';\n\n/**\n * Holds the value editor inherited from an outer (compat package) context provider,\n * captured _before_ {@link QueryBuilderDateTime} overrides it. Lets the date/time value\n * editor delegate non-date fields (and absolute date inputs) to the compat editor instead\n * of the bare default {@link react-querybuilder!ValueEditor ValueEditor}. `null` = none\n * inherited (fall back to default).\n */\nexport const InheritedValueEditorContext: Context<React.ComponentType<ValueEditorProps> | null> =\n createContext<React.ComponentType<ValueEditorProps> | null>(null);\n\n/** Inherited (compat) value editor, or `null` if none. See {@link InheritedValueEditorContext}. */\nexport const useInheritedValueEditor = (): React.ComponentType<ValueEditorProps> | null =>\n useContext(InheritedValueEditorContext);\n","import type { FullOption } from 'react-querybuilder';\nimport type {\n RelativeDateTimeAnchor,\n RelativeDateTimeToggleLabels,\n RelativeDateTimeUnit,\n RelativeDateTimeValue,\n} from './types';\n\n/**\n * Class name applied to the absolute/relative mode toggle button. Package-local (not part\n * of the core `standardClassnames`) to avoid coupling core to this extension.\n */\nexport const relativeDateTimeToggleClassName = 'rule-value-dateTimeRelative-toggle';\n\n/** Default value applied when switching a rule to relative mode. */\nexport const defaultRelativeDateTimeValue: RelativeDateTimeValue = {\n mode: 'relative',\n anchor: 'now',\n offset: 0,\n unit: 'day',\n};\n\n/** Default anchor (reference-point) options for the relative date/time editor. */\nexport const defaultRelativeDateTimeAnchors: FullOption<RelativeDateTimeAnchor>[] = [\n { name: 'now', value: 'now', label: 'now' },\n { name: 'startOfDay', value: 'startOfDay', label: 'start of day' },\n { name: 'endOfDay', value: 'endOfDay', label: 'end of day' },\n { name: 'startOfWeek', value: 'startOfWeek', label: 'start of week' },\n { name: 'endOfWeek', value: 'endOfWeek', label: 'end of week' },\n { name: 'startOfMonth', value: 'startOfMonth', label: 'start of month' },\n { name: 'endOfMonth', value: 'endOfMonth', label: 'end of month' },\n { name: 'startOfYear', value: 'startOfYear', label: 'start of year' },\n { name: 'endOfYear', value: 'endOfYear', label: 'end of year' },\n];\n\n/** Default unit options for the relative date/time editor. */\nexport const defaultRelativeDateTimeUnits: FullOption<RelativeDateTimeUnit>[] = [\n { name: 'minute', value: 'minute', label: 'minute(s)' },\n { name: 'hour', value: 'hour', label: 'hour(s)' },\n { name: 'day', value: 'day', label: 'day(s)' },\n { name: 'week', value: 'week', label: 'week(s)' },\n { name: 'month', value: 'month', label: 'month(s)' },\n { name: 'year', value: 'year', label: 'year(s)' },\n];\n\n/** Default labels/content for the absolute/relative mode toggle. */\nexport const defaultRelativeDateTimeToggleLabels: Required<RelativeDateTimeToggleLabels> = {\n label: 'Toggle relative date/time',\n absoluteTitle: 'Absolute date/time (click for relative)',\n relativeTitle: 'Relative date/time (click for absolute)',\n // Empty by default; the CSS pseudo-element renders the glyph based on `aria-checked`.\n absoluteContent: '',\n relativeContent: '',\n};\n","import * as React from 'react';\nimport type { FullOperator } from 'react-querybuilder';\nimport { clsx, defaultOperators } from 'react-querybuilder';\nimport { relativeDateTimeToggleClassName } from './relativeDateTimeConstants';\nimport type { RelativeDateTimeModeController, RelativeDateTimeModeControlProps } from './types';\nimport { isRelativeDateTimeValue } from './utils';\n\n/**\n * Compact absolute/relative toggle rendered by {@link toggleModeController}. A\n * `role=\"switch\"` button whose default glyph is supplied by CSS (keyed on\n * `aria-checked`); override via the `toggleLabels` config.\n *\n * @group Components\n */\nexport const RelativeDateTimeModeToggle = ({\n isRelative,\n setMode,\n disabled,\n className,\n labels,\n}: RelativeDateTimeModeControlProps): React.JSX.Element => {\n const onClick = React.useCallback(\n () => setMode(isRelative ? 'absolute' : 'relative'),\n [setMode, isRelative]\n );\n\n return (\n <button\n type=\"button\"\n role=\"switch\"\n aria-checked={isRelative}\n aria-label={labels.label}\n title={isRelative ? labels.relativeTitle : labels.absoluteTitle}\n disabled={disabled}\n className={clsx(relativeDateTimeToggleClassName, className)}\n onClick={onClick}>\n {isRelative ? labels.relativeContent : labels.absoluteContent}\n </button>\n );\n};\n\n/**\n * Zero-config default {@link RelativeDateTimeModeController}: derives the mode from the\n * value shape and renders a compact toggle button to switch between absolute and\n * relative entry.\n */\nexport const toggleModeController: RelativeDateTimeModeController = {\n isRelative: props => isRelativeDateTimeValue(props.value),\n ModeControl: RelativeDateTimeModeToggle,\n};\n\n/**\n * Builds an operator-driven {@link RelativeDateTimeModeController} that derives the mode\n * from the rule's operator. Pass the operator name(s) (or a predicate) that should put the\n * editor in relative mode. No toggle is rendered — the operator selector is the mode\n * affordance.\n *\n * NOTE: the chosen operators only signal _mode_; the rule's value remains a\n * {@link RelativeDateTimeValue}. For these operators to export correctly, map each one to a\n * real comparison operator via `context.relativeOperatorMap` when calling `formatQuery`\n * (e.g. `{ relativeEq: '=' }`). See the documentation.\n */\nexport const createOperatorModeController = (\n relativeOperators: string[] | ((operator: string) => boolean)\n): RelativeDateTimeModeController => ({\n isRelative: props =>\n typeof relativeOperators === 'function'\n ? relativeOperators(props.operator)\n : relativeOperators.includes(props.operator),\n});\n\ninterface FieldWithOperators {\n operators?: FullOperator[];\n [key: string]: unknown;\n}\n\n/**\n * Appends the given `operators` to each field's `operators` list, so the operator-driven\n * controller (see {@link createOperatorModeController}) has an operator to switch into\n * relative mode. Fields without an explicit `operators` list fall back to the core\n * `defaultOperators`.\n */\nexport const withRelativeOperators = <F extends FieldWithOperators>(\n fields: F[],\n operators: FullOperator[]\n): F[] =>\n fields.map(field => ({\n ...field,\n operators: [...(field.operators ?? (defaultOperators as FullOperator[])), ...operators],\n }));\n","import * as React from 'react';\nimport { createContext, useContext, useMemo } from 'react';\nimport type { FullOption } from 'react-querybuilder';\nimport {\n defaultRelativeDateTimeAnchors,\n defaultRelativeDateTimeToggleLabels,\n defaultRelativeDateTimeUnits,\n} from './relativeDateTimeConstants';\nimport { toggleModeController } from './relativeDateTimeModeControllers';\nimport { rqbDateTimeLibraryAPI as defaultDateTimeAPI } from './rqbDateTimeLibraryAPI.dayjs';\nimport type {\n RelativeDateTimeAnchor,\n RelativeDateTimeEditorConfig,\n RelativeDateTimeModeController,\n RelativeDateTimeToggleLabels,\n RelativeDateTimeUnit,\n RQBDateTimeLibraryAPI,\n} from './types';\n\n/** Fully-resolved relative date/time editor config (no optional fields). */\nexport interface ResolvedRelativeDateTimeConfig {\n modeController: RelativeDateTimeModeController;\n anchors: FullOption<RelativeDateTimeAnchor>[];\n units: FullOption<RelativeDateTimeUnit>[];\n toggleLabels: Required<RelativeDateTimeToggleLabels>;\n dateTimeAPI: RQBDateTimeLibraryAPI;\n}\n\n/**\n * Carries {@link RelativeDateTimeEditorConfig} to the {@link RelativeDateTimeValueEditor}.\n * Provided by {@link QueryBuilderDateTime}; defaults apply when no provider is present.\n */\nexport const RelativeDateTimeConfigContext: React.Context<RelativeDateTimeEditorConfig> =\n createContext<RelativeDateTimeEditorConfig>({});\n\n/** Reads the relative date/time editor config from context, merged with defaults. */\nexport const useRelativeDateTimeConfig = (): ResolvedRelativeDateTimeConfig => {\n const config = useContext(RelativeDateTimeConfigContext);\n return useMemo(\n () => ({\n modeController: config.modeController ?? toggleModeController,\n anchors: config.anchors ?? defaultRelativeDateTimeAnchors,\n units: config.units ?? defaultRelativeDateTimeUnits,\n toggleLabels: { ...defaultRelativeDateTimeToggleLabels, ...config.toggleLabels },\n dateTimeAPI: config.dateTimeAPI ?? defaultDateTimeAPI,\n }),\n [config]\n );\n};\n","import * as React from 'react';\nimport { useCallback, useMemo } from 'react';\nimport type { FullField, Path, ValueEditorProps, ValueSelectorProps } from 'react-querybuilder';\nimport {\n clsx,\n parseNumber,\n standardClassnames,\n toArray,\n useValueEditor,\n ValueEditor,\n} from 'react-querybuilder';\nimport { useInheritedValueEditor } from './InheritedValueEditorContext';\nimport { DateTimeValueEditor } from './QueryBuilderDateTime';\nimport type { ResolvedRelativeDateTimeConfig } from './RelativeDateTimeConfigContext';\nimport { useRelativeDateTimeConfig } from './RelativeDateTimeConfigContext';\nimport { defaultRelativeDateTimeValue } from './relativeDateTimeConstants';\nimport type { RelativeDateTimeAnchor, RelativeDateTimeUnit, RelativeDateTimeValue } from './types';\nimport { isRelativeDateTimeValue } from './utils';\n\nconst dummyPath: Path = [];\nconst dummyFieldData: FullField = { name: '', value: '', label: '' };\n\n/** Splits a value into the from/to pair used by between/notBetween, object-safe. */\nconst toBetweenArray = (value: unknown): unknown[] =>\n Array.isArray(value) ? value : isRelativeDateTimeValue(value) ? [value] : toArray(value);\n\ninterface RelativeDateTimeSingleValueEditorProps {\n /** The original value editor props (for mode derivation and absolute rendering). */\n baseProps: ValueEditorProps;\n /** The value for this slot (the whole value, or one element of a between pair). */\n value: unknown;\n /** Emits a new value for this slot. */\n onChange: (value: unknown) => void;\n /** Operator passed to the absolute editor (forced to `=` for between slots). */\n absoluteOperator: string;\n config: ResolvedRelativeDateTimeConfig;\n SelectorComponent: React.ComponentType<ValueSelectorProps>;\n valueListItemClassName?: string;\n numericSchema: ValueEditorProps['schema'];\n}\n\n/**\n * Renders a single absolute-or-relative date/time value: a mode affordance (per the\n * controller) plus either an absolute date input or anchor + signed offset + unit\n * selectors. Reused once per slot so between/notBetween can mix bounds (e.g. an absolute\n * \"from\" and a relative \"to\").\n */\nconst RelativeDateTimeSingleValueEditor = ({\n baseProps,\n value,\n onChange,\n absoluteOperator,\n config,\n SelectorComponent,\n valueListItemClassName,\n numericSchema,\n}: RelativeDateTimeSingleValueEditorProps): React.JSX.Element => {\n const { schema, disabled, title, testID } = baseProps;\n const { modeController, anchors, units, toggleLabels } = config;\n\n // Themed numeric offset input from the inherited (compat) editor when present.\n const NumericEditor = useInheritedValueEditor() ?? ValueEditor;\n\n const isRelative = modeController.isRelative({ ...baseProps, value });\n const relValue: RelativeDateTimeValue = isRelativeDateTimeValue(value)\n ? value\n : defaultRelativeDateTimeValue;\n\n const handleSetMode = useCallback(\n (mode: 'absolute' | 'relative') =>\n onChange(mode === 'relative' ? defaultRelativeDateTimeValue : ''),\n [onChange]\n );\n\n const handleChangeAnchor = useCallback(\n (anchor: string) => onChange({ ...relValue, anchor: anchor as RelativeDateTimeAnchor }),\n [onChange, relValue]\n );\n\n const handleChangeOffset = useCallback(\n (offset: unknown) =>\n onChange({\n ...relValue,\n offset: (parseNumber(offset, { parseNumbers: true }) as number) || 0,\n }),\n [onChange, relValue]\n );\n\n const handleChangeUnit = useCallback(\n (unit: string) => onChange({ ...relValue, unit: unit as RelativeDateTimeUnit }),\n [onChange, relValue]\n );\n\n const { ModeControl } = modeController;\n\n return (\n <React.Fragment>\n {ModeControl && (\n <ModeControl\n isRelative={isRelative}\n setMode={handleSetMode}\n schema={schema}\n disabled={disabled}\n className={valueListItemClassName}\n title={title}\n testID={testID}\n labels={toggleLabels}\n />\n )}\n {isRelative ? (\n <React.Fragment>\n <SelectorComponent\n schema={schema}\n testID={testID}\n title={title}\n className={valueListItemClassName}\n handleOnChange={handleChangeAnchor}\n disabled={disabled}\n value={relValue.anchor}\n options={anchors}\n multiple={false}\n listsAsArrays={false}\n path={dummyPath}\n level={0}\n />\n <NumericEditor\n skipHook\n testID={testID}\n inputType=\"number\"\n title={title}\n className={valueListItemClassName}\n disabled={disabled}\n handleOnChange={handleChangeOffset}\n field={''}\n operator={''}\n value={relValue.offset}\n valueSource={'value'}\n fieldData={dummyFieldData}\n schema={numericSchema}\n path={dummyPath}\n level={0}\n rule={{ field: '', operator: '=', value: relValue.offset }}\n />\n {relValue.offset !== 0 && (\n <SelectorComponent\n schema={schema}\n testID={testID}\n title={title}\n className={valueListItemClassName}\n handleOnChange={handleChangeUnit}\n disabled={disabled}\n value={relValue.unit}\n options={units}\n multiple={false}\n listsAsArrays={false}\n path={dummyPath}\n level={0}\n />\n )}\n </React.Fragment>\n ) : (\n <DateTimeValueEditor\n {...baseProps}\n operator={absoluteOperator}\n value={value}\n handleOnChange={onChange}\n className={standardClassnames.value}\n />\n )}\n </React.Fragment>\n );\n};\n\n/**\n * Value editor with support for {@link RelativeDateTimeValue relative date/time values}\n * (e.g. \"three months ago\" or \"the beginning of this year\"). How the user switches\n * between absolute and relative modes is delegated to a pluggable\n * {@link RelativeDateTimeModeController} (default: a compact toggle), supplied via\n * {@link QueryBuilderDateTime}. In relative mode it renders anchor + signed offset + unit\n * selectors; the unit selector is hidden when the offset is `0`.\n *\n * For the `between`/`notBetween` operators it renders two independent value editors (each\n * with its own mode affordance) and stores the bounds as a two-element array, so the from\n * and to bounds can independently be absolute or relative.\n *\n * @group Components\n */\nexport const RelativeDateTimeValueEditor = (props: ValueEditorProps): React.JSX.Element => {\n const { valueListItemClassName } = useValueEditor(props);\n\n const { className, value, handleOnChange, schema, operator, separator } = props;\n const { suppressStandardClassnames } = schema;\n\n const SelectorComponent = props.selectorComponent ?? schema.controls.valueSelector;\n\n const config = useRelativeDateTimeConfig();\n\n const numericSchema = useMemo(() => ({ ...schema, parseNumbers: true }), [schema]);\n\n const outerClassname = useMemo(\n () => clsx(suppressStandardClassnames || standardClassnames.valueDateTimeRelative, className),\n [suppressStandardClassnames, className]\n );\n\n const isBetween = operator === 'between' || operator === 'notBetween';\n\n // For between/notBetween, store the bounds as a two-element array. Relative values are\n // objects (which can't survive comma-joining), so the array is emitted directly,\n // regardless of `listsAsArrays`.\n const valueAsArray = useMemo(() => toBetweenArray(value), [value]);\n\n const handleChangeBound = useCallback(\n (index: number) => (boundValue: unknown) => {\n const next = [valueAsArray[0], valueAsArray[1]];\n next[index] = boundValue;\n handleOnChange(next);\n },\n [valueAsArray, handleOnChange]\n );\n\n if (isBetween) {\n return (\n <span className={outerClassname}>\n <RelativeDateTimeSingleValueEditor\n baseProps={props}\n value={valueAsArray[0]}\n onChange={handleChangeBound(0)}\n absoluteOperator=\"=\"\n config={config}\n SelectorComponent={SelectorComponent}\n valueListItemClassName={valueListItemClassName}\n numericSchema={numericSchema}\n />\n {separator}\n <RelativeDateTimeSingleValueEditor\n baseProps={props}\n value={valueAsArray[1]}\n onChange={handleChangeBound(1)}\n absoluteOperator=\"=\"\n config={config}\n SelectorComponent={SelectorComponent}\n valueListItemClassName={valueListItemClassName}\n numericSchema={numericSchema}\n />\n </span>\n );\n }\n\n return (\n <span className={outerClassname}>\n <RelativeDateTimeSingleValueEditor\n baseProps={props}\n value={value}\n onChange={handleOnChange}\n absoluteOperator={operator}\n config={config}\n SelectorComponent={SelectorComponent}\n valueListItemClassName={valueListItemClassName}\n numericSchema={numericSchema}\n />\n </span>\n );\n};\n","import * as React from 'react';\nimport { useContext, useMemo } from 'react';\nimport type { QueryBuilderContextProvider, ValueEditorProps } from 'react-querybuilder';\nimport {\n getCompatContextProvider,\n QueryBuilderContext,\n useValueEditor,\n ValueEditor,\n} from 'react-querybuilder';\nimport {\n InheritedValueEditorContext,\n useInheritedValueEditor,\n} from './InheritedValueEditorContext';\nimport {\n RelativeDateTimeConfigContext,\n useRelativeDateTimeConfig,\n} from './RelativeDateTimeConfigContext';\nimport { RelativeDateTimeValueEditor } from './RelativeDateTimeValueEditor';\nimport type { RelativeDateTimeEditorConfig } from './types';\n\n/**\n * Whether a rule should use a date/time editor, based on either the coerced input\n * type (`date`/`datetime-local`) or a date-like `datatype` (`date`/`datetime`/`timestamp`).\n */\nconst isDateTimeEditor = (props: ValueEditorProps, inputTypeCoerced: string | undefined): boolean =>\n (props.type === 'text' &&\n (inputTypeCoerced === 'date' || inputTypeCoerced === 'datetime-local')) ||\n /^(?:date|datetime|timestamp)\\b/i.test(props.fieldData?.datatype as string);\n\nconst pad2 = (n: number): string => `${n}`.padStart(2, '0');\n\n/**\n * Formats a `Date` into the local value expected by a native `date`/`datetime-local`\n * input (library-agnostic; the date library only handles parsing/validation).\n */\nconst formatDateInputValue = (d: Date, withTime: boolean): string => {\n const datePart = `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())}`;\n return withTime ? `${datePart}T${pad2(d.getHours())}:${pad2(d.getMinutes())}` : datePart;\n};\n\nexport const DateTimeValueEditor = (props: ValueEditorProps): React.JSX.Element => {\n const uVE = useValueEditor(props);\n const InheritedEditor = useInheritedValueEditor();\n const { dateTimeAPI } = useRelativeDateTimeConfig();\n\n // Non-date fields and unparseable values: delegate to the inherited (compat) editor when\n // present, otherwise the default editor.\n const fallback = (p: ValueEditorProps) =>\n InheritedEditor ? <InheritedEditor {...p} /> : <ValueEditor {...p} skipHook />;\n\n if (!isDateTimeEditor(props, uVE.inputTypeCoerced)) {\n return fallback(props);\n }\n\n if (dateTimeAPI.isValid(props.value)) {\n const value = formatDateInputValue(\n dateTimeAPI.toDate(props.value),\n uVE.inputTypeCoerced !== 'date'\n );\n return fallback({ ...props, value });\n }\n\n return fallback(props);\n};\n\n/**\n * Provider value editor: renders the relative-capable {@link RelativeDateTimeValueEditor}\n * for date/time fields and falls back to the inherited (compat) editor for everything else.\n */\nconst QueryBuilderDateTimeValueEditor = (props: ValueEditorProps): React.JSX.Element => {\n const uVE = useValueEditor(props);\n const InheritedEditor = useInheritedValueEditor();\n\n if (isDateTimeEditor(props, uVE.inputTypeCoerced)) {\n return <RelativeDateTimeValueEditor {...props} />;\n }\n\n return InheritedEditor ? <InheritedEditor {...props} /> : <ValueEditor {...props} skipHook />;\n};\n\nexport const QueryBuilderDateTimeContext: QueryBuilderContextProvider = getCompatContextProvider({\n controlElements: { valueEditor: QueryBuilderDateTimeValueEditor },\n});\n\n/** Props for {@link QueryBuilderDateTime}: {@link RelativeDateTimeEditorConfig} plus children. */\nexport interface QueryBuilderDateTimeProps extends RelativeDateTimeEditorConfig {\n children?: React.ReactNode;\n}\n\n/**\n * Context provider enabling date/time features for a wrapped\n * {@link react-querybuilder!QueryBuilder QueryBuilder}: renders the relative-capable\n * {@link RelativeDateTimeValueEditor} for date/time fields, and accepts optional\n * {@link RelativeDateTimeEditorConfig} props (mode controller, anchor/unit options, and\n * toggle labels). With no props it provides the zero-config toggle experience.\n *\n * @group Components\n */\nexport const QueryBuilderDateTime = ({\n children,\n modeController,\n anchors,\n units,\n toggleLabels,\n dateTimeAPI,\n}: QueryBuilderDateTimeProps): React.JSX.Element => {\n const config = useMemo(\n (): RelativeDateTimeEditorConfig => ({\n modeController,\n anchors,\n units,\n toggleLabels,\n dateTimeAPI,\n }),\n [modeController, anchors, units, toggleLabels, dateTimeAPI]\n );\n\n // Capture the value editor inherited from any outer compat provider (e.g. QueryBuilderMaterial)\n // _before_ QueryBuilderDateTimeContext overrides it, so date/time editors can delegate to it.\n const inheritedValueEditor = (useContext(QueryBuilderContext).controlElements?.valueEditor ??\n null) as React.ComponentType<ValueEditorProps> | null;\n\n return (\n <RelativeDateTimeConfigContext.Provider value={config}>\n <InheritedValueEditorContext.Provider value={inheritedValueEditor}>\n <QueryBuilderDateTimeContext>{children}</QueryBuilderDateTimeContext>\n </InheritedValueEditorContext.Provider>\n </RelativeDateTimeConfigContext.Provider>\n );\n};\n"],"mappings":"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"}