flowstudio 0.0.29 → 0.0.31
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/ai_creator.d.ts +1 -1
- package/dist/ai_creator.js +32 -128
- package/dist/ai_creator.js.map +1 -1
- package/dist/api_calls.d.ts +2 -0
- package/dist/api_calls.js +148 -0
- package/dist/api_calls.js.map +1 -0
- package/dist/app_analytics.d.ts +1 -1
- package/dist/app_analytics.js +75 -69
- package/dist/app_analytics.js.map +1 -1
- package/dist/app_details.d.ts +1 -1
- package/dist/app_details.js +25 -24
- package/dist/app_details.js.map +1 -1
- package/dist/app_layout.d.ts +2 -2
- package/dist/app_layout.js +4 -4
- package/dist/app_layout.js.map +1 -1
- package/dist/app_settings.d.ts +1 -1
- package/dist/app_settings.js +74 -7
- package/dist/app_settings.js.map +1 -1
- package/dist/bottom_left_panel.d.ts +1 -0
- package/dist/bottom_left_panel.js +8 -0
- package/dist/bottom_left_panel.js.map +1 -0
- package/dist/code.d.ts +1 -1
- package/dist/code.js +6 -2
- package/dist/code.js.map +1 -1
- package/dist/components/ftable.d.ts +13 -0
- package/dist/components/ftable.js +65 -0
- package/dist/components/ftable.js.map +1 -0
- package/dist/components/gsheet/index.d.ts +1 -0
- package/dist/components/gsheet/index.js +21 -0
- package/dist/components/gsheet/index.js.map +1 -0
- package/dist/components/mention_input/index.d.ts +18 -1
- package/dist/components/mention_input/index.js +203 -111
- package/dist/components/mention_input/index.js.map +1 -1
- package/dist/components/paginator_table.d.ts +1 -1
- package/dist/components/paginator_table.js +2 -2
- package/dist/components/paginator_table.js.map +1 -1
- package/dist/components/sheet/index.d.ts +1 -1
- package/dist/components/sheet/index.js +4 -2
- package/dist/components/sheet/index.js.map +1 -1
- package/dist/components/ui/alert.d.ts +8 -0
- package/dist/components/ui/alert.js +23 -0
- package/dist/components/ui/alert.js.map +1 -0
- package/dist/components/ui/badge.d.ts +9 -0
- package/dist/components/ui/badge.js +21 -0
- package/dist/components/ui/badge.js.map +1 -0
- package/dist/components/ui/button.d.ts +11 -0
- package/dist/components/ui/button.js +35 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/card.d.ts +8 -0
- package/dist/components/ui/card.js +17 -0
- package/dist/components/ui/card.js.map +1 -0
- package/dist/components/ui/dialog.d.ts +19 -0
- package/dist/components/ui/dialog.js +33 -0
- package/dist/components/ui/dialog.js.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +27 -0
- package/dist/components/ui/dropdown-menu.js +46 -0
- package/dist/components/ui/dropdown-menu.js.map +1 -0
- package/dist/components/ui/form.d.ts +24 -0
- package/dist/components/ui/form.js +61 -0
- package/dist/components/ui/form.js.map +1 -0
- package/dist/components/ui/input-group.d.ts +16 -0
- package/dist/components/ui/input-group.js +65 -0
- package/dist/components/ui/input-group.js.map +1 -0
- package/dist/components/ui/input.d.ts +5 -0
- package/dist/components/ui/input.js +9 -0
- package/dist/components/ui/input.js.map +1 -0
- package/dist/components/ui/label.d.ts +5 -0
- package/dist/components/ui/label.js +10 -0
- package/dist/components/ui/label.js.map +1 -0
- package/dist/components/ui/popover.d.ts +7 -0
- package/dist/components/ui/popover.js +23 -0
- package/dist/components/ui/popover.js.map +1 -0
- package/dist/components/ui/scroll-area.d.ts +5 -0
- package/dist/components/ui/scroll-area.js +12 -0
- package/dist/components/ui/scroll-area.js.map +1 -0
- package/dist/components/ui/select.d.ts +13 -0
- package/dist/components/ui/select.js +37 -0
- package/dist/components/ui/select.js.map +1 -0
- package/dist/components/ui/separator.d.ts +4 -0
- package/dist/components/ui/separator.js +8 -0
- package/dist/components/ui/separator.js.map +1 -0
- package/dist/components/ui/sheet.d.ts +13 -0
- package/dist/components/ui/sheet.js +93 -0
- package/dist/components/ui/sheet.js.map +1 -0
- package/dist/components/ui/skeleton.d.ts +2 -0
- package/dist/components/ui/skeleton.js +7 -0
- package/dist/components/ui/skeleton.js.map +1 -0
- package/dist/components/ui/sonner.d.ts +3 -0
- package/dist/components/ui/sonner.js +42 -0
- package/dist/components/ui/sonner.js.map +1 -0
- package/dist/components/ui/spinner.d.ts +7 -0
- package/dist/components/ui/spinner.js +17 -0
- package/dist/components/ui/spinner.js.map +1 -0
- package/dist/components/ui/switch.d.ts +4 -0
- package/dist/components/ui/switch.js +8 -0
- package/dist/components/ui/switch.js.map +1 -0
- package/dist/components/ui/table.d.ts +10 -0
- package/dist/components/ui/table.js +21 -0
- package/dist/components/ui/table.js.map +1 -0
- package/dist/components/ui/tabs.d.ts +7 -0
- package/dist/components/ui/tabs.js +13 -0
- package/dist/components/ui/tabs.js.map +1 -0
- package/dist/components/ui/textarea.d.ts +5 -0
- package/dist/components/ui/textarea.js +9 -0
- package/dist/components/ui/textarea.js.map +1 -0
- package/dist/components/ui/tooltip.d.ts +7 -0
- package/dist/components/ui/tooltip.js +11 -0
- package/dist/components/ui/tooltip.js.map +1 -0
- package/dist/constants.js +2 -2
- package/dist/constants.js.map +1 -1
- package/dist/context.d.ts +1 -1
- package/dist/context.js +2 -2
- package/dist/context.js.map +1 -1
- package/dist/envs.d.ts +2 -2
- package/dist/envs.js +2 -150
- package/dist/envs.js.map +1 -1
- package/dist/functions.d.ts +2 -5
- package/dist/functions.js +2 -210
- package/dist/functions.js.map +1 -1
- package/dist/globals.css +253 -0
- package/dist/home.d.ts +1 -1
- package/dist/home.js +24 -14
- package/dist/home.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +57 -16
- package/dist/index.js.map +1 -1
- package/dist/lib/pane-context.d.ts +10 -0
- package/dist/lib/pane-context.js +21 -0
- package/dist/lib/pane-context.js.map +1 -0
- package/dist/lib/toast.d.ts +12 -0
- package/dist/lib/toast.js +36 -0
- package/dist/lib/toast.js.map +1 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/lib/utils.js +6 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/new_project.d.ts +1 -1
- package/dist/new_project.js +60 -41
- package/dist/new_project.js.map +1 -1
- package/dist/node.d.ts +2 -2
- package/dist/node.js +157 -39
- package/dist/node.js.map +1 -1
- package/dist/project_widget.d.ts +2 -1
- package/dist/project_widget.js +6 -2
- package/dist/project_widget.js.map +1 -1
- package/dist/secrets.d.ts +2 -0
- package/dist/secrets.js +129 -0
- package/dist/secrets.js.map +1 -0
- package/dist/simulator.d.ts +1 -1
- package/dist/simulator.js +36 -33
- package/dist/simulator.js.map +1 -1
- package/dist/studio_pane.d.ts +1 -1
- package/dist/studio_pane.js +281 -56
- package/dist/studio_pane.js.map +1 -1
- package/dist/studio_pane_old.d.ts +1 -1
- package/dist/studio_pane_old.js +2 -3
- package/dist/studio_pane_old.js.map +1 -1
- package/dist/studio_pane_old_new.d.ts +1 -1
- package/dist/studio_pane_old_new.js +2 -3
- package/dist/studio_pane_old_new.js.map +1 -1
- package/dist/styles/globals.css +59 -0
- package/dist/styles.css +2 -0
- package/dist/top_center_panel.d.ts +1 -1
- package/dist/top_center_panel.js +4 -3
- package/dist/top_center_panel.js.map +1 -1
- package/dist/top_left_panel.d.ts +1 -1
- package/dist/top_left_panel.js +7 -41
- package/dist/top_left_panel.js.map +1 -1
- package/dist/top_right_panel.d.ts +1 -1
- package/dist/top_right_panel.js +12 -13
- package/dist/top_right_panel.js.map +1 -1
- package/dist/triggers.d.ts +2 -2
- package/dist/triggers.js +57 -37
- package/dist/triggers.js.map +1 -1
- package/dist/zustand/store.d.ts +319 -3
- package/package.json +51 -24
- package/src/globals.css +253 -0
- package/src/styles/globals.css +59 -0
- package/dist/components/combo_box/index.d.ts +0 -2
- package/dist/components/combo_box/index.js +0 -150
- package/dist/components/combo_box/index.js.map +0 -1
- package/dist/components/combo_box/style.css +0 -10
- package/dist/components/date_picker/index.d.ts +0 -1
- package/dist/components/date_picker/index.js +0 -46
- package/dist/components/date_picker/index.js.map +0 -1
- package/dist/components/date_picker/style.css +0 -204
- package/dist/components/gtable.d.ts +0 -15
- package/dist/components/gtable.js +0 -122
- package/dist/components/gtable.js.map +0 -1
- package/src/components/combo_box/style.css +0 -10
- package/src/components/date_picker/style.css +0 -204
|
@@ -1,204 +0,0 @@
|
|
|
1
|
-
.rdp-root {
|
|
2
|
-
--rdp-accent-color: teal; /* The accent color used for selected days and UI elements. */
|
|
3
|
-
--rdp-accent-background-color: #ffffff; /* The accent background color used for selected days and UI elements. */
|
|
4
|
-
|
|
5
|
-
--rdp-day-height: 2.5rem; /* The height of the day cells. */
|
|
6
|
-
--rdp-day-width: 2.5rem; /* The width of the day cells. */
|
|
7
|
-
|
|
8
|
-
--rdp-day_button-border-radius: 10%; /* The border radius of the day cells. */
|
|
9
|
-
--rdp-day_button-border: 4px solid transparent; /* The border of the day cells. */
|
|
10
|
-
--rdp-day_button-height: var(
|
|
11
|
-
--rdp-day-height
|
|
12
|
-
); /* The height of the day cells. */
|
|
13
|
-
--rdp-day_button-width: var(
|
|
14
|
-
--rdp-day-width
|
|
15
|
-
); /* The width of the day cells. */
|
|
16
|
-
|
|
17
|
-
--rdp-selected-border: 1px solid var(--rdp-accent-color); /* The border of the selected days. */
|
|
18
|
-
--rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
|
|
19
|
-
--rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
|
|
20
|
-
--rdp-today-color: var(
|
|
21
|
-
--rdp-accent-color
|
|
22
|
-
); /* The color of the today's date. */
|
|
23
|
-
|
|
24
|
-
--rdp-dropdown-gap: 1rem; /* The gap between the dropdowns used in the month captons. */
|
|
25
|
-
|
|
26
|
-
--rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */
|
|
27
|
-
|
|
28
|
-
--rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
|
|
29
|
-
--rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
|
|
30
|
-
--rdp-nav_button-width: 2.75rem; /* The width of the navigation buttons. */
|
|
31
|
-
--rdp-nav-height: 2.75rem; /* The height of the navigation bar. */
|
|
32
|
-
|
|
33
|
-
--rdp-range_middle-background-color: var(
|
|
34
|
-
--rdp-accent-background-color
|
|
35
|
-
); /* The color of the background for days in the middle of a range. */
|
|
36
|
-
--rdp-range_middle-foreground-color: white; /* The foregraound color for days in the middle of a range. */
|
|
37
|
-
--rdp-range_middle-color: inherit; /* The color of the range text. */
|
|
38
|
-
|
|
39
|
-
--rdp-range_start-color: white; /* The color of the range text. */
|
|
40
|
-
--rdp-range_start-background: linear-gradient(
|
|
41
|
-
var(--rdp-gradient-direction),
|
|
42
|
-
transparent 50%,
|
|
43
|
-
var(--rdp-range_middle-background-color) 50%
|
|
44
|
-
); /* Used for the background of the start of the selected range. */
|
|
45
|
-
--rdp-range_start-date-background-color: var(
|
|
46
|
-
--rdp-accent-color
|
|
47
|
-
); /* The background color of the date when at the start of the selected range. */
|
|
48
|
-
|
|
49
|
-
--rdp-range_end-background: linear-gradient(
|
|
50
|
-
var(--rdp-gradient-direction),
|
|
51
|
-
var(--rdp-range_middle-background-color) 50%,
|
|
52
|
-
transparent 50%
|
|
53
|
-
); /* Used for the background of the end of the selected range. */
|
|
54
|
-
--rdp-range_end-color: white; /* The color of the range text. */
|
|
55
|
-
--rdp-range_end-date-background-color: var(
|
|
56
|
-
--rdp-accent-color
|
|
57
|
-
); /* The background color of the date when at the end of the selected range. */
|
|
58
|
-
|
|
59
|
-
--rdp-week_number-border-radius: 50%; /* The border radius of the week number. */
|
|
60
|
-
--rdp-week_number-border: 1px solid transparent; /* The border of the week number. */
|
|
61
|
-
|
|
62
|
-
--rdp-week_number-height: var(
|
|
63
|
-
--rdp-day-height
|
|
64
|
-
); /* The height of the week number cells. */
|
|
65
|
-
--rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
|
|
66
|
-
--rdp-week_number-width: var(
|
|
67
|
-
--rdp-day-width
|
|
68
|
-
); /* The width of the week number cells. */
|
|
69
|
-
--rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */
|
|
70
|
-
|
|
71
|
-
--rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
|
|
72
|
-
--rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
|
|
73
|
-
--rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */
|
|
74
|
-
|
|
75
|
-
--rdp-gradient-direction: 90deg;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.rdp-root[dir="rtl"] {
|
|
79
|
-
--rdp-gradient-direction: -90deg;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
/* Root of the component. */
|
|
83
|
-
.rdp-root {
|
|
84
|
-
position: relative; /* Required to position the navigation toolbar. */
|
|
85
|
-
box-sizing: border-box;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.rdp-root * {
|
|
89
|
-
box-sizing: border-box;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.rdp-day {
|
|
93
|
-
width: var(--rdp-day-width);
|
|
94
|
-
height: var(--rdp-day-height);
|
|
95
|
-
text-align: center;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
.rdp-day_button {
|
|
99
|
-
background: none;
|
|
100
|
-
padding: 0;
|
|
101
|
-
margin: 0;
|
|
102
|
-
cursor: pointer;
|
|
103
|
-
font: inherit;
|
|
104
|
-
color: inherit;
|
|
105
|
-
justify-content: center;
|
|
106
|
-
align-items: center;
|
|
107
|
-
display: flex;
|
|
108
|
-
|
|
109
|
-
width: var(--rdp-day_button-width);
|
|
110
|
-
height: var(--rdp-day_button-height);
|
|
111
|
-
border: var(--rdp-day_button-border);
|
|
112
|
-
border-radius: var(--rdp-day_button-border-radius);
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.rdp-day_button:disabled {
|
|
116
|
-
cursor: revert;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.rdp-caption_label {
|
|
120
|
-
z-index: 1;
|
|
121
|
-
|
|
122
|
-
position: relative;
|
|
123
|
-
display: inline-flex;
|
|
124
|
-
align-items: center;
|
|
125
|
-
|
|
126
|
-
white-space: nowrap;
|
|
127
|
-
border: 0;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.rdp-button_next,
|
|
131
|
-
.rdp-button_previous {
|
|
132
|
-
border: none;
|
|
133
|
-
background: none;
|
|
134
|
-
padding: 0;
|
|
135
|
-
margin: 0;
|
|
136
|
-
cursor: pointer;
|
|
137
|
-
font: inherit;
|
|
138
|
-
color: inherit;
|
|
139
|
-
-moz-appearance: none;
|
|
140
|
-
-webkit-appearance: none;
|
|
141
|
-
display: inline-flex;
|
|
142
|
-
align-items: center;
|
|
143
|
-
justify-content: center;
|
|
144
|
-
position: relative;
|
|
145
|
-
appearance: none;
|
|
146
|
-
|
|
147
|
-
width: var(--rdp-nav_button-width);
|
|
148
|
-
height: var(--rdp-nav_button-height);
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.rdp-button_next:disabled,
|
|
152
|
-
.rdp-button_previous:disabled {
|
|
153
|
-
cursor: revert;
|
|
154
|
-
|
|
155
|
-
opacity: var(--rdp-nav_button-disabled-opacity);
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
.rdp-chevron {
|
|
159
|
-
display: inline-block;
|
|
160
|
-
fill: var(--rdp-accent-color);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
|
|
164
|
-
transform: rotate(180deg);
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
|
|
168
|
-
transform: rotate(180deg);
|
|
169
|
-
transform-origin: 50%;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.rdp-dropdowns {
|
|
173
|
-
position: relative;
|
|
174
|
-
display: inline-flex;
|
|
175
|
-
align-items: center;
|
|
176
|
-
gap: var(--rdp-dropdown-gap);
|
|
177
|
-
}
|
|
178
|
-
.rdp-dropdown {
|
|
179
|
-
z-index: 2;
|
|
180
|
-
|
|
181
|
-
/* Reset */
|
|
182
|
-
opacity: 0;
|
|
183
|
-
appearance: none;
|
|
184
|
-
position: absolute;
|
|
185
|
-
inset-block-start: 0;
|
|
186
|
-
inset-block-end: 0;
|
|
187
|
-
inset-inline-start: 0;
|
|
188
|
-
width: 100%;
|
|
189
|
-
margin: 0;
|
|
190
|
-
padding: 0;
|
|
191
|
-
cursor: inherit;
|
|
192
|
-
border: none;
|
|
193
|
-
line-height: inherit;
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
.rdp-dropdown_root {
|
|
197
|
-
position: relative;
|
|
198
|
-
display: inline-flex;
|
|
199
|
-
align-items: center;
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
.rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
|
|
203
|
-
opacity: var(--rdp-disabled-opacity);
|
|
204
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
interface GTableProps {
|
|
2
|
-
filters?: any[];
|
|
3
|
-
search?: any;
|
|
4
|
-
data?: any[];
|
|
5
|
-
columns: any[];
|
|
6
|
-
status?: 'pending' | 'success' | 'error';
|
|
7
|
-
title?: string;
|
|
8
|
-
size?: string;
|
|
9
|
-
topRightBtns?: React.ReactNode;
|
|
10
|
-
items_per_page?: number;
|
|
11
|
-
dateRange?: string;
|
|
12
|
-
showDownload?: boolean;
|
|
13
|
-
}
|
|
14
|
-
export default function GTable(props: GTableProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export {};
|
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { createElement as _createElement } from "react";
|
|
3
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
4
|
-
import { Button, Flex, TextField, Select, Text, Table, Skeleton, Card, DropdownMenu } from '@radix-ui/themes';
|
|
5
|
-
import { Cross1Icon, TriangleDownIcon, TriangleUpIcon } from '@radix-ui/react-icons';
|
|
6
|
-
import { useMemo, useState } from 'react';
|
|
7
|
-
import { useTable, useSortBy, usePagination } from 'react-table';
|
|
8
|
-
import { useSticky } from 'react-table-sticky';
|
|
9
|
-
// import { RangeDatepicker } from "chakra-dayzed-datepicker";
|
|
10
|
-
import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
|
|
11
|
-
import Paginator from './paginator_table';
|
|
12
|
-
import DatePicker from './date_picker';
|
|
13
|
-
import { BiDownload } from 'react-icons/bi';
|
|
14
|
-
export default function GTable(props) {
|
|
15
|
-
var _a;
|
|
16
|
-
const { filters, search, data = [], columns, status, size, title, topRightBtns, showDownload = false } = props;
|
|
17
|
-
// const [filteredData, setFilteredData] = useState(data || []);
|
|
18
|
-
const [filterText, setFilterText] = useState('');
|
|
19
|
-
const [filterObject, setFilterObject] = useState([]);
|
|
20
|
-
const [searchText, setSearchText] = useState('');
|
|
21
|
-
const [selectedDates, setSelectedDates] = useState([new Date(), new Date()]);
|
|
22
|
-
// const [getPaginatedData, setPaginatedData] = useState([])
|
|
23
|
-
// useEffect(() => {
|
|
24
|
-
// let fData: any = data || [];
|
|
25
|
-
// // // Date Filter
|
|
26
|
-
// // if (selectedDates) {
|
|
27
|
-
// // filters?.filter((obj: any) => obj.type === 'dates').forEach((filt: any) => {
|
|
28
|
-
// // fData = fData.filter((val: any) => {
|
|
29
|
-
// // if ((new Date(val[`${filt.item}`]) >= new Date(selectedDates[0])) && (new Date(val[`${filt.item}`]) <= new Date(selectedDates[1]))) { return val }
|
|
30
|
-
// // })
|
|
31
|
-
// // return fData
|
|
32
|
-
// // })
|
|
33
|
-
// // }
|
|
34
|
-
// // For filter
|
|
35
|
-
// if (filterObject?.length > 0) {
|
|
36
|
-
// filterObject?.forEach((filt: any) => {
|
|
37
|
-
// if (filt.type == 'text') {
|
|
38
|
-
// fData = fData.filter((val: any) => {
|
|
39
|
-
// if (val[`${filt.item}`] == filt.value) { return val }
|
|
40
|
-
// })
|
|
41
|
-
// }
|
|
42
|
-
// return fData
|
|
43
|
-
// });
|
|
44
|
-
// }
|
|
45
|
-
// if (searchText) {
|
|
46
|
-
// try {
|
|
47
|
-
// if (fData?.length > 0) {
|
|
48
|
-
// fData = fData?.filter((val: any) => {
|
|
49
|
-
// if (searchText && searchText?.toString().toLowerCase() === "") { return val; }
|
|
50
|
-
// else if (search && search?.items?.some((item: any) => (val[item] && val[item].toString().toLowerCase().includes(searchText?.toString().toLowerCase())))) { return val; }
|
|
51
|
-
// });
|
|
52
|
-
// setFilteredData(fData || []);
|
|
53
|
-
// }
|
|
54
|
-
// } catch (e) {
|
|
55
|
-
// console.log(e)
|
|
56
|
-
// }
|
|
57
|
-
// } else {
|
|
58
|
-
// setFilteredData(fData || data);
|
|
59
|
-
// }
|
|
60
|
-
// }, [selectedDates, filterText, filterObject, searchText, column, filter, search, data])
|
|
61
|
-
const filteredData = useMemo(() => {
|
|
62
|
-
let fData = [...data];
|
|
63
|
-
// Apply filters
|
|
64
|
-
filterObject.forEach((filt) => {
|
|
65
|
-
if (filt.type === 'text') {
|
|
66
|
-
fData = fData.filter((val) => val[filt.item] === filt.value);
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
// Apply search
|
|
70
|
-
if (searchText) {
|
|
71
|
-
fData = fData.filter((val) => search.items.some((item) => val[item] &&
|
|
72
|
-
val[item].toString().toLowerCase().includes(searchText.toLowerCase())));
|
|
73
|
-
}
|
|
74
|
-
return fData;
|
|
75
|
-
}, [data, filterObject, searchText, search]);
|
|
76
|
-
// Function to find and get a value from the first matching object based on keys
|
|
77
|
-
function findAndGetObject(arr1, key1, arr2, key2) {
|
|
78
|
-
for (const obj1 of arr1) {
|
|
79
|
-
for (const obj2 of arr2) {
|
|
80
|
-
if (obj1[key1] === obj2[key2]) {
|
|
81
|
-
return obj1; // Return the first matching object
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
return undefined; // Return undefined if no match is found
|
|
86
|
-
}
|
|
87
|
-
const d_columns = useMemo(() => columns, [columns]);
|
|
88
|
-
const d_data = useMemo(() => filteredData || [], [filteredData]);
|
|
89
|
-
const { getTableProps, getTableBodyProps, headerGroups, prepareRow, page, canPreviousPage, canNextPage, pageOptions, pageCount, gotoPage, nextPage, previousPage, setPageSize, state: { pageIndex, page_size } } = useTable({
|
|
90
|
-
columns: d_columns,
|
|
91
|
-
data: d_data || [],
|
|
92
|
-
filterable: true,
|
|
93
|
-
initialState: {}
|
|
94
|
-
}, useSortBy, usePagination, useSticky);
|
|
95
|
-
return (_jsx(Card, { style: { maxHeight: '100%' }, children: _jsxs(Flex, { direction: 'column', width: '100%', height: '100%', gap: '3', children: [_jsxs(Flex, { flexShrink: '0', width: '100%', wrap: 'wrap', gap: '2', children: [_jsx(Flex, { flexGrow: '1', justify: 'start', align: 'center', gap: '3', children: search && (_jsxs(TextField.Root, { type: "search", placeholder: search.hint || `Search`, style: {}, onChange: ((e) => { setSearchText(e.target.value); }), children: [_jsxs(TextField.Slot, { children: [filters === null || filters === void 0 ? void 0 : filters.map((filter_val, filter_ind) => {
|
|
96
|
-
var _a, _b;
|
|
97
|
-
return (_jsxs(Flex, { align: 'center', children: [filter_val.type == 'dates' && _jsx(DatePicker, { size: '1' }, filter_ind), filter_val.type == 'text' &&
|
|
98
|
-
_jsxs(DropdownMenu.Root, { children: [_jsx(DropdownMenu.Trigger, { "aria-label": 'Filter', children: _jsxs(Button, { size: '1', color: 'gray', variant: 'soft', children: [((_a = findAndGetObject((filter_val === null || filter_val === void 0 ? void 0 : filter_val.items) || [], `${filter_val.key}`, filterObject || [], 'value')) === null || _a === void 0 ? void 0 : _a[`${filter_val.value}`]) || (filter_val === null || filter_val === void 0 ? void 0 : filter_val.hint), " ", _jsx(DropdownMenu.TriggerIcon, {})] }) }), _jsxs(DropdownMenu.Content, { children: [_jsx(DropdownMenu.Item, { onClick: () => { setFilterObject((arr) => arr.filter((item) => item.item !== `${filter_val.item}`)); }, children: "All" }), (_b = filter_val === null || filter_val === void 0 ? void 0 : filter_val.items) === null || _b === void 0 ? void 0 : _b.map((filt, inx) => (_jsx(DropdownMenu.Item, { onClick: () => { setFilterObject((arr) => [...arr.filter((item) => ((item.item !== filter_val.item) && (item.value !== filt[`${filter_val.key}`]))), { 'type': filter_val.type, 'item': filter_val.item, 'value': filt[`${filter_val.key}`] }]); }, children: filt[`${filter_val.value}`] }, inx)))] })] }, filter_ind)] }, filter_ind));
|
|
99
|
-
}), _jsx(MagnifyingGlassIcon, {})] }), _jsx(TextField.Slot, { pr: '1', children: _jsx(Button, { size: '1', color: 'gray', variant: 'soft', onClick: () => { setSearchText(''); }, children: _jsx(Cross1Icon, {}) }) })] })) }), _jsx(Flex, { flexGrow: '1', justify: 'end', align: 'center', gap: '3', children: topRightBtns ? _jsxs(_Fragment, { children: [topRightBtns, " "] }) : _jsx(_Fragment, { children: title }) })] }), _jsxs(Flex, { flexGrow: '1', width: '100%', direction: 'column', overflow: 'auto', children: [_jsxs(Table.Root, { size: { initial: size || 'sm', xl: size || 'sm' }, ...getTableProps, children: [_jsx(Table.Header, { style: { width: '100%' }, children: headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map((headerGroup, headerInd) => {
|
|
100
|
-
var _a;
|
|
101
|
-
return (_createElement(Table.Row, { ...headerGroup.getHeaderGroupProps(), key: headerInd }, (_a = headerGroup === null || headerGroup === void 0 ? void 0 : headerGroup.headers) === null || _a === void 0 ? void 0 : _a.map((column, index) => (_createElement(Table.ColumnHeaderCell, { ...column.getHeaderProps(column.getSortByToggleProps()), key: index, style: { whiteSpace: 'nowrap', width: '1px', backgroundColor: column.sticky ? 'tableStickyBg' : undefined, padding: column.sticky ? 0 : undefined, borderColor: column.sticky ? 'tableStickyBorder' : undefined, borderLeftWidth: column.sticky ? 1 : undefined, borderRightWidth: column.sticky ? 1 : undefined, align: column.sticky ? 'start' : undefined } },
|
|
102
|
-
_jsx(Text, { children: column.render('Header') }, headerInd + index + Date.now()),
|
|
103
|
-
_jsx(Text, { children: column.isSorted
|
|
104
|
-
? column.isSortedDesc
|
|
105
|
-
? _jsx(TriangleDownIcon, { "aria-label": 'sorted descending' })
|
|
106
|
-
: _jsx(TriangleUpIcon, { "aria-label": 'sorted descending' })
|
|
107
|
-
: '' }, index))))));
|
|
108
|
-
}) }), _jsx(Table.Body, { ...getTableBodyProps, children: page === null || page === void 0 ? void 0 : page.map((row, r_ind) => {
|
|
109
|
-
prepareRow(row);
|
|
110
|
-
return (_createElement(Table.Row, { ...row.getRowProps(), key: r_ind }, row.cells.map((cell, ind) => {
|
|
111
|
-
return _createElement(Table.RowHeaderCell, { ...cell.getCellProps(), key: ind, style: { whiteSpace: 'nowrap', width: '1px' } }, cell.render('Cell'));
|
|
112
|
-
})));
|
|
113
|
-
}) }), (page === null || page === void 0 ? void 0 : page.length) <= 0 && status == 'pending' &&
|
|
114
|
-
_jsx(Table.Body, { children: (_a = [...Array(10)]) === null || _a === void 0 ? void 0 : _a.map((val, ind) => {
|
|
115
|
-
var _a, _b;
|
|
116
|
-
return (_jsx(Table.Row, { children: (_b = (_a = headerGroups[0]) === null || _a === void 0 ? void 0 : _a.headers) === null || _b === void 0 ? void 0 : _b.map((column, index) => (_jsx(Table.ColumnHeaderCell, { children: _jsx(Skeleton, { height: '10px', my: '1' }) }, index))) }, ind));
|
|
117
|
-
}) })] }), status == 'success' && (data === null || data === void 0 ? void 0 : data.length) <= 0 &&
|
|
118
|
-
_jsx(Flex, { direction: 'column', height: '200px', width: '100%', justify: 'center', align: 'center', children: _jsx(Text, { children: "No Data" }) }), status == 'error' &&
|
|
119
|
-
_jsx(Flex, { direction: 'column', height: '100px', width: '100%', justify: 'center', align: 'center', children: _jsx(Text, { children: "Error with Data" }) })] }), _jsxs(Flex, { flexShrink: '0', children: [_jsx(Flex, { flexGrow: '1', justify: 'start', align: 'center', gap: '3', children: _jsx(Paginator, { currentPage: pageIndex + 1, pageCount: pageOptions.length, onPageChange: (page) => gotoPage(page - 1) }) }), _jsxs(Flex, { flexGrow: '1', justify: 'end', align: 'center', gap: '3', children: [_jsxs(Text, { size: "1", color: 'gray', children: ["Page ", pageIndex + 1, " of ", pageOptions.length] }), _jsxs(Select.Root, { size: '1', value: page_size, onValueChange: (value) => setPageSize(Number(value)), children: [_jsx(Select.Trigger, { placeholder: "Rows per page" }), _jsx(Select.Content, { position: 'popper', children: [10, 20, 50, 100].map((size) => (_jsxs(Select.Item, { value: size.toString(), children: [size, " rows"] }, size))) })] }), showDownload &&
|
|
120
|
-
_jsxs(Button, { size: '1', highContrast: true, disabled: true, children: [_jsx(BiDownload, {}), " Download"] })] })] })] }) }));
|
|
121
|
-
}
|
|
122
|
-
//# sourceMappingURL=gtable.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"gtable.js","sourceRoot":"","sources":["../../src/components/gtable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;AAEZ,OAAO,EAAO,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAG,QAAQ,EAAG,IAAI,EAAS,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC3H,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACpF,OAAO,EAAa,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEpD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,8DAA8D;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,SAAS,MAAM,mBAAmB,CAAA;AACzC,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAiB3C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAkB;;IAC7C,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,GAAC,KAAK,EAAE,GAAG,KAAK,CAAA;IAC5G,gEAAgE;IAChE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAM,EAAE,CAAC,CAAC;IAC1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAS,CAAC,IAAI,IAAI,EAAE,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC;IACrF,4DAA4D;IAI5D,oBAAoB;IACpB,mCAAmC;IAEnC,wBAAwB;IACxB,8BAA8B;IAC9B,0FAA0F;IAC1F,sDAAsD;IACtD,wKAAwK;IACxK,oBAAoB;IACpB,8BAA8B;IAC9B,gBAAgB;IAChB,WAAW;IAEX,oBAAoB;IACpB,sCAAsC;IACtC,iDAAiD;IACjD,yCAAyC;IACzC,uDAAuD;IACvD,4EAA4E;IAC5E,qBAAqB;IACrB,gBAAgB;IAChB,2BAA2B;IAC3B,cAAc;IACd,QAAQ;IAER,wBAAwB;IACxB,gBAAgB;IAChB,uCAAuC;IACvC,wDAAwD;IACxD,qGAAqG;IACrG,+LAA+L;IAC/L,sBAAsB;IACtB,gDAAgD;IAChD,gBAAgB;IAChB,wBAAwB;IACxB,6BAA6B;IAC7B,YAAY;IAEZ,eAAe;IACf,0CAA0C;IAC1C,QAAQ;IACR,0FAA0F;IAE1F,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;QAEtB,gBAAgB;QAChB,YAAY,CAAC,OAAO,CAAC,CAAC,IAAQ,EAAE,EAAE;YAChC,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBACzB,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;YAC/D,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,eAAe;QACf,IAAI,UAAU,EAAE,CAAC;YACf,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAC3B,MAAM,CAAC,KAAK,CAAC,IAAI,CACf,CAAC,IAAQ,EAAE,EAAE,CACX,GAAG,CAAC,IAAI,CAAC;gBACT,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CACxE,CACF,CAAC;QACJ,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;IAG/C,gFAAgF;IAChF,SAAS,gBAAgB,CACrB,IAAW,EACX,IAAY,EACZ,IAAW,EACX,IAAY;QAEZ,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE,CAAC;YACtB,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE,CAAC;gBACtB,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC5B,OAAO,IAAI,CAAC,CAAC,mCAAmC;gBACpD,CAAC;YACL,CAAC;QACL,CAAC;QAED,OAAO,SAAS,CAAC,CAAC,wCAAwC;IAC9D,CAAC;IAGD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAGjE,MAAM,EACF,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,IAAI,EACJ,eAAe,EACf,WAAW,EACX,WAAW,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,GAAQ,QAAQ,CAAC;QAC9C,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,MAAM,IAAI,EAAE;QAClB,UAAU,EAAE,IAAI;QAChB,YAAY,EAAE,EAAI;KACd,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,CAAC,CAAA;IAIlD,OAAO,CACH,KAAC,IAAI,IAAC,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,EAAC,YAC3B,MAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,aAC9D,MAAC,IAAI,IAAC,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,aA6BvD,KAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,YAG5D,MAAM,IAAI,CACP,MAAC,SAAS,CAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,WAAW,EAAE,MAAM,CAAC,IAAI,IAAI,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAM,EAAE,EAAE,GAAG,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA,CAAC,CAAC,CAAC,aACpI,MAAC,SAAS,CAAC,IAAI,eACd,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,UAAe,EAAE,UAAe,EAAE,EAAE;;gDAAC,OAAA,CAAC,MAAC,IAAI,IAAkB,KAAK,EAAE,QAAQ,aACtF,UAAU,CAAC,IAAI,IAAI,OAAO,IAAI,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,IAAO,UAAU,CAAG,EACvE,UAAU,CAAC,IAAI,IAAI,MAAM;4DACtB,MAAC,YAAY,CAAC,IAAI,eACd,KAAC,YAAY,CAAC,OAAO,kBAAa,QAAQ,YACtC,MAAC,MAAM,IAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAC,MAAM,aAAE,CAAA,MAAA,gBAAgB,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,EAAE,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,EAAE,YAAY,IAAI,EAAE,EAAE,OAAO,CAAC,0CAAG,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,MAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAA,OAAE,KAAC,YAAY,CAAC,WAAW,KAAE,IAAS,GAC7M,EACvB,MAAC,YAAY,CAAC,OAAO,eACjB,KAAC,YAAY,CAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,GAAG,eAAe,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,oBAAyB,EAC3J,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,0CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,GAAQ,EAAE,EAAE,CAAC,CAC7C,KAAC,YAAY,CAAC,IAAI,IAAW,OAAO,EAAE,GAAG,EAAE,GAAE,eAAe,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA,CAAC,YAClR,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,IADR,GAAG,CAEP,CACvB,CAAC,IACiB,KAXH,UAAU,CAYd,KAfoC,UAAU,CAiBnE,CAAC,CAAA;6CAAA,CAAC,EAGL,KAAC,mBAAmB,KAAG,IACN,EACjB,KAAC,SAAS,CAAC,IAAI,IAAC,EAAE,EAAE,GAAG,YACnB,KAAC,MAAM,IAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,GAAE,EAAE,GAAC,aAAa,CAAC,EAAE,CAAC,CAAA,CAAA,CAAC,YAAG,KAAC,UAAU,KAAE,GAAS,GAC7F,IACR,CACpB,GACE,EAEP,KAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,YACzD,YAAY,CAAC,CAAC,CAAC,8BAAG,YAAY,SAAK,CAAC,CAAC,CAAC,4BAAG,KAAK,GAAI,GAChD,IACJ,EAEP,MAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aACrE,MAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,IAAI,IAAI,EAAE,EAAE,EAAE,IAAI,IAAI,IAAI,EAAE,KAAO,aAAa,aAC7E,KAAC,KAAK,CAAC,MAAM,IAAC,KAAK,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,YAC9B,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,WAAgB,EAAE,SAAc,EAAE,EAAE;;wCAAC,OAAA,CACrD,eAAC,KAAK,CAAC,GAAG,OAAK,WAAW,CAAC,mBAAmB,EAAE,EAAE,GAAG,EAAE,SAAS,IAC3D,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,0CAAE,GAAG,CAAC,CAAC,MAAW,EAAE,KAAU,EAAE,EAAE,CAAC,CACpD,eAAC,KAAK,CAAC,gBAAgB,OAAK,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAI,KAAK,EAAE,EAAC,UAAU,EAAC,QAAQ,EAAE,KAAK,EAAC,KAAK,EAAE,eAAe,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,WAAW,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EAAE,eAAe,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,gBAAgB,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAC;4CAChb,KAAC,IAAI,cAAwC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAzD,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAmC;4CAC5E,KAAC,IAAI,cACA,MAAM,CAAC,QAAQ;oDACZ,CAAC,CAAC,MAAM,CAAC,YAAY;wDACjB,CAAC,CAAC,KAAC,gBAAgB,kBAAY,mBAAmB,GAAG;wDACrD,CAAC,CAAC,KAAC,cAAc,kBAAY,mBAAmB,GAAG;oDACvD,CAAC,CAAC,EAAE,IALD,KAAK,CAMT,CACc,CAC5B,CAAC,CACM,CACf,CAAA;qCAAA,CAAC,GACS,EAIf,KAAC,KAAK,CAAC,IAAI,OAAK,iBAAiB,YAC5B,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,GAAQ,EAAE,KAAU,EAAE,EAAE;wCAChC,UAAU,CAAC,GAAG,CAAC,CAAA;wCACf,OAAO,CACH,eAAC,KAAK,CAAC,GAAG,OAAK,GAAG,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,KAAK,IACvC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,GAAQ,EAAE,EAAE;4CACnC,OAAO,eAAC,KAAK,CAAC,aAAa,OAAK,IAAI,CAAC,YAAY,EAAE,EAAG,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAC,UAAU,EAAC,QAAQ,EAAE,KAAK,EAAC,KAAK,EAAC,IACpG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CACF,CAAA;wCAC1B,CAAC,CAAC,CACM,CACf,CAAA;oCACL,CAAC,CAAC,GACO,EAEZ,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAG,CAAC,IAAI,MAAM,IAAE,SAAS;oCAClC,KAAC,KAAK,CAAC,IAAI,cACN,MAAA,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,0CAAE,GAAG,CAAC,CAAC,GAAQ,EAAE,GAAQ,EAAE,EAAE;;4CAAC,OAAA,CACzC,KAAC,KAAK,CAAC,GAAG,cACL,MAAA,MAAA,YAAY,CAAC,CAAC,CAAC,0CAAE,OAAO,0CAAE,GAAG,CAAC,CAAC,MAAW,EAAE,KAAU,EAAE,EAAE,CAAC,CACxD,KAAC,KAAK,CAAC,gBAAgB,cACnB,KAAC,QAAQ,IAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,GAAI,IADZ,KAAK,CAET,CAC5B,CAAC,IALU,GAAG,CAMP,CACf,CAAA;yCAAA,CAAC,GACO,IAER,EAEZ,MAAM,IAAI,SAAS,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,CAAC;4BACrC,KAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,YACzF,KAAC,IAAI,0BAAe,GACjB,EAGV,MAAM,IAAI,OAAO;4BACd,KAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,YACzF,KAAC,IAAI,kCAAuB,GACzB,IAER,EACP,MAAC,IAAI,IAAC,UAAU,EAAE,GAAG,aACjB,KAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,YAC5D,KAAC,SAAS,IACV,WAAW,EAAE,SAAS,GAAG,CAAC,EAC1B,SAAS,EAAE,WAAW,CAAC,MAAM,EAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC,GACxC,GACC,EACP,MAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,aAC1D,MAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,sBAAO,SAAS,GAAG,CAAC,UAAM,WAAW,CAAC,MAAM,IAAQ,EAC/E,MAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,GAAG,EAClB,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,aAGhD,KAAC,MAAM,CAAC,OAAO,IAAC,WAAW,EAAC,eAAe,GAAE,EAC7C,KAAC,MAAM,CAAC,OAAO,IAAC,QAAQ,EAAC,QAAQ,YACpC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC7B,MAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,aAClC,IAAI,cADqC,IAAI,CAEhC,CACjB,CAAC,GACe,IACH,EACb,YAAY;oCACb,MAAC,MAAM,IAAC,IAAI,EAAE,GAAG,EAAE,YAAY,QAAC,QAAQ,mBAAC,KAAC,UAAU,KAAG,iBAAkB,IAE1E,IACA,IACR,GACJ,CACV,CAAA;AACL,CAAC"}
|
|
@@ -1,204 +0,0 @@
|
|
|
1
|
-
.rdp-root {
|
|
2
|
-
--rdp-accent-color: teal; /* The accent color used for selected days and UI elements. */
|
|
3
|
-
--rdp-accent-background-color: #ffffff; /* The accent background color used for selected days and UI elements. */
|
|
4
|
-
|
|
5
|
-
--rdp-day-height: 2.5rem; /* The height of the day cells. */
|
|
6
|
-
--rdp-day-width: 2.5rem; /* The width of the day cells. */
|
|
7
|
-
|
|
8
|
-
--rdp-day_button-border-radius: 10%; /* The border radius of the day cells. */
|
|
9
|
-
--rdp-day_button-border: 4px solid transparent; /* The border of the day cells. */
|
|
10
|
-
--rdp-day_button-height: var(
|
|
11
|
-
--rdp-day-height
|
|
12
|
-
); /* The height of the day cells. */
|
|
13
|
-
--rdp-day_button-width: var(
|
|
14
|
-
--rdp-day-width
|
|
15
|
-
); /* The width of the day cells. */
|
|
16
|
-
|
|
17
|
-
--rdp-selected-border: 1px solid var(--rdp-accent-color); /* The border of the selected days. */
|
|
18
|
-
--rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
|
|
19
|
-
--rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
|
|
20
|
-
--rdp-today-color: var(
|
|
21
|
-
--rdp-accent-color
|
|
22
|
-
); /* The color of the today's date. */
|
|
23
|
-
|
|
24
|
-
--rdp-dropdown-gap: 1rem; /* The gap between the dropdowns used in the month captons. */
|
|
25
|
-
|
|
26
|
-
--rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */
|
|
27
|
-
|
|
28
|
-
--rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
|
|
29
|
-
--rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
|
|
30
|
-
--rdp-nav_button-width: 2.75rem; /* The width of the navigation buttons. */
|
|
31
|
-
--rdp-nav-height: 2.75rem; /* The height of the navigation bar. */
|
|
32
|
-
|
|
33
|
-
--rdp-range_middle-background-color: var(
|
|
34
|
-
--rdp-accent-background-color
|
|
35
|
-
); /* The color of the background for days in the middle of a range. */
|
|
36
|
-
--rdp-range_middle-foreground-color: white; /* The foregraound color for days in the middle of a range. */
|
|
37
|
-
--rdp-range_middle-color: inherit; /* The color of the range text. */
|
|
38
|
-
|
|
39
|
-
--rdp-range_start-color: white; /* The color of the range text. */
|
|
40
|
-
--rdp-range_start-background: linear-gradient(
|
|
41
|
-
var(--rdp-gradient-direction),
|
|
42
|
-
transparent 50%,
|
|
43
|
-
var(--rdp-range_middle-background-color) 50%
|
|
44
|
-
); /* Used for the background of the start of the selected range. */
|
|
45
|
-
--rdp-range_start-date-background-color: var(
|
|
46
|
-
--rdp-accent-color
|
|
47
|
-
); /* The background color of the date when at the start of the selected range. */
|
|
48
|
-
|
|
49
|
-
--rdp-range_end-background: linear-gradient(
|
|
50
|
-
var(--rdp-gradient-direction),
|
|
51
|
-
var(--rdp-range_middle-background-color) 50%,
|
|
52
|
-
transparent 50%
|
|
53
|
-
); /* Used for the background of the end of the selected range. */
|
|
54
|
-
--rdp-range_end-color: white; /* The color of the range text. */
|
|
55
|
-
--rdp-range_end-date-background-color: var(
|
|
56
|
-
--rdp-accent-color
|
|
57
|
-
); /* The background color of the date when at the end of the selected range. */
|
|
58
|
-
|
|
59
|
-
--rdp-week_number-border-radius: 50%; /* The border radius of the week number. */
|
|
60
|
-
--rdp-week_number-border: 1px solid transparent; /* The border of the week number. */
|
|
61
|
-
|
|
62
|
-
--rdp-week_number-height: var(
|
|
63
|
-
--rdp-day-height
|
|
64
|
-
); /* The height of the week number cells. */
|
|
65
|
-
--rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
|
|
66
|
-
--rdp-week_number-width: var(
|
|
67
|
-
--rdp-day-width
|
|
68
|
-
); /* The width of the week number cells. */
|
|
69
|
-
--rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */
|
|
70
|
-
|
|
71
|
-
--rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
|
|
72
|
-
--rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
|
|
73
|
-
--rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */
|
|
74
|
-
|
|
75
|
-
--rdp-gradient-direction: 90deg;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.rdp-root[dir="rtl"] {
|
|
79
|
-
--rdp-gradient-direction: -90deg;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
/* Root of the component. */
|
|
83
|
-
.rdp-root {
|
|
84
|
-
position: relative; /* Required to position the navigation toolbar. */
|
|
85
|
-
box-sizing: border-box;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.rdp-root * {
|
|
89
|
-
box-sizing: border-box;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.rdp-day {
|
|
93
|
-
width: var(--rdp-day-width);
|
|
94
|
-
height: var(--rdp-day-height);
|
|
95
|
-
text-align: center;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
.rdp-day_button {
|
|
99
|
-
background: none;
|
|
100
|
-
padding: 0;
|
|
101
|
-
margin: 0;
|
|
102
|
-
cursor: pointer;
|
|
103
|
-
font: inherit;
|
|
104
|
-
color: inherit;
|
|
105
|
-
justify-content: center;
|
|
106
|
-
align-items: center;
|
|
107
|
-
display: flex;
|
|
108
|
-
|
|
109
|
-
width: var(--rdp-day_button-width);
|
|
110
|
-
height: var(--rdp-day_button-height);
|
|
111
|
-
border: var(--rdp-day_button-border);
|
|
112
|
-
border-radius: var(--rdp-day_button-border-radius);
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.rdp-day_button:disabled {
|
|
116
|
-
cursor: revert;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.rdp-caption_label {
|
|
120
|
-
z-index: 1;
|
|
121
|
-
|
|
122
|
-
position: relative;
|
|
123
|
-
display: inline-flex;
|
|
124
|
-
align-items: center;
|
|
125
|
-
|
|
126
|
-
white-space: nowrap;
|
|
127
|
-
border: 0;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.rdp-button_next,
|
|
131
|
-
.rdp-button_previous {
|
|
132
|
-
border: none;
|
|
133
|
-
background: none;
|
|
134
|
-
padding: 0;
|
|
135
|
-
margin: 0;
|
|
136
|
-
cursor: pointer;
|
|
137
|
-
font: inherit;
|
|
138
|
-
color: inherit;
|
|
139
|
-
-moz-appearance: none;
|
|
140
|
-
-webkit-appearance: none;
|
|
141
|
-
display: inline-flex;
|
|
142
|
-
align-items: center;
|
|
143
|
-
justify-content: center;
|
|
144
|
-
position: relative;
|
|
145
|
-
appearance: none;
|
|
146
|
-
|
|
147
|
-
width: var(--rdp-nav_button-width);
|
|
148
|
-
height: var(--rdp-nav_button-height);
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.rdp-button_next:disabled,
|
|
152
|
-
.rdp-button_previous:disabled {
|
|
153
|
-
cursor: revert;
|
|
154
|
-
|
|
155
|
-
opacity: var(--rdp-nav_button-disabled-opacity);
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
.rdp-chevron {
|
|
159
|
-
display: inline-block;
|
|
160
|
-
fill: var(--rdp-accent-color);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
|
|
164
|
-
transform: rotate(180deg);
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
|
|
168
|
-
transform: rotate(180deg);
|
|
169
|
-
transform-origin: 50%;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.rdp-dropdowns {
|
|
173
|
-
position: relative;
|
|
174
|
-
display: inline-flex;
|
|
175
|
-
align-items: center;
|
|
176
|
-
gap: var(--rdp-dropdown-gap);
|
|
177
|
-
}
|
|
178
|
-
.rdp-dropdown {
|
|
179
|
-
z-index: 2;
|
|
180
|
-
|
|
181
|
-
/* Reset */
|
|
182
|
-
opacity: 0;
|
|
183
|
-
appearance: none;
|
|
184
|
-
position: absolute;
|
|
185
|
-
inset-block-start: 0;
|
|
186
|
-
inset-block-end: 0;
|
|
187
|
-
inset-inline-start: 0;
|
|
188
|
-
width: 100%;
|
|
189
|
-
margin: 0;
|
|
190
|
-
padding: 0;
|
|
191
|
-
cursor: inherit;
|
|
192
|
-
border: none;
|
|
193
|
-
line-height: inherit;
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
.rdp-dropdown_root {
|
|
197
|
-
position: relative;
|
|
198
|
-
display: inline-flex;
|
|
199
|
-
align-items: center;
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
.rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
|
|
203
|
-
opacity: var(--rdp-disabled-opacity);
|
|
204
|
-
}
|