@react-querybuilder/datetime 8.20.1 → 8.20.2

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 (147) hide show
  1. package/README.md +9 -3
  2. package/dist/cjs/getDatetimeRuleProcessorTanStackDB-BVNfYaIj.js +2 -0
  3. package/dist/cjs/getDatetimeRuleProcessorTanStackDB-BVNfYaIj.js.map +1 -0
  4. package/dist/cjs/{getDatetimeRuleProcessorTanStackDB-CL79A1_x.js → getDatetimeRuleProcessorTanStackDB-cmGqMT0Q.js} +83 -216
  5. package/dist/cjs/getDatetimeRuleProcessorTanStackDB-cmGqMT0Q.js.map +1 -0
  6. package/dist/cjs/react-querybuilder_datetime.cjs.development.d.ts +3 -123
  7. package/dist/cjs/react-querybuilder_datetime.cjs.development.date-fns.d.ts +2 -2
  8. package/dist/cjs/react-querybuilder_datetime.cjs.development.date-fns.js +3 -2
  9. package/dist/cjs/react-querybuilder_datetime.cjs.development.date-fns.js.map +1 -1
  10. package/dist/cjs/react-querybuilder_datetime.cjs.development.dayjs.d.ts +2 -2
  11. package/dist/cjs/react-querybuilder_datetime.cjs.development.dayjs.js +53 -26
  12. package/dist/cjs/react-querybuilder_datetime.cjs.development.dayjs.js.map +1 -1
  13. package/dist/cjs/react-querybuilder_datetime.cjs.development.js +10 -467
  14. package/dist/cjs/react-querybuilder_datetime.cjs.development.js.map +1 -1
  15. package/dist/cjs/react-querybuilder_datetime.cjs.development.jsdate.d.ts +2 -2
  16. package/dist/cjs/react-querybuilder_datetime.cjs.development.jsdate.js +26 -144
  17. package/dist/cjs/react-querybuilder_datetime.cjs.development.jsdate.js.map +1 -1
  18. package/dist/cjs/react-querybuilder_datetime.cjs.development.luxon.d.ts +2 -2
  19. package/dist/cjs/react-querybuilder_datetime.cjs.development.luxon.js +3 -2
  20. package/dist/cjs/react-querybuilder_datetime.cjs.development.luxon.js.map +1 -1
  21. package/dist/cjs/react-querybuilder_datetime.cjs.development.ui.d.ts +228 -0
  22. package/dist/cjs/react-querybuilder_datetime.cjs.development.ui.js +464 -0
  23. package/dist/cjs/react-querybuilder_datetime.cjs.development.ui.js.map +1 -0
  24. package/dist/cjs/react-querybuilder_datetime.cjs.production.d.ts +3 -123
  25. package/dist/cjs/react-querybuilder_datetime.cjs.production.date-fns.d.ts +2 -2
  26. package/dist/cjs/react-querybuilder_datetime.cjs.production.date-fns.js +1 -1
  27. package/dist/cjs/react-querybuilder_datetime.cjs.production.date-fns.js.map +1 -1
  28. package/dist/cjs/react-querybuilder_datetime.cjs.production.dayjs.d.ts +2 -2
  29. package/dist/cjs/react-querybuilder_datetime.cjs.production.dayjs.js +1 -1
  30. package/dist/cjs/react-querybuilder_datetime.cjs.production.dayjs.js.map +1 -1
  31. package/dist/cjs/react-querybuilder_datetime.cjs.production.js +1 -1
  32. package/dist/cjs/react-querybuilder_datetime.cjs.production.js.map +1 -1
  33. package/dist/cjs/react-querybuilder_datetime.cjs.production.jsdate.d.ts +2 -2
  34. package/dist/cjs/react-querybuilder_datetime.cjs.production.jsdate.js +1 -1
  35. package/dist/cjs/react-querybuilder_datetime.cjs.production.jsdate.js.map +1 -1
  36. package/dist/cjs/react-querybuilder_datetime.cjs.production.luxon.d.ts +2 -2
  37. package/dist/cjs/react-querybuilder_datetime.cjs.production.luxon.js +1 -1
  38. package/dist/cjs/react-querybuilder_datetime.cjs.production.luxon.js.map +1 -1
  39. package/dist/cjs/react-querybuilder_datetime.cjs.production.ui.d.ts +228 -0
  40. package/dist/cjs/react-querybuilder_datetime.cjs.production.ui.js +2 -0
  41. package/dist/cjs/react-querybuilder_datetime.cjs.production.ui.js.map +1 -0
  42. package/dist/cjs/rolldown-runtime-CMqjfN_6.js +1 -0
  43. package/dist/cjs/rolldown-runtime-D6vf50IK.js +28 -0
  44. package/dist/cjs/rqbDateTimeLibraryAPI.jsdate-BPEcMhhr.js +128 -0
  45. package/dist/cjs/rqbDateTimeLibraryAPI.jsdate-BPEcMhhr.js.map +1 -0
  46. package/dist/cjs/rqbDateTimeLibraryAPI.jsdate-ioz2B1zh.js +2 -0
  47. package/dist/cjs/rqbDateTimeLibraryAPI.jsdate-ioz2B1zh.js.map +1 -0
  48. package/dist/cjs/{types-XYMw0jFT.d.ts → types-Di8kFIXV.d.ts} +3 -103
  49. package/dist/cjs/ui.d.ts +1 -0
  50. package/dist/cjs/ui.js +6 -0
  51. package/dist/cjs/utils-DUePrC--.js +154 -0
  52. package/dist/cjs/utils-DUePrC--.js.map +1 -0
  53. package/dist/cjs/utils-jkW5R1AA.js +2 -0
  54. package/dist/cjs/utils-jkW5R1AA.js.map +1 -0
  55. package/dist/{getDatetimeRuleProcessorTanStackDB-BcOC-o2A.mjs → getDatetimeRuleProcessorTanStackDB-B93XaPdB.mjs} +4 -107
  56. package/dist/getDatetimeRuleProcessorTanStackDB-B93XaPdB.mjs.map +1 -0
  57. package/dist/{getDatetimeRuleProcessorTanStackDB-BL8mbdbl.js → getDatetimeRuleProcessorTanStackDB-BDFJlfJh.js} +4 -181
  58. package/dist/getDatetimeRuleProcessorTanStackDB-BDFJlfJh.js.map +1 -0
  59. package/dist/getDatetimeRuleProcessorTanStackDB-Czg9Fbb8.mjs +2 -0
  60. package/dist/getDatetimeRuleProcessorTanStackDB-Czg9Fbb8.mjs.map +1 -0
  61. package/dist/objectSpread2-73AKOozq.js +181 -0
  62. package/dist/objectSpread2-73AKOozq.js.map +1 -0
  63. package/dist/react-querybuilder_datetime.d.mts +3 -123
  64. package/dist/react-querybuilder_datetime.date-fns.d.mts +2 -2
  65. package/dist/react-querybuilder_datetime.date-fns.mjs +2 -1
  66. package/dist/react-querybuilder_datetime.date-fns.mjs.map +1 -1
  67. package/dist/react-querybuilder_datetime.dayjs.d.mts +2 -2
  68. package/dist/react-querybuilder_datetime.dayjs.mjs +27 -2
  69. package/dist/react-querybuilder_datetime.dayjs.mjs.map +1 -1
  70. package/dist/react-querybuilder_datetime.jsdate.d.mts +2 -2
  71. package/dist/react-querybuilder_datetime.jsdate.mjs +2 -120
  72. package/dist/react-querybuilder_datetime.jsdate.mjs.map +1 -1
  73. package/dist/react-querybuilder_datetime.legacy-esm.d.ts +3 -123
  74. package/dist/react-querybuilder_datetime.legacy-esm.date-fns.d.ts +2 -2
  75. package/dist/react-querybuilder_datetime.legacy-esm.date-fns.js +2 -1
  76. package/dist/react-querybuilder_datetime.legacy-esm.date-fns.js.map +1 -1
  77. package/dist/react-querybuilder_datetime.legacy-esm.dayjs.d.ts +2 -2
  78. package/dist/react-querybuilder_datetime.legacy-esm.dayjs.js +27 -2
  79. package/dist/react-querybuilder_datetime.legacy-esm.dayjs.js.map +1 -1
  80. package/dist/react-querybuilder_datetime.legacy-esm.js +4 -449
  81. package/dist/react-querybuilder_datetime.legacy-esm.js.map +1 -1
  82. package/dist/react-querybuilder_datetime.legacy-esm.jsdate.d.ts +2 -2
  83. package/dist/react-querybuilder_datetime.legacy-esm.jsdate.js +2 -120
  84. package/dist/react-querybuilder_datetime.legacy-esm.jsdate.js.map +1 -1
  85. package/dist/react-querybuilder_datetime.legacy-esm.luxon.d.ts +2 -2
  86. package/dist/react-querybuilder_datetime.legacy-esm.luxon.js +2 -1
  87. package/dist/react-querybuilder_datetime.legacy-esm.luxon.js.map +1 -1
  88. package/dist/react-querybuilder_datetime.legacy-esm.ui.d.ts +228 -0
  89. package/dist/react-querybuilder_datetime.legacy-esm.ui.js +451 -0
  90. package/dist/react-querybuilder_datetime.legacy-esm.ui.js.map +1 -0
  91. package/dist/react-querybuilder_datetime.luxon.d.mts +2 -2
  92. package/dist/react-querybuilder_datetime.luxon.mjs +2 -1
  93. package/dist/react-querybuilder_datetime.luxon.mjs.map +1 -1
  94. package/dist/react-querybuilder_datetime.mjs +4 -446
  95. package/dist/react-querybuilder_datetime.mjs.map +1 -1
  96. package/dist/react-querybuilder_datetime.production.d.mts +3 -123
  97. package/dist/react-querybuilder_datetime.production.date-fns.d.mts +2 -2
  98. package/dist/react-querybuilder_datetime.production.date-fns.mjs +1 -1
  99. package/dist/react-querybuilder_datetime.production.date-fns.mjs.map +1 -1
  100. package/dist/react-querybuilder_datetime.production.dayjs.d.mts +2 -2
  101. package/dist/react-querybuilder_datetime.production.dayjs.mjs +1 -1
  102. package/dist/react-querybuilder_datetime.production.dayjs.mjs.map +1 -1
  103. package/dist/react-querybuilder_datetime.production.jsdate.d.mts +2 -2
  104. package/dist/react-querybuilder_datetime.production.jsdate.mjs +1 -1
  105. package/dist/react-querybuilder_datetime.production.jsdate.mjs.map +1 -1
  106. package/dist/react-querybuilder_datetime.production.luxon.d.mts +2 -2
  107. package/dist/react-querybuilder_datetime.production.luxon.mjs +1 -1
  108. package/dist/react-querybuilder_datetime.production.luxon.mjs.map +1 -1
  109. package/dist/react-querybuilder_datetime.production.mjs +1 -1
  110. package/dist/react-querybuilder_datetime.production.mjs.map +1 -1
  111. package/dist/react-querybuilder_datetime.production.ui.d.mts +228 -0
  112. package/dist/react-querybuilder_datetime.production.ui.mjs +2 -0
  113. package/dist/react-querybuilder_datetime.production.ui.mjs.map +1 -0
  114. package/dist/react-querybuilder_datetime.ui.d.mts +228 -0
  115. package/dist/react-querybuilder_datetime.ui.mjs +448 -0
  116. package/dist/react-querybuilder_datetime.ui.mjs.map +1 -0
  117. package/dist/rqbDateTimeLibraryAPI.jsdate-CDOtydFq.mjs +2 -0
  118. package/dist/rqbDateTimeLibraryAPI.jsdate-CDOtydFq.mjs.map +1 -0
  119. package/dist/rqbDateTimeLibraryAPI.jsdate-CpGoQAje.js +123 -0
  120. package/dist/rqbDateTimeLibraryAPI.jsdate-CpGoQAje.js.map +1 -0
  121. package/dist/rqbDateTimeLibraryAPI.jsdate-D66yJ1hK.mjs +123 -0
  122. package/dist/rqbDateTimeLibraryAPI.jsdate-D66yJ1hK.mjs.map +1 -0
  123. package/dist/{types-CdjHqQ0k.d.ts → types-Di8kFIXV.d.mts} +3 -103
  124. package/dist/{types-CdjHqQ0k.d.mts → types-Di8kFIXV.d.ts} +3 -103
  125. package/dist/utils-BC2SALFm.mjs +107 -0
  126. package/dist/utils-BC2SALFm.mjs.map +1 -0
  127. package/dist/utils-VKS8YY2D.mjs +2 -0
  128. package/dist/utils-VKS8YY2D.mjs.map +1 -0
  129. package/package.json +27 -8
  130. package/ui/package.json +4 -0
  131. package/dist/cjs/getDatetimeRuleProcessorTanStackDB-CL79A1_x.js.map +0 -1
  132. package/dist/cjs/getDatetimeRuleProcessorTanStackDB-DgUg_arY.js +0 -2
  133. package/dist/cjs/getDatetimeRuleProcessorTanStackDB-DgUg_arY.js.map +0 -1
  134. package/dist/cjs/rqbDateTimeLibraryAPI.dayjs-BfILPx88.js +0 -2
  135. package/dist/cjs/rqbDateTimeLibraryAPI.dayjs-BfILPx88.js.map +0 -1
  136. package/dist/cjs/rqbDateTimeLibraryAPI.dayjs-CzLh_zi9.js +0 -63
  137. package/dist/cjs/rqbDateTimeLibraryAPI.dayjs-CzLh_zi9.js.map +0 -1
  138. package/dist/getDatetimeRuleProcessorTanStackDB-BL8mbdbl.js.map +0 -1
  139. package/dist/getDatetimeRuleProcessorTanStackDB-BcOC-o2A.mjs.map +0 -1
  140. package/dist/getDatetimeRuleProcessorTanStackDB-Dloxv6k2.mjs +0 -2
  141. package/dist/getDatetimeRuleProcessorTanStackDB-Dloxv6k2.mjs.map +0 -1
  142. package/dist/rqbDateTimeLibraryAPI.dayjs-BW7faYFD.mjs +0 -29
  143. package/dist/rqbDateTimeLibraryAPI.dayjs-BW7faYFD.mjs.map +0 -1
  144. package/dist/rqbDateTimeLibraryAPI.dayjs-BoX90aqZ.mjs +0 -2
  145. package/dist/rqbDateTimeLibraryAPI.dayjs-BoX90aqZ.mjs.map +0 -1
  146. package/dist/rqbDateTimeLibraryAPI.dayjs-Da4VXvFM.js +0 -29
  147. package/dist/rqbDateTimeLibraryAPI.dayjs-Da4VXvFM.js.map +0 -1
