impact-ui 4.0.1-alpha.6 → 4.0.1-alpha.7
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.
- package/dist/_virtual/_commonjsHelpers.js +1 -1
- package/dist/_virtual/index2.js +2 -2
- package/dist/_virtual/index3.js +2 -2
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/DatePicker/index.js +1 -1
- package/dist/components/DateRangePicker/dateRangePickerCustom.d.ts +1 -1
- package/dist/components/DateRangePicker/dateRangePickerCustom.d.ts.map +1 -1
- package/dist/components/DateRangePicker/dateRangePickerCustom.js +3 -6
- package/dist/components/DateRangePicker/dateRangePickerDropdown.d.ts.map +1 -1
- package/dist/components/DateRangePicker/dateRangePickerDropdown.js +76 -95
- package/dist/components/DateRangePicker/dateRangePickerFooter.d.ts.map +1 -1
- package/dist/components/DateRangePicker/dateRangePickerFooter.js +5 -6
- package/dist/components/DateRangePicker/dateRangePickerInput.d.ts.map +1 -1
- package/dist/components/DateRangePicker/dateRangePickerInput.js +20 -29
- package/dist/components/DateRangePicker/index.d.ts.map +1 -1
- package/dist/components/DateRangePicker/index.js +75 -91
- package/dist/components/DateRangePicker/showMonthYearSelect.d.ts +1 -1
- package/dist/components/DateRangePicker/showMonthYearSelect.d.ts.map +1 -1
- package/dist/components/DateRangePicker/showMonthYearSelect.js +24 -29
- package/dist/components/DateRangePicker/utils.d.ts +1 -1
- package/dist/components/DateRangePicker/utils.d.ts.map +1 -1
- package/dist/components/DateRangePicker/utils.js +1 -5
- package/dist/components/Modal/Modal.types.d.ts +11 -0
- package/dist/components/Modal/Modal.types.d.ts.map +1 -1
- package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map +1 -1
- package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js +3 -1
- package/dist/mcp-component-registry.json +1 -1
- package/dist/node_modules/global-cache/index.js +5 -4
- package/dist/node_modules/is-callable/index.js +1 -1
- package/dist/node_modules/lodash/lodash.js +1 -1
- package/dist/node_modules/object-inspect/index.js +2 -1
- package/dist/node_modules/prop-types/index.js +1 -1
- package/dist/node_modules/react-is/index.js +1 -1
- package/package.json +1 -1
- package/dist/App.d.ts +0 -3
- package/dist/App.d.ts.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof
|
|
1
|
+
var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
|
|
2
2
|
function getDefaultExportFromCjs(x) {
|
|
3
3
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
|
|
4
4
|
}
|
package/dist/_virtual/index2.js
CHANGED
package/dist/_virtual/index3.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,qCAAqC,CAAC;AAC7C,OAAO,0BAA0B,CAAC;AAElC,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;GAGG;AACH,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,qCAAqC,CAAC;AAC7C,OAAO,0BAA0B,CAAC;AAElC,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;GAGG;AACH,eAAO,MAAM,UAAU,qHA2RtB,CAAC"}
|
|
@@ -98,7 +98,7 @@ const DatePicker = forwardRef(
|
|
|
98
98
|
};
|
|
99
99
|
}, [isOpen, updatePlacement]);
|
|
100
100
|
const handleDateStringChange = (value) => {
|
|
101
|
-
if (value === null) {
|
|
101
|
+
if (value === null || value === "" || value === displayFormat) {
|
|
102
102
|
setSelectedDate == null ? void 0 : setSelectedDate(null);
|
|
103
103
|
setInputValue("");
|
|
104
104
|
return;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare function DateRangePickerCustom({ handleRangeSelectorChange, selectedRange
|
|
1
|
+
export declare function DateRangePickerCustom({ handleRangeSelectorChange, selectedRange }: any): import("react/jsx-runtime").JSX.Element;
|
|
2
2
|
//# sourceMappingURL=dateRangePickerCustom.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dateRangePickerCustom.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerCustom.tsx"],"names":[],"mappings":"AAKA,wBAAgB,qBAAqB,CAAC,
|
|
1
|
+
{"version":3,"file":"dateRangePickerCustom.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerCustom.tsx"],"names":[],"mappings":"AAKA,wBAAgB,qBAAqB,CAAC,EAAE,yBAAyB,EAAE,aAAa,EAAE,EAAE,GAAG,2CActF"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { rangeSelectorTypes } from "./utils.js";
|
|
3
3
|
import { RadioButtonGroup } from "../RadioButtonGroup/index.js";
|
|
4
|
-
function DateRangePickerCustom({
|
|
5
|
-
handleRangeSelectorChange,
|
|
6
|
-
selectedRange
|
|
7
|
-
}) {
|
|
4
|
+
function DateRangePickerCustom({ handleRangeSelectorChange, selectedRange }) {
|
|
8
5
|
return /* @__PURE__ */ jsxs("div", { className: "dateRangePicker-show-range-main-container", children: [
|
|
9
6
|
/* @__PURE__ */ jsx("div", { className: "dateRangePicker-shortcut-heading", children: "Date Range" }),
|
|
10
7
|
/* @__PURE__ */ jsx("div", { className: "dateRangePicker-shortcut-list", children: /* @__PURE__ */ jsx(
|
|
@@ -12,8 +9,8 @@ function DateRangePickerCustom({
|
|
|
12
9
|
{
|
|
13
10
|
className: "dateRangePicker-shortcut-list-item",
|
|
14
11
|
options: rangeSelectorTypes,
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
value: selectedRange,
|
|
13
|
+
onChange: handleRangeSelectorChange
|
|
17
14
|
}
|
|
18
15
|
) })
|
|
19
16
|
] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dateRangePickerDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerDropdown.tsx"],"names":[],"mappings":"AAUA,wBAAgB,uBAAuB,CAAC,EACtC,oBAAoB,EACpB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,SAAS,EACT,OAAO,EACP,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,mBAAmB,EACnB,WAAW,EACX,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,EACT,eAAe,EACf,aAAa,EACb,cAAc,EACd,eAAe,EACf,GAAG,IAAI,EACR,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"dateRangePickerDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerDropdown.tsx"],"names":[],"mappings":"AAUA,wBAAgB,uBAAuB,CAAC,EACtC,oBAAoB,EACpB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,SAAS,EACT,OAAO,EACP,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,mBAAmB,EACnB,WAAW,EACX,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,EACT,eAAe,EACf,aAAa,EACb,cAAc,EACd,eAAe,EACf,GAAG,IAAI,EACR,EAAE,GAAG,2CAkSL"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
2
2
|
import React__default, { useState, useLayoutEffect } from "react";
|
|
3
|
+
import moment from "moment";
|
|
3
4
|
import { DayPickerRangeController } from "react-dates";
|
|
4
|
-
import { ShowMonthYearSelect } from "./showMonthYearSelect.js";
|
|
5
|
-
import { DateRangePickerFooter } from "./dateRangePickerFooter.js";
|
|
6
5
|
import { DateRangePickerCustom } from "./dateRangePickerCustom.js";
|
|
6
|
+
import { DateRangePickerFooter } from "./dateRangePickerFooter.js";
|
|
7
|
+
import { ShowMonthYearSelect } from "./showMonthYearSelect.js";
|
|
7
8
|
import { calculatePosition, formatMomentDate } from "./utils.js";
|
|
8
|
-
import moment from "moment";
|
|
9
9
|
import { Portal } from "../Portal/index.js";
|
|
10
10
|
function DateRangePickerDropdown({
|
|
11
11
|
dropDownContainerRef,
|
|
@@ -79,12 +79,7 @@ function DateRangePickerDropdown({
|
|
|
79
79
|
showRangeSelector
|
|
80
80
|
});
|
|
81
81
|
}
|
|
82
|
-
}, [
|
|
83
|
-
containerRef.current,
|
|
84
|
-
dropDownContainerRef.current,
|
|
85
|
-
withPortal,
|
|
86
|
-
showRangeSelector
|
|
87
|
-
]);
|
|
82
|
+
}, [containerRef.current, dropDownContainerRef.current, withPortal, showRangeSelector]);
|
|
88
83
|
const renderDayContents = React__default.useCallback((momentInstance, modifiers) => {
|
|
89
84
|
let currentWeek = null;
|
|
90
85
|
let currentWeekNumber = null;
|
|
@@ -96,9 +91,7 @@ function DateRangePickerDropdown({
|
|
|
96
91
|
}
|
|
97
92
|
} else {
|
|
98
93
|
const startOfMonth = momentInstance.clone().startOf("month");
|
|
99
|
-
const weekNumber = Math.ceil(
|
|
100
|
-
(momentInstance.date() - 1 + startOfMonth.day()) / 7
|
|
101
|
-
);
|
|
94
|
+
const weekNumber = Math.ceil((momentInstance.date() - 1 + startOfMonth.day()) / 7);
|
|
102
95
|
currentWeekNumber = weekNumber;
|
|
103
96
|
}
|
|
104
97
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -163,11 +156,11 @@ function DateRangePickerDropdown({
|
|
|
163
156
|
children: /* @__PURE__ */ jsxs(
|
|
164
157
|
"div",
|
|
165
158
|
{
|
|
159
|
+
ref: dropDownContainerRef,
|
|
166
160
|
className: `impact-dateRangePicker-dropdown-container ${showRangeSelector ? "showRangeSelector" : ""}`,
|
|
167
161
|
style: {
|
|
168
162
|
...customPosition
|
|
169
163
|
},
|
|
170
|
-
ref: dropDownContainerRef,
|
|
171
164
|
children: [
|
|
172
165
|
/* @__PURE__ */ jsxs(
|
|
173
166
|
"div",
|
|
@@ -178,16 +171,18 @@ function DateRangePickerDropdown({
|
|
|
178
171
|
DayPickerRangeController,
|
|
179
172
|
{
|
|
180
173
|
...args,
|
|
181
|
-
|
|
182
|
-
onFocusChange,
|
|
183
|
-
focusedInput,
|
|
184
|
-
startDate,
|
|
174
|
+
daySize: 26,
|
|
185
175
|
endDate,
|
|
176
|
+
endDateOffset: endDateOffset ? endDateOffset : selectedRange === "custom" ? void 0 : setEndDateOffset,
|
|
177
|
+
focusedInput,
|
|
186
178
|
hideKeyboardShortcutsPanel: true,
|
|
187
|
-
daySize: 26,
|
|
188
179
|
horizontalMonthPadding: showWeekNumbers ? 16 : 12,
|
|
189
|
-
|
|
190
|
-
|
|
180
|
+
initialVisibleMonth: () => {
|
|
181
|
+
if (startDate) return startDate;
|
|
182
|
+
if (endDate) return endDate;
|
|
183
|
+
return moment();
|
|
184
|
+
},
|
|
185
|
+
numberOfMonths: 2,
|
|
191
186
|
renderDayContents: showWeekNumbers ? renderDayContents : null,
|
|
192
187
|
renderMonthElement: showMonthYearSelect ? ({ month, onMonthSelect, onYearSelect }) => /* @__PURE__ */ jsx(
|
|
193
188
|
ShowMonthYearSelect,
|
|
@@ -198,27 +193,25 @@ function DateRangePickerDropdown({
|
|
|
198
193
|
onYearSelect
|
|
199
194
|
}
|
|
200
195
|
) : null,
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
onPrevMonthClick,
|
|
208
|
-
onNextMonthClick
|
|
196
|
+
startDate,
|
|
197
|
+
startDateOffset: startDateOffset ? startDateOffset : selectedRange === "custom" ? void 0 : setStartDateOffset,
|
|
198
|
+
onDatesChange,
|
|
199
|
+
onFocusChange,
|
|
200
|
+
onNextMonthClick,
|
|
201
|
+
onPrevMonthClick
|
|
209
202
|
}
|
|
210
203
|
),
|
|
211
204
|
/* @__PURE__ */ jsx(
|
|
212
205
|
DateRangePickerFooter,
|
|
213
206
|
{
|
|
214
|
-
selectedDaysNumber,
|
|
215
|
-
handleResetDates,
|
|
216
|
-
handleCancelDates,
|
|
217
|
-
onSecondaryButtonClick,
|
|
218
|
-
tertiaryButtonProps,
|
|
219
207
|
handleApplyDates,
|
|
208
|
+
handleCancelDates,
|
|
209
|
+
handleResetDates,
|
|
210
|
+
hasInputErrors,
|
|
220
211
|
primaryButtonProps,
|
|
221
|
-
|
|
212
|
+
selectedDaysNumber,
|
|
213
|
+
tertiaryButtonProps,
|
|
214
|
+
onSecondaryButtonClick
|
|
222
215
|
}
|
|
223
216
|
)
|
|
224
217
|
]
|
|
@@ -236,79 +229,67 @@ function DateRangePickerDropdown({
|
|
|
236
229
|
)
|
|
237
230
|
}
|
|
238
231
|
),
|
|
239
|
-
/* @__PURE__ */ jsx(
|
|
240
|
-
"div",
|
|
241
|
-
{
|
|
242
|
-
className: "ia-select-container-v3-blanket",
|
|
243
|
-
onClick: () => setIsOpen(false)
|
|
244
|
-
}
|
|
245
|
-
)
|
|
232
|
+
/* @__PURE__ */ jsx("div", { className: "ia-select-container-v3-blanket", onClick: () => setIsOpen(false) })
|
|
246
233
|
] });
|
|
247
234
|
}
|
|
248
235
|
return /* @__PURE__ */ jsxs(
|
|
249
236
|
"div",
|
|
250
237
|
{
|
|
251
|
-
className: `impact-dateRangePicker-dropdown-container ${showRangeSelector ? "showRangeSelector" : ""}`,
|
|
252
238
|
ref: dropDownContainerRef,
|
|
239
|
+
className: `impact-dateRangePicker-dropdown-container ${showRangeSelector ? "showRangeSelector" : ""}`,
|
|
253
240
|
style: {
|
|
254
241
|
...customPosition
|
|
255
242
|
},
|
|
256
243
|
children: [
|
|
257
|
-
/* @__PURE__ */ jsxs(
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
renderMonthElement: showMonthYearSelect ? ({ month, onMonthSelect, onYearSelect }) => /* @__PURE__ */ jsx(
|
|
278
|
-
ShowMonthYearSelect,
|
|
279
|
-
{
|
|
280
|
-
customYears,
|
|
281
|
-
month,
|
|
282
|
-
onMonthSelect,
|
|
283
|
-
onYearSelect
|
|
284
|
-
}
|
|
285
|
-
) : null,
|
|
286
|
-
numberOfMonths: 2,
|
|
287
|
-
initialVisibleMonth: () => {
|
|
288
|
-
if (startDate) return startDate;
|
|
289
|
-
if (endDate) return endDate;
|
|
290
|
-
return moment();
|
|
291
|
-
},
|
|
292
|
-
onPrevMonthClick,
|
|
293
|
-
onNextMonthClick
|
|
294
|
-
}
|
|
295
|
-
),
|
|
296
|
-
/* @__PURE__ */ jsx(
|
|
297
|
-
DateRangePickerFooter,
|
|
244
|
+
/* @__PURE__ */ jsxs("div", { className: `dateRangePicker-left-container ${showWeekNumbers ? "showWeekNumbers" : ""}`, children: [
|
|
245
|
+
/* @__PURE__ */ jsx(
|
|
246
|
+
DayPickerRangeController,
|
|
247
|
+
{
|
|
248
|
+
...args,
|
|
249
|
+
daySize: 26,
|
|
250
|
+
endDate,
|
|
251
|
+
endDateOffset: endDateOffset ? endDateOffset : selectedRange === "custom" ? void 0 : (day) => setEndDateOffset(selectedRange, day),
|
|
252
|
+
focusedInput,
|
|
253
|
+
hideKeyboardShortcutsPanel: true,
|
|
254
|
+
horizontalMonthPadding: showWeekNumbers ? 16 : 12,
|
|
255
|
+
initialVisibleMonth: () => {
|
|
256
|
+
if (startDate) return startDate;
|
|
257
|
+
if (endDate) return endDate;
|
|
258
|
+
return moment();
|
|
259
|
+
},
|
|
260
|
+
numberOfMonths: 2,
|
|
261
|
+
renderDayContents: showWeekNumbers ? renderDayContents : null,
|
|
262
|
+
renderMonthElement: showMonthYearSelect ? ({ month, onMonthSelect, onYearSelect }) => /* @__PURE__ */ jsx(
|
|
263
|
+
ShowMonthYearSelect,
|
|
298
264
|
{
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
tertiaryButtonProps,
|
|
304
|
-
handleApplyDates,
|
|
305
|
-
primaryButtonProps,
|
|
306
|
-
hasInputErrors
|
|
265
|
+
customYears,
|
|
266
|
+
month,
|
|
267
|
+
onMonthSelect,
|
|
268
|
+
onYearSelect
|
|
307
269
|
}
|
|
308
|
-
)
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
270
|
+
) : null,
|
|
271
|
+
startDate,
|
|
272
|
+
startDateOffset: startDateOffset ? startDateOffset : selectedRange === "custom" ? void 0 : (day) => setStartDateOffset(selectedRange, day),
|
|
273
|
+
onDatesChange,
|
|
274
|
+
onFocusChange,
|
|
275
|
+
onNextMonthClick,
|
|
276
|
+
onPrevMonthClick
|
|
277
|
+
}
|
|
278
|
+
),
|
|
279
|
+
/* @__PURE__ */ jsx(
|
|
280
|
+
DateRangePickerFooter,
|
|
281
|
+
{
|
|
282
|
+
handleApplyDates,
|
|
283
|
+
handleCancelDates,
|
|
284
|
+
handleResetDates,
|
|
285
|
+
hasInputErrors,
|
|
286
|
+
primaryButtonProps,
|
|
287
|
+
selectedDaysNumber,
|
|
288
|
+
tertiaryButtonProps,
|
|
289
|
+
onSecondaryButtonClick
|
|
290
|
+
}
|
|
291
|
+
)
|
|
292
|
+
] }),
|
|
312
293
|
showRangeSelector ? /* @__PURE__ */ jsx(
|
|
313
294
|
DateRangePickerCustom,
|
|
314
295
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dateRangePickerFooter.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerFooter.tsx"],"names":[],"mappings":"AAIA,wBAAgB,qBAAqB,CAAC,EACpC,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,GACf,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"dateRangePickerFooter.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerFooter.tsx"],"names":[],"mappings":"AAIA,wBAAgB,qBAAqB,CAAC,EACpC,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,GACf,EAAE,GAAG,2CAkCL"}
|
|
@@ -12,20 +12,19 @@ function DateRangePickerFooter({
|
|
|
12
12
|
}) {
|
|
13
13
|
return /* @__PURE__ */ jsxs("div", { className: "dateRangePicker-footer-container", children: [
|
|
14
14
|
/* @__PURE__ */ jsx("div", { className: "dateRangePicker-buttons-left-container", children: /* @__PURE__ */ jsxs("div", { className: "dateRangePicker-footer-label-container", children: [
|
|
15
|
-
"Selected:",
|
|
16
|
-
" ",
|
|
15
|
+
"Selected: ",
|
|
17
16
|
/* @__PURE__ */ jsxs("span", { className: "dateRangePicker-footer-value", children: [
|
|
18
17
|
selectedDaysNumber,
|
|
19
18
|
" days"
|
|
20
19
|
] })
|
|
21
20
|
] }) }),
|
|
22
21
|
/* @__PURE__ */ jsxs("div", { className: "dateRangePicker-buttons-right-container", children: [
|
|
23
|
-
/* @__PURE__ */ jsx(Button, {
|
|
22
|
+
/* @__PURE__ */ jsx(Button, { size: "small", variant: "url", onClick: handleResetDates, children: "Clear" }),
|
|
24
23
|
onSecondaryButtonClick && /* @__PURE__ */ jsx(
|
|
25
24
|
Button,
|
|
26
25
|
{
|
|
27
|
-
variant: "secondary",
|
|
28
26
|
size: "small",
|
|
27
|
+
variant: "secondary",
|
|
29
28
|
onClick: handleCancelDates,
|
|
30
29
|
...tertiaryButtonProps,
|
|
31
30
|
children: "Cancel"
|
|
@@ -34,10 +33,10 @@ function DateRangePickerFooter({
|
|
|
34
33
|
/* @__PURE__ */ jsx(
|
|
35
34
|
Button,
|
|
36
35
|
{
|
|
37
|
-
|
|
36
|
+
disabled: hasInputErrors,
|
|
38
37
|
size: "small",
|
|
38
|
+
variant: "primary",
|
|
39
39
|
onClick: handleApplyDates,
|
|
40
|
-
disabled: hasInputErrors,
|
|
41
40
|
...primaryButtonProps,
|
|
42
41
|
children: "Apply"
|
|
43
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dateRangePickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerInput.tsx"],"names":[],"mappings":"AAMA,wBAAgB,oBAAoB,CAAC,EACnC,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,aAA4B,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,UAAU,GACX,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"dateRangePickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerInput.tsx"],"names":[],"mappings":"AAMA,wBAAgB,oBAAoB,CAAC,EACnC,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,aAA4B,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,UAAU,GACX,EAAE,GAAG,2CAkfL"}
|
|
@@ -45,10 +45,7 @@ function DateRangePickerInput({
|
|
|
45
45
|
}, [startInputValue, startPendingCursorPosition]);
|
|
46
46
|
useEffect(() => {
|
|
47
47
|
if (endPendingCursorPosition !== null && endDateInputRef.current) {
|
|
48
|
-
endDateInputRef.current.setSelectionRange(
|
|
49
|
-
endPendingCursorPosition,
|
|
50
|
-
endPendingCursorPosition
|
|
51
|
-
);
|
|
48
|
+
endDateInputRef.current.setSelectionRange(endPendingCursorPosition, endPendingCursorPosition);
|
|
52
49
|
setEndPendingCursorPosition(null);
|
|
53
50
|
}
|
|
54
51
|
}, [endInputValue, endPendingCursorPosition]);
|
|
@@ -104,15 +101,9 @@ function DateRangePickerInput({
|
|
|
104
101
|
"YYYY-MM-DD": { day: [8, 10], month: [5, 7], year: [0, 4] }
|
|
105
102
|
};
|
|
106
103
|
const formatInfo = formatMap[format] || formatMap["DD-MM-YYYY"];
|
|
107
|
-
const day = parseInt(
|
|
108
|
-
|
|
109
|
-
);
|
|
110
|
-
const month = parseInt(
|
|
111
|
-
inputValue.substring(formatInfo.month[0], formatInfo.month[1])
|
|
112
|
-
);
|
|
113
|
-
const year = parseInt(
|
|
114
|
-
inputValue.substring(formatInfo.year[0], formatInfo.year[1])
|
|
115
|
-
);
|
|
104
|
+
const day = parseInt(inputValue.substring(formatInfo.day[0], formatInfo.day[1]));
|
|
105
|
+
const month = parseInt(inputValue.substring(formatInfo.month[0], formatInfo.month[1]));
|
|
106
|
+
const year = parseInt(inputValue.substring(formatInfo.year[0], formatInfo.year[1]));
|
|
116
107
|
if (month < 1 || month > 12) {
|
|
117
108
|
return false;
|
|
118
109
|
}
|
|
@@ -132,7 +123,7 @@ function DateRangePickerInput({
|
|
|
132
123
|
return false;
|
|
133
124
|
}
|
|
134
125
|
}
|
|
135
|
-
if (isOutsideRange
|
|
126
|
+
if (isOutsideRange == null ? void 0 : isOutsideRange(moment(date))) {
|
|
136
127
|
return false;
|
|
137
128
|
}
|
|
138
129
|
return true;
|
|
@@ -346,44 +337,44 @@ function DateRangePickerInput({
|
|
|
346
337
|
return /* @__PURE__ */ jsxs(
|
|
347
338
|
"div",
|
|
348
339
|
{
|
|
340
|
+
ref: inputContainerRef,
|
|
349
341
|
className: `dateRangePicker-input-container ${isDisabled ? "dateRangePicker-input-disabled" : ""}
|
|
350
342
|
${isError || startErrorState || endErrorState ? "impact-dateRangePicker-error" : ""}`,
|
|
351
|
-
ref: inputContainerRef,
|
|
352
343
|
children: [
|
|
353
344
|
/* @__PURE__ */ jsx(
|
|
354
345
|
"input",
|
|
355
346
|
{
|
|
356
|
-
|
|
347
|
+
ref: startDateInputRef,
|
|
357
348
|
placeholder: "Start Date",
|
|
349
|
+
readOnly,
|
|
350
|
+
type: "text",
|
|
358
351
|
value: startInputValue,
|
|
359
|
-
onFocus: handleStartDateInputFocus,
|
|
360
352
|
onBlur: handleStartDateInputBlur,
|
|
361
|
-
onClick: handleStartDateInputClick,
|
|
362
353
|
onChange: handleStartDateInputChange,
|
|
354
|
+
onClick: handleStartDateInputClick,
|
|
355
|
+
onFocus: handleStartDateInputFocus,
|
|
363
356
|
onKeyDown: handleStartDateKeyDown,
|
|
364
|
-
ref: startDateInputRef,
|
|
365
|
-
readOnly,
|
|
366
357
|
...startDateInputProps,
|
|
367
|
-
|
|
368
|
-
|
|
358
|
+
className: "dateRangePicker-input-start-date",
|
|
359
|
+
disabled: isDisabled
|
|
369
360
|
}
|
|
370
361
|
),
|
|
371
362
|
/* @__PURE__ */ jsx(
|
|
372
363
|
"input",
|
|
373
364
|
{
|
|
374
|
-
|
|
365
|
+
ref: endDateInputRef,
|
|
375
366
|
placeholder: "End Date",
|
|
367
|
+
readOnly,
|
|
368
|
+
type: "text",
|
|
376
369
|
value: endInputValue,
|
|
377
|
-
onFocus: handleEndDateInputFocus,
|
|
378
370
|
onBlur: handleEndDateInputBlur,
|
|
379
|
-
onClick: handleEndDateInputClick,
|
|
380
371
|
onChange: handleEndDateInputChange,
|
|
372
|
+
onClick: handleEndDateInputClick,
|
|
373
|
+
onFocus: handleEndDateInputFocus,
|
|
381
374
|
onKeyDown: handleEndDateKeyDown,
|
|
382
|
-
ref: endDateInputRef,
|
|
383
|
-
readOnly,
|
|
384
375
|
...endDateInputProps,
|
|
385
|
-
|
|
386
|
-
|
|
376
|
+
className: "dateRangePicker-input-end-date",
|
|
377
|
+
disabled: isDisabled
|
|
387
378
|
}
|
|
388
379
|
),
|
|
389
380
|
customIcon ? /* @__PURE__ */ jsx(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,wBAAwB,CAAC;AAChC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,OAAO,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,wBAAwB,CAAC;AAChC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,OAAO,+BAA+B,CAAC;AAIvC,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,eAAO,MAAM,eAAe,kFAyW3B,CAAC"}
|
|
@@ -4,10 +4,10 @@ import "../../node_modules/react-dates/lib/initialize.js";
|
|
|
4
4
|
|
|
5
5
|
import { forwardRef, useRef, useState, useEffect } from "react";
|
|
6
6
|
import moment from "moment";
|
|
7
|
-
import { DateRangePickerInput } from "./dateRangePickerInput.js";
|
|
8
7
|
import { DateRangePickerDropdown } from "./dateRangePickerDropdown.js";
|
|
8
|
+
import { DateRangePickerInput } from "./dateRangePickerInput.js";
|
|
9
9
|
|
|
10
|
-
import { rangeSelectorTypes,
|
|
10
|
+
import { rangeSelectorTypes, setStartDateOffset, setEndDateOffset } from "./utils.js";
|
|
11
11
|
import { HelperText } from "../common/HelperText/index.js";
|
|
12
12
|
const DateRangePicker = forwardRef(
|
|
13
13
|
({
|
|
@@ -58,14 +58,12 @@ const DateRangePicker = forwardRef(
|
|
|
58
58
|
const dropDownContainerRef = useRef(null);
|
|
59
59
|
const startDateInputRef = useRef();
|
|
60
60
|
const endDateInputRef = useRef();
|
|
61
|
-
const startDateString = startDate
|
|
62
|
-
const endDateString = endDate
|
|
61
|
+
const startDateString = startDate == null ? void 0 : startDate.format(displayFormat);
|
|
62
|
+
const endDateString = endDate == null ? void 0 : endDate.format(displayFormat);
|
|
63
63
|
const selectedDaysNumber = endDate && startDate ? endDate.diff(startDate, "days") + 1 : 0;
|
|
64
64
|
const [isOpen, setIsOpen] = useState(false);
|
|
65
65
|
const [focusedInput, setFocusedInput] = useState("startDate");
|
|
66
|
-
const [selectedRange, setSelectedRange] = useState(
|
|
67
|
-
rangeSelectorTypes[0].id
|
|
68
|
-
);
|
|
66
|
+
const [selectedRange, setSelectedRange] = useState(rangeSelectorTypes[0].id);
|
|
69
67
|
const [tempStartDate, setTempStartDate] = useState(startDate);
|
|
70
68
|
const [tempEndDate, setTempEndDate] = useState(endDate);
|
|
71
69
|
const resetClicked = useRef(false);
|
|
@@ -97,17 +95,10 @@ const DateRangePicker = forwardRef(
|
|
|
97
95
|
};
|
|
98
96
|
const onFocusChange = (focusedInput2) => {
|
|
99
97
|
if (handleFocusChange) {
|
|
100
|
-
handleFocusChange(
|
|
101
|
-
focusedInput2,
|
|
102
|
-
setFocusedInput,
|
|
103
|
-
startDateInputRef,
|
|
104
|
-
endDateInputRef
|
|
105
|
-
);
|
|
98
|
+
handleFocusChange(focusedInput2, setFocusedInput, startDateInputRef, endDateInputRef);
|
|
106
99
|
return;
|
|
107
100
|
}
|
|
108
|
-
setFocusedInput(
|
|
109
|
-
() => focusedInput2 === null ? "startDate" : focusedInput2
|
|
110
|
-
);
|
|
101
|
+
setFocusedInput(() => focusedInput2 === null ? "startDate" : focusedInput2);
|
|
111
102
|
setTimeout(() => {
|
|
112
103
|
if (focusedInput2 === null || focusedInput2 === "startDate") {
|
|
113
104
|
if (startDateInputRef.current) {
|
|
@@ -257,81 +248,74 @@ const DateRangePicker = forwardRef(
|
|
|
257
248
|
" ",
|
|
258
249
|
isRequired && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
|
|
259
250
|
] }),
|
|
260
|
-
/* @__PURE__ */ jsxs(
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
portalClassName
|
|
329
|
-
}
|
|
330
|
-
)
|
|
331
|
-
]
|
|
332
|
-
}
|
|
333
|
-
),
|
|
334
|
-
helperText && /* @__PURE__ */ jsx(HelperText, { helper: isError ? helperText : "", error: isError })
|
|
251
|
+
/* @__PURE__ */ jsxs("div", { ref: dateRangePickerMainContainerRef, className: "dateRangePicker-container", children: [
|
|
252
|
+
/* @__PURE__ */ jsx(
|
|
253
|
+
DateRangePickerInput,
|
|
254
|
+
{
|
|
255
|
+
clearErrorsTrigger,
|
|
256
|
+
customIcon,
|
|
257
|
+
displayFormat,
|
|
258
|
+
endDateInputProps,
|
|
259
|
+
endDateInputRef,
|
|
260
|
+
endDateString,
|
|
261
|
+
inputContainerRef,
|
|
262
|
+
isDisabled,
|
|
263
|
+
isError,
|
|
264
|
+
isOutsideRange,
|
|
265
|
+
maxDate,
|
|
266
|
+
minDate,
|
|
267
|
+
readOnly,
|
|
268
|
+
resetTrigger,
|
|
269
|
+
startDateInputProps,
|
|
270
|
+
startDateInputRef,
|
|
271
|
+
startDateString,
|
|
272
|
+
onEndDateFocus,
|
|
273
|
+
onEndDateStringChange: handleEndDateStringChange,
|
|
274
|
+
onErrorStateChange: setHasInputErrors,
|
|
275
|
+
onStartDateFocus,
|
|
276
|
+
onStartDateStringChange: handleStartDateStringChange
|
|
277
|
+
}
|
|
278
|
+
),
|
|
279
|
+
isOpen && /* @__PURE__ */ jsx(
|
|
280
|
+
DateRangePickerDropdown,
|
|
281
|
+
{
|
|
282
|
+
...args,
|
|
283
|
+
containerRef: dateRangePickerMainContainerRef,
|
|
284
|
+
customWeekNumberData,
|
|
285
|
+
customYears,
|
|
286
|
+
dropDownContainerRef,
|
|
287
|
+
endDate,
|
|
288
|
+
endDateOffset,
|
|
289
|
+
focusedInput,
|
|
290
|
+
handleApplyDates,
|
|
291
|
+
handleCancelDates,
|
|
292
|
+
handleRangeSelectorChange,
|
|
293
|
+
handleResetDates,
|
|
294
|
+
hasInputErrors,
|
|
295
|
+
isOutsideRange,
|
|
296
|
+
portalClassName,
|
|
297
|
+
portalContainer,
|
|
298
|
+
primaryButtonProps,
|
|
299
|
+
selectedDaysNumber,
|
|
300
|
+
selectedRange,
|
|
301
|
+
setEndDateOffset,
|
|
302
|
+
setIsOpen,
|
|
303
|
+
setStartDateOffset,
|
|
304
|
+
showMonthYearSelect,
|
|
305
|
+
showRangeSelector,
|
|
306
|
+
showWeekNumbers,
|
|
307
|
+
startDate,
|
|
308
|
+
startDateOffset,
|
|
309
|
+
suppressClickOnWeekNumber,
|
|
310
|
+
tertiaryButtonProps,
|
|
311
|
+
withPortal,
|
|
312
|
+
onDatesChange,
|
|
313
|
+
onFocusChange,
|
|
314
|
+
onSecondaryButtonClick
|
|
315
|
+
}
|
|
316
|
+
)
|
|
317
|
+
] }),
|
|
318
|
+
helperText && /* @__PURE__ */ jsx(HelperText, { error: isError, helper: isError ? helperText : "" })
|
|
335
319
|
]
|
|
336
320
|
}
|
|
337
321
|
);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare function ShowMonthYearSelect({ customYears, month, onMonthSelect, onYearSelect
|
|
1
|
+
export declare function ShowMonthYearSelect({ customYears, month, onMonthSelect, onYearSelect }: any): import("react/jsx-runtime").JSX.Element;
|
|
2
2
|
//# sourceMappingURL=showMonthYearSelect.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"showMonthYearSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/showMonthYearSelect.tsx"],"names":[],"mappings":"AAKA,wBAAgB,mBAAmB,CAAC,
|
|
1
|
+
{"version":3,"file":"showMonthYearSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/showMonthYearSelect.tsx"],"names":[],"mappings":"AAKA,wBAAgB,mBAAmB,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,GAAG,2CA6F3F"}
|
|
@@ -2,12 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import moment from "moment";
|
|
4
4
|
import { Select } from "../Select/index.js";
|
|
5
|
-
function ShowMonthYearSelect({
|
|
6
|
-
customYears,
|
|
7
|
-
month,
|
|
8
|
-
onMonthSelect,
|
|
9
|
-
onYearSelect
|
|
10
|
-
}) {
|
|
5
|
+
function ShowMonthYearSelect({ customYears, month, onMonthSelect, onYearSelect }) {
|
|
11
6
|
const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
|
|
12
7
|
const yrs = Array.from({ length: 10 }, (_, index) => {
|
|
13
8
|
const year = (currentYear - 5 + index).toString();
|
|
@@ -36,45 +31,45 @@ function ShowMonthYearSelect({
|
|
|
36
31
|
/* @__PURE__ */ jsx("div", { className: "date-range-picker-month-select-container", children: /* @__PURE__ */ jsx(
|
|
37
32
|
Select,
|
|
38
33
|
{
|
|
39
|
-
name: "year-select",
|
|
40
|
-
withPortal: true,
|
|
41
34
|
isWithSearch: true,
|
|
42
|
-
|
|
43
|
-
dropDownPortalClassName: "date-range-picker-month-select-dropdown",
|
|
44
|
-
isOpen: open1,
|
|
45
|
-
setIsOpen: setOpen1,
|
|
35
|
+
withPortal: true,
|
|
46
36
|
currentOptions: currentOptions1,
|
|
47
|
-
|
|
48
|
-
initialOptions: months,
|
|
49
|
-
selectedOptions: selectedOptions1,
|
|
50
|
-
setSelectedOptions: () => {
|
|
51
|
-
},
|
|
37
|
+
dropDownPortalClassName: "date-range-picker-month-select-dropdown",
|
|
52
38
|
handleChange: (val) => {
|
|
53
39
|
onMonthSelect(month, val.value);
|
|
54
40
|
},
|
|
55
|
-
|
|
41
|
+
initialOptions: months,
|
|
42
|
+
isOpen: open1,
|
|
43
|
+
minWidth: "80px",
|
|
44
|
+
name: "year-select",
|
|
45
|
+
placeholder: "month",
|
|
46
|
+
selectedOptions: selectedOptions1,
|
|
47
|
+
setCurrentOptions: setCurrentOptions1,
|
|
48
|
+
setIsOpen: setOpen1,
|
|
49
|
+
setSelectedOptions: () => {
|
|
50
|
+
}
|
|
56
51
|
}
|
|
57
52
|
) }),
|
|
58
53
|
/* @__PURE__ */ jsx("div", { className: "date-range-picker-year-select-container", children: /* @__PURE__ */ jsx(
|
|
59
54
|
Select,
|
|
60
55
|
{
|
|
61
|
-
name: "month-select",
|
|
62
|
-
placeholder: "year",
|
|
63
56
|
isWithSearch: true,
|
|
64
57
|
withPortal: true,
|
|
65
|
-
dropDownPortalClassName: "date-range-picker-year-select-dropdown",
|
|
66
|
-
isOpen: open2,
|
|
67
|
-
setIsOpen: setOpen2,
|
|
68
58
|
currentOptions: currentOptions2,
|
|
69
|
-
|
|
70
|
-
initialOptions: years,
|
|
71
|
-
selectedOptions: selectedOptions2,
|
|
72
|
-
setSelectedOptions: () => {
|
|
73
|
-
},
|
|
59
|
+
dropDownPortalClassName: "date-range-picker-year-select-dropdown",
|
|
74
60
|
handleChange: (val) => {
|
|
75
61
|
onYearSelect(month, val.value);
|
|
76
62
|
},
|
|
77
|
-
|
|
63
|
+
initialOptions: years,
|
|
64
|
+
isOpen: open2,
|
|
65
|
+
minWidth: "66px",
|
|
66
|
+
name: "month-select",
|
|
67
|
+
placeholder: "year",
|
|
68
|
+
selectedOptions: selectedOptions2,
|
|
69
|
+
setCurrentOptions: setCurrentOptions2,
|
|
70
|
+
setIsOpen: setOpen2,
|
|
71
|
+
setSelectedOptions: () => {
|
|
72
|
+
}
|
|
78
73
|
}
|
|
79
74
|
) })
|
|
80
75
|
] });
|
|
@@ -5,7 +5,7 @@ export declare const rangeSelectorTypes: {
|
|
|
5
5
|
}[];
|
|
6
6
|
export declare const setStartDateOffset: (selectedRange: any, day: any) => any;
|
|
7
7
|
export declare const setEndDateOffset: (selectedRange: any, day: any) => any;
|
|
8
|
-
export declare const calculatePosition: ({ containerRef, setCustomPosition, showRangeSelector
|
|
8
|
+
export declare const calculatePosition: ({ containerRef, setCustomPosition, showRangeSelector }: {
|
|
9
9
|
containerRef: any;
|
|
10
10
|
setCustomPosition: any;
|
|
11
11
|
showRangeSelector: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/utils.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,kBAAkB;;;;GAO9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,kBAAa,EAAE,QAAG,QAiBpD,CAAC;AACF,eAAO,MAAM,gBAAgB,GAAI,kBAAa,EAAE,QAAG,QAiBlD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI;;;;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/utils.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,kBAAkB;;;;GAO9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,kBAAa,EAAE,QAAG,QAiBpD,CAAC;AACF,eAAO,MAAM,gBAAgB,GAAI,kBAAa,EAAE,QAAG,QAiBlD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI;;;;CAAsD,SAgBvF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,SAAI,EAAE,mBAAyB,QAE/D,CAAC"}
|
|
@@ -34,11 +34,7 @@ const setEndDateOffset = (selectedRange, day) => {
|
|
|
34
34
|
return day.endOf("year");
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
|
-
const calculatePosition = ({
|
|
38
|
-
containerRef,
|
|
39
|
-
setCustomPosition,
|
|
40
|
-
showRangeSelector
|
|
41
|
-
}) => {
|
|
37
|
+
const calculatePosition = ({ containerRef, setCustomPosition, showRangeSelector }) => {
|
|
42
38
|
var _a;
|
|
43
39
|
const containerPos = (_a = containerRef == null ? void 0 : containerRef.current) == null ? void 0 : _a.getBoundingClientRect();
|
|
44
40
|
if (!containerPos) return;
|
|
@@ -25,5 +25,16 @@ export interface ModalProps extends BaseComponentProps {
|
|
|
25
25
|
onExpand?: () => void;
|
|
26
26
|
zIndex?: number;
|
|
27
27
|
withExpandIcon?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Disable MUI's focus trap for this modal. Enable this when the modal hosts
|
|
30
|
+
* content that renders interactive elements in a portal outside the modal DOM
|
|
31
|
+
* (e.g. a DatePicker/Select using `withPortal`), otherwise the focus trap
|
|
32
|
+
* steals focus back and makes the portaled popover unusable.
|
|
33
|
+
*/
|
|
34
|
+
disableEnforceFocus?: boolean;
|
|
35
|
+
/** Disable MUI automatically moving focus into the modal when it opens. */
|
|
36
|
+
disableAutoFocus?: boolean;
|
|
37
|
+
/** Disable MUI restoring focus to the trigger element when the modal closes. */
|
|
38
|
+
disableRestoreFocus?: boolean;
|
|
28
39
|
}
|
|
29
40
|
//# sourceMappingURL=Modal.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,2EAA2E;IAC3E,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,2EAA2E;IAC3E,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gFAAgF;IAChF,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewAdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.tsx"],"names":[],"mappings":"AAsBA,QAAA,MAAM,yBAAyB,GAAI;;;;;;;;;;;;;CAalC,
|
|
1
|
+
{"version":3,"file":"NewAdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.tsx"],"names":[],"mappings":"AAsBA,QAAA,MAAM,yBAAyB,GAAI;;;;;;;;;;;;;CAalC,4CA4ZA,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
|
|
@@ -212,10 +212,12 @@ const NewAdvanceSearchModalItem = ({
|
|
|
212
212
|
},
|
|
213
213
|
setIsSelectAll
|
|
214
214
|
}
|
|
215
|
-
) : (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDatePicker) ? /* @__PURE__ */ jsx(
|
|
215
|
+
) : (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDatePicker) || (currentColumnDef == null ? void 0 : currentColumnDef.filter) === "agDateColumnFilter" && !currentColumnDef.thirdOptionAsDateRangePicker ? /* @__PURE__ */ jsx(
|
|
216
216
|
DatePicker,
|
|
217
217
|
{
|
|
218
218
|
fullWidth: true,
|
|
219
|
+
showMonthYearSelect: true,
|
|
220
|
+
displayFormat: currentColumnDef.displayFormat || "MM-DD-YYYY",
|
|
219
221
|
isDisabled: !operationField.value,
|
|
220
222
|
name: `filters.${index}.value`,
|
|
221
223
|
placeholder: "Select date",
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { commonjsGlobal } from "../../_virtual/_commonjsHelpers.js";
|
|
1
2
|
import { __require as requireDefineProperties } from "../define-properties/index.js";
|
|
2
3
|
import { __require as requireIsSymbol } from "../is-symbol/index.js";
|
|
3
4
|
var globalCache_1;
|
|
@@ -15,14 +16,14 @@ function requireGlobalCache() {
|
|
|
15
16
|
return true;
|
|
16
17
|
};
|
|
17
18
|
var ensureCache = function ensureCache2() {
|
|
18
|
-
if (!
|
|
19
|
+
if (!commonjsGlobal[globalKey]) {
|
|
19
20
|
var properties = {};
|
|
20
21
|
properties[globalKey] = {};
|
|
21
22
|
var predicates = {};
|
|
22
23
|
predicates[globalKey] = trueThunk;
|
|
23
|
-
define(
|
|
24
|
+
define(commonjsGlobal, properties, predicates);
|
|
24
25
|
}
|
|
25
|
-
return
|
|
26
|
+
return commonjsGlobal[globalKey];
|
|
26
27
|
};
|
|
27
28
|
var cache = ensureCache();
|
|
28
29
|
var isPrimitive = function isPrimitive2(val) {
|
|
@@ -41,7 +42,7 @@ function requireGlobalCache() {
|
|
|
41
42
|
};
|
|
42
43
|
var globalCache = {
|
|
43
44
|
clear: function clear() {
|
|
44
|
-
delete
|
|
45
|
+
delete commonjsGlobal[globalKey];
|
|
45
46
|
cache = ensureCache();
|
|
46
47
|
},
|
|
47
48
|
"delete": function deleteKey(key) {
|
|
@@ -61,7 +61,7 @@ function requireIsCallable() {
|
|
|
61
61
|
if (typeof document === "object") {
|
|
62
62
|
var all = document.all;
|
|
63
63
|
if (toStr.call(all) === toStr.call(document.all)) {
|
|
64
|
-
isDDA = function
|
|
64
|
+
isDDA = function isDocumentDotAll(value) {
|
|
65
65
|
if ((isIE68 || !value) && (typeof value === "undefined" || typeof value === "object")) {
|
|
66
66
|
try {
|
|
67
67
|
var str = toStr.call(value);
|
|
@@ -334,7 +334,7 @@ lodash.exports;
|
|
|
334
334
|
"\u2029": "u2029"
|
|
335
335
|
};
|
|
336
336
|
var freeParseFloat = parseFloat, freeParseInt = parseInt;
|
|
337
|
-
var freeGlobal = typeof
|
|
337
|
+
var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
|
|
338
338
|
var freeSelf = typeof self == "object" && self && self.Object === Object && self;
|
|
339
339
|
var root = freeGlobal || freeSelf || Function("return this")();
|
|
340
340
|
var freeExports = exports$1 && !exports$1.nodeType && exports$1;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { commonjsGlobal } from "../../_virtual/_commonjsHelpers.js";
|
|
1
2
|
import require$$0 from "../../_virtual/___vite-browser-external.js";
|
|
2
3
|
var objectInspect;
|
|
3
4
|
var hasRequiredObjectInspect;
|
|
@@ -230,7 +231,7 @@ function requireObjectInspect() {
|
|
|
230
231
|
if (typeof window !== "undefined" && obj === window) {
|
|
231
232
|
return "{ [object Window] }";
|
|
232
233
|
}
|
|
233
|
-
if (typeof globalThis !== "undefined" && obj === globalThis || typeof
|
|
234
|
+
if (typeof globalThis !== "undefined" && obj === globalThis || typeof commonjsGlobal !== "undefined" && obj === commonjsGlobal) {
|
|
234
235
|
return "{ [object globalThis] }";
|
|
235
236
|
}
|
|
236
237
|
if (!isDate(obj) && !isRegExp(obj)) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getDefaultExportFromCjs } from "../../_virtual/_commonjsHelpers.js";
|
|
2
|
-
import { __module as propTypes } from "../../_virtual/
|
|
2
|
+
import { __module as propTypes } from "../../_virtual/index3.js";
|
|
3
3
|
import { __require as requireReactIs } from "./node_modules/react-is/index.js";
|
|
4
4
|
import { __require as requireFactoryWithTypeCheckers } from "./factoryWithTypeCheckers.js";
|
|
5
5
|
import { __require as requireFactoryWithThrowingShims } from "./factoryWithThrowingShims.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __module as reactIs } from "../../_virtual/
|
|
1
|
+
import { __module as reactIs } from "../../_virtual/index2.js";
|
|
2
2
|
import { __require as requireReactIs_production } from "./cjs/react-is.production.js";
|
|
3
3
|
import { __require as requireReactIs_development } from "./cjs/react-is.development.js";
|
|
4
4
|
if (process.env.NODE_ENV === "production") {
|
package/package.json
CHANGED
package/dist/App.d.ts
DELETED
package/dist/App.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAmQA,QAAA,MAAM,GAAG,+CA0IR,CAAC;AAEF,eAAe,GAAG,CAAC"}
|