cr-ui-lib 1.1.2 → 1.1.4
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/index.js +598 -817
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +529 -750
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,83 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
"use strict";
|
|
3
|
-
var __create = Object.create;
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __export = (target, all) => {
|
|
10
|
-
for (var name in all)
|
|
11
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from))
|
|
16
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
17
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
|
-
}
|
|
19
|
-
return to;
|
|
20
|
-
};
|
|
21
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
23
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
24
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
25
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
26
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
27
|
-
mod
|
|
28
|
-
));
|
|
29
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
'use strict';
|
|
30
2
|
|
|
31
|
-
|
|
32
|
-
var
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
Modal: () => Modal_default,
|
|
47
|
-
MultiLineGraph: () => MultiLineGraph_default,
|
|
48
|
-
MultipleAutoSuggestionInput: () => MultipleAutoSuggestionInput_default,
|
|
49
|
-
NavBar: () => NavBar_default,
|
|
50
|
-
Pagination: () => Pagination,
|
|
51
|
-
PlainButton: () => PlainButton_default,
|
|
52
|
-
PopupWrapper: () => PopupWrapper_default,
|
|
53
|
-
SelectionButton: () => SelectionButton_default,
|
|
54
|
-
SideNav: () => SideNav_default,
|
|
55
|
-
SimpleCard: () => SimpleCard_default,
|
|
56
|
-
SingleDateInput: () => SingleDateInput_default,
|
|
57
|
-
SingleLineGraph: () => SingleLineGraph_default,
|
|
58
|
-
SingleListInput: () => SingleListInput_default,
|
|
59
|
-
SingleSelectDropdown: () => SingleSelectDropdown,
|
|
60
|
-
SuccessToast: () => SuccessToast_default,
|
|
61
|
-
TableHeader: () => TableHeader_default,
|
|
62
|
-
TimeInput: () => TimeInput_default,
|
|
63
|
-
isSameDateMDY: () => isSameDateMDY,
|
|
64
|
-
toEndOfDay: () => toEndOfDay,
|
|
65
|
-
toMidnight: () => toMidnight,
|
|
66
|
-
validateAndFormatInput: () => validateAndFormatInput,
|
|
67
|
-
validateDate: () => validateDate,
|
|
68
|
-
validateDateRange: () => validateDateRange
|
|
69
|
-
});
|
|
70
|
-
module.exports = __toCommonJS(index_exports);
|
|
3
|
+
var tailwindMerge = require('tailwind-merge');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var chart_js = require('chart.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var reactChartjs2 = require('react-chartjs-2');
|
|
8
|
+
var lucideReact = require('lucide-react');
|
|
9
|
+
var dateFns = require('date-fns');
|
|
10
|
+
var DatePicker = require('react-datepicker');
|
|
11
|
+
var ReactPaginate = require('react-paginate');
|
|
12
|
+
|
|
13
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
16
|
+
var DatePicker__default = /*#__PURE__*/_interopDefault(DatePicker);
|
|
17
|
+
var ReactPaginate__default = /*#__PURE__*/_interopDefault(ReactPaginate);
|
|
71
18
|
|
|
72
|
-
// src/components/button/PlainButton.tsx
|
|
73
|
-
var import_tailwind_merge = require("tailwind-merge");
|
|
74
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
75
19
|
var PlainButton = ({ className, children, ...rest }) => {
|
|
76
|
-
return /* @__PURE__ */
|
|
20
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
77
21
|
"div",
|
|
78
22
|
{
|
|
79
23
|
...rest,
|
|
80
|
-
className:
|
|
24
|
+
className: tailwindMerge.twMerge(
|
|
81
25
|
"min-h-[26px] w-[50px] bg-white text-center rounded-[4px] flex items-center justify-center border border-[#E2E2E2] text-black cursor-pointer hover:bg-gray-100",
|
|
82
26
|
className
|
|
83
27
|
),
|
|
@@ -86,10 +30,6 @@ var PlainButton = ({ className, children, ...rest }) => {
|
|
|
86
30
|
);
|
|
87
31
|
};
|
|
88
32
|
var PlainButton_default = PlainButton;
|
|
89
|
-
|
|
90
|
-
// src/components/button/CollapseButton.tsx
|
|
91
|
-
var import_tailwind_merge2 = require("tailwind-merge");
|
|
92
|
-
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
93
33
|
var CollapseButton = ({
|
|
94
34
|
isOpen,
|
|
95
35
|
mainClass,
|
|
@@ -99,24 +39,24 @@ var CollapseButton = ({
|
|
|
99
39
|
titleClass,
|
|
100
40
|
...rest
|
|
101
41
|
}) => {
|
|
102
|
-
return /* @__PURE__ */
|
|
42
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
103
43
|
"div",
|
|
104
44
|
{
|
|
105
|
-
className:
|
|
45
|
+
className: tailwindMerge.twMerge(
|
|
106
46
|
"min-h-[40px] w-full px-[16px] py-[8px] bg-white border border-[#E2E2E2] rounded-[4px]",
|
|
107
47
|
mainClass
|
|
108
48
|
),
|
|
109
49
|
children: [
|
|
110
|
-
/* @__PURE__ */
|
|
50
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
111
51
|
"div",
|
|
112
52
|
{
|
|
113
53
|
...rest,
|
|
114
54
|
className: "flex justify-between items-center cursor-pointer",
|
|
115
55
|
children: [
|
|
116
|
-
/* @__PURE__ */
|
|
56
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
117
57
|
"p",
|
|
118
58
|
{
|
|
119
|
-
className:
|
|
59
|
+
className: tailwindMerge.twMerge(
|
|
120
60
|
"font-semibold text-[14px] transition-colors duration-300",
|
|
121
61
|
isOpen ? "text-[#4062E5]" : "text-[#000]",
|
|
122
62
|
titleClass
|
|
@@ -124,10 +64,10 @@ var CollapseButton = ({
|
|
|
124
64
|
children: title
|
|
125
65
|
}
|
|
126
66
|
),
|
|
127
|
-
/* @__PURE__ */
|
|
67
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
128
68
|
"svg",
|
|
129
69
|
{
|
|
130
|
-
className:
|
|
70
|
+
className: tailwindMerge.twMerge(
|
|
131
71
|
"transition-transform duration-300",
|
|
132
72
|
!isOpen && "rotate-180"
|
|
133
73
|
),
|
|
@@ -136,20 +76,20 @@ var CollapseButton = ({
|
|
|
136
76
|
viewBox: "0 0 10 5",
|
|
137
77
|
fill: "none",
|
|
138
78
|
xmlns: "http://www.w3.org/2000/svg",
|
|
139
|
-
children: /* @__PURE__ */
|
|
79
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 5L5 0L10 5H0Z", fill: "#757575" })
|
|
140
80
|
}
|
|
141
81
|
)
|
|
142
82
|
]
|
|
143
83
|
}
|
|
144
84
|
),
|
|
145
|
-
/* @__PURE__ */
|
|
85
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
146
86
|
"div",
|
|
147
87
|
{
|
|
148
|
-
className:
|
|
88
|
+
className: tailwindMerge.twMerge(
|
|
149
89
|
`overflow-hidden transition-all duration-300 ease-in-out`,
|
|
150
90
|
isOpen ? "max-h-40 opacity-100 mt-1" : "max-h-0 opacity-0 mt-0"
|
|
151
91
|
),
|
|
152
|
-
children: /* @__PURE__ */
|
|
92
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: tailwindMerge.twMerge("font-normal text-[14px]", paragraphClass), children: paragraphContent })
|
|
153
93
|
}
|
|
154
94
|
)
|
|
155
95
|
]
|
|
@@ -157,16 +97,12 @@ var CollapseButton = ({
|
|
|
157
97
|
);
|
|
158
98
|
};
|
|
159
99
|
var CollapseButton_default = CollapseButton;
|
|
160
|
-
|
|
161
|
-
// src/components/button/Button.tsx
|
|
162
|
-
var import_tailwind_merge3 = require("tailwind-merge");
|
|
163
|
-
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
164
100
|
var Button = ({ className, children, ...rest }) => {
|
|
165
|
-
return /* @__PURE__ */
|
|
101
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
166
102
|
"div",
|
|
167
103
|
{
|
|
168
104
|
...rest,
|
|
169
|
-
className:
|
|
105
|
+
className: tailwindMerge.twMerge(
|
|
170
106
|
"min-h-[26px] w-[50px] bg-[#4683B4] text-center flex items-center justify-center rounded-[4px] text-white cursor-pointer",
|
|
171
107
|
className
|
|
172
108
|
),
|
|
@@ -176,18 +112,9 @@ var Button = ({ className, children, ...rest }) => {
|
|
|
176
112
|
};
|
|
177
113
|
var Button_default = Button;
|
|
178
114
|
|
|
179
|
-
// src/components/cards/GraphedCard.tsx
|
|
180
|
-
var import_tailwind_merge6 = require("tailwind-merge");
|
|
181
|
-
|
|
182
115
|
// src/components/assets/info.svg
|
|
183
116
|
var info_default = 'data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<g id="info" clip-path="url(%23clip0_8001_2112)">%0A<path id="Vector" d="M5.5 3.5H6.5V4.5H5.5V3.5ZM5.5 5.5H6.5V8.5H5.5V5.5ZM6 1C3.24 1 1 3.24 1 6C1 8.76 3.24 11 6 11C8.76 11 11 8.76 11 6C11 3.24 8.76 1 6 1ZM6 10C3.795 10 2 8.205 2 6C2 3.795 3.795 2 6 2C8.205 2 10 3.795 10 6C10 8.205 8.205 10 6 10Z" fill="%23757575"/>%0A</g>%0A<defs>%0A<clipPath id="clip0_8001_2112">%0A<rect width="12" height="12" fill="white"/>%0A</clipPath>%0A</defs>%0A</svg>%0A';
|
|
184
|
-
|
|
185
|
-
// src/components/cards/components/ErrorGraphContet.tsx
|
|
186
|
-
var import_tailwind_merge4 = require("tailwind-merge");
|
|
187
|
-
|
|
188
|
-
// src/components/assets/RefreshIcon.tsx
|
|
189
|
-
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
190
|
-
var RefreshIcon = ({ height = "24px", width = "24px", color = "#000" }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
117
|
+
var RefreshIcon = ({ height = "24px", width = "24px", color = "#000" }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
191
118
|
"svg",
|
|
192
119
|
{
|
|
193
120
|
fill: color,
|
|
@@ -195,13 +122,10 @@ var RefreshIcon = ({ height = "24px", width = "24px", color = "#000" }) => /* @_
|
|
|
195
122
|
height,
|
|
196
123
|
viewBox: "0 0 32 32",
|
|
197
124
|
xmlns: "http://www.w3.org/2000/svg",
|
|
198
|
-
children: /* @__PURE__ */
|
|
125
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M27.1 14.313V5.396L24.158 8.34c-2.33-2.325-5.033-3.503-8.11-3.503C9.902 4.837 4.901 9.847 4.899 16c.001 6.152 5.003 11.158 11.15 11.16 4.276 0 9.369-2.227 10.836-8.478l.028-.122h-3.23l-.022.068c-1.078 3.242-4.138 5.421-7.613 5.421a8 8 0 0 1-5.691-2.359A7.993 7.993 0 0 1 8 16.001c0-4.438 3.611-8.049 8.05-8.049 2.069 0 3.638.58 5.924 2.573l-3.792 3.789H27.1z" })
|
|
199
126
|
}
|
|
200
127
|
);
|
|
201
128
|
var RefreshIcon_default = RefreshIcon;
|
|
202
|
-
|
|
203
|
-
// src/components/cards/components/ErrorGraphContet.tsx
|
|
204
|
-
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
205
129
|
var ErrorGraphContent = ({
|
|
206
130
|
className,
|
|
207
131
|
title,
|
|
@@ -209,30 +133,30 @@ var ErrorGraphContent = ({
|
|
|
209
133
|
image,
|
|
210
134
|
handleRefresh
|
|
211
135
|
}) => {
|
|
212
|
-
return /* @__PURE__ */
|
|
136
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
213
137
|
"div",
|
|
214
138
|
{
|
|
215
|
-
className:
|
|
139
|
+
className: tailwindMerge.twMerge(
|
|
216
140
|
"bg-white rounded-[6px] px-[8px] py-[9px] pl-[12px] h-[180px] w-full border border-1",
|
|
217
141
|
className
|
|
218
142
|
),
|
|
219
143
|
style: { borderColor: "#E2E2E2" },
|
|
220
|
-
children: /* @__PURE__ */
|
|
221
|
-
/* @__PURE__ */
|
|
222
|
-
/* @__PURE__ */
|
|
144
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between relative", children: [
|
|
145
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col justify-between", children: [
|
|
146
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
223
147
|
"h3",
|
|
224
148
|
{
|
|
225
149
|
className: "text-content-2 font-semibold flex",
|
|
226
150
|
style: { fontSize: "12px" },
|
|
227
151
|
children: [
|
|
228
|
-
/* @__PURE__ */
|
|
229
|
-
/* @__PURE__ */
|
|
152
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", style: { letterSpacing: "0.5px" }, children: title }),
|
|
153
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
230
154
|
"span",
|
|
231
155
|
{
|
|
232
156
|
className: "cursor-pointer text-gray-400 relative group",
|
|
233
157
|
style: { top: "0.5px", left: "2px" },
|
|
234
158
|
children: [
|
|
235
|
-
/* @__PURE__ */
|
|
159
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
236
160
|
"img",
|
|
237
161
|
{
|
|
238
162
|
src: info_default,
|
|
@@ -242,14 +166,14 @@ var ErrorGraphContent = ({
|
|
|
242
166
|
className: "pt-[1px]"
|
|
243
167
|
}
|
|
244
168
|
),
|
|
245
|
-
/* @__PURE__ */
|
|
169
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
246
170
|
"div",
|
|
247
171
|
{
|
|
248
172
|
className: "absolute top-6 left-1/2 transform -translate-x-1/2 z-10 hidden rounded-md bg-black text-white text-xs p-2 shadow-md group-hover:block text-center",
|
|
249
173
|
style: { width: "170px" },
|
|
250
174
|
children: [
|
|
251
175
|
tooltip_text,
|
|
252
|
-
/* @__PURE__ */
|
|
176
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-1/2 -top-1 transform -translate-x-1/2 w-3 h-3 bg-black rotate-45" })
|
|
253
177
|
]
|
|
254
178
|
}
|
|
255
179
|
)
|
|
@@ -259,40 +183,34 @@ var ErrorGraphContent = ({
|
|
|
259
183
|
]
|
|
260
184
|
}
|
|
261
185
|
) }),
|
|
262
|
-
/* @__PURE__ */
|
|
186
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
263
187
|
"div",
|
|
264
188
|
{
|
|
265
189
|
className: "flex justify-center mt-3 w-[53px] h-[16px] cursor-pointer",
|
|
266
190
|
onClick: handleRefresh,
|
|
267
|
-
children: /* @__PURE__ */
|
|
268
|
-
/* @__PURE__ */
|
|
269
|
-
/* @__PURE__ */
|
|
191
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1 items-center", children: [
|
|
192
|
+
/* @__PURE__ */ jsxRuntime.jsx(RefreshIcon_default, { height: "16px", width: "16px", color: "#4062E5" }),
|
|
193
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[#4062E5] text-[10px]", children: "Refresh" })
|
|
270
194
|
] })
|
|
271
195
|
}
|
|
272
196
|
)
|
|
273
197
|
] }),
|
|
274
|
-
/* @__PURE__ */
|
|
275
|
-
/* @__PURE__ */
|
|
198
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4", children: image }),
|
|
199
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute w-full h-full top-[70px]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[90px] bg-gray-300 rounded w-full animate-pulse" }) })
|
|
276
200
|
] })
|
|
277
201
|
}
|
|
278
202
|
);
|
|
279
203
|
};
|
|
280
204
|
var ErrorGraphContet_default = ErrorGraphContent;
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
import_chart.PointElement,
|
|
291
|
-
import_chart.LineElement,
|
|
292
|
-
import_chart.Title,
|
|
293
|
-
import_chart.Tooltip,
|
|
294
|
-
import_chart.Filler,
|
|
295
|
-
import_chart.Legend
|
|
205
|
+
chart_js.Chart.register(
|
|
206
|
+
chart_js.CategoryScale,
|
|
207
|
+
chart_js.LinearScale,
|
|
208
|
+
chart_js.PointElement,
|
|
209
|
+
chart_js.LineElement,
|
|
210
|
+
chart_js.Title,
|
|
211
|
+
chart_js.Tooltip,
|
|
212
|
+
chart_js.Filler,
|
|
213
|
+
chart_js.Legend
|
|
296
214
|
);
|
|
297
215
|
var LineChart = ({
|
|
298
216
|
data,
|
|
@@ -304,9 +222,9 @@ var LineChart = ({
|
|
|
304
222
|
labelPopupTitle = "Requests Completed",
|
|
305
223
|
tooltipIcon
|
|
306
224
|
}) => {
|
|
307
|
-
const chartRef =
|
|
308
|
-
const [chartKey, setChartKey] =
|
|
309
|
-
|
|
225
|
+
const chartRef = React.useRef(null);
|
|
226
|
+
const [chartKey, setChartKey] = React.useState(`chart-${Date.now()}`);
|
|
227
|
+
React.useEffect(() => {
|
|
310
228
|
const handleResize = () => {
|
|
311
229
|
setChartKey(`chart-${Date.now()}`);
|
|
312
230
|
};
|
|
@@ -317,7 +235,7 @@ var LineChart = ({
|
|
|
317
235
|
}, []);
|
|
318
236
|
const months = label;
|
|
319
237
|
const values = data;
|
|
320
|
-
const options =
|
|
238
|
+
const options = React.useMemo(
|
|
321
239
|
() => ({
|
|
322
240
|
responsive: true,
|
|
323
241
|
maintainAspectRatio: false,
|
|
@@ -482,7 +400,7 @@ var LineChart = ({
|
|
|
482
400
|
}),
|
|
483
401
|
[]
|
|
484
402
|
);
|
|
485
|
-
const verticalHoverLine =
|
|
403
|
+
const verticalHoverLine = React.useMemo(
|
|
486
404
|
() => ({
|
|
487
405
|
id: "verticalLine",
|
|
488
406
|
afterDraw: (chart) => {
|
|
@@ -508,7 +426,7 @@ var LineChart = ({
|
|
|
508
426
|
}),
|
|
509
427
|
[]
|
|
510
428
|
);
|
|
511
|
-
const lineData =
|
|
429
|
+
const lineData = React.useMemo(
|
|
512
430
|
() => ({
|
|
513
431
|
labels: months,
|
|
514
432
|
datasets: [
|
|
@@ -537,8 +455,8 @@ var LineChart = ({
|
|
|
537
455
|
}),
|
|
538
456
|
[months, values]
|
|
539
457
|
);
|
|
540
|
-
return /* @__PURE__ */
|
|
541
|
-
|
|
458
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%", height: "100px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
459
|
+
reactChartjs2.Line,
|
|
542
460
|
{
|
|
543
461
|
ref: chartRef,
|
|
544
462
|
options,
|
|
@@ -549,37 +467,30 @@ var LineChart = ({
|
|
|
549
467
|
) });
|
|
550
468
|
};
|
|
551
469
|
var LineChart_default = LineChart;
|
|
552
|
-
|
|
553
|
-
// src/components/cards/components/LoaderGraphContent.tsx
|
|
554
|
-
var import_tailwind_merge5 = require("tailwind-merge");
|
|
555
|
-
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
556
470
|
var LoaderGraphContent = ({ className }) => {
|
|
557
|
-
return /* @__PURE__ */
|
|
471
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
558
472
|
"div",
|
|
559
473
|
{
|
|
560
|
-
className:
|
|
474
|
+
className: tailwindMerge.twMerge(
|
|
561
475
|
"bg-white rounded-[6px] px-[8px] py-[9px] pl-[12px] h-[180px] w-full border border-1",
|
|
562
476
|
className
|
|
563
477
|
),
|
|
564
478
|
style: { borderColor: "#E2E2E2" },
|
|
565
|
-
children: /* @__PURE__ */
|
|
566
|
-
/* @__PURE__ */
|
|
567
|
-
/* @__PURE__ */
|
|
568
|
-
/* @__PURE__ */
|
|
569
|
-
/* @__PURE__ */
|
|
479
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between relative", children: [
|
|
480
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col justify-between relative", children: [
|
|
481
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center relative", children: [
|
|
482
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-gray-300 rounded w-1/2 animate-pulse" }),
|
|
483
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-1 mt-1 h-3 w-3 bg-gray-300 rounded-full animate-pulse" })
|
|
570
484
|
] }),
|
|
571
|
-
/* @__PURE__ */
|
|
485
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex items-baseline", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 bg-gray-300 rounded w-1/4 animate-pulse" }) })
|
|
572
486
|
] }),
|
|
573
|
-
/* @__PURE__ */
|
|
574
|
-
/* @__PURE__ */
|
|
487
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4 h-10 w-10 bg-gray-300 rounded-full animate-pulse" }),
|
|
488
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute w-full h-full top-[70px]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[90px] bg-gray-300 rounded w-full animate-pulse" }) })
|
|
575
489
|
] })
|
|
576
490
|
}
|
|
577
491
|
);
|
|
578
492
|
};
|
|
579
493
|
var LoaderGraphContent_default = LoaderGraphContent;
|
|
580
|
-
|
|
581
|
-
// src/components/cards/GraphedCard.tsx
|
|
582
|
-
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
583
494
|
var GraphedCard = ({
|
|
584
495
|
className,
|
|
585
496
|
title,
|
|
@@ -603,10 +514,10 @@ var GraphedCard = ({
|
|
|
603
514
|
tooltipIcon
|
|
604
515
|
}) => {
|
|
605
516
|
if (isLoading) {
|
|
606
|
-
return /* @__PURE__ */
|
|
517
|
+
return /* @__PURE__ */ jsxRuntime.jsx(LoaderGraphContent_default, { className });
|
|
607
518
|
}
|
|
608
519
|
if (isError) {
|
|
609
|
-
return /* @__PURE__ */
|
|
520
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
610
521
|
ErrorGraphContet_default,
|
|
611
522
|
{
|
|
612
523
|
handleRefresh,
|
|
@@ -617,25 +528,25 @@ var GraphedCard = ({
|
|
|
617
528
|
}
|
|
618
529
|
);
|
|
619
530
|
}
|
|
620
|
-
return /* @__PURE__ */
|
|
531
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
621
532
|
"div",
|
|
622
533
|
{
|
|
623
|
-
className:
|
|
534
|
+
className: tailwindMerge.twMerge(
|
|
624
535
|
"bg-white rounded-[6px] px-[8px] py-[9px] pl-[12px] w-full flex h-[180px] min-w-[210px] justify-between border border-[#E2E2E2]",
|
|
625
536
|
className
|
|
626
537
|
),
|
|
627
538
|
style: {
|
|
628
539
|
boxShadow: "0px 12px 26px 0px #101E730F"
|
|
629
540
|
},
|
|
630
|
-
children: /* @__PURE__ */
|
|
631
|
-
/* @__PURE__ */
|
|
632
|
-
/* @__PURE__ */
|
|
541
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between relative", children: [
|
|
542
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 flex flex-col justify-between gap-1`, children: [
|
|
543
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
633
544
|
"h3",
|
|
634
545
|
{
|
|
635
546
|
className: "text-content-2 font-semibold flex",
|
|
636
547
|
style: { fontSize: "12px" },
|
|
637
548
|
children: [
|
|
638
|
-
isCustomTitle ? customTitle : /* @__PURE__ */
|
|
549
|
+
isCustomTitle ? customTitle : /* @__PURE__ */ jsxRuntime.jsx(
|
|
639
550
|
"span",
|
|
640
551
|
{
|
|
641
552
|
className: "font-medium",
|
|
@@ -643,13 +554,13 @@ var GraphedCard = ({
|
|
|
643
554
|
children: title
|
|
644
555
|
}
|
|
645
556
|
),
|
|
646
|
-
/* @__PURE__ */
|
|
557
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
647
558
|
"span",
|
|
648
559
|
{
|
|
649
560
|
className: "cursor-pointer text-gray-400 relative group",
|
|
650
561
|
style: { top: "0.5px", left: "2px" },
|
|
651
562
|
children: [
|
|
652
|
-
/* @__PURE__ */
|
|
563
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
653
564
|
"img",
|
|
654
565
|
{
|
|
655
566
|
src: info_default,
|
|
@@ -659,14 +570,14 @@ var GraphedCard = ({
|
|
|
659
570
|
className: "pt-[1px]"
|
|
660
571
|
}
|
|
661
572
|
),
|
|
662
|
-
/* @__PURE__ */
|
|
573
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
663
574
|
"div",
|
|
664
575
|
{
|
|
665
576
|
className: "absolute top-6 left-1/2 transform -translate-x-1/2 z-10 hidden rounded-md bg-black text-white text-xs p-2 shadow-md group-hover:block text-center",
|
|
666
577
|
style: { width: "215px" },
|
|
667
578
|
children: [
|
|
668
579
|
tooltip_text,
|
|
669
|
-
/* @__PURE__ */
|
|
580
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-1/2 -top-1 transform -translate-x-1/2 w-3 h-3 bg-black rotate-45" })
|
|
670
581
|
]
|
|
671
582
|
}
|
|
672
583
|
)
|
|
@@ -676,17 +587,17 @@ var GraphedCard = ({
|
|
|
676
587
|
]
|
|
677
588
|
}
|
|
678
589
|
) }),
|
|
679
|
-
/* @__PURE__ */
|
|
680
|
-
/* @__PURE__ */
|
|
590
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-grow items-center`, children: [
|
|
591
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[24px] font-semibold text-gray-900", children: [
|
|
681
592
|
subText == "$" ? "$" : "",
|
|
682
593
|
value.trim(),
|
|
683
594
|
subText == "$" ? "" : subText
|
|
684
595
|
] }),
|
|
685
|
-
/* @__PURE__ */
|
|
596
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 ml-2", children: unit })
|
|
686
597
|
] })
|
|
687
598
|
] }),
|
|
688
|
-
/* @__PURE__ */
|
|
689
|
-
/* @__PURE__ */
|
|
599
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4", children: image }),
|
|
600
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute w-full h-full top-16", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
690
601
|
LineChart_default,
|
|
691
602
|
{
|
|
692
603
|
data: lineData,
|
|
@@ -704,14 +615,6 @@ var GraphedCard = ({
|
|
|
704
615
|
);
|
|
705
616
|
};
|
|
706
617
|
var GraphedCard_default = GraphedCard;
|
|
707
|
-
|
|
708
|
-
// src/components/cards/SimpleCard.tsx
|
|
709
|
-
var import_react2 = __toESM(require("react"));
|
|
710
|
-
var import_tailwind_merge9 = require("tailwind-merge");
|
|
711
|
-
|
|
712
|
-
// src/components/cards/components/ErrorContent.tsx
|
|
713
|
-
var import_tailwind_merge7 = require("tailwind-merge");
|
|
714
|
-
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
715
618
|
var ErrorContent = ({
|
|
716
619
|
title,
|
|
717
620
|
tooltip_text,
|
|
@@ -719,30 +622,30 @@ var ErrorContent = ({
|
|
|
719
622
|
handleRefresh,
|
|
720
623
|
className
|
|
721
624
|
}) => {
|
|
722
|
-
return /* @__PURE__ */
|
|
625
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
723
626
|
"div",
|
|
724
627
|
{
|
|
725
|
-
className:
|
|
628
|
+
className: tailwindMerge.twMerge(
|
|
726
629
|
"bg-white rounded-[6px] px-[8px] py-[9px] min-h-[100px] w-full flex justify-between border border-1",
|
|
727
630
|
className
|
|
728
631
|
),
|
|
729
632
|
style: { borderColor: "#E2E2E2" },
|
|
730
633
|
children: [
|
|
731
|
-
/* @__PURE__ */
|
|
732
|
-
/* @__PURE__ */
|
|
634
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col justify-between", children: [
|
|
635
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
733
636
|
"h3",
|
|
734
637
|
{
|
|
735
638
|
className: "text-content-2 font-semibold flex",
|
|
736
639
|
style: { fontSize: "12px" },
|
|
737
640
|
children: [
|
|
738
|
-
/* @__PURE__ */
|
|
739
|
-
/* @__PURE__ */
|
|
641
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", style: { letterSpacing: "0.5px" }, children: title }),
|
|
642
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
740
643
|
"span",
|
|
741
644
|
{
|
|
742
645
|
className: "cursor-pointer text-gray-400 relative group",
|
|
743
646
|
style: { top: "0.5px", left: "2px" },
|
|
744
647
|
children: [
|
|
745
|
-
/* @__PURE__ */
|
|
648
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
746
649
|
"img",
|
|
747
650
|
{
|
|
748
651
|
src: info_default,
|
|
@@ -752,14 +655,14 @@ var ErrorContent = ({
|
|
|
752
655
|
className: "pt-[1px]"
|
|
753
656
|
}
|
|
754
657
|
),
|
|
755
|
-
/* @__PURE__ */
|
|
658
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
756
659
|
"div",
|
|
757
660
|
{
|
|
758
661
|
className: "absolute top-6 left-1/2 transform -translate-x-1/2 z-10 hidden rounded-md bg-black text-white text-xs p-2 shadow-md group-hover:block text-center",
|
|
759
662
|
style: { width: "170px" },
|
|
760
663
|
children: [
|
|
761
664
|
tooltip_text,
|
|
762
|
-
/* @__PURE__ */
|
|
665
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-1/2 -top-1 transform -translate-x-1/2 w-3 h-3 bg-black rotate-45" })
|
|
763
666
|
]
|
|
764
667
|
}
|
|
765
668
|
)
|
|
@@ -769,65 +672,58 @@ var ErrorContent = ({
|
|
|
769
672
|
]
|
|
770
673
|
}
|
|
771
674
|
) }) }),
|
|
772
|
-
/* @__PURE__ */
|
|
773
|
-
/* @__PURE__ */
|
|
774
|
-
/* @__PURE__ */
|
|
775
|
-
/* @__PURE__ */
|
|
675
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex items-baseline", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center px-2 py-1 rounded-md bg-[#F2F2F2] w-[190px] h-[28px] animate-pulse" }) }),
|
|
676
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
|
|
677
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center px-2 py-1 rounded-md bg-[#F2F2F2] w-[40px] h-[20px] animate-pulse" }),
|
|
678
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
776
679
|
"div",
|
|
777
680
|
{
|
|
778
681
|
className: "flex justify-center ml-2 w-[53px] h-[16px] cursor-pointer",
|
|
779
682
|
onClick: handleRefresh,
|
|
780
|
-
children: /* @__PURE__ */
|
|
781
|
-
/* @__PURE__ */
|
|
782
|
-
/* @__PURE__ */
|
|
683
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1 items-center", children: [
|
|
684
|
+
/* @__PURE__ */ jsxRuntime.jsx(RefreshIcon_default, { height: "16px", width: "16px", color: "#4062E5" }),
|
|
685
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[#4062E5] text-[10px]", children: "Refresh" })
|
|
783
686
|
] })
|
|
784
687
|
}
|
|
785
688
|
)
|
|
786
689
|
] })
|
|
787
690
|
] }),
|
|
788
|
-
/* @__PURE__ */
|
|
691
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4", children: image })
|
|
789
692
|
]
|
|
790
693
|
}
|
|
791
694
|
);
|
|
792
695
|
};
|
|
793
696
|
var ErrorContent_default = ErrorContent;
|
|
794
|
-
|
|
795
|
-
// src/components/cards/components/LoaderContent.tsx
|
|
796
|
-
var import_tailwind_merge8 = require("tailwind-merge");
|
|
797
|
-
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
798
697
|
var LoaderComponent = ({ className }) => {
|
|
799
|
-
return /* @__PURE__ */
|
|
698
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
800
699
|
"div",
|
|
801
700
|
{
|
|
802
|
-
className:
|
|
701
|
+
className: tailwindMerge.twMerge(
|
|
803
702
|
"bg-white rounded-[6px] px-[8px] py-[9px] min-h-[100px] w-full flex justify-between border border-1",
|
|
804
703
|
className
|
|
805
704
|
),
|
|
806
705
|
style: { borderColor: "#E2E2E2" },
|
|
807
706
|
children: [
|
|
808
|
-
/* @__PURE__ */
|
|
809
|
-
/* @__PURE__ */
|
|
810
|
-
/* @__PURE__ */
|
|
811
|
-
/* @__PURE__ */
|
|
707
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col justify-between", children: [
|
|
708
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center relative", children: [
|
|
709
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-gray-300 rounded w-1/2 animate-pulse" }),
|
|
710
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-1 mt-1 h-3 w-3 bg-gray-300 rounded-full animate-pulse" })
|
|
812
711
|
] }),
|
|
813
|
-
/* @__PURE__ */
|
|
814
|
-
/* @__PURE__ */
|
|
815
|
-
/* @__PURE__ */
|
|
816
|
-
/* @__PURE__ */
|
|
817
|
-
/* @__PURE__ */
|
|
712
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex items-baseline", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 bg-gray-300 rounded w-1/4 animate-pulse" }) }),
|
|
713
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center", children: [
|
|
714
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center px-2 py-1 rounded-md bg-gray-200 w-24 animate-pulse", children: [
|
|
715
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-3 bg-gray-300 rounded-full mr-2" }),
|
|
716
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-gray-300 rounded w-12" })
|
|
818
717
|
] }),
|
|
819
|
-
/* @__PURE__ */
|
|
718
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-500 text-xs ml-2 h-3 bg-gray-300 rounded w-16 animate-pulse" })
|
|
820
719
|
] })
|
|
821
720
|
] }),
|
|
822
|
-
/* @__PURE__ */
|
|
721
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4 h-10 w-10 bg-gray-300 rounded-full animate-pulse" })
|
|
823
722
|
]
|
|
824
723
|
}
|
|
825
724
|
);
|
|
826
725
|
};
|
|
827
726
|
var LoaderContent_default = LoaderComponent;
|
|
828
|
-
|
|
829
|
-
// src/components/cards/SimpleCard.tsx
|
|
830
|
-
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
831
727
|
var SimpleCard = ({
|
|
832
728
|
title,
|
|
833
729
|
value,
|
|
@@ -848,12 +744,12 @@ var SimpleCard = ({
|
|
|
848
744
|
isCustomTitle = false,
|
|
849
745
|
customTitle
|
|
850
746
|
}) => {
|
|
851
|
-
const [selectedDay, setSelectedDay] =
|
|
747
|
+
const [selectedDay, setSelectedDay] = React__default.default.useState("90");
|
|
852
748
|
const handleDayClick = (label) => {
|
|
853
749
|
setSelectedDay(label);
|
|
854
750
|
if (onDayChange) onDayChange(label);
|
|
855
751
|
};
|
|
856
|
-
const options =
|
|
752
|
+
const options = React__default.default.useMemo(() => {
|
|
857
753
|
const baseOptions = ["90", "30", "7"];
|
|
858
754
|
if (hasTillDateDayOption) {
|
|
859
755
|
return [...baseOptions, "till date"];
|
|
@@ -861,10 +757,10 @@ var SimpleCard = ({
|
|
|
861
757
|
return baseOptions;
|
|
862
758
|
}, [hasTillDateDayOption]);
|
|
863
759
|
if (isLoading) {
|
|
864
|
-
return /* @__PURE__ */
|
|
760
|
+
return /* @__PURE__ */ jsxRuntime.jsx(LoaderContent_default, { className });
|
|
865
761
|
}
|
|
866
762
|
if (isError) {
|
|
867
|
-
return /* @__PURE__ */
|
|
763
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
868
764
|
ErrorContent_default,
|
|
869
765
|
{
|
|
870
766
|
handleRefresh,
|
|
@@ -877,7 +773,7 @@ var SimpleCard = ({
|
|
|
877
773
|
}
|
|
878
774
|
const renderDayOption = (label) => {
|
|
879
775
|
const isSelected = selectedDay === label;
|
|
880
|
-
return /* @__PURE__ */
|
|
776
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
881
777
|
"span",
|
|
882
778
|
{
|
|
883
779
|
className: `cursor-pointer ${isSelected ? "text-[#4683B4] font-semibold" : "text-[#757575] font-normal"}`,
|
|
@@ -892,26 +788,26 @@ var SimpleCard = ({
|
|
|
892
788
|
label
|
|
893
789
|
);
|
|
894
790
|
};
|
|
895
|
-
return /* @__PURE__ */
|
|
791
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
896
792
|
"div",
|
|
897
793
|
{
|
|
898
|
-
className:
|
|
794
|
+
className: tailwindMerge.twMerge(
|
|
899
795
|
"bg-white rounded-[6px] px-[8px] py-[9px] pl-[12px] w-full flex min-h-[100px] min-w-[210px] justify-between border border-[#E2E2E2]",
|
|
900
796
|
className
|
|
901
797
|
),
|
|
902
798
|
style: {
|
|
903
799
|
boxShadow: "0px 12px 26px 0px #101E730F"
|
|
904
800
|
},
|
|
905
|
-
children: /* @__PURE__ */
|
|
906
|
-
/* @__PURE__ */
|
|
907
|
-
/* @__PURE__ */
|
|
908
|
-
/* @__PURE__ */
|
|
801
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col justify-between", children: [
|
|
802
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
|
|
803
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 flex flex-col justify-between gap-1`, children: [
|
|
804
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
909
805
|
"h3",
|
|
910
806
|
{
|
|
911
807
|
className: "text-content-2 font-semibold flex",
|
|
912
808
|
style: { fontSize: "12px" },
|
|
913
809
|
children: [
|
|
914
|
-
isCustomTitle ? customTitle : /* @__PURE__ */
|
|
810
|
+
isCustomTitle ? customTitle : /* @__PURE__ */ jsxRuntime.jsx(
|
|
915
811
|
"span",
|
|
916
812
|
{
|
|
917
813
|
className: "font-medium",
|
|
@@ -919,13 +815,13 @@ var SimpleCard = ({
|
|
|
919
815
|
children: title
|
|
920
816
|
}
|
|
921
817
|
),
|
|
922
|
-
/* @__PURE__ */
|
|
818
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
923
819
|
"span",
|
|
924
820
|
{
|
|
925
821
|
className: "cursor-pointer text-gray-400 relative group",
|
|
926
822
|
style: { top: "0.5px", left: "2px" },
|
|
927
823
|
children: [
|
|
928
|
-
/* @__PURE__ */
|
|
824
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
929
825
|
"img",
|
|
930
826
|
{
|
|
931
827
|
src: info_default,
|
|
@@ -935,14 +831,14 @@ var SimpleCard = ({
|
|
|
935
831
|
className: "pt-[1px]"
|
|
936
832
|
}
|
|
937
833
|
),
|
|
938
|
-
/* @__PURE__ */
|
|
834
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
939
835
|
"div",
|
|
940
836
|
{
|
|
941
837
|
className: "absolute top-6 left-1/2 transform -translate-x-1/2 z-10 hidden rounded-md bg-black text-white text-xs p-2 shadow-md group-hover:block text-center",
|
|
942
838
|
style: { width: "215px" },
|
|
943
839
|
children: [
|
|
944
840
|
tooltip_text,
|
|
945
|
-
/* @__PURE__ */
|
|
841
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-1/2 -top-1 transform -translate-x-1/2 w-3 h-3 bg-black rotate-45" })
|
|
946
842
|
]
|
|
947
843
|
}
|
|
948
844
|
)
|
|
@@ -952,20 +848,20 @@ var SimpleCard = ({
|
|
|
952
848
|
]
|
|
953
849
|
}
|
|
954
850
|
) }),
|
|
955
|
-
/* @__PURE__ */
|
|
956
|
-
/* @__PURE__ */
|
|
851
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-grow items-center`, children: [
|
|
852
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[24px] font-semibold text-gray-900", children: [
|
|
957
853
|
subText == "$" ? "$" : "",
|
|
958
854
|
value.trim(),
|
|
959
855
|
subText == "$" ? "" : subText
|
|
960
856
|
] }),
|
|
961
|
-
/* @__PURE__ */
|
|
857
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 ml-2", children: unit })
|
|
962
858
|
] })
|
|
963
859
|
] }),
|
|
964
|
-
/* @__PURE__ */
|
|
860
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4", children: image })
|
|
965
861
|
] }),
|
|
966
|
-
/* @__PURE__ */
|
|
862
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
967
863
|
hasfooterDesign && footerDesign,
|
|
968
|
-
!hasDaysOption && /* @__PURE__ */
|
|
864
|
+
!hasDaysOption && /* @__PURE__ */ jsxRuntime.jsx(
|
|
969
865
|
"span",
|
|
970
866
|
{
|
|
971
867
|
className: "text-[12px] font-normal",
|
|
@@ -978,47 +874,36 @@ var SimpleCard = ({
|
|
|
978
874
|
}
|
|
979
875
|
)
|
|
980
876
|
] }),
|
|
981
|
-
hasDaysOption && /* @__PURE__ */
|
|
877
|
+
hasDaysOption && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-[4px] text-[12px] font-normal text-center items-center", children: options.map((label, index, array) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
|
|
982
878
|
renderDayOption(label),
|
|
983
|
-
index < array.length - 1 && /* @__PURE__ */
|
|
879
|
+
index < array.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[#757575]", children: "|" })
|
|
984
880
|
] }, label)) })
|
|
985
881
|
] })
|
|
986
882
|
}
|
|
987
883
|
);
|
|
988
884
|
};
|
|
989
885
|
var SimpleCard_default = SimpleCard;
|
|
990
|
-
|
|
991
|
-
// src/components/common/Label.tsx
|
|
992
|
-
var import_tailwind_merge10 = require("tailwind-merge");
|
|
993
|
-
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
994
886
|
var Label = ({ title, classNames }) => {
|
|
995
|
-
return /* @__PURE__ */
|
|
887
|
+
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: tailwindMerge.twMerge("text-[14px] font-semibold ", classNames), children: title });
|
|
996
888
|
};
|
|
997
889
|
var Label_default = Label;
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
import_chart2.LinearScale,
|
|
1008
|
-
import_chart2.PointElement,
|
|
1009
|
-
import_chart2.LineElement,
|
|
1010
|
-
import_chart2.Title,
|
|
1011
|
-
import_chart2.Tooltip,
|
|
1012
|
-
import_chart2.Filler,
|
|
1013
|
-
import_chart2.Legend
|
|
890
|
+
chart_js.Chart.register(
|
|
891
|
+
chart_js.CategoryScale,
|
|
892
|
+
chart_js.LinearScale,
|
|
893
|
+
chart_js.PointElement,
|
|
894
|
+
chart_js.LineElement,
|
|
895
|
+
chart_js.Title,
|
|
896
|
+
chart_js.Tooltip,
|
|
897
|
+
chart_js.Filler,
|
|
898
|
+
chart_js.Legend
|
|
1014
899
|
);
|
|
1015
900
|
var MultiLineGraph = ({
|
|
1016
901
|
datasets,
|
|
1017
902
|
xAxisLabels,
|
|
1018
903
|
className = ""
|
|
1019
904
|
}) => {
|
|
1020
|
-
const chartRef =
|
|
1021
|
-
const [chartKey, setChartKey] =
|
|
905
|
+
const chartRef = React.useRef(null);
|
|
906
|
+
const [chartKey, setChartKey] = React.useState(`chart-${Date.now()}`);
|
|
1022
907
|
const defaultColors = [
|
|
1023
908
|
{ line: "#17CA43", point: "#17CA43" },
|
|
1024
909
|
{ line: "#FF6B6B", point: "#FF4757" },
|
|
@@ -1027,7 +912,7 @@ var MultiLineGraph = ({
|
|
|
1027
912
|
{ line: "#FFA726", point: "#FF6F00" },
|
|
1028
913
|
{ line: "#AB47BC", point: "#8E24AA" }
|
|
1029
914
|
];
|
|
1030
|
-
|
|
915
|
+
React.useEffect(() => {
|
|
1031
916
|
const handleResize = () => {
|
|
1032
917
|
setChartKey(`chart-${Date.now()}`);
|
|
1033
918
|
};
|
|
@@ -1036,7 +921,7 @@ var MultiLineGraph = ({
|
|
|
1036
921
|
window.removeEventListener("resize", handleResize);
|
|
1037
922
|
};
|
|
1038
923
|
}, []);
|
|
1039
|
-
const options =
|
|
924
|
+
const options = React.useMemo(
|
|
1040
925
|
() => ({
|
|
1041
926
|
responsive: true,
|
|
1042
927
|
maintainAspectRatio: false,
|
|
@@ -1189,7 +1074,7 @@ var MultiLineGraph = ({
|
|
|
1189
1074
|
}),
|
|
1190
1075
|
[]
|
|
1191
1076
|
);
|
|
1192
|
-
const verticalHoverLine =
|
|
1077
|
+
const verticalHoverLine = React.useMemo(
|
|
1193
1078
|
() => ({
|
|
1194
1079
|
id: "verticalLine",
|
|
1195
1080
|
afterDraw: (chart) => {
|
|
@@ -1215,7 +1100,7 @@ var MultiLineGraph = ({
|
|
|
1215
1100
|
}),
|
|
1216
1101
|
[]
|
|
1217
1102
|
);
|
|
1218
|
-
const lineData =
|
|
1103
|
+
const lineData = React.useMemo(
|
|
1219
1104
|
() => ({
|
|
1220
1105
|
labels: xAxisLabels,
|
|
1221
1106
|
datasets: datasets.map((dataset, index) => {
|
|
@@ -1237,7 +1122,7 @@ var MultiLineGraph = ({
|
|
|
1237
1122
|
}),
|
|
1238
1123
|
[datasets, xAxisLabels]
|
|
1239
1124
|
);
|
|
1240
|
-
const dashedGridPlugin =
|
|
1125
|
+
const dashedGridPlugin = React.useMemo(
|
|
1241
1126
|
() => ({
|
|
1242
1127
|
id: "customGridAndLabels",
|
|
1243
1128
|
afterDatasetsDraw: (chart) => {
|
|
@@ -1264,8 +1149,8 @@ var MultiLineGraph = ({
|
|
|
1264
1149
|
}),
|
|
1265
1150
|
[]
|
|
1266
1151
|
);
|
|
1267
|
-
return /* @__PURE__ */
|
|
1268
|
-
|
|
1152
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge(" w-full h-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1153
|
+
reactChartjs2.Line,
|
|
1269
1154
|
{
|
|
1270
1155
|
ref: chartRef,
|
|
1271
1156
|
options,
|
|
@@ -1276,22 +1161,15 @@ var MultiLineGraph = ({
|
|
|
1276
1161
|
) });
|
|
1277
1162
|
};
|
|
1278
1163
|
var MultiLineGraph_default = MultiLineGraph;
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
import_chart3.LinearScale,
|
|
1289
|
-
import_chart3.PointElement,
|
|
1290
|
-
import_chart3.LineElement,
|
|
1291
|
-
import_chart3.Title,
|
|
1292
|
-
import_chart3.Tooltip,
|
|
1293
|
-
import_chart3.Filler,
|
|
1294
|
-
import_chart3.Legend
|
|
1164
|
+
chart_js.Chart.register(
|
|
1165
|
+
chart_js.CategoryScale,
|
|
1166
|
+
chart_js.LinearScale,
|
|
1167
|
+
chart_js.PointElement,
|
|
1168
|
+
chart_js.LineElement,
|
|
1169
|
+
chart_js.Title,
|
|
1170
|
+
chart_js.Tooltip,
|
|
1171
|
+
chart_js.Filler,
|
|
1172
|
+
chart_js.Legend
|
|
1295
1173
|
);
|
|
1296
1174
|
var SingleLineGraph = ({
|
|
1297
1175
|
data,
|
|
@@ -1303,9 +1181,9 @@ var SingleLineGraph = ({
|
|
|
1303
1181
|
labelPopupTitle = "Requests Completed",
|
|
1304
1182
|
className = ""
|
|
1305
1183
|
}) => {
|
|
1306
|
-
const chartRef =
|
|
1307
|
-
const [chartKey, setChartKey] =
|
|
1308
|
-
|
|
1184
|
+
const chartRef = React.useRef(null);
|
|
1185
|
+
const [chartKey, setChartKey] = React.useState(`chart-${Date.now()}`);
|
|
1186
|
+
React.useEffect(() => {
|
|
1309
1187
|
const handleResize = () => {
|
|
1310
1188
|
setChartKey(`chart-${Date.now()}`);
|
|
1311
1189
|
};
|
|
@@ -1316,7 +1194,7 @@ var SingleLineGraph = ({
|
|
|
1316
1194
|
}, []);
|
|
1317
1195
|
const months = label;
|
|
1318
1196
|
const values = data;
|
|
1319
|
-
const options =
|
|
1197
|
+
const options = React.useMemo(
|
|
1320
1198
|
() => ({
|
|
1321
1199
|
responsive: true,
|
|
1322
1200
|
maintainAspectRatio: false,
|
|
@@ -1479,7 +1357,7 @@ var SingleLineGraph = ({
|
|
|
1479
1357
|
}),
|
|
1480
1358
|
[]
|
|
1481
1359
|
);
|
|
1482
|
-
const verticalHoverLine =
|
|
1360
|
+
const verticalHoverLine = React.useMemo(
|
|
1483
1361
|
() => ({
|
|
1484
1362
|
id: "verticalLine",
|
|
1485
1363
|
afterDraw: (chart) => {
|
|
@@ -1505,7 +1383,7 @@ var SingleLineGraph = ({
|
|
|
1505
1383
|
}),
|
|
1506
1384
|
[]
|
|
1507
1385
|
);
|
|
1508
|
-
const lineData =
|
|
1386
|
+
const lineData = React.useMemo(
|
|
1509
1387
|
() => ({
|
|
1510
1388
|
labels: months,
|
|
1511
1389
|
datasets: [
|
|
@@ -1534,7 +1412,7 @@ var SingleLineGraph = ({
|
|
|
1534
1412
|
}),
|
|
1535
1413
|
[months, values]
|
|
1536
1414
|
);
|
|
1537
|
-
const dashedGridPlugin =
|
|
1415
|
+
const dashedGridPlugin = React.useMemo(
|
|
1538
1416
|
() => ({
|
|
1539
1417
|
id: "customGridAndLabels",
|
|
1540
1418
|
afterDatasetsDraw: (chart) => {
|
|
@@ -1561,8 +1439,8 @@ var SingleLineGraph = ({
|
|
|
1561
1439
|
}),
|
|
1562
1440
|
[]
|
|
1563
1441
|
);
|
|
1564
|
-
return /* @__PURE__ */
|
|
1565
|
-
|
|
1442
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("w-full h-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1443
|
+
reactChartjs2.Line,
|
|
1566
1444
|
{
|
|
1567
1445
|
ref: chartRef,
|
|
1568
1446
|
options,
|
|
@@ -1573,10 +1451,6 @@ var SingleLineGraph = ({
|
|
|
1573
1451
|
) });
|
|
1574
1452
|
};
|
|
1575
1453
|
var SingleLineGraph_default = SingleLineGraph;
|
|
1576
|
-
|
|
1577
|
-
// src/components/inputs/CommonInput.tsx
|
|
1578
|
-
var import_tailwind_merge13 = require("tailwind-merge");
|
|
1579
|
-
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
1580
1454
|
var CommonInput = ({
|
|
1581
1455
|
label,
|
|
1582
1456
|
hasDollar = false,
|
|
@@ -1596,7 +1470,7 @@ var CommonInput = ({
|
|
|
1596
1470
|
error,
|
|
1597
1471
|
...rest
|
|
1598
1472
|
}) => {
|
|
1599
|
-
const inputClasses =
|
|
1473
|
+
const inputClasses = tailwindMerge.twMerge(
|
|
1600
1474
|
height,
|
|
1601
1475
|
"px-3 py-2",
|
|
1602
1476
|
borderWeight,
|
|
@@ -1606,13 +1480,13 @@ var CommonInput = ({
|
|
|
1606
1480
|
isTextarea && "pt-3 align-top",
|
|
1607
1481
|
className
|
|
1608
1482
|
);
|
|
1609
|
-
return /* @__PURE__ */
|
|
1610
|
-
label && /* @__PURE__ */
|
|
1611
|
-
/* @__PURE__ */
|
|
1612
|
-
hasDollar && !isTextarea && /* @__PURE__ */
|
|
1483
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
|
|
1484
|
+
label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: tailwindMerge.twMerge(labelColor, "text-[14px] font-semibold mb-1"), children: label }),
|
|
1485
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
1486
|
+
hasDollar && !isTextarea && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1613
1487
|
"span",
|
|
1614
1488
|
{
|
|
1615
|
-
className:
|
|
1489
|
+
className: tailwindMerge.twMerge(
|
|
1616
1490
|
"absolute top-1/2 left-3 -translate-y-1/2 text-[#131414] text-[14px] font-medium",
|
|
1617
1491
|
dollarClass
|
|
1618
1492
|
),
|
|
@@ -1620,7 +1494,7 @@ var CommonInput = ({
|
|
|
1620
1494
|
}
|
|
1621
1495
|
),
|
|
1622
1496
|
hasIcon && icon,
|
|
1623
|
-
isTextarea ? /* @__PURE__ */
|
|
1497
|
+
isTextarea ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
1624
1498
|
"textarea",
|
|
1625
1499
|
{
|
|
1626
1500
|
value,
|
|
@@ -1631,7 +1505,7 @@ var CommonInput = ({
|
|
|
1631
1505
|
maxLength,
|
|
1632
1506
|
...rest
|
|
1633
1507
|
}
|
|
1634
|
-
) : /* @__PURE__ */
|
|
1508
|
+
) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
1635
1509
|
"input",
|
|
1636
1510
|
{
|
|
1637
1511
|
type,
|
|
@@ -1644,16 +1518,11 @@ var CommonInput = ({
|
|
|
1644
1518
|
}
|
|
1645
1519
|
)
|
|
1646
1520
|
] }),
|
|
1647
|
-
error && /* @__PURE__ */
|
|
1521
|
+
error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[12px] text-red-500", children: error })
|
|
1648
1522
|
] });
|
|
1649
1523
|
};
|
|
1650
1524
|
var CommonInput_default = CommonInput;
|
|
1651
1525
|
|
|
1652
|
-
// src/components/inputs/DateRange.tsx
|
|
1653
|
-
var import_lucide_react = require("lucide-react");
|
|
1654
|
-
var import_react5 = require("react");
|
|
1655
|
-
var import_tailwind_merge14 = require("tailwind-merge");
|
|
1656
|
-
|
|
1657
1526
|
// src/utility/daterange.tsx
|
|
1658
1527
|
var validateAndFormatInput = (rawInput, options = {}) => {
|
|
1659
1528
|
const {
|
|
@@ -1757,9 +1626,6 @@ function toMidnight(date) {
|
|
|
1757
1626
|
function isSameDateMDY(date1, date2) {
|
|
1758
1627
|
return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
|
|
1759
1628
|
}
|
|
1760
|
-
|
|
1761
|
-
// src/components/inputs/DateRange.tsx
|
|
1762
|
-
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
1763
1629
|
var DateRangePicker = ({
|
|
1764
1630
|
bgColor = "bg-[#F8F8F8]",
|
|
1765
1631
|
dateFunc,
|
|
@@ -1778,12 +1644,12 @@ var DateRangePicker = ({
|
|
|
1778
1644
|
isExporting = false,
|
|
1779
1645
|
className = ""
|
|
1780
1646
|
}) => {
|
|
1781
|
-
const [isOpen, setIsOpen] =
|
|
1782
|
-
const [isApply, setIsApply] =
|
|
1783
|
-
const originalStartDateRef =
|
|
1784
|
-
const originalEndDateRef =
|
|
1785
|
-
const [leftCalendarView, setLeftCalendarView] =
|
|
1786
|
-
const [rightCalendarView, setRightCalendarView] =
|
|
1647
|
+
const [isOpen, setIsOpen] = React.useState(autoOpen);
|
|
1648
|
+
const [isApply, setIsApply] = React.useState(false);
|
|
1649
|
+
const originalStartDateRef = React.useRef(null);
|
|
1650
|
+
const originalEndDateRef = React.useRef(null);
|
|
1651
|
+
const [leftCalendarView, setLeftCalendarView] = React.useState("day");
|
|
1652
|
+
const [rightCalendarView, setRightCalendarView] = React.useState("day");
|
|
1787
1653
|
const getInitialStartDate = () => {
|
|
1788
1654
|
if (start_date) {
|
|
1789
1655
|
const [month, day, year] = start_date.split("/").map((num) => parseInt(num, 10));
|
|
@@ -1798,20 +1664,20 @@ var DateRangePicker = ({
|
|
|
1798
1664
|
}
|
|
1799
1665
|
return null;
|
|
1800
1666
|
};
|
|
1801
|
-
const [startDate, setStartDate] =
|
|
1667
|
+
const [startDate, setStartDate] = React.useState(
|
|
1802
1668
|
getInitialStartDate()
|
|
1803
1669
|
);
|
|
1804
|
-
const [endDate, setEndDate] =
|
|
1805
|
-
const [leftMonth, setLeftMonth] =
|
|
1806
|
-
const [rightMonth, setRightMonth] =
|
|
1807
|
-
const [hoveredDate, setHoveredDate] =
|
|
1808
|
-
const [selectingStart, setSelectingStart] =
|
|
1809
|
-
const [label, setLabel] =
|
|
1810
|
-
const dropdownRef =
|
|
1811
|
-
const [isCustomEditing, setIsCustomEditing] =
|
|
1812
|
-
const previousLabelRef =
|
|
1813
|
-
const isCustomEditingRef =
|
|
1814
|
-
const rightMonthRef =
|
|
1670
|
+
const [endDate, setEndDate] = React.useState(getInitialEndDate());
|
|
1671
|
+
const [leftMonth, setLeftMonth] = React.useState(/* @__PURE__ */ new Date());
|
|
1672
|
+
const [rightMonth, setRightMonth] = React.useState(/* @__PURE__ */ new Date());
|
|
1673
|
+
const [hoveredDate, setHoveredDate] = React.useState(null);
|
|
1674
|
+
const [selectingStart, setSelectingStart] = React.useState(true);
|
|
1675
|
+
const [label, setLabel] = React.useState("");
|
|
1676
|
+
const dropdownRef = React.useRef(null);
|
|
1677
|
+
const [isCustomEditing, setIsCustomEditing] = React.useState(false);
|
|
1678
|
+
const previousLabelRef = React.useRef("");
|
|
1679
|
+
const isCustomEditingRef = React.useRef(false);
|
|
1680
|
+
const rightMonthRef = React.useRef(/* @__PURE__ */ new Date());
|
|
1815
1681
|
const months = [
|
|
1816
1682
|
"January",
|
|
1817
1683
|
"February",
|
|
@@ -1908,7 +1774,7 @@ var DateRangePicker = ({
|
|
|
1908
1774
|
}
|
|
1909
1775
|
}
|
|
1910
1776
|
];
|
|
1911
|
-
|
|
1777
|
+
React.useEffect(() => {
|
|
1912
1778
|
if (previousLabelRef.current === "" && end_date !== "" && start_date !== "") {
|
|
1913
1779
|
setLeftMonth(new Date(start_date));
|
|
1914
1780
|
setRightMonth(new Date(end_date));
|
|
@@ -1919,17 +1785,17 @@ var DateRangePicker = ({
|
|
|
1919
1785
|
}
|
|
1920
1786
|
}
|
|
1921
1787
|
}, [end_date, start_date]);
|
|
1922
|
-
|
|
1788
|
+
React.useEffect(() => {
|
|
1923
1789
|
if (autoOpen || datePopupOnly) {
|
|
1924
1790
|
setIsOpen(true);
|
|
1925
1791
|
}
|
|
1926
1792
|
}, [autoOpen, datePopupOnly]);
|
|
1927
|
-
|
|
1793
|
+
React.useEffect(() => {
|
|
1928
1794
|
if (autoOpen || datePopupOnly) {
|
|
1929
1795
|
setIsOpen(true);
|
|
1930
1796
|
}
|
|
1931
1797
|
}, [autoOpen, datePopupOnly]);
|
|
1932
|
-
|
|
1798
|
+
React.useEffect(() => {
|
|
1933
1799
|
const handleClickOutside = (event) => {
|
|
1934
1800
|
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
1935
1801
|
setIsOpen(false);
|
|
@@ -2183,18 +2049,18 @@ var DateRangePicker = ({
|
|
|
2183
2049
|
setRightMonth(right);
|
|
2184
2050
|
}
|
|
2185
2051
|
};
|
|
2186
|
-
const [startInput, setStartInput] =
|
|
2052
|
+
const [startInput, setStartInput] = React.useState(
|
|
2187
2053
|
startDate ? formatDate(startDate) : ""
|
|
2188
2054
|
);
|
|
2189
|
-
const [endInput, setEndInput] =
|
|
2190
|
-
|
|
2055
|
+
const [endInput, setEndInput] = React.useState(endDate ? formatDate(endDate) : "");
|
|
2056
|
+
React.useEffect(() => {
|
|
2191
2057
|
if (startDate) {
|
|
2192
2058
|
setStartInput(formatDate(startDate));
|
|
2193
2059
|
} else {
|
|
2194
2060
|
setStartInput("");
|
|
2195
2061
|
}
|
|
2196
2062
|
}, [startDate]);
|
|
2197
|
-
|
|
2063
|
+
React.useEffect(() => {
|
|
2198
2064
|
if (endDate) {
|
|
2199
2065
|
setEndInput(formatDate(endDate));
|
|
2200
2066
|
} else {
|
|
@@ -2203,17 +2069,17 @@ var DateRangePicker = ({
|
|
|
2203
2069
|
}, [endDate]);
|
|
2204
2070
|
const renderMonthView = (monthDate, isLeft, className2 = "") => {
|
|
2205
2071
|
const year = monthDate.getFullYear();
|
|
2206
|
-
return /* @__PURE__ */
|
|
2207
|
-
/* @__PURE__ */
|
|
2208
|
-
/* @__PURE__ */
|
|
2072
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 ${className2}`, children: [
|
|
2073
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
|
|
2074
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2209
2075
|
"button",
|
|
2210
2076
|
{
|
|
2211
2077
|
onClick: () => navigateYear(-1, isLeft),
|
|
2212
2078
|
className: "p-1 hover:bg-gray-100 rounded",
|
|
2213
|
-
children: /* @__PURE__ */
|
|
2079
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "w-4 h-4" })
|
|
2214
2080
|
}
|
|
2215
2081
|
),
|
|
2216
|
-
/* @__PURE__ */
|
|
2082
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2217
2083
|
"button",
|
|
2218
2084
|
{
|
|
2219
2085
|
onClick: () => handleHeaderClick(isLeft),
|
|
@@ -2221,18 +2087,18 @@ var DateRangePicker = ({
|
|
|
2221
2087
|
children: year
|
|
2222
2088
|
}
|
|
2223
2089
|
),
|
|
2224
|
-
/* @__PURE__ */
|
|
2090
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2225
2091
|
"button",
|
|
2226
2092
|
{
|
|
2227
2093
|
onClick: () => navigateYear(1, isLeft),
|
|
2228
2094
|
className: "p-1 hover:bg-gray-100 rounded",
|
|
2229
|
-
children: /* @__PURE__ */
|
|
2095
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "w-4 h-4" })
|
|
2230
2096
|
}
|
|
2231
2097
|
)
|
|
2232
2098
|
] }),
|
|
2233
|
-
/* @__PURE__ */
|
|
2099
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-2", children: monthsShort.map((month, index) => {
|
|
2234
2100
|
const isDisabled = isDisabledMonth(year, index);
|
|
2235
|
-
return /* @__PURE__ */
|
|
2101
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2236
2102
|
"button",
|
|
2237
2103
|
{
|
|
2238
2104
|
onClick: () => handleMonthClick(index, isLeft),
|
|
@@ -2252,33 +2118,33 @@ var DateRangePicker = ({
|
|
|
2252
2118
|
for (let i = startDecade; i < startDecade + 10; i++) {
|
|
2253
2119
|
years.push(i);
|
|
2254
2120
|
}
|
|
2255
|
-
return /* @__PURE__ */
|
|
2256
|
-
/* @__PURE__ */
|
|
2257
|
-
/* @__PURE__ */
|
|
2121
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 ${className2}`, children: [
|
|
2122
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
|
|
2123
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2258
2124
|
"button",
|
|
2259
2125
|
{
|
|
2260
2126
|
onClick: () => navigateDecade(-1, isLeft),
|
|
2261
2127
|
className: "p-1 hover:bg-gray-100 rounded",
|
|
2262
|
-
children: /* @__PURE__ */
|
|
2128
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "w-4 h-4" })
|
|
2263
2129
|
}
|
|
2264
2130
|
),
|
|
2265
|
-
/* @__PURE__ */
|
|
2131
|
+
/* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "font-medium text-center flex-1", children: [
|
|
2266
2132
|
startDecade,
|
|
2267
2133
|
" - ",
|
|
2268
2134
|
startDecade + 9
|
|
2269
2135
|
] }),
|
|
2270
|
-
/* @__PURE__ */
|
|
2136
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2271
2137
|
"button",
|
|
2272
2138
|
{
|
|
2273
2139
|
onClick: () => navigateDecade(1, isLeft),
|
|
2274
2140
|
className: "p-1 hover:bg-gray-100 rounded",
|
|
2275
|
-
children: /* @__PURE__ */
|
|
2141
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "w-4 h-4" })
|
|
2276
2142
|
}
|
|
2277
2143
|
)
|
|
2278
2144
|
] }),
|
|
2279
|
-
/* @__PURE__ */
|
|
2145
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: years.map((year) => {
|
|
2280
2146
|
const isDisabled = isDisabledYear(year);
|
|
2281
|
-
return /* @__PURE__ */
|
|
2147
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2282
2148
|
"button",
|
|
2283
2149
|
{
|
|
2284
2150
|
onClick: () => handleYearClick(year, isLeft),
|
|
@@ -2309,7 +2175,7 @@ var DateRangePicker = ({
|
|
|
2309
2175
|
for (let i = 0; i < startingDayOfWeek; i++) {
|
|
2310
2176
|
const prevDate = new Date(year, month, -startingDayOfWeek + i + 1);
|
|
2311
2177
|
days.push(
|
|
2312
|
-
/* @__PURE__ */
|
|
2178
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2313
2179
|
"div",
|
|
2314
2180
|
{
|
|
2315
2181
|
className: "w-8 h-8 flex items-center justify-center text-gray-300 text-sm",
|
|
@@ -2327,39 +2193,39 @@ var DateRangePicker = ({
|
|
|
2327
2193
|
const isInHover = !endDate && isInHoverRange(date);
|
|
2328
2194
|
const isDisabled = isDisabledDate(date);
|
|
2329
2195
|
days.push(
|
|
2330
|
-
/* @__PURE__ */
|
|
2196
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2331
2197
|
"div",
|
|
2332
2198
|
{
|
|
2333
2199
|
className: `relative w-8 h-8 flex items-center justify-center text-sm ${isDisabled ? "cursor-not-allowed text-gray-300" : "cursor-pointer"} group`,
|
|
2334
2200
|
onClick: () => handleDateClick(date, isLeft),
|
|
2335
2201
|
onMouseEnter: () => !isDisabled && setHoveredDate(date),
|
|
2336
2202
|
onMouseLeave: () => setHoveredDate(null),
|
|
2337
|
-
children: isStart ? /* @__PURE__ */
|
|
2338
|
-
/* @__PURE__ */
|
|
2203
|
+
children: isStart ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2204
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2339
2205
|
"div",
|
|
2340
2206
|
{
|
|
2341
2207
|
className: `absolute inset-0 bg-[#D9ECFF] rounded-l-full ${circleContainer()}`
|
|
2342
2208
|
}
|
|
2343
2209
|
),
|
|
2344
|
-
/* @__PURE__ */
|
|
2210
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2345
2211
|
"div",
|
|
2346
2212
|
{
|
|
2347
2213
|
className: `w-6 h-6 bg-[#213D69] text-white rounded-full z-10 flex items-center justify-center text-xs font-bold`,
|
|
2348
2214
|
children: day
|
|
2349
2215
|
}
|
|
2350
2216
|
)
|
|
2351
|
-
] }) : isEnd ? /* @__PURE__ */
|
|
2352
|
-
/* @__PURE__ */
|
|
2217
|
+
] }) : isEnd ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2218
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2353
2219
|
"div",
|
|
2354
2220
|
{
|
|
2355
2221
|
className: `absolute inset-0 bg-[#D9ECFF] rounded-r-full ${circleContainer()}`
|
|
2356
2222
|
}
|
|
2357
2223
|
),
|
|
2358
|
-
/* @__PURE__ */
|
|
2359
|
-
] }) : isInCurrentRange || isInHover ? /* @__PURE__ */
|
|
2360
|
-
/* @__PURE__ */
|
|
2361
|
-
/* @__PURE__ */
|
|
2362
|
-
] }) : /* @__PURE__ */
|
|
2224
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-6 h-6 bg-[#213D69] text-white rounded-full z-10 flex items-center justify-center text-xs font-bold", children: day })
|
|
2225
|
+
] }) : isInCurrentRange || isInHover ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2226
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-[#D9ECFF]" }),
|
|
2227
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10", children: day })
|
|
2228
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
2363
2229
|
"div",
|
|
2364
2230
|
{
|
|
2365
2231
|
className: `w-8 h-8 flex items-center justify-center rounded-full ${!isDisabled ? "group-hover:bg-blue-100" : ""}`,
|
|
@@ -2376,7 +2242,7 @@ var DateRangePicker = ({
|
|
|
2376
2242
|
for (let i = 1; i <= remainingCells; i++) {
|
|
2377
2243
|
const nextDate = new Date(year, month + 1, i);
|
|
2378
2244
|
days.push(
|
|
2379
|
-
/* @__PURE__ */
|
|
2245
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2380
2246
|
"div",
|
|
2381
2247
|
{
|
|
2382
2248
|
className: "w-8 h-8 flex items-center justify-center text-gray-300 text-sm",
|
|
@@ -2386,17 +2252,17 @@ var DateRangePicker = ({
|
|
|
2386
2252
|
)
|
|
2387
2253
|
);
|
|
2388
2254
|
}
|
|
2389
|
-
return /* @__PURE__ */
|
|
2390
|
-
/* @__PURE__ */
|
|
2391
|
-
/* @__PURE__ */
|
|
2255
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 ${className2}`, children: [
|
|
2256
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
|
|
2257
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2392
2258
|
"button",
|
|
2393
2259
|
{
|
|
2394
2260
|
onClick: () => navigateMonth(-1, isLeft),
|
|
2395
2261
|
className: "p-1 hover:bg-gray-100 rounded",
|
|
2396
|
-
children: /* @__PURE__ */
|
|
2262
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "w-4 h-4" })
|
|
2397
2263
|
}
|
|
2398
2264
|
),
|
|
2399
|
-
/* @__PURE__ */
|
|
2265
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2400
2266
|
"button",
|
|
2401
2267
|
{
|
|
2402
2268
|
onClick: () => handleHeaderClick(isLeft),
|
|
@@ -2408,16 +2274,16 @@ var DateRangePicker = ({
|
|
|
2408
2274
|
]
|
|
2409
2275
|
}
|
|
2410
2276
|
),
|
|
2411
|
-
/* @__PURE__ */
|
|
2277
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2412
2278
|
"button",
|
|
2413
2279
|
{
|
|
2414
2280
|
onClick: () => navigateMonth(1, isLeft),
|
|
2415
2281
|
className: "p-1 hover:bg-gray-100 rounded",
|
|
2416
|
-
children: /* @__PURE__ */
|
|
2282
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "w-4 h-4" })
|
|
2417
2283
|
}
|
|
2418
2284
|
)
|
|
2419
2285
|
] }),
|
|
2420
|
-
/* @__PURE__ */
|
|
2286
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((day) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2421
2287
|
"div",
|
|
2422
2288
|
{
|
|
2423
2289
|
className: "w-8 h-8 flex items-center justify-center text-xs font-medium text-gray-500",
|
|
@@ -2425,7 +2291,7 @@ var DateRangePicker = ({
|
|
|
2425
2291
|
},
|
|
2426
2292
|
day
|
|
2427
2293
|
)) }),
|
|
2428
|
-
/* @__PURE__ */
|
|
2294
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7", children: days })
|
|
2429
2295
|
] });
|
|
2430
2296
|
};
|
|
2431
2297
|
const handleCancel = () => {
|
|
@@ -2473,22 +2339,22 @@ var DateRangePicker = ({
|
|
|
2473
2339
|
const isEndValid = validateCustomInput(endInput, false);
|
|
2474
2340
|
return isStartValid && isEndValid;
|
|
2475
2341
|
};
|
|
2476
|
-
return /* @__PURE__ */
|
|
2477
|
-
!datePopupOnly && !isDateRangeOnly && /* @__PURE__ */
|
|
2342
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
2343
|
+
!datePopupOnly && !isDateRangeOnly && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2478
2344
|
"label",
|
|
2479
2345
|
{
|
|
2480
|
-
className:
|
|
2346
|
+
className: tailwindMerge.twMerge(
|
|
2481
2347
|
"block text-sm font-medium text-gray-600 mb-1",
|
|
2482
2348
|
titleClass
|
|
2483
2349
|
),
|
|
2484
2350
|
children: title
|
|
2485
2351
|
}
|
|
2486
2352
|
),
|
|
2487
|
-
/* @__PURE__ */
|
|
2488
|
-
!datePopupOnly && !isDateRangeOnly && /* @__PURE__ */
|
|
2353
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", ref: dropdownRef, children: [
|
|
2354
|
+
!datePopupOnly && !isDateRangeOnly && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2489
2355
|
"div",
|
|
2490
2356
|
{
|
|
2491
|
-
className:
|
|
2357
|
+
className: tailwindMerge.twMerge(
|
|
2492
2358
|
`flex items-center w-full h-[38px] gap-2 px-3 py-2 border rounded-md cursor-pointer ${bgColor} hover:border-[#4683B4] ${isOpen && "border-[#4683B4]"}`,
|
|
2493
2359
|
className
|
|
2494
2360
|
),
|
|
@@ -2500,8 +2366,8 @@ var DateRangePicker = ({
|
|
|
2500
2366
|
setIsOpen(!isOpen);
|
|
2501
2367
|
},
|
|
2502
2368
|
children: [
|
|
2503
|
-
/* @__PURE__ */
|
|
2504
|
-
/* @__PURE__ */
|
|
2369
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: startDate && endDate ? `${formatDate(startDate)} - ${formatDate(endDate)}` : startDate ? `${formatDate(startDate)} - Select end date` : "" }),
|
|
2370
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1/2 right-3 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2505
2371
|
"svg",
|
|
2506
2372
|
{
|
|
2507
2373
|
width: "18",
|
|
@@ -2509,7 +2375,7 @@ var DateRangePicker = ({
|
|
|
2509
2375
|
viewBox: "0 0 18 20",
|
|
2510
2376
|
fill: "none",
|
|
2511
2377
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2512
|
-
children: /* @__PURE__ */
|
|
2378
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2513
2379
|
"path",
|
|
2514
2380
|
{
|
|
2515
2381
|
d: "M4 9H6V11H4V9ZM18 4V18C18 19.1 17.1 20 16 20H2C0.89 20 0 19.1 0 18L0.00999999 4C0.00999999 2.9 0.89 2 2 2H3V0H5V2H13V0H15V2H16C17.1 2 18 2.9 18 4ZM2 6H16V4H2V6ZM16 18V8H2V18H16ZM12 11H14V9H12V11ZM8 11H10V9H8V11Z",
|
|
@@ -2521,7 +2387,7 @@ var DateRangePicker = ({
|
|
|
2521
2387
|
]
|
|
2522
2388
|
}
|
|
2523
2389
|
),
|
|
2524
|
-
isOpen && /* @__PURE__ */
|
|
2390
|
+
isOpen && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2525
2391
|
"div",
|
|
2526
2392
|
{
|
|
2527
2393
|
className: `absolute top-full right-0 ${datePopupOnly ? "" : "mt-2"} bg-white border rounded-lg shadow-lg z-50 ${dateRangeClass}`,
|
|
@@ -2530,10 +2396,10 @@ var DateRangePicker = ({
|
|
|
2530
2396
|
height: "419px",
|
|
2531
2397
|
marginRight: datePopupOnly ? "15px" : void 0
|
|
2532
2398
|
},
|
|
2533
|
-
children: /* @__PURE__ */
|
|
2534
|
-
/* @__PURE__ */
|
|
2535
|
-
/* @__PURE__ */
|
|
2536
|
-
presetRanges.map((preset, index) => /* @__PURE__ */
|
|
2399
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
|
|
2400
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[290px] border-r", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-between h-[419px] p-4", children: [
|
|
2401
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-[3px]", children: [
|
|
2402
|
+
presetRanges.map((preset, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2537
2403
|
"button",
|
|
2538
2404
|
{
|
|
2539
2405
|
onClick: () => {
|
|
@@ -2547,7 +2413,7 @@ var DateRangePicker = ({
|
|
|
2547
2413
|
},
|
|
2548
2414
|
index
|
|
2549
2415
|
)),
|
|
2550
|
-
/* @__PURE__ */
|
|
2416
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2551
2417
|
"button",
|
|
2552
2418
|
{
|
|
2553
2419
|
className: `w-full text-left px-[14px] py-[6px] rounded-[4px] text-[13px] border border-1 border-[#ECECF0] hover:bg-[#ECECF0] ${isCustomEditing ? "bg-[#ECECF0] font-semibold" : ""}`,
|
|
@@ -2567,8 +2433,8 @@ var DateRangePicker = ({
|
|
|
2567
2433
|
children: "Custom Range (max 1 year)"
|
|
2568
2434
|
}
|
|
2569
2435
|
),
|
|
2570
|
-
/* @__PURE__ */
|
|
2571
|
-
/* @__PURE__ */
|
|
2436
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-[8px]", children: [
|
|
2437
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2572
2438
|
"input",
|
|
2573
2439
|
{
|
|
2574
2440
|
type: "text",
|
|
@@ -2618,7 +2484,7 @@ var DateRangePicker = ({
|
|
|
2618
2484
|
className: `w-full h-[33.5px] text-[12px] px-[13px] rounded-[4px] border border-1 border-[#ECECF0] ${!isCustomEditing ? "bg-gray-100 cursor-not-allowed" : ""}`
|
|
2619
2485
|
}
|
|
2620
2486
|
),
|
|
2621
|
-
/* @__PURE__ */
|
|
2487
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2622
2488
|
"input",
|
|
2623
2489
|
{
|
|
2624
2490
|
type: "text",
|
|
@@ -2677,8 +2543,8 @@ var DateRangePicker = ({
|
|
|
2677
2543
|
)
|
|
2678
2544
|
] })
|
|
2679
2545
|
] }),
|
|
2680
|
-
/* @__PURE__ */
|
|
2681
|
-
/* @__PURE__ */
|
|
2546
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
|
|
2547
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2682
2548
|
"button",
|
|
2683
2549
|
{
|
|
2684
2550
|
onClick: () => handleCancel(),
|
|
@@ -2686,7 +2552,7 @@ var DateRangePicker = ({
|
|
|
2686
2552
|
children: "Cancel"
|
|
2687
2553
|
}
|
|
2688
2554
|
),
|
|
2689
|
-
/* @__PURE__ */
|
|
2555
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2690
2556
|
"button",
|
|
2691
2557
|
{
|
|
2692
2558
|
onClick: async () => {
|
|
@@ -2737,7 +2603,7 @@ var DateRangePicker = ({
|
|
|
2737
2603
|
setIsOpen(false);
|
|
2738
2604
|
},
|
|
2739
2605
|
className: `w-full px-[14px] py-[6px] text-[16px] text-[#FFFFFF] font-semibold border rounded-[4px] bg-[#4683B4] ${!isCustomInputValid() && "opacity-50"} flex justify-center items-center gap-2`,
|
|
2740
|
-
children: datePopupOnly ? isExporting ? /* @__PURE__ */
|
|
2606
|
+
children: datePopupOnly ? isExporting ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2741
2607
|
"svg",
|
|
2742
2608
|
{
|
|
2743
2609
|
className: "animate-spin h-5 w-5 text-white",
|
|
@@ -2745,7 +2611,7 @@ var DateRangePicker = ({
|
|
|
2745
2611
|
fill: "none",
|
|
2746
2612
|
viewBox: "0 0 24 24",
|
|
2747
2613
|
children: [
|
|
2748
|
-
/* @__PURE__ */
|
|
2614
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2749
2615
|
"circle",
|
|
2750
2616
|
{
|
|
2751
2617
|
className: "opacity-25",
|
|
@@ -2756,7 +2622,7 @@ var DateRangePicker = ({
|
|
|
2756
2622
|
strokeWidth: "4"
|
|
2757
2623
|
}
|
|
2758
2624
|
),
|
|
2759
|
-
/* @__PURE__ */
|
|
2625
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2760
2626
|
"path",
|
|
2761
2627
|
{
|
|
2762
2628
|
className: "opacity-75",
|
|
@@ -2771,7 +2637,7 @@ var DateRangePicker = ({
|
|
|
2771
2637
|
)
|
|
2772
2638
|
] })
|
|
2773
2639
|
] }) }),
|
|
2774
|
-
/* @__PURE__ */
|
|
2640
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
|
|
2775
2641
|
renderCalendar(
|
|
2776
2642
|
leftMonth,
|
|
2777
2643
|
true,
|
|
@@ -2790,11 +2656,6 @@ var DateRangePicker = ({
|
|
|
2790
2656
|
] }) });
|
|
2791
2657
|
};
|
|
2792
2658
|
var DateRange_default = DateRangePicker;
|
|
2793
|
-
|
|
2794
|
-
// src/components/inputs/MultipleAutoSuggestionInput.tsx
|
|
2795
|
-
var import_react6 = require("react");
|
|
2796
|
-
var import_tailwind_merge15 = require("tailwind-merge");
|
|
2797
|
-
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
2798
2659
|
var MultipleAutoSuggestionInput = ({
|
|
2799
2660
|
label = "",
|
|
2800
2661
|
options,
|
|
@@ -2815,12 +2676,12 @@ var MultipleAutoSuggestionInput = ({
|
|
|
2815
2676
|
removeIconClass = ""
|
|
2816
2677
|
}) => {
|
|
2817
2678
|
var _a;
|
|
2818
|
-
const [filteredOptions, setFilteredOptions] =
|
|
2819
|
-
const [isDropdownOpen, setIsDropdownOpen] =
|
|
2820
|
-
const inputRef =
|
|
2821
|
-
const dropdownRef =
|
|
2679
|
+
const [filteredOptions, setFilteredOptions] = React.useState(options);
|
|
2680
|
+
const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);
|
|
2681
|
+
const inputRef = React.useRef(null);
|
|
2682
|
+
const dropdownRef = React.useRef(null);
|
|
2822
2683
|
const selectedList = isMulti ? selectedItems : selectedItems ? [selectedItems] : [];
|
|
2823
|
-
|
|
2684
|
+
React.useEffect(() => {
|
|
2824
2685
|
const handleClickOutside = (event) => {
|
|
2825
2686
|
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
2826
2687
|
setIsDropdownOpen(false);
|
|
@@ -2829,7 +2690,7 @@ var MultipleAutoSuggestionInput = ({
|
|
|
2829
2690
|
document.addEventListener("mousedown", handleClickOutside);
|
|
2830
2691
|
return () => document.removeEventListener("mousedown", handleClickOutside);
|
|
2831
2692
|
}, []);
|
|
2832
|
-
|
|
2693
|
+
React.useEffect(() => {
|
|
2833
2694
|
if (!isMulti && !enableTypingSingle) {
|
|
2834
2695
|
setFilteredOptions(
|
|
2835
2696
|
options.filter((opt) => !selectedList.includes(opt.key))
|
|
@@ -2855,18 +2716,18 @@ var MultipleAutoSuggestionInput = ({
|
|
|
2855
2716
|
setInputValue("");
|
|
2856
2717
|
setIsDropdownOpen(false);
|
|
2857
2718
|
};
|
|
2858
|
-
return /* @__PURE__ */
|
|
2859
|
-
/* @__PURE__ */
|
|
2719
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
2720
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2860
2721
|
"label",
|
|
2861
2722
|
{
|
|
2862
|
-
className:
|
|
2723
|
+
className: tailwindMerge.twMerge(
|
|
2863
2724
|
"block text-sm font-medium text-custom-gray mb-1",
|
|
2864
2725
|
labelClass
|
|
2865
2726
|
),
|
|
2866
2727
|
children: label
|
|
2867
2728
|
}
|
|
2868
2729
|
),
|
|
2869
|
-
/* @__PURE__ */
|
|
2730
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2870
2731
|
"div",
|
|
2871
2732
|
{
|
|
2872
2733
|
ref: dropdownRef,
|
|
@@ -2879,37 +2740,37 @@ var MultipleAutoSuggestionInput = ({
|
|
|
2879
2740
|
}
|
|
2880
2741
|
},
|
|
2881
2742
|
children: [
|
|
2882
|
-
/* @__PURE__ */
|
|
2743
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2883
2744
|
"div",
|
|
2884
2745
|
{
|
|
2885
|
-
className:
|
|
2746
|
+
className: tailwindMerge.twMerge(
|
|
2886
2747
|
"border border-[#E2E2E2] focus-within:border-[#4683B4] rounded-lg p-1.5 bg-[#F8F8F8] cursor-pointer flex flex-wrap items-center gap-2 min-h-[2.5rem]",
|
|
2887
2748
|
buttonClass
|
|
2888
2749
|
),
|
|
2889
2750
|
children: [
|
|
2890
2751
|
isMulti && Array.isArray(selectedList) ? selectedList.map((itemKey) => {
|
|
2891
2752
|
const option = options.find((opt) => opt.key === itemKey);
|
|
2892
|
-
return /* @__PURE__ */
|
|
2753
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2893
2754
|
"div",
|
|
2894
2755
|
{
|
|
2895
|
-
className:
|
|
2756
|
+
className: tailwindMerge.twMerge(
|
|
2896
2757
|
"flex flex border-[#E2E2E2] border items-center px-2 py-1 bg-white text-gray-700 rounded-md text-xs font-medium",
|
|
2897
2758
|
selectedItemsClass
|
|
2898
2759
|
),
|
|
2899
2760
|
children: [
|
|
2900
2761
|
option ? option.name : itemKey,
|
|
2901
|
-
onRemove && /* @__PURE__ */
|
|
2762
|
+
onRemove && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2902
2763
|
"button",
|
|
2903
2764
|
{
|
|
2904
2765
|
onClick: (e) => {
|
|
2905
2766
|
e.stopPropagation();
|
|
2906
2767
|
onRemove(itemKey);
|
|
2907
2768
|
},
|
|
2908
|
-
className:
|
|
2769
|
+
className: tailwindMerge.twMerge(
|
|
2909
2770
|
"ml-1 text-gray-500 hover:text-gray-700 bg-white",
|
|
2910
2771
|
removeIconClass
|
|
2911
2772
|
),
|
|
2912
|
-
children: /* @__PURE__ */
|
|
2773
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2913
2774
|
"svg",
|
|
2914
2775
|
{
|
|
2915
2776
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2917,7 +2778,7 @@ var MultipleAutoSuggestionInput = ({
|
|
|
2917
2778
|
height: "14",
|
|
2918
2779
|
viewBox: "0 0 14 14",
|
|
2919
2780
|
fill: "none",
|
|
2920
|
-
children: /* @__PURE__ */
|
|
2781
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2921
2782
|
"path",
|
|
2922
2783
|
{
|
|
2923
2784
|
d: "M11.0837 3.739L10.2612 2.9165L7.00033 6.17734L3.73949 2.9165L2.91699 3.739L6.17783 6.99984L2.91699 10.2607L3.73949 11.0832L7.00033 7.82234L10.2612 11.0832L11.0837 10.2607L7.82283 6.99984L11.0837 3.739Z",
|
|
@@ -2932,16 +2793,16 @@ var MultipleAutoSuggestionInput = ({
|
|
|
2932
2793
|
},
|
|
2933
2794
|
itemKey
|
|
2934
2795
|
);
|
|
2935
|
-
}) : selectedList.length > 0 && /* @__PURE__ */
|
|
2796
|
+
}) : selectedList.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2936
2797
|
"div",
|
|
2937
2798
|
{
|
|
2938
|
-
className:
|
|
2799
|
+
className: tailwindMerge.twMerge(
|
|
2939
2800
|
"flex border-[#E2E2E2] border items-center px-2 py-1 bg-white text-gray-700 rounded-md text-xs font-medium",
|
|
2940
2801
|
selectedItemsClass
|
|
2941
2802
|
),
|
|
2942
2803
|
children: [
|
|
2943
|
-
/* @__PURE__ */
|
|
2944
|
-
onRemove && /* @__PURE__ */
|
|
2804
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-800", children: ((_a = options.find((opt) => opt.key === selectedList[0])) == null ? void 0 : _a.name) || selectedList[0] }),
|
|
2805
|
+
onRemove && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2945
2806
|
"button",
|
|
2946
2807
|
{
|
|
2947
2808
|
onClick: (e) => {
|
|
@@ -2951,11 +2812,11 @@ var MultipleAutoSuggestionInput = ({
|
|
|
2951
2812
|
((_a2 = options.find((opt) => opt.key === selectedList[0])) == null ? void 0 : _a2.name) || selectedList[0]
|
|
2952
2813
|
);
|
|
2953
2814
|
},
|
|
2954
|
-
className:
|
|
2815
|
+
className: tailwindMerge.twMerge(
|
|
2955
2816
|
"ml-1 text-gray-500 hover:text-gray-700",
|
|
2956
2817
|
removeIconClass
|
|
2957
2818
|
),
|
|
2958
|
-
children: /* @__PURE__ */
|
|
2819
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2959
2820
|
"svg",
|
|
2960
2821
|
{
|
|
2961
2822
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2963,7 +2824,7 @@ var MultipleAutoSuggestionInput = ({
|
|
|
2963
2824
|
height: "14",
|
|
2964
2825
|
viewBox: "0 0 14 14",
|
|
2965
2826
|
fill: "none",
|
|
2966
|
-
children: /* @__PURE__ */
|
|
2827
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2967
2828
|
"path",
|
|
2968
2829
|
{
|
|
2969
2830
|
d: "M11.0837 3.739L10.2612 2.9165L7.00033 6.17734L3.73949 2.9165L2.91699 3.739L6.17783 6.99984L2.91699 10.2607L3.73949 11.0832L7.00033 7.82234L10.2612 11.0832L11.0837 10.2607L7.82283 6.99984L11.0837 3.739Z",
|
|
@@ -2977,8 +2838,8 @@ var MultipleAutoSuggestionInput = ({
|
|
|
2977
2838
|
]
|
|
2978
2839
|
}
|
|
2979
2840
|
),
|
|
2980
|
-
!isMulti && !enableTypingSingle && selectedList.length === 0 && /* @__PURE__ */
|
|
2981
|
-
isMulti && enableTypingSingle && /* @__PURE__ */
|
|
2841
|
+
!isMulti && !enableTypingSingle && selectedList.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500 px-1 py-1", children: "Select..." }),
|
|
2842
|
+
isMulti && enableTypingSingle && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2982
2843
|
"input",
|
|
2983
2844
|
{
|
|
2984
2845
|
type: "text",
|
|
@@ -2986,7 +2847,7 @@ var MultipleAutoSuggestionInput = ({
|
|
|
2986
2847
|
value: inputValue,
|
|
2987
2848
|
onKeyDown: keyDown,
|
|
2988
2849
|
onChange: handleInputChange,
|
|
2989
|
-
className: "flex-
|
|
2850
|
+
className: "w-full flex-1 px-0 py-1 bg-[#F8F8F8] text-xs border-none outline-none focus:ring-0",
|
|
2990
2851
|
onFocus: () => {
|
|
2991
2852
|
if (!isDropdownOpen && (!isMulti || inputValue)) {
|
|
2992
2853
|
setIsDropdownOpen(true);
|
|
@@ -2997,14 +2858,14 @@ var MultipleAutoSuggestionInput = ({
|
|
|
2997
2858
|
]
|
|
2998
2859
|
}
|
|
2999
2860
|
),
|
|
3000
|
-
isDropdownOpen && filteredOptions.length > 0 && /* @__PURE__ */
|
|
2861
|
+
isDropdownOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3001
2862
|
"div",
|
|
3002
2863
|
{
|
|
3003
|
-
className:
|
|
2864
|
+
className: tailwindMerge.twMerge(
|
|
3004
2865
|
"absolute top-full left-0 mt-1 w-full rounded-lg bg-white shadow-lg z-10 max-h-60 overflow-auto border border-[#E2E2E2]",
|
|
3005
2866
|
dropdownOpenClass
|
|
3006
2867
|
),
|
|
3007
|
-
children: /* @__PURE__ */
|
|
2868
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1 rounded-lg border-[#E2E2E2]", children: filteredOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3008
2869
|
"div",
|
|
3009
2870
|
{
|
|
3010
2871
|
className: "px-4 py-2 text-sm cursor-pointer custom-listing-hover",
|
|
@@ -3021,10 +2882,6 @@ var MultipleAutoSuggestionInput = ({
|
|
|
3021
2882
|
] });
|
|
3022
2883
|
};
|
|
3023
2884
|
var MultipleAutoSuggestionInput_default = MultipleAutoSuggestionInput;
|
|
3024
|
-
|
|
3025
|
-
// src/components/inputs/SingleListInput.tsx
|
|
3026
|
-
var import_tailwind_merge16 = require("tailwind-merge");
|
|
3027
|
-
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
3028
2885
|
var SingleListInput = ({
|
|
3029
2886
|
formValues,
|
|
3030
2887
|
handleRemove,
|
|
@@ -3036,38 +2893,38 @@ var SingleListInput = ({
|
|
|
3036
2893
|
labelClass = "",
|
|
3037
2894
|
inputClass = ""
|
|
3038
2895
|
}) => {
|
|
3039
|
-
return /* @__PURE__ */
|
|
3040
|
-
/* @__PURE__ */
|
|
2896
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
2897
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3041
2898
|
"label",
|
|
3042
2899
|
{
|
|
3043
|
-
className:
|
|
2900
|
+
className: tailwindMerge.twMerge(
|
|
3044
2901
|
"block text-sm font-medium text-gray-600 mb-1",
|
|
3045
2902
|
labelClass
|
|
3046
2903
|
),
|
|
3047
2904
|
children: label
|
|
3048
2905
|
}
|
|
3049
2906
|
),
|
|
3050
|
-
/* @__PURE__ */
|
|
2907
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3051
2908
|
"div",
|
|
3052
2909
|
{
|
|
3053
|
-
className:
|
|
2910
|
+
className: tailwindMerge.twMerge(
|
|
3054
2911
|
"border border-[#E2E2E2] rounded-lg p-1.5 bg-[#F8F8F8] cursor-pointer flex flex-wrap items-center gap-2 focus-within:border-[#4683B4]",
|
|
3055
2912
|
buttonClass
|
|
3056
2913
|
),
|
|
3057
2914
|
children: [
|
|
3058
|
-
formValues.map((id) => /* @__PURE__ */
|
|
2915
|
+
formValues.map((id) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3059
2916
|
"div",
|
|
3060
2917
|
{
|
|
3061
2918
|
className: "flex border-custom-gray items-center px-2 py-1 bg-white text-gray-700 rounded-md text-xs font-medium",
|
|
3062
2919
|
children: [
|
|
3063
2920
|
id,
|
|
3064
|
-
/* @__PURE__ */
|
|
2921
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3065
2922
|
"button",
|
|
3066
2923
|
{
|
|
3067
2924
|
onClick: () => handleRemove(id),
|
|
3068
2925
|
"aria-label": `Remove ${id}`,
|
|
3069
2926
|
className: "ml-1 text-gray-500 hover:text-gray-700 bg-white",
|
|
3070
|
-
children: /* @__PURE__ */
|
|
2927
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3071
2928
|
"svg",
|
|
3072
2929
|
{
|
|
3073
2930
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3075,7 +2932,7 @@ var SingleListInput = ({
|
|
|
3075
2932
|
height: "14",
|
|
3076
2933
|
viewBox: "0 0 14 14",
|
|
3077
2934
|
fill: "none",
|
|
3078
|
-
children: /* @__PURE__ */
|
|
2935
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3079
2936
|
"path",
|
|
3080
2937
|
{
|
|
3081
2938
|
d: "M11.0837 3.739L10.2612 2.9165L7.00033 6.17734L3.73949 2.9165L2.91699 3.739L6.17783 6.99984L2.91699 10.2607L3.73949 11.0832L7.00033 7.82234L10.2612 11.0832L11.0837 10.2607L7.82283 6.99984L11.0837 3.739Z",
|
|
@@ -3090,15 +2947,15 @@ var SingleListInput = ({
|
|
|
3090
2947
|
},
|
|
3091
2948
|
id
|
|
3092
2949
|
)),
|
|
3093
|
-
/* @__PURE__ */
|
|
2950
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3094
2951
|
"input",
|
|
3095
2952
|
{
|
|
3096
2953
|
type: "text",
|
|
3097
2954
|
value: inputValue,
|
|
3098
2955
|
onChange,
|
|
3099
2956
|
onKeyDown: keyDown,
|
|
3100
|
-
className:
|
|
3101
|
-
"flex-
|
|
2957
|
+
className: tailwindMerge.twMerge(
|
|
2958
|
+
"w-full flex-1 px-0 py-1 bg-[#F8F8F8] text-xs border-none outline-none focus:ring-0",
|
|
3102
2959
|
inputClass
|
|
3103
2960
|
)
|
|
3104
2961
|
}
|
|
@@ -3109,11 +2966,6 @@ var SingleListInput = ({
|
|
|
3109
2966
|
] });
|
|
3110
2967
|
};
|
|
3111
2968
|
var SingleListInput_default = SingleListInput;
|
|
3112
|
-
|
|
3113
|
-
// src/components/inputs/SingleSelectDropdown.tsx
|
|
3114
|
-
var import_react7 = require("react");
|
|
3115
|
-
var import_tailwind_merge17 = require("tailwind-merge");
|
|
3116
|
-
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
3117
2969
|
function SingleSelectDropdown({
|
|
3118
2970
|
label = "",
|
|
3119
2971
|
value,
|
|
@@ -3141,21 +2993,21 @@ function SingleSelectDropdown({
|
|
|
3141
2993
|
searchInputClass = "",
|
|
3142
2994
|
placeholderSearchClass = ""
|
|
3143
2995
|
}) {
|
|
3144
|
-
const [isOpen, setIsOpen] =
|
|
3145
|
-
const [searchTerm, setSearchTerm] =
|
|
3146
|
-
const dropdownRef =
|
|
3147
|
-
const listRef =
|
|
3148
|
-
const searchTimeoutRef =
|
|
3149
|
-
const [hoveredId, setHoveredId] =
|
|
2996
|
+
const [isOpen, setIsOpen] = React.useState(false);
|
|
2997
|
+
const [searchTerm, setSearchTerm] = React.useState("");
|
|
2998
|
+
const dropdownRef = React.useRef(null);
|
|
2999
|
+
const listRef = React.useRef(null);
|
|
3000
|
+
const searchTimeoutRef = React.useRef();
|
|
3001
|
+
const [hoveredId, setHoveredId] = React.useState(null);
|
|
3150
3002
|
const selectedOption = options.find((opt) => opt.id === value) || null;
|
|
3151
|
-
const handleScroll =
|
|
3003
|
+
const handleScroll = React.useCallback(() => {
|
|
3152
3004
|
if (!listRef.current || isLoading || !hasMore) return;
|
|
3153
3005
|
const { scrollTop, scrollHeight, clientHeight } = listRef.current;
|
|
3154
3006
|
if (scrollTop + clientHeight >= scrollHeight - 10) {
|
|
3155
3007
|
onScrollToEnd == null ? void 0 : onScrollToEnd();
|
|
3156
3008
|
}
|
|
3157
3009
|
}, [isLoading, hasMore, onScrollToEnd]);
|
|
3158
|
-
const handleSearchChange =
|
|
3010
|
+
const handleSearchChange = React.useCallback(
|
|
3159
3011
|
(newSearchTerm) => {
|
|
3160
3012
|
setSearchTerm(newSearchTerm);
|
|
3161
3013
|
if (onSearch) {
|
|
@@ -3169,7 +3021,7 @@ function SingleSelectDropdown({
|
|
|
3169
3021
|
},
|
|
3170
3022
|
[onSearch, searchDebounceMs]
|
|
3171
3023
|
);
|
|
3172
|
-
|
|
3024
|
+
React.useEffect(() => {
|
|
3173
3025
|
return () => {
|
|
3174
3026
|
if (searchTimeoutRef.current) {
|
|
3175
3027
|
clearTimeout(searchTimeoutRef.current);
|
|
@@ -3200,15 +3052,15 @@ function SingleSelectDropdown({
|
|
|
3200
3052
|
const displayOptions = getDisplayOptions();
|
|
3201
3053
|
const getEmptyStateContent = () => {
|
|
3202
3054
|
if (requiresSearch && onSearch && searchTerm.length < minSearchLength) {
|
|
3203
|
-
return /* @__PURE__ */
|
|
3204
|
-
/* @__PURE__ */
|
|
3055
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-8 text-center", children: [
|
|
3056
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-400 mb-2", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3205
3057
|
"svg",
|
|
3206
3058
|
{
|
|
3207
3059
|
className: "mx-auto h-8 w-8 mb-3",
|
|
3208
3060
|
fill: "none",
|
|
3209
3061
|
stroke: "currentColor",
|
|
3210
3062
|
viewBox: "0 0 24 24",
|
|
3211
|
-
children: /* @__PURE__ */
|
|
3063
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3212
3064
|
"path",
|
|
3213
3065
|
{
|
|
3214
3066
|
strokeLinecap: "round",
|
|
@@ -3219,28 +3071,28 @@ function SingleSelectDropdown({
|
|
|
3219
3071
|
)
|
|
3220
3072
|
}
|
|
3221
3073
|
) }),
|
|
3222
|
-
/* @__PURE__ */
|
|
3074
|
+
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500 font-medium", children: [
|
|
3223
3075
|
"Enter at least ",
|
|
3224
3076
|
minSearchLength,
|
|
3225
3077
|
" ",
|
|
3226
3078
|
minSearchLength === 1 ? "character" : "characters",
|
|
3227
3079
|
" to search"
|
|
3228
3080
|
] }),
|
|
3229
|
-
minSearchLength >= 3 && /* @__PURE__ */
|
|
3081
|
+
minSearchLength >= 3 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 mt-1", children: "Search from large dataset" })
|
|
3230
3082
|
] });
|
|
3231
3083
|
}
|
|
3232
|
-
return /* @__PURE__ */
|
|
3084
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-2 text-sm text-gray-500", children: !isLoading && options.length === 0 && emptyMessage });
|
|
3233
3085
|
};
|
|
3234
3086
|
const handleClickOutside = (event) => {
|
|
3235
3087
|
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
3236
3088
|
setIsOpen(false);
|
|
3237
3089
|
}
|
|
3238
3090
|
};
|
|
3239
|
-
|
|
3091
|
+
React.useEffect(() => {
|
|
3240
3092
|
document.addEventListener("mousedown", handleClickOutside);
|
|
3241
3093
|
return () => document.removeEventListener("mousedown", handleClickOutside);
|
|
3242
3094
|
}, []);
|
|
3243
|
-
|
|
3095
|
+
React.useEffect(() => {
|
|
3244
3096
|
if (isOpen && searchTerm && onSearch) {
|
|
3245
3097
|
setSearchTerm("");
|
|
3246
3098
|
onSearch("");
|
|
@@ -3251,11 +3103,11 @@ function SingleSelectDropdown({
|
|
|
3251
3103
|
setIsOpen(!isOpen);
|
|
3252
3104
|
}
|
|
3253
3105
|
};
|
|
3254
|
-
return /* @__PURE__ */
|
|
3255
|
-
/* @__PURE__ */
|
|
3106
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
3107
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3256
3108
|
"label",
|
|
3257
3109
|
{
|
|
3258
|
-
className:
|
|
3110
|
+
className: tailwindMerge.twMerge(
|
|
3259
3111
|
"block py-1 pt-1 text-[14px] font-semibold mb-1 text-[#545454] ",
|
|
3260
3112
|
labelClass
|
|
3261
3113
|
),
|
|
@@ -3263,30 +3115,30 @@ function SingleSelectDropdown({
|
|
|
3263
3115
|
children: label
|
|
3264
3116
|
}
|
|
3265
3117
|
),
|
|
3266
|
-
/* @__PURE__ */
|
|
3267
|
-
/* @__PURE__ */
|
|
3118
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { ref: dropdownRef, className: "relative", children: [
|
|
3119
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3268
3120
|
"div",
|
|
3269
3121
|
{
|
|
3270
3122
|
onClick: handleToggle,
|
|
3271
|
-
className:
|
|
3123
|
+
className: tailwindMerge.twMerge(
|
|
3272
3124
|
`border-[1.5px] rounded-md h-[40px] pl-3 pr-2 py-2 bg-[#F8F8F8] cursor-pointer flex items-center justify-between ${disabled ? "bg-gray-100 cursor-not-allowed border-gray-200" : isOpen ? "border-[#4683B4]" : "border-[#E2E2E2]"}`,
|
|
3273
3125
|
buttonClass
|
|
3274
3126
|
),
|
|
3275
3127
|
children: [
|
|
3276
|
-
/* @__PURE__ */
|
|
3128
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3277
3129
|
"span",
|
|
3278
3130
|
{
|
|
3279
3131
|
className: `text-sm ${disabled ? "text-gray-400" : selectedOption ? "text-gray-700" : "text-gray-400"}`,
|
|
3280
3132
|
children: (selectedOption == null ? void 0 : selectedOption.name) || placeholder
|
|
3281
3133
|
}
|
|
3282
3134
|
),
|
|
3283
|
-
/* @__PURE__ */
|
|
3135
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3284
3136
|
"div",
|
|
3285
3137
|
{
|
|
3286
3138
|
className: `transition-transform duration-200 ${isOpen ? "rotate-180" : ""} ${disabled ? "text-gray-400" : ""}
|
|
3287
3139
|
${hasIcon ? "block" : "hidden"}
|
|
3288
3140
|
`,
|
|
3289
|
-
children: /* @__PURE__ */
|
|
3141
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3290
3142
|
"svg",
|
|
3291
3143
|
{
|
|
3292
3144
|
className: "transform rotate-180",
|
|
@@ -3296,14 +3148,14 @@ function SingleSelectDropdown({
|
|
|
3296
3148
|
fill: "none",
|
|
3297
3149
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3298
3150
|
children: [
|
|
3299
|
-
/* @__PURE__ */
|
|
3151
|
+
/* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#clip0_10508_5931)", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3300
3152
|
"path",
|
|
3301
3153
|
{
|
|
3302
3154
|
d: "M5.83333 11.6665L10 7.49984L14.1667 11.6665H5.83333Z",
|
|
3303
3155
|
fill: "currentColor"
|
|
3304
3156
|
}
|
|
3305
3157
|
) }),
|
|
3306
|
-
/* @__PURE__ */
|
|
3158
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_10508_5931", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3307
3159
|
"rect",
|
|
3308
3160
|
{
|
|
3309
3161
|
width: "20",
|
|
@@ -3320,13 +3172,13 @@ function SingleSelectDropdown({
|
|
|
3320
3172
|
]
|
|
3321
3173
|
}
|
|
3322
3174
|
),
|
|
3323
|
-
isOpen && !disabled && /* @__PURE__ */
|
|
3324
|
-
searchable && /* @__PURE__ */
|
|
3325
|
-
/* @__PURE__ */
|
|
3175
|
+
isOpen && !disabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-20", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2 shadow-md border rounded-md max-h-[410px] flex flex-col", children: [
|
|
3176
|
+
searchable && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
3177
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3326
3178
|
"input",
|
|
3327
3179
|
{
|
|
3328
3180
|
type: "text",
|
|
3329
|
-
className:
|
|
3181
|
+
className: tailwindMerge.twMerge(
|
|
3330
3182
|
"input-placeholder-ellipsis w-full pr-[30px] h-[40px] px-2 py-1 rounded-md border border-gray-300 text-sm focus:border-1 focus:border-[#4683B4] focus:outline-none",
|
|
3331
3183
|
searchInputClass
|
|
3332
3184
|
),
|
|
@@ -3334,24 +3186,24 @@ function SingleSelectDropdown({
|
|
|
3334
3186
|
onChange: (e) => handleSearchChange(e.target.value)
|
|
3335
3187
|
}
|
|
3336
3188
|
),
|
|
3337
|
-
!searchTerm && /* @__PURE__ */
|
|
3189
|
+
!searchTerm && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3338
3190
|
"span",
|
|
3339
3191
|
{
|
|
3340
|
-
className:
|
|
3192
|
+
className: tailwindMerge.twMerge(
|
|
3341
3193
|
"absolute left-2 top-1/2 transform -translate-y-1/2 text-[12px] text-gray-400 overflow-hidden whitespace-nowrap text-ellipsis pointer-events-none w-[90%]",
|
|
3342
3194
|
placeholderSearchClass
|
|
3343
3195
|
),
|
|
3344
3196
|
children: searchPlaceholder
|
|
3345
3197
|
}
|
|
3346
3198
|
),
|
|
3347
|
-
/* @__PURE__ */
|
|
3199
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3348
3200
|
"div",
|
|
3349
3201
|
{
|
|
3350
|
-
className:
|
|
3202
|
+
className: tailwindMerge.twMerge(
|
|
3351
3203
|
"absolute right-2 top-1/2 transform -translate-y-1/2 pointer-events-none",
|
|
3352
3204
|
hasSearchIcon ? "block" : "hidden"
|
|
3353
3205
|
),
|
|
3354
|
-
children: /* @__PURE__ */
|
|
3206
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3355
3207
|
"svg",
|
|
3356
3208
|
{
|
|
3357
3209
|
width: "16",
|
|
@@ -3359,7 +3211,7 @@ function SingleSelectDropdown({
|
|
|
3359
3211
|
viewBox: "0 0 16 16",
|
|
3360
3212
|
fill: "none",
|
|
3361
3213
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3362
|
-
children: /* @__PURE__ */
|
|
3214
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3363
3215
|
"path",
|
|
3364
3216
|
{
|
|
3365
3217
|
d: "M10.9167 9.66667H10.2583L10.025 9.44167C10.8417 8.49167 11.3333 7.25833 11.3333 5.91667C11.3333 2.925 8.90833 0.5 5.91667 0.5C2.925 0.5 0.5 2.925 0.5 5.91667C0.5 8.90833 2.925 11.3333 5.91667 11.3333C7.25833 11.3333 8.49167 10.8417 9.44167 10.025L9.66667 10.2583V10.9167L13.8333 15.075L15.075 13.8333L10.9167 9.66667ZM5.91667 9.66667C3.84167 9.66667 2.16667 7.99167 2.16667 5.91667C2.16667 3.84167 3.84167 2.16667 5.91667 2.16667C7.99167 2.16667 9.66667 3.84167 9.66667 5.91667C9.66667 7.99167 7.99167 9.66667 5.91667 9.66667Z",
|
|
@@ -3371,22 +3223,22 @@ function SingleSelectDropdown({
|
|
|
3371
3223
|
}
|
|
3372
3224
|
)
|
|
3373
3225
|
] }),
|
|
3374
|
-
/* @__PURE__ */
|
|
3226
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3375
3227
|
"div",
|
|
3376
3228
|
{
|
|
3377
3229
|
ref: listRef,
|
|
3378
3230
|
onScroll: handleScroll,
|
|
3379
3231
|
onMouseEnter: () => setHoveredId("hovered"),
|
|
3380
3232
|
onMouseLeave: () => setHoveredId(null),
|
|
3381
|
-
className:
|
|
3233
|
+
className: tailwindMerge.twMerge(
|
|
3382
3234
|
`overflow-auto max-h-80 overscroll-contain ${searchable ? "mt-2" : ""}`,
|
|
3383
3235
|
displayMainClass
|
|
3384
3236
|
),
|
|
3385
3237
|
children: [
|
|
3386
|
-
displayOptions.length > 0 ? displayOptions.map((opt) => /* @__PURE__ */
|
|
3238
|
+
displayOptions.length > 0 ? displayOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3387
3239
|
"div",
|
|
3388
3240
|
{
|
|
3389
|
-
className:
|
|
3241
|
+
className: tailwindMerge.twMerge(
|
|
3390
3242
|
`h-[40px] px-2 py-2 my-1 text-sm cursor-pointer select-none ${opt.id === value && hoveredId == null ? "bg-[#ECF3F7] text-[#131414] font-semibold" : opt.id === value && hoveredId != null ? "text-[#131414] font-semibold" : "text-[#131414]"}`,
|
|
3391
3243
|
displayItemClass
|
|
3392
3244
|
),
|
|
@@ -3398,8 +3250,8 @@ function SingleSelectDropdown({
|
|
|
3398
3250
|
},
|
|
3399
3251
|
opt.id
|
|
3400
3252
|
)) : getEmptyStateContent(),
|
|
3401
|
-
isLoading && hasMore && /* @__PURE__ */
|
|
3402
|
-
/* @__PURE__ */
|
|
3253
|
+
isLoading && hasMore && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center px-2 pb-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center text-sm text-gray-500", children: [
|
|
3254
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-gray-400 mr-2" }),
|
|
3403
3255
|
loadingMessage
|
|
3404
3256
|
] }) })
|
|
3405
3257
|
]
|
|
@@ -3409,10 +3261,6 @@ function SingleSelectDropdown({
|
|
|
3409
3261
|
] })
|
|
3410
3262
|
] });
|
|
3411
3263
|
}
|
|
3412
|
-
|
|
3413
|
-
// src/components/inputs/SelectionButton.tsx
|
|
3414
|
-
var import_tailwind_merge18 = require("tailwind-merge");
|
|
3415
|
-
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
3416
3264
|
var SelectionButton = ({
|
|
3417
3265
|
data,
|
|
3418
3266
|
currentValue,
|
|
@@ -3420,20 +3268,20 @@ var SelectionButton = ({
|
|
|
3420
3268
|
buttonClass,
|
|
3421
3269
|
onClick
|
|
3422
3270
|
}) => {
|
|
3423
|
-
return /* @__PURE__ */
|
|
3271
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3424
3272
|
"div",
|
|
3425
3273
|
{
|
|
3426
|
-
className:
|
|
3274
|
+
className: tailwindMerge.twMerge(
|
|
3427
3275
|
"flex bg-white w-[208px] h-[28px] border border-[#E2E2E2] rounded-[4px] overflow-hidden",
|
|
3428
3276
|
className
|
|
3429
3277
|
),
|
|
3430
|
-
children: data.map((time, index) => /* @__PURE__ */
|
|
3278
|
+
children: data.map((time, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3431
3279
|
"button",
|
|
3432
3280
|
{
|
|
3433
3281
|
onClick: () => {
|
|
3434
3282
|
onClick(time);
|
|
3435
3283
|
},
|
|
3436
|
-
className:
|
|
3284
|
+
className: tailwindMerge.twMerge(
|
|
3437
3285
|
`font-normal px-[8px] text-[14px] text-[#131414] ${currentValue === time ? "bg-[#ECF3F7] text-[#4683B4] font-semibold " : "text-gray-600 hover:bg-gray-100"} ${index > 0 ? "border-l border-gray-300" : ""}`,
|
|
3438
3286
|
buttonClass
|
|
3439
3287
|
),
|
|
@@ -3445,12 +3293,6 @@ var SelectionButton = ({
|
|
|
3445
3293
|
);
|
|
3446
3294
|
};
|
|
3447
3295
|
var SelectionButton_default = SelectionButton;
|
|
3448
|
-
|
|
3449
|
-
// src/components/inputs/SingleDateInput.tsx
|
|
3450
|
-
var import_date_fns = require("date-fns");
|
|
3451
|
-
var import_react_datepicker = __toESM(require("react-datepicker"));
|
|
3452
|
-
var import_tailwind_merge19 = require("tailwind-merge");
|
|
3453
|
-
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
3454
3296
|
var SingleDateInput = ({
|
|
3455
3297
|
label,
|
|
3456
3298
|
hasCalendarIcon = true,
|
|
@@ -3469,35 +3311,35 @@ var SingleDateInput = ({
|
|
|
3469
3311
|
iconSize = 20,
|
|
3470
3312
|
iconClass = ""
|
|
3471
3313
|
}) => {
|
|
3472
|
-
const parsedDate =
|
|
3314
|
+
const parsedDate = dateFns.isValid(dateFns.parseISO(value)) ? dateFns.parseISO(value) : null;
|
|
3473
3315
|
const handleChange = (date) => {
|
|
3474
3316
|
if (date) {
|
|
3475
|
-
onChange(
|
|
3317
|
+
onChange(dateFns.format(date, "yyyy-MM-dd"));
|
|
3476
3318
|
} else {
|
|
3477
3319
|
onChange("");
|
|
3478
3320
|
}
|
|
3479
3321
|
};
|
|
3480
|
-
return /* @__PURE__ */
|
|
3481
|
-
label && /* @__PURE__ */
|
|
3322
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
|
|
3323
|
+
label && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3482
3324
|
"p",
|
|
3483
3325
|
{
|
|
3484
|
-
className:
|
|
3326
|
+
className: tailwindMerge.twMerge(
|
|
3485
3327
|
`${labelColor} text-[14px] font-semibold mb-1`,
|
|
3486
3328
|
labelClass
|
|
3487
3329
|
),
|
|
3488
3330
|
children: label
|
|
3489
3331
|
}
|
|
3490
3332
|
),
|
|
3491
|
-
/* @__PURE__ */
|
|
3492
|
-
/* @__PURE__ */
|
|
3493
|
-
|
|
3333
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
3334
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3335
|
+
DatePicker__default.default,
|
|
3494
3336
|
{
|
|
3495
3337
|
selected: parsedDate,
|
|
3496
3338
|
onChange: handleChange,
|
|
3497
3339
|
maxDate: disableFuture ? /* @__PURE__ */ new Date() : void 0,
|
|
3498
3340
|
placeholderText: placeholder,
|
|
3499
3341
|
dateFormat: "MM/dd/yyyy",
|
|
3500
|
-
className:
|
|
3342
|
+
className: tailwindMerge.twMerge(
|
|
3501
3343
|
`
|
|
3502
3344
|
${height} px-3 py-2 ${borderWeight} rounded-[8px] text-[14px] text-[#131414] w-full
|
|
3503
3345
|
border-[#E2E2E2] focus:border-[#3C6E97] focus:outline-none ${bgColor} placeholder:${placeholderColor}
|
|
@@ -3509,14 +3351,14 @@ var SingleDateInput = ({
|
|
|
3509
3351
|
}
|
|
3510
3352
|
),
|
|
3511
3353
|
customIcon && customIcon,
|
|
3512
|
-
hasCalendarIcon && /* @__PURE__ */
|
|
3354
|
+
hasCalendarIcon && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3513
3355
|
"div",
|
|
3514
3356
|
{
|
|
3515
|
-
className:
|
|
3357
|
+
className: tailwindMerge.twMerge(
|
|
3516
3358
|
"absolute top-1/2 right-3 -translate-y-1/2 pointer-events-none",
|
|
3517
3359
|
iconClass
|
|
3518
3360
|
),
|
|
3519
|
-
children: /* @__PURE__ */
|
|
3361
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3520
3362
|
"svg",
|
|
3521
3363
|
{
|
|
3522
3364
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3524,7 +3366,7 @@ var SingleDateInput = ({
|
|
|
3524
3366
|
height: iconSize,
|
|
3525
3367
|
viewBox: "0 0 20 20",
|
|
3526
3368
|
fill: "none",
|
|
3527
|
-
children: /* @__PURE__ */
|
|
3369
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3528
3370
|
"path",
|
|
3529
3371
|
{
|
|
3530
3372
|
d: "M4.5 9H6.5V11H4.5V9ZM18.5 4V18C18.5 19.1 17.6 20 16.5 20H2.5C1.39 20 0.5 19.1 0.5 18L0.51 4C0.51 2.9 1.39 2 2.5 2H3.5V0H5.5V2H13.5V0H15.5V2H16.5C17.6 2 18.5 2.9 18.5 4ZM2.5 6H16.5V4H2.5V6ZM16.5 18V8H2.5V18H16.5ZM12.5 11H14.5V9H12.5V11ZM8.5 11H10.5V9H8.5V11Z",
|
|
@@ -3539,12 +3381,6 @@ var SingleDateInput = ({
|
|
|
3539
3381
|
] });
|
|
3540
3382
|
};
|
|
3541
3383
|
var SingleDateInput_default = SingleDateInput;
|
|
3542
|
-
|
|
3543
|
-
// src/components/inputs/TimeInput.tsx
|
|
3544
|
-
var import_date_fns2 = require("date-fns");
|
|
3545
|
-
var import_react_datepicker2 = __toESM(require("react-datepicker"));
|
|
3546
|
-
var import_tailwind_merge20 = require("tailwind-merge");
|
|
3547
|
-
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
3548
3384
|
var TimeInput = ({
|
|
3549
3385
|
label,
|
|
3550
3386
|
hasTimeIcon = true,
|
|
@@ -3570,8 +3406,8 @@ var TimeInput = ({
|
|
|
3570
3406
|
let maxTime;
|
|
3571
3407
|
if (disableFuture && selectedDate) {
|
|
3572
3408
|
const selected = new Date(selectedDate);
|
|
3573
|
-
minTime =
|
|
3574
|
-
if (
|
|
3409
|
+
minTime = dateFns.startOfDay(selected);
|
|
3410
|
+
if (dateFns.isToday(selected)) {
|
|
3575
3411
|
maxTime = now;
|
|
3576
3412
|
} else {
|
|
3577
3413
|
const endOfDay = new Date(selected);
|
|
@@ -3579,20 +3415,20 @@ var TimeInput = ({
|
|
|
3579
3415
|
maxTime = endOfDay;
|
|
3580
3416
|
}
|
|
3581
3417
|
}
|
|
3582
|
-
return /* @__PURE__ */
|
|
3583
|
-
label && /* @__PURE__ */
|
|
3418
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
|
|
3419
|
+
label && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3584
3420
|
"p",
|
|
3585
3421
|
{
|
|
3586
|
-
className:
|
|
3422
|
+
className: tailwindMerge.twMerge(
|
|
3587
3423
|
"text-[#131414] text-[14px] font-semibold mb-1",
|
|
3588
3424
|
labelClassName
|
|
3589
3425
|
),
|
|
3590
3426
|
children: label
|
|
3591
3427
|
}
|
|
3592
3428
|
),
|
|
3593
|
-
/* @__PURE__ */
|
|
3594
|
-
/* @__PURE__ */
|
|
3595
|
-
|
|
3429
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
3430
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3431
|
+
DatePicker__default.default,
|
|
3596
3432
|
{
|
|
3597
3433
|
selected: parsedDate,
|
|
3598
3434
|
onChange: handleChange,
|
|
@@ -3605,7 +3441,7 @@ var TimeInput = ({
|
|
|
3605
3441
|
dateFormat: "hh:mm aa",
|
|
3606
3442
|
minTime,
|
|
3607
3443
|
maxTime,
|
|
3608
|
-
className:
|
|
3444
|
+
className: tailwindMerge.twMerge(
|
|
3609
3445
|
`
|
|
3610
3446
|
h-[48px] px-3 py-2 border-[2px] rounded-[8px] text-[14px] w-full
|
|
3611
3447
|
border-[#E2E2E2] focus:border-[#3C6E97] focus:outline-none bg-[#F8F8F8]
|
|
@@ -3617,14 +3453,14 @@ var TimeInput = ({
|
|
|
3617
3453
|
}
|
|
3618
3454
|
),
|
|
3619
3455
|
customIcon && customIcon,
|
|
3620
|
-
hasTimeIcon && /* @__PURE__ */
|
|
3456
|
+
hasTimeIcon && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3621
3457
|
"div",
|
|
3622
3458
|
{
|
|
3623
|
-
className:
|
|
3459
|
+
className: tailwindMerge.twMerge(
|
|
3624
3460
|
"absolute top-1/2 right-3 -translate-y-1/2 pointer-events-none",
|
|
3625
3461
|
iconClass
|
|
3626
3462
|
),
|
|
3627
|
-
children: /* @__PURE__ */
|
|
3463
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3628
3464
|
"svg",
|
|
3629
3465
|
{
|
|
3630
3466
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3632,7 +3468,7 @@ var TimeInput = ({
|
|
|
3632
3468
|
height: iconSize,
|
|
3633
3469
|
viewBox: `0 0 20 20`,
|
|
3634
3470
|
fill: "none",
|
|
3635
|
-
children: /* @__PURE__ */
|
|
3471
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3636
3472
|
"path",
|
|
3637
3473
|
{
|
|
3638
3474
|
d: "M9.99 0C4.47 0 0 4.48 0 10C0 15.52 4.47 20 9.99 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 9.99 0ZM10 18C5.58 18 2 14.42 2 10C2 5.58 5.58 2 10 2C14.42 2 18 5.58 18 10C18 14.42 14.42 18 10 18ZM10.5 5H9V11L14.25 14.15L15 12.92L10.5 10.25V5Z",
|
|
@@ -3650,20 +3486,18 @@ var TimeInput_default = TimeInput;
|
|
|
3650
3486
|
|
|
3651
3487
|
// src/components/assets/noData.png
|
|
3652
3488
|
var noData_default = "data:image/png;base64,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";
|
|
3653
|
-
|
|
3654
|
-
// src/components/table/Pagination.tsx
|
|
3655
|
-
var import_react_paginate = __toESM(require("react-paginate"));
|
|
3656
|
-
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
3657
3489
|
var Pagination = ({
|
|
3658
3490
|
totalPages,
|
|
3659
3491
|
currentPage,
|
|
3660
3492
|
onPageChange,
|
|
3661
3493
|
pageRangeDisplayed = 4
|
|
3662
3494
|
}) => {
|
|
3663
|
-
|
|
3664
|
-
|
|
3495
|
+
var _a;
|
|
3496
|
+
const PaginateComponent = ((_a = ReactPaginate__default.default) == null ? void 0 : _a.default) || ReactPaginate__default.default;
|
|
3497
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3498
|
+
PaginateComponent,
|
|
3665
3499
|
{
|
|
3666
|
-
previousLabel: /* @__PURE__ */
|
|
3500
|
+
previousLabel: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3667
3501
|
"svg",
|
|
3668
3502
|
{
|
|
3669
3503
|
width: "8",
|
|
@@ -3671,7 +3505,7 @@ var Pagination = ({
|
|
|
3671
3505
|
viewBox: "0 0 8 14",
|
|
3672
3506
|
fill: "none",
|
|
3673
3507
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3674
|
-
children: /* @__PURE__ */
|
|
3508
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3675
3509
|
"path",
|
|
3676
3510
|
{
|
|
3677
3511
|
d: "M7 1L1 7L7 13",
|
|
@@ -3683,7 +3517,7 @@ var Pagination = ({
|
|
|
3683
3517
|
)
|
|
3684
3518
|
}
|
|
3685
3519
|
),
|
|
3686
|
-
nextLabel: /* @__PURE__ */
|
|
3520
|
+
nextLabel: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3687
3521
|
"svg",
|
|
3688
3522
|
{
|
|
3689
3523
|
width: "8",
|
|
@@ -3691,7 +3525,7 @@ var Pagination = ({
|
|
|
3691
3525
|
viewBox: "0 0 8 14",
|
|
3692
3526
|
fill: "none",
|
|
3693
3527
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3694
|
-
children: /* @__PURE__ */
|
|
3528
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3695
3529
|
"path",
|
|
3696
3530
|
{
|
|
3697
3531
|
d: "M1 1L7 7L1 13",
|
|
@@ -3703,7 +3537,7 @@ var Pagination = ({
|
|
|
3703
3537
|
)
|
|
3704
3538
|
}
|
|
3705
3539
|
),
|
|
3706
|
-
breakLabel: /* @__PURE__ */
|
|
3540
|
+
breakLabel: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3707
3541
|
"svg",
|
|
3708
3542
|
{
|
|
3709
3543
|
width: "16",
|
|
@@ -3712,9 +3546,9 @@ var Pagination = ({
|
|
|
3712
3546
|
fill: "none",
|
|
3713
3547
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3714
3548
|
children: [
|
|
3715
|
-
/* @__PURE__ */
|
|
3716
|
-
/* @__PURE__ */
|
|
3717
|
-
/* @__PURE__ */
|
|
3549
|
+
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "2.5", cy: "2", r: "1.75", fill: "#4062E5" }),
|
|
3550
|
+
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "2", r: "1.75", fill: "#4062E5" }),
|
|
3551
|
+
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "13.5", cy: "2", r: "1.75", fill: "#4062E5" })
|
|
3718
3552
|
]
|
|
3719
3553
|
}
|
|
3720
3554
|
),
|
|
@@ -3738,10 +3572,6 @@ var Pagination = ({
|
|
|
3738
3572
|
totalPages
|
|
3739
3573
|
);
|
|
3740
3574
|
};
|
|
3741
|
-
|
|
3742
|
-
// src/components/table/TableHeader.tsx
|
|
3743
|
-
var import_tailwind_merge21 = require("tailwind-merge");
|
|
3744
|
-
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
3745
3575
|
var TableHeader = ({
|
|
3746
3576
|
toggleFilterPanel,
|
|
3747
3577
|
isFilterPanelVisible,
|
|
@@ -3769,24 +3599,24 @@ var TableHeader = ({
|
|
|
3769
3599
|
hasCustomClass = false,
|
|
3770
3600
|
headerClass = ""
|
|
3771
3601
|
}) => {
|
|
3772
|
-
return /* @__PURE__ */
|
|
3602
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3773
3603
|
"div",
|
|
3774
3604
|
{
|
|
3775
|
-
className:
|
|
3605
|
+
className: tailwindMerge.twMerge(
|
|
3776
3606
|
"h-[44px] w-full relative rounded-tl-[8px] rounded-tr-[8px] border bg-[#F5F7FE] flex px-[16px] py-[8px] justify-between items-center gap-4 border-[#C6D0F7] ",
|
|
3777
3607
|
headerClass
|
|
3778
3608
|
),
|
|
3779
3609
|
children: [
|
|
3780
3610
|
hasCustomClass && customClass,
|
|
3781
|
-
!hasCustomClass && /* @__PURE__ */
|
|
3611
|
+
!hasCustomClass && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2 text-[#131414]", children: [
|
|
3782
3612
|
iconHeader,
|
|
3783
|
-
/* @__PURE__ */
|
|
3784
|
-
hasTooltip && /* @__PURE__ */
|
|
3613
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[14px] font-semibold text-content", children: title }),
|
|
3614
|
+
hasTooltip && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3785
3615
|
"span",
|
|
3786
3616
|
{
|
|
3787
3617
|
className: "relative group inline-flex items-center",
|
|
3788
3618
|
children: [
|
|
3789
|
-
/* @__PURE__ */
|
|
3619
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3790
3620
|
"img",
|
|
3791
3621
|
{
|
|
3792
3622
|
src: info_default,
|
|
@@ -3796,13 +3626,13 @@ var TableHeader = ({
|
|
|
3796
3626
|
className: "pt-[1px]"
|
|
3797
3627
|
}
|
|
3798
3628
|
),
|
|
3799
|
-
/* @__PURE__ */
|
|
3629
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3800
3630
|
"div",
|
|
3801
3631
|
{
|
|
3802
3632
|
className: "absolute left-full ml-2 top-1/2 -translate-y-1/2 z-10 hidden group-hover:block rounded-md bg-black text-white text-xs p-3 shadow-lg max-w-xs",
|
|
3803
3633
|
style: { width: "280px", lineHeight: "1.4" },
|
|
3804
3634
|
children: [
|
|
3805
|
-
/* @__PURE__ */
|
|
3635
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-full top-1/2 -translate-y-1/2 w-3 h-3 bg-black rotate-45 -mr-1.5" }),
|
|
3806
3636
|
tooltipMessage
|
|
3807
3637
|
]
|
|
3808
3638
|
}
|
|
@@ -3811,13 +3641,13 @@ var TableHeader = ({
|
|
|
3811
3641
|
}
|
|
3812
3642
|
)
|
|
3813
3643
|
] }),
|
|
3814
|
-
!hasCustomClass && /* @__PURE__ */
|
|
3815
|
-
setIsShowDateRange && /* @__PURE__ */
|
|
3644
|
+
!hasCustomClass && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center h-[28px] ${rightHeaderClass}`, children: [
|
|
3645
|
+
setIsShowDateRange && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3816
3646
|
"span",
|
|
3817
3647
|
{
|
|
3818
3648
|
className: `relative group inline-flex ${exportTooltipClass} items-center ${!isButtonAvailable ? "opacity-50" : ""}`,
|
|
3819
3649
|
children: [
|
|
3820
|
-
/* @__PURE__ */
|
|
3650
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3821
3651
|
"img",
|
|
3822
3652
|
{
|
|
3823
3653
|
src: info_default,
|
|
@@ -3827,13 +3657,13 @@ var TableHeader = ({
|
|
|
3827
3657
|
className: "pt-[1px]"
|
|
3828
3658
|
}
|
|
3829
3659
|
),
|
|
3830
|
-
/* @__PURE__ */
|
|
3660
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3831
3661
|
"div",
|
|
3832
3662
|
{
|
|
3833
3663
|
className: "absolute right-5 ml-2 top-1/2 -translate-y-1/2 z-10 hidden group-hover:block rounded-md bg-black text-white text-xs p-2 shadow-lg max-w-xs",
|
|
3834
3664
|
style: { width: "280px", lineHeight: "1.4" },
|
|
3835
3665
|
children: [
|
|
3836
|
-
/* @__PURE__ */
|
|
3666
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-full top-1/2 -translate-y-1/2 w-3 h-3 bg-black rotate-45 -ml-1.5" }),
|
|
3837
3667
|
exportTooltipMessage
|
|
3838
3668
|
]
|
|
3839
3669
|
}
|
|
@@ -3841,13 +3671,13 @@ var TableHeader = ({
|
|
|
3841
3671
|
]
|
|
3842
3672
|
}
|
|
3843
3673
|
),
|
|
3844
|
-
isExporting && /* @__PURE__ */
|
|
3674
|
+
isExporting && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3845
3675
|
"svg",
|
|
3846
3676
|
{
|
|
3847
3677
|
className: "animate-spin h-5 w-10 text-white",
|
|
3848
3678
|
viewBox: "0 0 24 24",
|
|
3849
3679
|
children: [
|
|
3850
|
-
/* @__PURE__ */
|
|
3680
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3851
3681
|
"circle",
|
|
3852
3682
|
{
|
|
3853
3683
|
className: "opacity-25",
|
|
@@ -3858,7 +3688,7 @@ var TableHeader = ({
|
|
|
3858
3688
|
strokeWidth: "4"
|
|
3859
3689
|
}
|
|
3860
3690
|
),
|
|
3861
|
-
/* @__PURE__ */
|
|
3691
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3862
3692
|
"path",
|
|
3863
3693
|
{
|
|
3864
3694
|
className: "opacity-75",
|
|
@@ -3869,7 +3699,7 @@ var TableHeader = ({
|
|
|
3869
3699
|
]
|
|
3870
3700
|
}
|
|
3871
3701
|
),
|
|
3872
|
-
isExport && !isExporting && /* @__PURE__ */
|
|
3702
|
+
isExport && !isExporting && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3873
3703
|
"button",
|
|
3874
3704
|
{
|
|
3875
3705
|
className: `font-semibold text-[14px] bg-transparent text-primary border-base-200 ${!isButtonAvailable ? "opacity-50" : ""}`,
|
|
@@ -3880,7 +3710,7 @@ var TableHeader = ({
|
|
|
3880
3710
|
children: "Export"
|
|
3881
3711
|
}
|
|
3882
3712
|
),
|
|
3883
|
-
isUseDateRange && isFilterVisible && /* @__PURE__ */
|
|
3713
|
+
isUseDateRange && isFilterVisible && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("absolute right-[141px] ", dateRangeClass), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3884
3714
|
DateRange_default,
|
|
3885
3715
|
{
|
|
3886
3716
|
start_date: "",
|
|
@@ -3894,14 +3724,14 @@ var TableHeader = ({
|
|
|
3894
3724
|
setIsShowDateRange
|
|
3895
3725
|
}
|
|
3896
3726
|
) }),
|
|
3897
|
-
/* @__PURE__ */
|
|
3727
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3898
3728
|
"div",
|
|
3899
3729
|
{
|
|
3900
3730
|
className: `${hasMiddleHeaderCustomComponent ? "block" : "hidden"}`,
|
|
3901
3731
|
children: middleHeaderCustomComponent
|
|
3902
3732
|
}
|
|
3903
3733
|
),
|
|
3904
|
-
!isSimpleMode && isFilterVisible && /* @__PURE__ */
|
|
3734
|
+
!isSimpleMode && isFilterVisible && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3905
3735
|
"button",
|
|
3906
3736
|
{
|
|
3907
3737
|
onClick: () => {
|
|
@@ -3919,9 +3749,6 @@ var TableHeader = ({
|
|
|
3919
3749
|
);
|
|
3920
3750
|
};
|
|
3921
3751
|
var TableHeader_default = TableHeader;
|
|
3922
|
-
|
|
3923
|
-
// src/components/table/DynamicTable.tsx
|
|
3924
|
-
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
3925
3752
|
var DynamicTable = ({
|
|
3926
3753
|
columns,
|
|
3927
3754
|
tableData,
|
|
@@ -3934,12 +3761,12 @@ var DynamicTable = ({
|
|
|
3934
3761
|
tableHeaderCustom,
|
|
3935
3762
|
noDataMessage = "No QA requests were found!"
|
|
3936
3763
|
}) => {
|
|
3937
|
-
const NoDataComponent = () => /* @__PURE__ */
|
|
3938
|
-
/* @__PURE__ */
|
|
3939
|
-
/* @__PURE__ */
|
|
3764
|
+
const NoDataComponent = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-center items-center h-[53.2vh]", children: [
|
|
3765
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: noData_default, alt: "No Data", width: 100, height: 100 }) }),
|
|
3766
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 text-sm", children: noDataMessage })
|
|
3940
3767
|
] });
|
|
3941
|
-
return /* @__PURE__ */
|
|
3942
|
-
/* @__PURE__ */
|
|
3768
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col grow w-full bg-white rounded-[8px]", children: [
|
|
3769
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3943
3770
|
TableHeader_default,
|
|
3944
3771
|
{
|
|
3945
3772
|
iconHeader: mainTableHeader.iconHeader,
|
|
@@ -3956,11 +3783,11 @@ var DynamicTable = ({
|
|
|
3956
3783
|
middleHeaderCustomComponent: mainTableHeader.middleHeaderCustomComponent
|
|
3957
3784
|
}
|
|
3958
3785
|
),
|
|
3959
|
-
/* @__PURE__ */
|
|
3960
|
-
/* @__PURE__ */
|
|
3961
|
-
/* @__PURE__ */
|
|
3786
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative min-w-full bg-white bg-gray-50 border-l border-r border-b rounded-bl-[8px] rounded-br-[8px] p-6 pt-0 pl-0 pr-0 border-[#C6D0F7]", children: [
|
|
3787
|
+
/* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-gray-200 shadow-sm table-fixed", children: [
|
|
3788
|
+
/* @__PURE__ */ jsxRuntime.jsx("thead", { className: "border-b-2", children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: columns.map((column, columnIndex) => {
|
|
3962
3789
|
var _a;
|
|
3963
|
-
return /* @__PURE__ */
|
|
3790
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3964
3791
|
"th",
|
|
3965
3792
|
{
|
|
3966
3793
|
scope: "col",
|
|
@@ -3970,26 +3797,26 @@ var DynamicTable = ({
|
|
|
3970
3797
|
verticalAlign: "bottom"
|
|
3971
3798
|
},
|
|
3972
3799
|
onClick: () => column.sortable && handleSort(column.selector),
|
|
3973
|
-
children: /* @__PURE__ */
|
|
3800
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3974
3801
|
"div",
|
|
3975
3802
|
{
|
|
3976
3803
|
className: `flex ${column.isJustifyBetween && "justify-between"} ${column.isJustifyBetween && column.className !== void 0 ? column.className : ""} items-center`,
|
|
3977
3804
|
children: column.selector === "checkbox" ? (
|
|
3978
3805
|
// This checkbox logic would typically be managed by the parent component
|
|
3979
|
-
/* @__PURE__ */
|
|
3980
|
-
) : /* @__PURE__ */
|
|
3981
|
-
/* @__PURE__ */
|
|
3806
|
+
/* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", className: "cursor-pointer" })
|
|
3807
|
+
) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
3808
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3982
3809
|
"span",
|
|
3983
3810
|
{
|
|
3984
3811
|
className: `${column.isCenteredText && "h-[25px] flex flex-center"} items-center text-[12px] font-semibold text-[#131414]`,
|
|
3985
3812
|
children: column.name
|
|
3986
3813
|
}
|
|
3987
3814
|
),
|
|
3988
|
-
column.sortable && /* @__PURE__ */
|
|
3815
|
+
column.sortable && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3989
3816
|
"span",
|
|
3990
3817
|
{
|
|
3991
3818
|
className: `inline-block ml-2 ${(_a = column.iconClassName) != null ? _a : ""}`,
|
|
3992
|
-
children: /* @__PURE__ */
|
|
3819
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3993
3820
|
"svg",
|
|
3994
3821
|
{
|
|
3995
3822
|
width: "8",
|
|
@@ -3997,7 +3824,7 @@ var DynamicTable = ({
|
|
|
3997
3824
|
viewBox: "0 0 8 12",
|
|
3998
3825
|
fill: "none",
|
|
3999
3826
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4000
|
-
children: /* @__PURE__ */
|
|
3827
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4001
3828
|
"path",
|
|
4002
3829
|
{
|
|
4003
3830
|
d: "M3.99994 1.88667L6.11328 4L7.05328 3.06L3.99994 0L0.939941 3.06L1.88661 4L3.99994 1.88667ZM3.99994 10.1133L1.88661 8L0.946608 8.94L3.99994 12L7.05994 8.94L6.11328 8L3.99994 10.1133Z",
|
|
@@ -4015,7 +3842,7 @@ var DynamicTable = ({
|
|
|
4015
3842
|
column.name
|
|
4016
3843
|
);
|
|
4017
3844
|
}) }) }),
|
|
4018
|
-
!isLoading && /* @__PURE__ */
|
|
3845
|
+
!isLoading && /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: tableData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: columns.map((column, columnIndex) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4019
3846
|
"td",
|
|
4020
3847
|
{
|
|
4021
3848
|
className: `px-1 py-[5px] whitespace-normal text-[12px] font-normal items-center text-[#131414] break-all ${columnIndex === 0 ? "pl-[24px]" : ""} ${columnIndex === columns.length - 1 ? "pr-[24px]" : ""}`,
|
|
@@ -4025,17 +3852,17 @@ var DynamicTable = ({
|
|
|
4025
3852
|
column.selector
|
|
4026
3853
|
)) }, index)) })
|
|
4027
3854
|
] }),
|
|
4028
|
-
(isError || tableData.length === 0) && !isLoading && /* @__PURE__ */
|
|
4029
|
-
isLoading && /* @__PURE__ */
|
|
3855
|
+
(isError || tableData.length === 0) && !isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto overflow-x-auto ", children: /* @__PURE__ */ jsxRuntime.jsx(NoDataComponent, {}) }),
|
|
3856
|
+
isLoading && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4030
3857
|
"div",
|
|
4031
3858
|
{
|
|
4032
3859
|
className: "container mx-auto overflow-x-auto ",
|
|
4033
3860
|
style: { borderColor: "rgba(64, 98, 229, 0.2)" },
|
|
4034
|
-
children: /* @__PURE__ */
|
|
3861
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center items-center h-[53.2vh]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-10 w-10 border-b-2 border-primary" }) })
|
|
4035
3862
|
}
|
|
4036
3863
|
),
|
|
4037
|
-
tableData && tableData.length > 0 && !isLoading && /* @__PURE__ */
|
|
4038
|
-
/* @__PURE__ */
|
|
3864
|
+
tableData && tableData.length > 0 && !isLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-3 bg-white", children: [
|
|
3865
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4039
3866
|
Pagination,
|
|
4040
3867
|
{
|
|
4041
3868
|
totalPages: pagination.totalPage,
|
|
@@ -4043,8 +3870,8 @@ var DynamicTable = ({
|
|
|
4043
3870
|
onPageChange: pagination.handlePageChange
|
|
4044
3871
|
}
|
|
4045
3872
|
) }),
|
|
4046
|
-
/* @__PURE__ */
|
|
4047
|
-
/* @__PURE__ */
|
|
3873
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2", children: [
|
|
3874
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4048
3875
|
"span",
|
|
4049
3876
|
{
|
|
4050
3877
|
className: "text-[12px] font-normal text-[#131414]",
|
|
@@ -4052,8 +3879,8 @@ var DynamicTable = ({
|
|
|
4052
3879
|
children: "Rows Per Page:"
|
|
4053
3880
|
}
|
|
4054
3881
|
),
|
|
4055
|
-
/* @__PURE__ */
|
|
4056
|
-
/* @__PURE__ */
|
|
3882
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
3883
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4057
3884
|
"select",
|
|
4058
3885
|
{
|
|
4059
3886
|
value: pagination.per_page,
|
|
@@ -4064,14 +3891,14 @@ var DynamicTable = ({
|
|
|
4064
3891
|
fontSize: "12px"
|
|
4065
3892
|
},
|
|
4066
3893
|
children: [
|
|
4067
|
-
/* @__PURE__ */
|
|
4068
|
-
/* @__PURE__ */
|
|
4069
|
-
/* @__PURE__ */
|
|
4070
|
-
/* @__PURE__ */
|
|
3894
|
+
/* @__PURE__ */ jsxRuntime.jsx("option", { value: 10, children: "10" }),
|
|
3895
|
+
/* @__PURE__ */ jsxRuntime.jsx("option", { value: 20, children: "20" }),
|
|
3896
|
+
/* @__PURE__ */ jsxRuntime.jsx("option", { value: 50, children: "50" }),
|
|
3897
|
+
/* @__PURE__ */ jsxRuntime.jsx("option", { value: 100, children: "100" })
|
|
4071
3898
|
]
|
|
4072
3899
|
}
|
|
4073
3900
|
),
|
|
4074
|
-
/* @__PURE__ */
|
|
3901
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-[5px] bottom-1/2 top-1/2 pt-[5px] transform -translate-y-1/2 w-3 h-3 text-gray-400 pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4075
3902
|
"svg",
|
|
4076
3903
|
{
|
|
4077
3904
|
width: "10",
|
|
@@ -4079,7 +3906,7 @@ var DynamicTable = ({
|
|
|
4079
3906
|
viewBox: "0 0 10 5",
|
|
4080
3907
|
fill: "none",
|
|
4081
3908
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4082
|
-
children: /* @__PURE__ */
|
|
3909
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4083
3910
|
"path",
|
|
4084
3911
|
{
|
|
4085
3912
|
d: "M0.833313 0.333496L4.99998 4.50016L9.16665 0.333496H0.833313Z",
|
|
@@ -4089,14 +3916,14 @@ var DynamicTable = ({
|
|
|
4089
3916
|
}
|
|
4090
3917
|
) })
|
|
4091
3918
|
] }),
|
|
4092
|
-
/* @__PURE__ */
|
|
3919
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4093
3920
|
"div",
|
|
4094
3921
|
{
|
|
4095
3922
|
className: "bg-[#B5BAC4] h-[16px] w-[1px] self-center",
|
|
4096
3923
|
style: { marginTop: "1px" }
|
|
4097
3924
|
}
|
|
4098
3925
|
),
|
|
4099
|
-
/* @__PURE__ */
|
|
3926
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4100
3927
|
"span",
|
|
4101
3928
|
{
|
|
4102
3929
|
className: "text-[12px] font-normal text-[#131414]",
|
|
@@ -4113,11 +3940,6 @@ var DynamicTable = ({
|
|
|
4113
3940
|
] });
|
|
4114
3941
|
};
|
|
4115
3942
|
var DynamicTable_default = DynamicTable;
|
|
4116
|
-
|
|
4117
|
-
// src/components/table/DynamicTableV2.tsx
|
|
4118
|
-
var import_react8 = require("react");
|
|
4119
|
-
var import_tailwind_merge22 = require("tailwind-merge");
|
|
4120
|
-
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
4121
3943
|
var DynamicTableV2 = ({
|
|
4122
3944
|
columns,
|
|
4123
3945
|
tableData,
|
|
@@ -4143,10 +3965,10 @@ var DynamicTableV2 = ({
|
|
|
4143
3965
|
hasPagination = true
|
|
4144
3966
|
}) => {
|
|
4145
3967
|
var _a, _b;
|
|
4146
|
-
const tableRef =
|
|
4147
|
-
const paginationRef =
|
|
4148
|
-
const [tableHeight, setTableHeight] =
|
|
4149
|
-
const calculateHeight =
|
|
3968
|
+
const tableRef = React.useRef(null);
|
|
3969
|
+
const paginationRef = React.useRef(null);
|
|
3970
|
+
const [tableHeight, setTableHeight] = React.useState(0);
|
|
3971
|
+
const calculateHeight = React.useCallback(() => {
|
|
4150
3972
|
const tableEl = tableRef.current;
|
|
4151
3973
|
const paginationEl = paginationRef.current;
|
|
4152
3974
|
if (!tableEl) return;
|
|
@@ -4156,7 +3978,7 @@ var DynamicTableV2 = ({
|
|
|
4156
3978
|
}
|
|
4157
3979
|
setTableHeight(totalHeight);
|
|
4158
3980
|
}, [isSimpleMode, tableData.length, isLoading]);
|
|
4159
|
-
|
|
3981
|
+
React.useEffect(() => {
|
|
4160
3982
|
const tableEl = tableRef.current;
|
|
4161
3983
|
const paginationEl = paginationRef.current;
|
|
4162
3984
|
if (!tableEl) return;
|
|
@@ -4172,13 +3994,13 @@ var DynamicTableV2 = ({
|
|
|
4172
3994
|
observer.disconnect();
|
|
4173
3995
|
};
|
|
4174
3996
|
}, [calculateHeight, isSimpleMode, tableData.length, isLoading]);
|
|
4175
|
-
|
|
3997
|
+
React.useEffect(() => {
|
|
4176
3998
|
const timeoutId = setTimeout(() => {
|
|
4177
3999
|
calculateHeight();
|
|
4178
4000
|
}, 100);
|
|
4179
4001
|
return () => clearTimeout(timeoutId);
|
|
4180
4002
|
}, [pagination == null ? void 0 : pagination.page, pagination == null ? void 0 : pagination.per_page, calculateHeight]);
|
|
4181
|
-
|
|
4003
|
+
React.useEffect(() => {
|
|
4182
4004
|
const tableEl = tableRef.current;
|
|
4183
4005
|
const paginationEl = paginationRef.current;
|
|
4184
4006
|
if (!tableEl || !paginationEl) return;
|
|
@@ -4193,12 +4015,12 @@ var DynamicTableV2 = ({
|
|
|
4193
4015
|
observer.disconnect();
|
|
4194
4016
|
};
|
|
4195
4017
|
}, []);
|
|
4196
|
-
const NoDataComponent = () => /* @__PURE__ */
|
|
4018
|
+
const NoDataComponent = () => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4197
4019
|
"div",
|
|
4198
4020
|
{
|
|
4199
4021
|
className: `flex flex-col justify-center items-center ${loadAndErrorHeight}`,
|
|
4200
4022
|
children: [
|
|
4201
|
-
/* @__PURE__ */
|
|
4023
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: noDataMessageImage ? noDataMessageImage : /* @__PURE__ */ jsxRuntime.jsx(
|
|
4202
4024
|
"img",
|
|
4203
4025
|
{
|
|
4204
4026
|
src: noData_default,
|
|
@@ -4207,13 +4029,13 @@ var DynamicTableV2 = ({
|
|
|
4207
4029
|
height: noDataMessageImageSize
|
|
4208
4030
|
}
|
|
4209
4031
|
) }),
|
|
4210
|
-
/* @__PURE__ */
|
|
4211
|
-
/* @__PURE__ */
|
|
4032
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-[20px]", children: noDataMessageHeader }),
|
|
4033
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 text-sm", children: noDataMessage })
|
|
4212
4034
|
]
|
|
4213
4035
|
}
|
|
4214
4036
|
);
|
|
4215
|
-
return /* @__PURE__ */
|
|
4216
|
-
/* @__PURE__ */
|
|
4037
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col grow w-full bg-white rounded-[8px]", children: [
|
|
4038
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4217
4039
|
TableHeader_default,
|
|
4218
4040
|
{
|
|
4219
4041
|
iconHeader: mainTableHeader.iconHeader,
|
|
@@ -4243,28 +4065,28 @@ var DynamicTableV2 = ({
|
|
|
4243
4065
|
headerClass: mainTableHeader.headerClass
|
|
4244
4066
|
}
|
|
4245
4067
|
),
|
|
4246
|
-
/* @__PURE__ */
|
|
4068
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4247
4069
|
"div",
|
|
4248
4070
|
{
|
|
4249
|
-
className:
|
|
4071
|
+
className: tailwindMerge.twMerge(
|
|
4250
4072
|
`flex w-full h-full bg-white bg-gray-50 border-l border-r border-b rounded-bl-[8px] rounded-br-[8px] pt-0 pl-0 pr-0 border-[#C6D0F7] overflow-x-auto ${isSimpleMode && "overflow-hidden"}`,
|
|
4251
4073
|
tableClass
|
|
4252
4074
|
),
|
|
4253
4075
|
children: [
|
|
4254
|
-
/* @__PURE__ */
|
|
4076
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4255
4077
|
"div",
|
|
4256
4078
|
{
|
|
4257
4079
|
className: `relative min-w-0 flex-1 ${!hasPagination && " rounded-br-[8px] rounded-bl-[8px] "}`,
|
|
4258
4080
|
children: [
|
|
4259
|
-
/* @__PURE__ */
|
|
4081
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4260
4082
|
"table",
|
|
4261
4083
|
{
|
|
4262
4084
|
ref: tableRef,
|
|
4263
4085
|
className: `min-w-full divide-y divide-gray-200 shadow-sm table-fixed ${!hasPagination && " rounded-br-[8px] rounded-bl-[8px] "}`,
|
|
4264
4086
|
children: [
|
|
4265
|
-
!isDisableTableHeader && /* @__PURE__ */
|
|
4087
|
+
!isDisableTableHeader && /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "border-b-2", children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: columns.map((column, columnIndex) => {
|
|
4266
4088
|
var _a2, _b2;
|
|
4267
|
-
return /* @__PURE__ */
|
|
4089
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4268
4090
|
"th",
|
|
4269
4091
|
{
|
|
4270
4092
|
scope: "col",
|
|
@@ -4274,11 +4096,11 @@ var DynamicTableV2 = ({
|
|
|
4274
4096
|
verticalAlign: "bottom"
|
|
4275
4097
|
},
|
|
4276
4098
|
onClick: () => column.sortable && handleSort(column.selector),
|
|
4277
|
-
children: /* @__PURE__ */
|
|
4099
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4278
4100
|
"div",
|
|
4279
4101
|
{
|
|
4280
4102
|
className: `flex ${column.isJustifyBetween && "justify-between"} ${column.isJustifyBetween && column.className !== void 0 ? column.className : ""} items-center`,
|
|
4281
|
-
children: column.selector === "checkbox" ? /* @__PURE__ */
|
|
4103
|
+
children: column.selector === "checkbox" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
4282
4104
|
"input",
|
|
4283
4105
|
{
|
|
4284
4106
|
type: "checkbox",
|
|
@@ -4292,15 +4114,15 @@ var DynamicTableV2 = ({
|
|
|
4292
4114
|
onChange: tableHeaderCustom == null ? void 0 : tableHeaderCustom.toggleAll,
|
|
4293
4115
|
className: "cursor-pointer absolute top-6"
|
|
4294
4116
|
}
|
|
4295
|
-
) : /* @__PURE__ */
|
|
4296
|
-
/* @__PURE__ */
|
|
4117
|
+
) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
4118
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4297
4119
|
"span",
|
|
4298
4120
|
{
|
|
4299
4121
|
className: `${column.isCenteredText && "h-[25px] flex flex-center"} items-center ${column.tableHeaderFontSize ? column.tableHeaderFontSize : "text-[12px]"} font-semibold text-[#131414]`,
|
|
4300
4122
|
children: column.name
|
|
4301
4123
|
}
|
|
4302
4124
|
),
|
|
4303
|
-
column.sortable && /* @__PURE__ */
|
|
4125
|
+
column.sortable && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block ml-2", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4304
4126
|
"svg",
|
|
4305
4127
|
{
|
|
4306
4128
|
width: "8",
|
|
@@ -4308,7 +4130,7 @@ var DynamicTableV2 = ({
|
|
|
4308
4130
|
viewBox: "0 0 8 12",
|
|
4309
4131
|
fill: "none",
|
|
4310
4132
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4311
|
-
children: /* @__PURE__ */
|
|
4133
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4312
4134
|
"path",
|
|
4313
4135
|
{
|
|
4314
4136
|
d: "M3.99994 1.88667L6.11328 4L7.05328 3.06L3.99994 0L0.939941 3.06L1.88661 4L3.99994 1.88667ZM3.99994 10.1133L1.88661 8L0.946608 8.94L3.99994 12L7.05994 8.94L6.11328 8L3.99994 10.1133Z",
|
|
@@ -4324,16 +4146,16 @@ var DynamicTableV2 = ({
|
|
|
4324
4146
|
column.name
|
|
4325
4147
|
);
|
|
4326
4148
|
}) }) }),
|
|
4327
|
-
!isLoading && /* @__PURE__ */
|
|
4149
|
+
!isLoading && /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: tableData.map((item, index) => {
|
|
4328
4150
|
const rowProps = tableRow ? tableRow(item, index) : {};
|
|
4329
|
-
return /* @__PURE__ */
|
|
4151
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4330
4152
|
"tr",
|
|
4331
4153
|
{
|
|
4332
4154
|
...rowProps,
|
|
4333
|
-
className:
|
|
4155
|
+
className: tailwindMerge.twMerge(rowProps.className || ""),
|
|
4334
4156
|
children: columns.map((column, columnIndex) => {
|
|
4335
4157
|
var _a2;
|
|
4336
|
-
return /* @__PURE__ */
|
|
4158
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4337
4159
|
"td",
|
|
4338
4160
|
{
|
|
4339
4161
|
className: `px-1 py-[5px] whitespace-normal text-[12px] font-normal items-center text-[#131414] break-all
|
|
@@ -4355,28 +4177,28 @@ var DynamicTableV2 = ({
|
|
|
4355
4177
|
]
|
|
4356
4178
|
}
|
|
4357
4179
|
),
|
|
4358
|
-
(isError || tableData.length === 0) && !isLoading && /* @__PURE__ */
|
|
4359
|
-
isLoading && /* @__PURE__ */
|
|
4180
|
+
(isError || tableData.length === 0) && !isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto overflow-x-auto ", children: /* @__PURE__ */ jsxRuntime.jsx(NoDataComponent, {}) }),
|
|
4181
|
+
isLoading && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4360
4182
|
"div",
|
|
4361
4183
|
{
|
|
4362
4184
|
className: "container mx-auto overflow-x-auto ",
|
|
4363
4185
|
style: { borderColor: "rgba(64, 98, 229, 0.2)" },
|
|
4364
|
-
children: /* @__PURE__ */
|
|
4186
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4365
4187
|
"div",
|
|
4366
4188
|
{
|
|
4367
4189
|
className: `flex justify-center items-center ${loadAndErrorHeight}`,
|
|
4368
|
-
children: /* @__PURE__ */
|
|
4190
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-10 w-10 border-b-2 border-primary" })
|
|
4369
4191
|
}
|
|
4370
4192
|
)
|
|
4371
4193
|
}
|
|
4372
4194
|
),
|
|
4373
|
-
hasPagination && tableData && tableData.length > 0 && !isLoading && !isSimpleMode && /* @__PURE__ */
|
|
4195
|
+
hasPagination && tableData && tableData.length > 0 && !isLoading && !isSimpleMode && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4374
4196
|
"div",
|
|
4375
4197
|
{
|
|
4376
4198
|
ref: paginationRef,
|
|
4377
4199
|
className: "flex items-center justify-between px-4 py-3 bg-white border-b-1 rounded-bl-[8px]",
|
|
4378
4200
|
children: [
|
|
4379
|
-
/* @__PURE__ */
|
|
4201
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4380
4202
|
Pagination,
|
|
4381
4203
|
{
|
|
4382
4204
|
totalPages: (_a = pagination == null ? void 0 : pagination.totalPage) != null ? _a : 1,
|
|
@@ -4385,8 +4207,8 @@ var DynamicTableV2 = ({
|
|
|
4385
4207
|
pageRangeDisplayed: pagination == null ? void 0 : pagination.pageRangeDisplayed
|
|
4386
4208
|
}
|
|
4387
4209
|
) }),
|
|
4388
|
-
/* @__PURE__ */
|
|
4389
|
-
/* @__PURE__ */
|
|
4210
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2", children: [
|
|
4211
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4390
4212
|
"span",
|
|
4391
4213
|
{
|
|
4392
4214
|
className: "text-[12px] font-normal text-[#131414]",
|
|
@@ -4394,8 +4216,8 @@ var DynamicTableV2 = ({
|
|
|
4394
4216
|
children: "Rows Per Page:"
|
|
4395
4217
|
}
|
|
4396
4218
|
),
|
|
4397
|
-
/* @__PURE__ */
|
|
4398
|
-
/* @__PURE__ */
|
|
4219
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
4220
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4399
4221
|
"select",
|
|
4400
4222
|
{
|
|
4401
4223
|
value: pagination == null ? void 0 : pagination.per_page,
|
|
@@ -4408,14 +4230,14 @@ var DynamicTableV2 = ({
|
|
|
4408
4230
|
fontSize: "12px"
|
|
4409
4231
|
},
|
|
4410
4232
|
children: [
|
|
4411
|
-
/* @__PURE__ */
|
|
4412
|
-
/* @__PURE__ */
|
|
4413
|
-
/* @__PURE__ */
|
|
4414
|
-
/* @__PURE__ */
|
|
4233
|
+
/* @__PURE__ */ jsxRuntime.jsx("option", { value: 10, children: "10" }),
|
|
4234
|
+
/* @__PURE__ */ jsxRuntime.jsx("option", { value: 20, children: "20" }),
|
|
4235
|
+
/* @__PURE__ */ jsxRuntime.jsx("option", { value: 50, children: "50" }),
|
|
4236
|
+
/* @__PURE__ */ jsxRuntime.jsx("option", { value: 100, children: "100" })
|
|
4415
4237
|
]
|
|
4416
4238
|
}
|
|
4417
4239
|
),
|
|
4418
|
-
/* @__PURE__ */
|
|
4240
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-[5px] bottom-1/2 top-1/2 pt-[5px] transform -translate-y-1/2 w-3 h-3 text-gray-400 pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4419
4241
|
"svg",
|
|
4420
4242
|
{
|
|
4421
4243
|
width: "10",
|
|
@@ -4423,7 +4245,7 @@ var DynamicTableV2 = ({
|
|
|
4423
4245
|
viewBox: "0 0 10 5",
|
|
4424
4246
|
fill: "none",
|
|
4425
4247
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4426
|
-
children: /* @__PURE__ */
|
|
4248
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4427
4249
|
"path",
|
|
4428
4250
|
{
|
|
4429
4251
|
d: "M0.833313 0.333496L4.99998 4.50016L9.16665 0.333496H0.833313Z",
|
|
@@ -4433,14 +4255,14 @@ var DynamicTableV2 = ({
|
|
|
4433
4255
|
}
|
|
4434
4256
|
) })
|
|
4435
4257
|
] }),
|
|
4436
|
-
/* @__PURE__ */
|
|
4258
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4437
4259
|
"div",
|
|
4438
4260
|
{
|
|
4439
4261
|
className: "bg-[#B5BAC4] h-[16px] w-[1px] self-center",
|
|
4440
4262
|
style: { marginTop: "1px" }
|
|
4441
4263
|
}
|
|
4442
4264
|
),
|
|
4443
|
-
/* @__PURE__ */
|
|
4265
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4444
4266
|
"span",
|
|
4445
4267
|
{
|
|
4446
4268
|
className: "text-[12px] font-normal text-[#131414]",
|
|
@@ -4458,7 +4280,7 @@ var DynamicTableV2 = ({
|
|
|
4458
4280
|
]
|
|
4459
4281
|
}
|
|
4460
4282
|
),
|
|
4461
|
-
/* @__PURE__ */
|
|
4283
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4462
4284
|
"div",
|
|
4463
4285
|
{
|
|
4464
4286
|
className: `min-w-0 border-[#E2E2E2] flex-1 ${!hasAnotherScreen ? "hidden" : ""}`,
|
|
@@ -4466,7 +4288,7 @@ var DynamicTableV2 = ({
|
|
|
4466
4288
|
maxHeight: `${tableHeight <= 100 ? 540 : tableHeight}px`,
|
|
4467
4289
|
minHeight: "490px"
|
|
4468
4290
|
},
|
|
4469
|
-
children: anotherScreenComponent != null ? anotherScreenComponent : /* @__PURE__ */
|
|
4291
|
+
children: anotherScreenComponent != null ? anotherScreenComponent : /* @__PURE__ */ jsxRuntime.jsx("div", {})
|
|
4470
4292
|
}
|
|
4471
4293
|
)
|
|
4472
4294
|
]
|
|
@@ -4476,14 +4298,8 @@ var DynamicTableV2 = ({
|
|
|
4476
4298
|
};
|
|
4477
4299
|
var DynamicTableV2_default = DynamicTableV2;
|
|
4478
4300
|
|
|
4479
|
-
// src/components/toast/ErrorToast.tsx
|
|
4480
|
-
var import_react9 = require("react");
|
|
4481
|
-
|
|
4482
4301
|
// src/components/assets/warning.png
|
|
4483
4302
|
var warning_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAR6SURBVHgB7ZxNchpHFMf/b0AuZccqqfEmeB1IIeRUZWd0AuMTgE6AcgLDCSSfwOgERicQ3qUqgVAFWotFSmgXKhurZNzP3cOHGJgBBmZGDM1vIQpmNEz/672e7vcBsGfPIgjPyG0ukzh8eEhgEE8yU4IYCeuAwV31EiPu//jXTQshEqogvdepHAkjAxJvpAAZgJOr/B8TWvJG+2B8hoG6+XenjoAIXBAlApgLxEaewQn4AIH6UqQaA1cvG+0afCQQQSxX+H9Qkjd+5pcI7lCXiC/4IH5l/tnqYkN8FSRcIWahrnSuKl7ELzcRxjdB7o9TJens5fCFmEUJg4rZbFexBhsL0vs9k8TXwUc54eWwTRDqOIiferWWjQQZPjXo0/NbhRvUlZPvH14mXgNr0sum3kPgenvFUHCSmD9Z97oia1nIfTZ9LoU4Q7Qom81OZdlJngXpZdMfpfJFRBGiqtlony46xZPLDE0vomIomIv3r9Pni05ZWZCRH5YRcVjw2aI5ZSWXuTtO59XkhF3CwInTnmipINY64/Hb9aobsaigNov8In40u05Z7jJq0bVjYijkxjAxHJudhYLIJ0px61agfiLHdpf9xbZ8cHWZ0FxFxTjk49DlWAHEOQSIcp0vIv7qVavVV+/jrmc+DgrybxJBQ3wrF0xVp0O9o3QOAaNc59AYKCspq/eOLmNZB6gITZBWUrrNZKwtiKMg/CjyuziRujFlJc6CELgEzVBWol7nBFGLMJ2sY4yyEhXOmBNEKvUWuiK4MC8Icx6aImPBeZsgymSsFZymqLHbLUTs8Kp0ReyCEN5Ac2yC6OwuY2yCyGRzBpozEeTf3zLai6GYCBLjgfbuolg7L7OrPAkiKIk9ewuZZSKIzIH2sedJECLeC4KpmGovI6NkxuAWoUNdkKg7HmIjF3YoYhJTfZDB1kM8B3LA7BauZITNxGWGUWer+kZr7HsZQqg1oduITRCDxWdojt1CDNLeQuYyd/fZ1H+6hgFUFm8uc8dMVzIOUEBocNVs3jhW9cjMXTXMe2FQbX7pHuMqNMUgXM0JoopIrEJ77aDuT412zTmVCXyAZjCENWZHQR5E/EIvK6EuiQOruNdRELVq1ctK+NJsDUurXOtDlJX8YAxKgT+CiZJWpZLjMfwc/HZGbldErPr0lQu4y/56RhAL6zqjD51Od04sr0I8Tl3vbJ0ZoW42OifTHy0PIX6Ln+7mBCtdRY5t9tOlgqjJhg28w46h2kbGE+k0KwWZRxW/SzsJIkTFrYfGUzfEXTZ1MS49ijAVs9kpux303h5yLDdcHObmz0eYLs1/2sVFp3jOy5gN64KRcx+10FwmhmKtRNXI5KIkSuVls7NSB9hGTYjDthGcb2vVotUBbvA7L63xG6UyrZlaxE6sltBtQ94Ti9iR198J8K2RebQfef/c1qKsQkBIF7m5wBr42uo+yv4V5WULYQtjuQf4g9qUjjsb1rtOAChhyPiaZxiloIXxS4in6wWMNfEK5Inw1t+fyxA1GTq49Pu3RL4DOJ2xbcMLhJUAAAAASUVORK5CYII=";
|
|
4484
|
-
|
|
4485
|
-
// src/components/toast/ErrorToast.tsx
|
|
4486
|
-
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
4487
4303
|
var ErrorToast = ({
|
|
4488
4304
|
message = "Request set as paid successfully!",
|
|
4489
4305
|
onClose,
|
|
@@ -4491,10 +4307,10 @@ var ErrorToast = ({
|
|
|
4491
4307
|
autoCloseDelay = 125e3,
|
|
4492
4308
|
isVisible: externalIsVisible
|
|
4493
4309
|
}) => {
|
|
4494
|
-
const [internalIsVisible, setInternalIsVisible] =
|
|
4495
|
-
const [shouldRender, setShouldRender] =
|
|
4310
|
+
const [internalIsVisible, setInternalIsVisible] = React.useState(true);
|
|
4311
|
+
const [shouldRender, setShouldRender] = React.useState(true);
|
|
4496
4312
|
const isVisible = externalIsVisible !== void 0 ? externalIsVisible : internalIsVisible;
|
|
4497
|
-
|
|
4313
|
+
React.useEffect(() => {
|
|
4498
4314
|
if (!isVisible) {
|
|
4499
4315
|
const timeout = setTimeout(() => setShouldRender(false), 300);
|
|
4500
4316
|
return () => clearTimeout(timeout);
|
|
@@ -4502,7 +4318,7 @@ var ErrorToast = ({
|
|
|
4502
4318
|
setShouldRender(true);
|
|
4503
4319
|
}
|
|
4504
4320
|
}, [isVisible]);
|
|
4505
|
-
|
|
4321
|
+
React.useEffect(() => {
|
|
4506
4322
|
if (autoClose && autoCloseDelay > 0 && isVisible) {
|
|
4507
4323
|
const timer = setTimeout(() => {
|
|
4508
4324
|
handleClose();
|
|
@@ -4519,15 +4335,15 @@ var ErrorToast = ({
|
|
|
4519
4335
|
}
|
|
4520
4336
|
};
|
|
4521
4337
|
if (!shouldRender) return null;
|
|
4522
|
-
return /* @__PURE__ */
|
|
4338
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4523
4339
|
"div",
|
|
4524
4340
|
{
|
|
4525
4341
|
className: `fixed top-[70px] right-0 transform z-50 transition-opacity duration-300 ${isVisible ? "opacity-100" : "opacity-0"}`,
|
|
4526
|
-
children: /* @__PURE__ */
|
|
4527
|
-
/* @__PURE__ */
|
|
4528
|
-
/* @__PURE__ */
|
|
4529
|
-
/* @__PURE__ */
|
|
4530
|
-
/* @__PURE__ */
|
|
4342
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-start items-center bg-[#FFE2E2] rounded-[6px] h-[48px] shadow-lg w-auto border-l-[6px] border-[#E7322C]", children: [
|
|
4343
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[5px]" }),
|
|
4344
|
+
/* @__PURE__ */ jsxRuntime.jsx("img", { src: warning_default, alt: "warning", height: 18, width: 18 }),
|
|
4345
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[#131414] pl-[8px] pr-[17px] font-semibold text-[14px]", children: message }),
|
|
4346
|
+
/* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleClose, "aria-label": "Close notification", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4531
4347
|
"svg",
|
|
4532
4348
|
{
|
|
4533
4349
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4535,7 +4351,7 @@ var ErrorToast = ({
|
|
|
4535
4351
|
height: "17.5",
|
|
4536
4352
|
viewBox: "0 0 14 14",
|
|
4537
4353
|
fill: "none",
|
|
4538
|
-
children: /* @__PURE__ */
|
|
4354
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4539
4355
|
"path",
|
|
4540
4356
|
{
|
|
4541
4357
|
d: "M11.0837 3.739L10.2612 2.9165L7.00033 6.17734L3.73949 2.9165L2.91699 3.739L6.17783 6.99984L2.91699 10.2607L3.73949 11.0832L7.00033 7.82234L10.2612 11.0832L11.0837 10.2607L7.82283 6.99984L11.0837 3.739Z",
|
|
@@ -4550,14 +4366,8 @@ var ErrorToast = ({
|
|
|
4550
4366
|
};
|
|
4551
4367
|
var ErrorToast_default = ErrorToast;
|
|
4552
4368
|
|
|
4553
|
-
// src/components/toast/SuccessToast.tsx
|
|
4554
|
-
var import_react10 = require("react");
|
|
4555
|
-
|
|
4556
4369
|
// src/components/assets/check.png
|
|
4557
4370
|
var check_default = "data:image/png;base64,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";
|
|
4558
|
-
|
|
4559
|
-
// src/components/toast/SuccessToast.tsx
|
|
4560
|
-
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
4561
4371
|
var SuccessToast = ({
|
|
4562
4372
|
message = "Request set as paid successfully!",
|
|
4563
4373
|
onClose,
|
|
@@ -4565,10 +4375,10 @@ var SuccessToast = ({
|
|
|
4565
4375
|
autoCloseDelay = 125e3,
|
|
4566
4376
|
isVisible: externalIsVisible
|
|
4567
4377
|
}) => {
|
|
4568
|
-
const [internalIsVisible, setInternalIsVisible] =
|
|
4569
|
-
const [shouldRender, setShouldRender] =
|
|
4378
|
+
const [internalIsVisible, setInternalIsVisible] = React.useState(true);
|
|
4379
|
+
const [shouldRender, setShouldRender] = React.useState(true);
|
|
4570
4380
|
const isVisible = externalIsVisible !== void 0 ? externalIsVisible : internalIsVisible;
|
|
4571
|
-
|
|
4381
|
+
React.useEffect(() => {
|
|
4572
4382
|
if (!isVisible) {
|
|
4573
4383
|
const timeout = setTimeout(() => setShouldRender(false), 300);
|
|
4574
4384
|
return () => clearTimeout(timeout);
|
|
@@ -4576,7 +4386,7 @@ var SuccessToast = ({
|
|
|
4576
4386
|
setShouldRender(true);
|
|
4577
4387
|
}
|
|
4578
4388
|
}, [isVisible]);
|
|
4579
|
-
|
|
4389
|
+
React.useEffect(() => {
|
|
4580
4390
|
if (autoClose && autoCloseDelay > 0 && isVisible) {
|
|
4581
4391
|
const timer = setTimeout(() => {
|
|
4582
4392
|
handleClose();
|
|
@@ -4593,15 +4403,15 @@ var SuccessToast = ({
|
|
|
4593
4403
|
}
|
|
4594
4404
|
};
|
|
4595
4405
|
if (!shouldRender) return null;
|
|
4596
|
-
return /* @__PURE__ */
|
|
4406
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4597
4407
|
"div",
|
|
4598
4408
|
{
|
|
4599
4409
|
className: `fixed top-[70px] right-0 transform z-50 transition-opacity duration-300 ${isVisible ? "opacity-100" : "opacity-0"}`,
|
|
4600
|
-
children: /* @__PURE__ */
|
|
4601
|
-
/* @__PURE__ */
|
|
4602
|
-
/* @__PURE__ */
|
|
4603
|
-
/* @__PURE__ */
|
|
4604
|
-
/* @__PURE__ */
|
|
4410
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-start items-center bg-[#C6F6D5] rounded-[6px] h-[48px] shadow-lg w-auto border-l-[6px] border-[#38A169]", children: [
|
|
4411
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[5px]" }),
|
|
4412
|
+
/* @__PURE__ */ jsxRuntime.jsx("img", { src: check_default, alt: "warning", height: 18, width: 18 }),
|
|
4413
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[#131414] pl-[8px] pr-[17px] font-semibold text-[14px]", children: message }),
|
|
4414
|
+
/* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleClose, "aria-label": "Close notification", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4605
4415
|
"svg",
|
|
4606
4416
|
{
|
|
4607
4417
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4609,7 +4419,7 @@ var SuccessToast = ({
|
|
|
4609
4419
|
height: "17.5",
|
|
4610
4420
|
viewBox: "0 0 14 14",
|
|
4611
4421
|
fill: "none",
|
|
4612
|
-
children: /* @__PURE__ */
|
|
4422
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4613
4423
|
"path",
|
|
4614
4424
|
{
|
|
4615
4425
|
d: "M11.0837 3.739L10.2612 2.9165L7.00033 6.17734L3.73949 2.9165L2.91699 3.739L6.17783 6.99984L2.91699 10.2607L3.73949 11.0832L7.00033 7.82234L10.2612 11.0832L11.0837 10.2607L7.82283 6.99984L11.0837 3.739Z",
|
|
@@ -4623,28 +4433,24 @@ var SuccessToast = ({
|
|
|
4623
4433
|
);
|
|
4624
4434
|
};
|
|
4625
4435
|
var SuccessToast_default = SuccessToast;
|
|
4626
|
-
|
|
4627
|
-
// src/components/wrappers/NavBar.tsx
|
|
4628
|
-
var import_tailwind_merge23 = require("tailwind-merge");
|
|
4629
|
-
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
4630
4436
|
var NavBar = ({
|
|
4631
4437
|
children,
|
|
4632
4438
|
wrapperClassName,
|
|
4633
4439
|
innerClassName,
|
|
4634
4440
|
...rest
|
|
4635
4441
|
}) => {
|
|
4636
|
-
return /* @__PURE__ */
|
|
4442
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4637
4443
|
"nav",
|
|
4638
4444
|
{
|
|
4639
4445
|
...rest,
|
|
4640
|
-
className:
|
|
4446
|
+
className: tailwindMerge.twMerge(
|
|
4641
4447
|
"z-20 w-full px-4 shadow-navbar bg-white h-[80px]",
|
|
4642
4448
|
wrapperClassName
|
|
4643
4449
|
),
|
|
4644
|
-
children: /* @__PURE__ */
|
|
4450
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4645
4451
|
"div",
|
|
4646
4452
|
{
|
|
4647
|
-
className:
|
|
4453
|
+
className: tailwindMerge.twMerge(
|
|
4648
4454
|
"h-[80px] flex justify-between items-center gap-2 px-4 py-1",
|
|
4649
4455
|
innerClassName
|
|
4650
4456
|
),
|
|
@@ -4655,10 +4461,6 @@ var NavBar = ({
|
|
|
4655
4461
|
);
|
|
4656
4462
|
};
|
|
4657
4463
|
var NavBar_default = NavBar;
|
|
4658
|
-
|
|
4659
|
-
// src/components/wrappers/Modal.tsx
|
|
4660
|
-
var import_tailwind_merge24 = require("tailwind-merge");
|
|
4661
|
-
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
4662
4464
|
var Modal = ({
|
|
4663
4465
|
isOpen,
|
|
4664
4466
|
type = "right",
|
|
@@ -4678,11 +4480,11 @@ var Modal = ({
|
|
|
4678
4480
|
} else if (type === "center") {
|
|
4679
4481
|
positionClasses = "top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2";
|
|
4680
4482
|
}
|
|
4681
|
-
return /* @__PURE__ */
|
|
4682
|
-
/* @__PURE__ */
|
|
4483
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
4484
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4683
4485
|
"div",
|
|
4684
4486
|
{
|
|
4685
|
-
className:
|
|
4487
|
+
className: tailwindMerge.twMerge(
|
|
4686
4488
|
"fixed inset-0 bg-black bg-opacity-50 z-40",
|
|
4687
4489
|
stayMounted ? isOpen ? "block" : "hidden" : "block",
|
|
4688
4490
|
overlayClassName
|
|
@@ -4691,10 +4493,10 @@ var Modal = ({
|
|
|
4691
4493
|
"aria-hidden": !isOpen
|
|
4692
4494
|
}
|
|
4693
4495
|
),
|
|
4694
|
-
/* @__PURE__ */
|
|
4496
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4695
4497
|
"div",
|
|
4696
4498
|
{
|
|
4697
|
-
className:
|
|
4499
|
+
className: tailwindMerge.twMerge(
|
|
4698
4500
|
`fixed bg-white shadow-xl z-50 transform transition-transform duration-300 ease-in-out ${positionClasses}`,
|
|
4699
4501
|
stayMounted ? isOpen ? "block" : "hidden" : "block",
|
|
4700
4502
|
widthClassName,
|
|
@@ -4708,10 +4510,6 @@ var Modal = ({
|
|
|
4708
4510
|
] });
|
|
4709
4511
|
};
|
|
4710
4512
|
var Modal_default = Modal;
|
|
4711
|
-
|
|
4712
|
-
// src/components/wrappers/PopupWrapper.tsx
|
|
4713
|
-
var import_tailwind_merge25 = require("tailwind-merge");
|
|
4714
|
-
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
4715
4513
|
var PopupWrapper = ({
|
|
4716
4514
|
children,
|
|
4717
4515
|
className,
|
|
@@ -4722,17 +4520,17 @@ var PopupWrapper = ({
|
|
|
4722
4520
|
...rest
|
|
4723
4521
|
}) => {
|
|
4724
4522
|
if (!stayMounted && !isOpen) return null;
|
|
4725
|
-
return /* @__PURE__ */
|
|
4523
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4726
4524
|
"div",
|
|
4727
4525
|
{
|
|
4728
4526
|
...rest,
|
|
4729
|
-
className:
|
|
4527
|
+
className: tailwindMerge.twMerge(
|
|
4730
4528
|
"absolute right-0 top-1 mt-10 shadow-lg bg-white rounded-lg p-4 w-80 z-10 border border-opacity-10",
|
|
4731
4529
|
isOpen ? "block" : "hidden",
|
|
4732
4530
|
className
|
|
4733
4531
|
),
|
|
4734
4532
|
children: [
|
|
4735
|
-
hasClosePopup && /* @__PURE__ */
|
|
4533
|
+
hasClosePopup && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end cursor-pointer", onClick: closePopup, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4736
4534
|
"svg",
|
|
4737
4535
|
{
|
|
4738
4536
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4740,7 +4538,7 @@ var PopupWrapper = ({
|
|
|
4740
4538
|
height: "17.5",
|
|
4741
4539
|
viewBox: "0 0 14 14",
|
|
4742
4540
|
fill: "none",
|
|
4743
|
-
children: /* @__PURE__ */
|
|
4541
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4744
4542
|
"path",
|
|
4745
4543
|
{
|
|
4746
4544
|
d: "M11.0837 3.739L10.2612 2.9165L7.00033 6.17734L3.73949 2.9165L2.91699 3.739L6.17783 6.99984L2.91699 10.2607L3.73949 11.0832L7.00033 7.82234L10.2612 11.0832L11.0837 10.2607L7.82283 6.99984L11.0837 3.739Z",
|
|
@@ -4755,10 +4553,6 @@ var PopupWrapper = ({
|
|
|
4755
4553
|
);
|
|
4756
4554
|
};
|
|
4757
4555
|
var PopupWrapper_default = PopupWrapper;
|
|
4758
|
-
|
|
4759
|
-
// src/components/wrappers/SideNav.tsx
|
|
4760
|
-
var import_tailwind_merge26 = require("tailwind-merge");
|
|
4761
|
-
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
4762
4556
|
var SideNav = ({
|
|
4763
4557
|
children,
|
|
4764
4558
|
wrapperClassName,
|
|
@@ -4766,19 +4560,19 @@ var SideNav = ({
|
|
|
4766
4560
|
navProps,
|
|
4767
4561
|
...rest
|
|
4768
4562
|
}) => {
|
|
4769
|
-
return /* @__PURE__ */
|
|
4563
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4770
4564
|
"div",
|
|
4771
4565
|
{
|
|
4772
4566
|
...rest,
|
|
4773
|
-
className:
|
|
4567
|
+
className: tailwindMerge.twMerge(
|
|
4774
4568
|
"bg-base min-w-[260px] shadow-sidebar relative sm:flex flex-col justify-between h-screen max-h-screen",
|
|
4775
4569
|
wrapperClassName
|
|
4776
4570
|
),
|
|
4777
|
-
children: /* @__PURE__ */
|
|
4571
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4778
4572
|
"nav",
|
|
4779
4573
|
{
|
|
4780
4574
|
...navProps,
|
|
4781
|
-
className:
|
|
4575
|
+
className: tailwindMerge.twMerge(
|
|
4782
4576
|
"relative flex flex-col w-full gap-1 px-4 pt-4",
|
|
4783
4577
|
navClassName,
|
|
4784
4578
|
navProps == null ? void 0 : navProps.className
|
|
@@ -4790,16 +4584,12 @@ var SideNav = ({
|
|
|
4790
4584
|
);
|
|
4791
4585
|
};
|
|
4792
4586
|
var SideNav_default = SideNav;
|
|
4793
|
-
|
|
4794
|
-
// src/components/wrappers/Box.tsx
|
|
4795
|
-
var import_tailwind_merge27 = require("tailwind-merge");
|
|
4796
|
-
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
4797
4587
|
var Box = ({ className = "", children, ...rest }) => {
|
|
4798
|
-
return /* @__PURE__ */
|
|
4588
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4799
4589
|
"div",
|
|
4800
4590
|
{
|
|
4801
4591
|
...rest,
|
|
4802
|
-
className:
|
|
4592
|
+
className: tailwindMerge.twMerge(
|
|
4803
4593
|
"border border-[1px] border-[#C4CFF6] rounded-[8px] min-h-[10px] bg-white",
|
|
4804
4594
|
className
|
|
4805
4595
|
),
|
|
@@ -4808,20 +4598,16 @@ var Box = ({ className = "", children, ...rest }) => {
|
|
|
4808
4598
|
);
|
|
4809
4599
|
};
|
|
4810
4600
|
var Box_default = Box;
|
|
4811
|
-
|
|
4812
|
-
// src/components/wrappers/BoxHeaders.tsx
|
|
4813
|
-
var import_tailwind_merge28 = require("tailwind-merge");
|
|
4814
|
-
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
4815
4601
|
var BoxHeader = ({
|
|
4816
4602
|
className = "",
|
|
4817
4603
|
children,
|
|
4818
4604
|
...rest
|
|
4819
4605
|
}) => {
|
|
4820
|
-
return /* @__PURE__ */
|
|
4606
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4821
4607
|
"div",
|
|
4822
4608
|
{
|
|
4823
4609
|
...rest,
|
|
4824
|
-
className:
|
|
4610
|
+
className: tailwindMerge.twMerge(
|
|
4825
4611
|
"h-[40px] w-full bg-[#F5F7FE] px-2 flex items-center border-b border-[#C4CFF6] rounded-tr-[8px] rounded-tl-[8px]",
|
|
4826
4612
|
className
|
|
4827
4613
|
),
|
|
@@ -4830,20 +4616,16 @@ var BoxHeader = ({
|
|
|
4830
4616
|
);
|
|
4831
4617
|
};
|
|
4832
4618
|
var BoxHeaders_default = BoxHeader;
|
|
4833
|
-
|
|
4834
|
-
// src/components/wrappers/BoxBody.tsx
|
|
4835
|
-
var import_tailwind_merge29 = require("tailwind-merge");
|
|
4836
|
-
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
4837
4619
|
var BoxBody = ({
|
|
4838
4620
|
className = "",
|
|
4839
4621
|
children,
|
|
4840
4622
|
...rest
|
|
4841
4623
|
}) => {
|
|
4842
|
-
return /* @__PURE__ */
|
|
4624
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4843
4625
|
"div",
|
|
4844
4626
|
{
|
|
4845
4627
|
...rest,
|
|
4846
|
-
className:
|
|
4628
|
+
className: tailwindMerge.twMerge(
|
|
4847
4629
|
"bg-white p-2 min-h-[20px] rounded-br-[8px] rounded-bl-[8px]",
|
|
4848
4630
|
className
|
|
4849
4631
|
),
|
|
@@ -4852,42 +4634,41 @@ var BoxBody = ({
|
|
|
4852
4634
|
);
|
|
4853
4635
|
};
|
|
4854
4636
|
var BoxBody_default = BoxBody;
|
|
4855
|
-
|
|
4856
|
-
|
|
4857
|
-
|
|
4858
|
-
|
|
4859
|
-
|
|
4860
|
-
|
|
4861
|
-
|
|
4862
|
-
|
|
4863
|
-
|
|
4864
|
-
|
|
4865
|
-
|
|
4866
|
-
|
|
4867
|
-
|
|
4868
|
-
|
|
4869
|
-
|
|
4870
|
-
|
|
4871
|
-
|
|
4872
|
-
|
|
4873
|
-
|
|
4874
|
-
|
|
4875
|
-
|
|
4876
|
-
|
|
4877
|
-
|
|
4878
|
-
|
|
4879
|
-
|
|
4880
|
-
|
|
4881
|
-
|
|
4882
|
-
|
|
4883
|
-
|
|
4884
|
-
|
|
4885
|
-
|
|
4886
|
-
|
|
4887
|
-
|
|
4888
|
-
|
|
4889
|
-
|
|
4890
|
-
|
|
4891
|
-
|
|
4892
|
-
});
|
|
4637
|
+
|
|
4638
|
+
exports.Box = Box_default;
|
|
4639
|
+
exports.BoxBody = BoxBody_default;
|
|
4640
|
+
exports.BoxHeader = BoxHeaders_default;
|
|
4641
|
+
exports.Button = Button_default;
|
|
4642
|
+
exports.CollapseButton = CollapseButton_default;
|
|
4643
|
+
exports.CommonInput = CommonInput_default;
|
|
4644
|
+
exports.DateRangePicker = DateRange_default;
|
|
4645
|
+
exports.DynamicTable = DynamicTable_default;
|
|
4646
|
+
exports.DynamicTableV2 = DynamicTableV2_default;
|
|
4647
|
+
exports.ErrorToast = ErrorToast_default;
|
|
4648
|
+
exports.GraphedCard = GraphedCard_default;
|
|
4649
|
+
exports.Label = Label_default;
|
|
4650
|
+
exports.Modal = Modal_default;
|
|
4651
|
+
exports.MultiLineGraph = MultiLineGraph_default;
|
|
4652
|
+
exports.MultipleAutoSuggestionInput = MultipleAutoSuggestionInput_default;
|
|
4653
|
+
exports.NavBar = NavBar_default;
|
|
4654
|
+
exports.Pagination = Pagination;
|
|
4655
|
+
exports.PlainButton = PlainButton_default;
|
|
4656
|
+
exports.PopupWrapper = PopupWrapper_default;
|
|
4657
|
+
exports.SelectionButton = SelectionButton_default;
|
|
4658
|
+
exports.SideNav = SideNav_default;
|
|
4659
|
+
exports.SimpleCard = SimpleCard_default;
|
|
4660
|
+
exports.SingleDateInput = SingleDateInput_default;
|
|
4661
|
+
exports.SingleLineGraph = SingleLineGraph_default;
|
|
4662
|
+
exports.SingleListInput = SingleListInput_default;
|
|
4663
|
+
exports.SingleSelectDropdown = SingleSelectDropdown;
|
|
4664
|
+
exports.SuccessToast = SuccessToast_default;
|
|
4665
|
+
exports.TableHeader = TableHeader_default;
|
|
4666
|
+
exports.TimeInput = TimeInput_default;
|
|
4667
|
+
exports.isSameDateMDY = isSameDateMDY;
|
|
4668
|
+
exports.toEndOfDay = toEndOfDay;
|
|
4669
|
+
exports.toMidnight = toMidnight;
|
|
4670
|
+
exports.validateAndFormatInput = validateAndFormatInput;
|
|
4671
|
+
exports.validateDate = validateDate;
|
|
4672
|
+
exports.validateDateRange = validateDateRange;
|
|
4673
|
+
//# sourceMappingURL=index.js.map
|
|
4893
4674
|
//# sourceMappingURL=index.js.map
|