@@ -0,0 +1,464 @@
1
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
+ const require_rolldown_runtime = require("./rolldown-runtime-D6vf50IK.js");
3
+ const require_utils = require("./utils-DUePrC--.js");
4
+ const require_rqbDateTimeLibraryAPI_jsdate = require("./rqbDateTimeLibraryAPI.jsdate-BPEcMhhr.js");
5
+ let react = require("react");
6
+ react = require_rolldown_runtime.__toESM(react);
7
+ let react_querybuilder = require("react-querybuilder");
8
+ //#region src/ui/InheritedValueEditorContext.ts
9
+ /**
10
+ * Holds the value editor inherited from an outer (compat package) context provider,
11
+ * captured _before_ {@link QueryBuilderDateTime} overrides it. Lets the date/time value
12
+ * editor delegate non-date fields (and absolute date inputs) to the compat editor instead
13
+ * of the bare default {@link react-querybuilder!ValueEditor ValueEditor}. `null` = none
14
+ * inherited (fall back to default).
15
+ */
16
+ const InheritedValueEditorContext = (0, react.createContext)(null);
17
+ /** Inherited (compat) value editor, or `null` if none. See {@link InheritedValueEditorContext}. */
18
+ const useInheritedValueEditor = () => (0, react.useContext)(InheritedValueEditorContext);
19
+ //#endregion
20
+ //#region src/ui/relativeDateTimeConstants.ts
21
+ /**
22
+ * Class name applied to the absolute/relative mode toggle button. Package-local (not part
23
+ * of the core `standardClassnames`) to avoid coupling core to this extension.
24
+ */
25
+ const relativeDateTimeToggleClassName = "rule-value-dateTimeRelative-toggle";
26
+ /** Default value applied when switching a rule to relative mode. */
27
+ const defaultRelativeDateTimeValue = {
28
+ mode: "relative",
29
+ anchor: "now",
30
+ offset: 0,
31
+ unit: "day"
32
+ };
33
+ /** Default anchor (reference-point) options for the relative date/time editor. */
34
+ const defaultRelativeDateTimeAnchors = [
35
+ {
36
+ name: "now",
37
+ value: "now",
38
+ label: "now"
39
+ },
40
+ {
41
+ name: "startOfDay",
42
+ value: "startOfDay",
43
+ label: "start of day"
44
+ },
45
+ {
46
+ name: "endOfDay",
47
+ value: "endOfDay",
48
+ label: "end of day"
49
+ },
50
+ {
51
+ name: "startOfWeek",
52
+ value: "startOfWeek",
53
+ label: "start of week"
54
+ },
55
+ {
56
+ name: "endOfWeek",
57
+ value: "endOfWeek",
58
+ label: "end of week"
59
+ },
60
+ {
61
+ name: "startOfMonth",
62
+ value: "startOfMonth",
63
+ label: "start of month"
64
+ },
65
+ {
66
+ name: "endOfMonth",
67
+ value: "endOfMonth",
68
+ label: "end of month"
69
+ },
70
+ {
71
+ name: "startOfYear",
72
+ value: "startOfYear",
73
+ label: "start of year"
74
+ },
75
+ {
76
+ name: "endOfYear",
77
+ value: "endOfYear",
78
+ label: "end of year"
79
+ }
80
+ ];
81
+ /** Default unit options for the relative date/time editor. */
82
+ const defaultRelativeDateTimeUnits = [
83
+ {
84
+ name: "minute",
85
+ value: "minute",
86
+ label: "minute(s)"
87
+ },
88
+ {
89
+ name: "hour",
90
+ value: "hour",
91
+ label: "hour(s)"
92
+ },
93
+ {
94
+ name: "day",
95
+ value: "day",
96
+ label: "day(s)"
97
+ },
98
+ {
99
+ name: "week",
100
+ value: "week",
101
+ label: "week(s)"
102
+ },
103
+ {
104
+ name: "month",
105
+ value: "month",
106
+ label: "month(s)"
107
+ },
108
+ {
109
+ name: "year",
110
+ value: "year",
111
+ label: "year(s)"
112
+ }
113
+ ];
114
+ /** Default labels/content for the absolute/relative mode toggle. */
115
+ const defaultRelativeDateTimeToggleLabels = {
116
+ label: "Toggle relative date/time",
117
+ absoluteTitle: "Absolute date/time (click for relative)",
118
+ relativeTitle: "Relative date/time (click for absolute)",
119
+ absoluteContent: "",
120
+ relativeContent: ""
121
+ };
122
+ //#endregion
123
+ //#region src/ui/relativeDateTimeModeControllers.tsx
124
+ /**
125
+ * Compact absolute/relative toggle rendered by {@link toggleModeController}. A
126
+ * `role="switch"` button whose default glyph is supplied by CSS (keyed on
127
+ * `aria-checked`); override via the `toggleLabels` config.
128
+ *
129
+ * @group Components
130
+ */
131
+ const RelativeDateTimeModeToggle = ({ isRelative, setMode, disabled, className, labels }) => {
132
+ const onClick = react.useCallback(() => setMode(isRelative ? "absolute" : "relative"), [setMode, isRelative]);
133
+ return /* @__PURE__ */ react.createElement("button", {
134
+ type: "button",
135
+ role: "switch",
136
+ "aria-checked": isRelative,
137
+ "aria-label": labels.label,
138
+ title: isRelative ? labels.relativeTitle : labels.absoluteTitle,
139
+ disabled,
140
+ className: (0, react_querybuilder.clsx)(relativeDateTimeToggleClassName, className),
141
+ onClick
142
+ }, isRelative ? labels.relativeContent : labels.absoluteContent);
143
+ };
144
+ /**
145
+ * Zero-config default {@link RelativeDateTimeModeController}: derives the mode from the
146
+ * value shape and renders a compact toggle button to switch between absolute and
147
+ * relative entry.
148
+ */
149
+ const toggleModeController = {
150
+ isRelative: (props) => require_utils.isRelativeDateTimeValue(props.value),
151
+ ModeControl: RelativeDateTimeModeToggle
152
+ };
153
+ /**
154
+ * Builds an operator-driven {@link RelativeDateTimeModeController} that derives the mode
155
+ * from the rule's operator. Pass the operator name(s) (or a predicate) that should put the
156
+ * editor in relative mode. No toggle is rendered — the operator selector is the mode
157
+ * affordance.
158
+ *
159
+ * NOTE: the chosen operators only signal _mode_; the rule's value remains a
160
+ * {@link RelativeDateTimeValue}. For these operators to export correctly, map each one to a
161
+ * real comparison operator via `context.relativeOperatorMap` when calling `formatQuery`
162
+ * (e.g. `{ relativeEq: '=' }`). See the documentation.
163
+ */
164
+ const createOperatorModeController = (relativeOperators) => ({ isRelative: (props) => typeof relativeOperators === "function" ? relativeOperators(props.operator) : relativeOperators.includes(props.operator) });
165
+ /**
166
+ * Appends the given `operators` to each field's `operators` list, so the operator-driven
167
+ * controller (see {@link createOperatorModeController}) has an operator to switch into
168
+ * relative mode. Fields without an explicit `operators` list fall back to the core
169
+ * `defaultOperators`.
170
+ */
171
+ const withRelativeOperators = (fields, operators) => fields.map((field) => ({
172
+ ...field,
173
+ operators: [...field.operators ?? react_querybuilder.defaultOperators, ...operators]
174
+ }));
175
+ //#endregion
176
+ //#region src/ui/RelativeDateTimeConfigContext.tsx
177
+ /**
178
+ * Carries {@link RelativeDateTimeEditorConfig} to the {@link RelativeDateTimeValueEditor}.
179
+ * Provided by {@link QueryBuilderDateTime}; defaults apply when no provider is present.
180
+ */
181
+ const RelativeDateTimeConfigContext = (0, react.createContext)({});
182
+ /** Reads the relative date/time editor config from context, merged with defaults. */
183
+ const useRelativeDateTimeConfig = () => {
184
+ const config = (0, react.useContext)(RelativeDateTimeConfigContext);
185
+ return (0, react.useMemo)(() => ({
186
+ modeController: config.modeController ?? toggleModeController,
187
+ anchors: config.anchors ?? defaultRelativeDateTimeAnchors,
188
+ units: config.units ?? defaultRelativeDateTimeUnits,
189
+ toggleLabels: {
190
+ ...defaultRelativeDateTimeToggleLabels,
191
+ ...config.toggleLabels
192
+ },
193
+ dateTimeAPI: config.dateTimeAPI ?? require_rqbDateTimeLibraryAPI_jsdate.rqbDateTimeLibraryAPI
194
+ }), [config]);
195
+ };
196
+ //#endregion
197
+ //#region src/ui/RelativeDateTimeValueEditor.tsx
198
+ const dummyPath = [];
199
+ const dummyFieldData = {
200
+ name: "",
201
+ value: "",
202
+ label: ""
203
+ };
204
+ /** Splits a value into the from/to pair used by between/notBetween, object-safe. */
205
+ const toBetweenArray = (value) => Array.isArray(value) ? value : require_utils.isRelativeDateTimeValue(value) ? [value] : (0, react_querybuilder.toArray)(value);
206
+ /**
207
+ * Renders a single absolute-or-relative date/time value: a mode affordance (per the
208
+ * controller) plus either an absolute date input or anchor + signed offset + unit
209
+ * selectors. Reused once per slot so between/notBetween can mix bounds (e.g. an absolute
210
+ * "from" and a relative "to").
211
+ */
212
+ const RelativeDateTimeSingleValueEditor = ({ baseProps, value, onChange, absoluteOperator, config, SelectorComponent, NumericEditorComponent, valueListItemClassName, numericSchema }) => {
213
+ const { schema, disabled, title, testID } = baseProps;
214
+ const { modeController, anchors, units, toggleLabels } = config;
215
+ const isRelative = modeController.isRelative({
216
+ ...baseProps,
217
+ value
218
+ });
219
+ const relValue = require_utils.isRelativeDateTimeValue(value) ? value : defaultRelativeDateTimeValue;
220
+ const handleSetMode = (0, react.useCallback)((mode) => onChange(mode === "relative" ? defaultRelativeDateTimeValue : ""), [onChange]);
221
+ const handleChangeAnchor = (0, react.useCallback)((anchor) => onChange({
222
+ ...relValue,
223
+ anchor
224
+ }), [onChange, relValue]);
225
+ const handleChangeOffset = (0, react.useCallback)((offset) => onChange({
226
+ ...relValue,
227
+ offset: (0, react_querybuilder.parseNumber)(offset, { parseNumbers: true }) || 0
228
+ }), [onChange, relValue]);
229
+ const handleChangeUnit = (0, react.useCallback)((unit) => onChange({
230
+ ...relValue,
231
+ unit
232
+ }), [onChange, relValue]);
233
+ const { ModeControl } = modeController;
234
+ return /* @__PURE__ */ react.createElement(react.Fragment, null, ModeControl && /* @__PURE__ */ react.createElement(ModeControl, {
235
+ isRelative,
236
+ setMode: handleSetMode,
237
+ schema,
238
+ disabled,
239
+ className: valueListItemClassName,
240
+ title,
241
+ testID,
242
+ labels: toggleLabels
243
+ }), isRelative ? /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(SelectorComponent, {
244
+ schema,
245
+ testID,
246
+ title,
247
+ className: valueListItemClassName,
248
+ handleOnChange: handleChangeAnchor,
249
+ disabled,
250
+ value: relValue.anchor,
251
+ options: anchors,
252
+ multiple: false,
253
+ listsAsArrays: false,
254
+ path: dummyPath,
255
+ level: 0
256
+ }), /* @__PURE__ */ react.createElement(NumericEditorComponent, {
257
+ skipHook: true,
258
+ testID,
259
+ inputType: "number",
260
+ title,
261
+ className: valueListItemClassName,
262
+ disabled,
263
+ handleOnChange: handleChangeOffset,
264
+ field: "",
265
+ operator: "",
266
+ value: relValue.offset,
267
+ valueSource: "value",
268
+ fieldData: dummyFieldData,
269
+ schema: numericSchema,
270
+ path: dummyPath,
271
+ level: 0,
272
+ rule: {
273
+ field: "",
274
+ operator: "=",
275
+ value: relValue.offset
276
+ }
277
+ }), relValue.offset !== 0 && /* @__PURE__ */ react.createElement(SelectorComponent, {
278
+ schema,
279
+ testID,
280
+ title,
281
+ className: valueListItemClassName,
282
+ handleOnChange: handleChangeUnit,
283
+ disabled,
284
+ value: relValue.unit,
285
+ options: units,
286
+ multiple: false,
287
+ listsAsArrays: false,
288
+ path: dummyPath,
289
+ level: 0
290
+ })) : /* @__PURE__ */ react.createElement(DateTimeValueEditor, {
291
+ ...baseProps,
292
+ operator: absoluteOperator,
293
+ value,
294
+ handleOnChange: onChange,
295
+ className: react_querybuilder.standardClassnames.value
296
+ }));
297
+ };
298
+ /**
299
+ * Value editor with support for {@link RelativeDateTimeValue relative date/time values}
300
+ * (e.g. "three months ago" or "the beginning of this year"). How the user switches
301
+ * between absolute and relative modes is delegated to a pluggable
302
+ * {@link RelativeDateTimeModeController} (default: a compact toggle), supplied via
303
+ * {@link QueryBuilderDateTime}. In relative mode it renders anchor + signed offset + unit
304
+ * selectors; the unit selector is hidden when the offset is `0`.
305
+ *
306
+ * For the `between`/`notBetween` operators it renders two independent value editors (each
307
+ * with its own mode affordance) and stores the bounds as a two-element array, so the from
308
+ * and to bounds can independently be absolute or relative.
309
+ *
310
+ * @group Components
311
+ */
312
+ const RelativeDateTimeValueEditor = (props) => {
313
+ const { valueListItemClassName } = (0, react_querybuilder.useValueEditor)(props);
314
+ const { className, value, handleOnChange, schema, operator, separator } = props;
315
+ const { suppressStandardClassnames } = schema;
316
+ const SelectorComponent = props.selectorComponent ?? schema.controls.valueSelector;
317
+ const NumericEditorComponent = useInheritedValueEditor() ?? react_querybuilder.ValueEditor;
318
+ const config = useRelativeDateTimeConfig();
319
+ const numericSchema = (0, react.useMemo)(() => ({
320
+ ...schema,
321
+ parseNumbers: true
322
+ }), [schema]);
323
+ const outerClassname = (0, react.useMemo)(() => (0, react_querybuilder.clsx)(suppressStandardClassnames || react_querybuilder.standardClassnames.valueDateTimeRelative, className), [suppressStandardClassnames, className]);
324
+ const isBetween = operator === "between" || operator === "notBetween";
325
+ const valueAsArray = (0, react.useMemo)(() => toBetweenArray(value), [value]);
326
+ const handleChangeBound = (0, react.useCallback)((index) => (boundValue) => {
327
+ const next = [valueAsArray[0], valueAsArray[1]];
328
+ next[index] = boundValue;
329
+ handleOnChange(next);
330
+ }, [valueAsArray, handleOnChange]);
331
+ if (isBetween) return /* @__PURE__ */ react.createElement("span", { className: outerClassname }, /* @__PURE__ */ react.createElement(RelativeDateTimeSingleValueEditor, {
332
+ baseProps: props,
333
+ value: valueAsArray[0],
334
+ onChange: handleChangeBound(0),
335
+ absoluteOperator: "=",
336
+ config,
337
+ SelectorComponent,
338
+ NumericEditorComponent,
339
+ valueListItemClassName,
340
+ numericSchema
341
+ }), separator, /* @__PURE__ */ react.createElement(RelativeDateTimeSingleValueEditor, {
342
+ baseProps: props,
343
+ value: valueAsArray[1],
344
+ onChange: handleChangeBound(1),
345
+ absoluteOperator: "=",
346
+ config,
347
+ SelectorComponent,
348
+ NumericEditorComponent,
349
+ valueListItemClassName,
350
+ numericSchema
351
+ }));
352
+ return /* @__PURE__ */ react.createElement("span", { className: outerClassname }, /* @__PURE__ */ react.createElement(RelativeDateTimeSingleValueEditor, {
353
+ baseProps: props,
354
+ value,
355
+ onChange: handleOnChange,
356
+ absoluteOperator: operator,
357
+ config,
358
+ SelectorComponent,
359
+ NumericEditorComponent,
360
+ valueListItemClassName,
361
+ numericSchema
362
+ }));
363
+ };
364
+ //#endregion
365
+ //#region src/ui/QueryBuilderDateTime.tsx
366
+ /**
367
+ * Whether a rule should use a date/time editor, based on either the coerced input
368
+ * type (`date`/`datetime-local`) or a date-like `datatype` (`date`/`datetime`/`timestamp`).
369
+ */
370
+ const isDateTimeEditor = (props, inputTypeCoerced) => props.type === "text" && (inputTypeCoerced === "date" || inputTypeCoerced === "datetime-local") || /^(?:date|datetime|timestamp)\b/i.test(props.fieldData?.datatype);
371
+ const pad2 = (n) => `${n}`.padStart(2, "0");
372
+ /**
373
+ * Formats a `Date` into the local value expected by a native `date`/`datetime-local`
374
+ * input (library-agnostic; the date library only handles parsing/validation).
375
+ */
376
+ const formatDateInputValue = (d, withTime) => {
377
+ const datePart = `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())}`;
378
+ return withTime ? `${datePart}T${pad2(d.getHours())}:${pad2(d.getMinutes())}` : datePart;
379
+ };
380
+ /**
381
+ * Renders the inherited (compat) editor when one is provided, otherwise the default
382
+ * {@link react-querybuilder!ValueEditor ValueEditor}. The editor is received as a prop (rather
383
+ * than read from context here) so the JSX element type stays prop-sourced and stable.
384
+ */
385
+ const FallbackValueEditor = ({ editor: Editor, ...props }) => Editor ? /* @__PURE__ */ react.createElement(Editor, props) : /* @__PURE__ */ react.createElement(react_querybuilder.ValueEditor, {
386
+ ...props,
387
+ skipHook: true
388
+ });
389
+ const DateTimeValueEditor = (props) => {
390
+ const uVE = (0, react_querybuilder.useValueEditor)(props);
391
+ const InheritedEditor = useInheritedValueEditor();
392
+ const { dateTimeAPI } = useRelativeDateTimeConfig();
393
+ const fallback = (p) => /* @__PURE__ */ react.createElement(FallbackValueEditor, {
394
+ editor: InheritedEditor,
395
+ ...p
396
+ });
397
+ if (!isDateTimeEditor(props, uVE.inputTypeCoerced)) return fallback(props);
398
+ if (dateTimeAPI.isValid(props.value)) {
399
+ const value = formatDateInputValue(dateTimeAPI.toDate(props.value), uVE.inputTypeCoerced !== "date");
400
+ return fallback({
401
+ ...props,
402
+ value
403
+ });
404
+ }
405
+ return fallback(props);
406
+ };
407
+ /**
408
+ * Provider value editor: renders the relative-capable {@link RelativeDateTimeValueEditor}
409
+ * for date/time fields and falls back to the inherited (compat) editor for everything else.
410
+ */
411
+ const QueryBuilderDateTimeValueEditor = (props) => {
412
+ const uVE = (0, react_querybuilder.useValueEditor)(props);
413
+ const InheritedEditor = useInheritedValueEditor();
414
+ if (isDateTimeEditor(props, uVE.inputTypeCoerced)) return /* @__PURE__ */ react.createElement(RelativeDateTimeValueEditor, props);
415
+ return /* @__PURE__ */ react.createElement(FallbackValueEditor, {
416
+ editor: InheritedEditor,
417
+ ...props
418
+ });
419
+ };
420
+ const QueryBuilderDateTimeContext = (0, react_querybuilder.getCompatContextProvider)({ controlElements: { valueEditor: QueryBuilderDateTimeValueEditor } });
421
+ /**
422
+ * Context provider enabling date/time features for a wrapped
423
+ * {@link react-querybuilder!QueryBuilder QueryBuilder}: renders the relative-capable
424
+ * {@link RelativeDateTimeValueEditor} for date/time fields, and accepts optional
425
+ * {@link RelativeDateTimeEditorConfig} props (mode controller, anchor/unit options, and
426
+ * toggle labels). With no props it provides the zero-config toggle experience.
427
+ *
428
+ * @group Components
429
+ */
430
+ const QueryBuilderDateTime = ({ children, modeController, anchors, units, toggleLabels, dateTimeAPI }) => {
431
+ const config = (0, react.useMemo)(() => ({
432
+ modeController,
433
+ anchors,
434
+ units,
435
+ toggleLabels,
436
+ dateTimeAPI
437
+ }), [
438
+ modeController,
439
+ anchors,
440
+ units,
441
+ toggleLabels,
442
+ dateTimeAPI
443
+ ]);
444
+ const inheritedValueEditor = (0, react.useContext)(react_querybuilder.QueryBuilderContext).controlElements?.valueEditor ?? null;
445
+ return /* @__PURE__ */ react.createElement(RelativeDateTimeConfigContext.Provider, { value: config }, /* @__PURE__ */ react.createElement(InheritedValueEditorContext.Provider, { value: inheritedValueEditor }, /* @__PURE__ */ react.createElement(QueryBuilderDateTimeContext, null, children)));
446
+ };
447
+ //#endregion
448
+ exports.DateTimeValueEditor = DateTimeValueEditor;
449
+ exports.QueryBuilderDateTime = QueryBuilderDateTime;
450
+ exports.QueryBuilderDateTimeContext = QueryBuilderDateTimeContext;
451
+ exports.RelativeDateTimeConfigContext = RelativeDateTimeConfigContext;
452
+ exports.RelativeDateTimeModeToggle = RelativeDateTimeModeToggle;
453
+ exports.RelativeDateTimeValueEditor = RelativeDateTimeValueEditor;
454
+ exports.createOperatorModeController = createOperatorModeController;
455
+ exports.defaultRelativeDateTimeAnchors = defaultRelativeDateTimeAnchors;
456
+ exports.defaultRelativeDateTimeToggleLabels = defaultRelativeDateTimeToggleLabels;
457
+ exports.defaultRelativeDateTimeUnits = defaultRelativeDateTimeUnits;
458
+ exports.defaultRelativeDateTimeValue = defaultRelativeDateTimeValue;
459
+ exports.relativeDateTimeToggleClassName = relativeDateTimeToggleClassName;
460
+ exports.toggleModeController = toggleModeController;
461
+ exports.useRelativeDateTimeConfig = useRelativeDateTimeConfig;
462
+ exports.withRelativeOperators = withRelativeOperators;
463
+
464
+ //# sourceMappingURL=react-querybuilder_datetime.cjs.development.ui.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"react-querybuilder_datetime.cjs.development.ui.js","names":["React","isRelativeDateTimeValue","defaultOperators","defaultDateTimeAPI","isRelativeDateTimeValue","React","standardClassnames","ValueEditor","ValueEditor","QueryBuilderContext"],"sources":["../../src/ui/InheritedValueEditorContext.ts","../../src/ui/relativeDateTimeConstants.ts","../../src/ui/relativeDateTimeModeControllers.tsx","../../src/ui/RelativeDateTimeConfigContext.tsx","../../src/ui/RelativeDateTimeValueEditor.tsx","../../src/ui/QueryBuilderDateTime.tsx"],"sourcesContent":["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/core';\nimport type { RelativeDateTimeAnchor, RelativeDateTimeUnit, RelativeDateTimeValue } from '../types';\nimport type { RelativeDateTimeToggleLabels } 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 { isRelativeDateTimeValue } from '../utils';\nimport { relativeDateTimeToggleClassName } from './relativeDateTimeConstants';\nimport type { RelativeDateTimeModeController, RelativeDateTimeModeControlProps } from './types';\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 { rqbDateTimeLibraryAPI as defaultDateTimeAPI } from '../rqbDateTimeLibraryAPI.jsdate';\nimport type { RelativeDateTimeAnchor, RelativeDateTimeUnit, RQBDateTimeLibraryAPI } from '../types';\nimport {\n defaultRelativeDateTimeAnchors,\n defaultRelativeDateTimeToggleLabels,\n defaultRelativeDateTimeUnits,\n} from './relativeDateTimeConstants';\nimport { toggleModeController } from './relativeDateTimeModeControllers';\nimport type {\n RelativeDateTimeEditorConfig,\n RelativeDateTimeModeController,\n RelativeDateTimeToggleLabels,\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 type { RelativeDateTimeAnchor, RelativeDateTimeUnit, RelativeDateTimeValue } from '../types';\nimport { isRelativeDateTimeValue } from '../utils';\nimport { useInheritedValueEditor } from './InheritedValueEditorContext';\nimport { DateTimeValueEditor } from './QueryBuilderDateTime';\nimport type { ResolvedRelativeDateTimeConfig } from './RelativeDateTimeConfigContext';\nimport { useRelativeDateTimeConfig } from './RelativeDateTimeConfigContext';\nimport { defaultRelativeDateTimeValue } from './relativeDateTimeConstants';\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 /** Themed numeric offset input: the inherited (compat) editor when present, else the default. */\n NumericEditorComponent: React.ComponentType<ValueEditorProps>;\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 NumericEditorComponent,\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 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 <NumericEditorComponent\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 // Themed numeric offset input from the inherited (compat) editor when present, else default.\n const NumericEditorComponent = useInheritedValueEditor() ?? ValueEditor;\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 NumericEditorComponent={NumericEditorComponent}\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 NumericEditorComponent={NumericEditorComponent}\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 NumericEditorComponent={NumericEditorComponent}\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\n/**\n * Renders the inherited (compat) editor when one is provided, otherwise the default\n * {@link react-querybuilder!ValueEditor ValueEditor}. The editor is received as a prop (rather\n * than read from context here) so the JSX element type stays prop-sourced and stable.\n */\nconst FallbackValueEditor = ({\n editor: Editor,\n ...props\n}: ValueEditorProps & {\n editor: React.ComponentType<ValueEditorProps> | null;\n}): React.JSX.Element => (Editor ? <Editor {...props} /> : <ValueEditor {...props} skipHook />);\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) => <FallbackValueEditor editor={InheritedEditor} {...p} />;\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 <FallbackValueEditor editor={InheritedEditor} {...props} />;\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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"}