@oneuptime/common 7.0.3163 → 7.0.3172
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/UI/Components/Filters/FilterViewer.tsx +3 -8
- package/UI/Components/ModelTable/BaseModelTable.tsx +38 -21
- package/UI/Components/ModelTable/TableView.tsx +144 -60
- package/UI/Components/MoreMenu/MoreMenu.tsx +79 -39
- package/UI/Components/MoreMenu/MoreMenuItem.tsx +5 -3
- package/UI/Components/MoreMenu/MoreMenuSection.tsx +2 -2
- package/UI/Components/Table/Table.tsx +7 -2
- package/UI/Components/Table/TableHeader.tsx +13 -20
- package/UI/Types/FunctionTypes.ts +2 -0
- package/build/dist/UI/Components/Filters/FilterViewer.js +2 -5
- package/build/dist/UI/Components/Filters/FilterViewer.js.map +1 -1
- package/build/dist/UI/Components/ModelTable/BaseModelTable.js +20 -21
- package/build/dist/UI/Components/ModelTable/BaseModelTable.js.map +1 -1
- package/build/dist/UI/Components/ModelTable/TableView.js +64 -25
- package/build/dist/UI/Components/ModelTable/TableView.js.map +1 -1
- package/build/dist/UI/Components/MoreMenu/MoreMenu.js +29 -8
- package/build/dist/UI/Components/MoreMenu/MoreMenu.js.map +1 -1
- package/build/dist/UI/Components/MoreMenu/MoreMenuItem.js +3 -3
- package/build/dist/UI/Components/MoreMenu/MoreMenuItem.js.map +1 -1
- package/build/dist/UI/Components/MoreMenu/MoreMenuSection.js +1 -1
- package/build/dist/UI/Components/MoreMenu/MoreMenuSection.js.map +1 -1
- package/build/dist/UI/Components/Table/Table.js +2 -2
- package/build/dist/UI/Components/Table/Table.js.map +1 -1
- package/build/dist/UI/Components/Table/TableHeader.js +9 -16
- package/build/dist/UI/Components/Table/TableHeader.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useEffect,
|
|
1
|
+
import React, { useEffect, useRef, useState } from "react";
|
|
2
2
|
import TableView from "../../../Models/DatabaseModels/TableView";
|
|
3
3
|
import MoreMenu from "../MoreMenu/MoreMenu";
|
|
4
4
|
import MoreMenuItem from "../MoreMenu/MoreMenuItem";
|
|
@@ -7,7 +7,7 @@ import { LIMIT_PER_PROJECT } from "../../../Types/Database/LimitMax";
|
|
|
7
7
|
import SortOrder from "../../../Types/BaseDatabase/SortOrder";
|
|
8
8
|
import API from "../../../Utils/API";
|
|
9
9
|
import MoreMenuSection from "../MoreMenu/MoreMenuSection";
|
|
10
|
-
import
|
|
10
|
+
import { ButtonStyleType } from "../Button/Button";
|
|
11
11
|
import IconProp from "../../../Types/Icon/IconProp";
|
|
12
12
|
import { BarLoader } from "react-spinners";
|
|
13
13
|
import ConfirmModal from "../Modal/ConfirmModal";
|
|
@@ -16,6 +16,7 @@ import { FormType } from "../Forms/ModelForm";
|
|
|
16
16
|
import FormFieldSchemaType from "../Forms/Types/FormFieldSchemaType";
|
|
17
17
|
import ProjectUtil from "../../Utils/Project";
|
|
18
18
|
import User from "../../Utils/User";
|
|
19
|
+
import Icon, { SizeProp, ThickProp } from "../Icon/Icon";
|
|
19
20
|
const TableViewElement = (props) => {
|
|
20
21
|
const [error, setError] = useState("");
|
|
21
22
|
const [isLoading, setIsLoading] = useState(false);
|
|
@@ -23,7 +24,11 @@ const TableViewElement = (props) => {
|
|
|
23
24
|
const [tableViewToDelete, setTableViewToDelete] = useState(undefined);
|
|
24
25
|
const [tableViewToEdit, setTableViewToEdit] = useState(undefined);
|
|
25
26
|
const [showCreateNewViewModal, setShowCreateNewViewModel] = useState(false);
|
|
27
|
+
const moreMenuRef = useRef();
|
|
26
28
|
const [currentlySelectedView, setCurrentlySelectedView] = useState(null);
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
setCurrentlySelectedView(props.tableView);
|
|
31
|
+
}, [props.tableView]);
|
|
27
32
|
// load all the filters for this user and for this project.
|
|
28
33
|
const fetchTableViews = async () => {
|
|
29
34
|
try {
|
|
@@ -78,16 +83,18 @@ const TableViewElement = (props) => {
|
|
|
78
83
|
}, []);
|
|
79
84
|
const getRightElementForTableViewMenuItem = (item) => {
|
|
80
85
|
return (React.createElement("div", { className: "flex" },
|
|
81
|
-
React.createElement(
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
86
|
+
React.createElement("div", { className: "h-4 w-4 mr-2" },
|
|
87
|
+
React.createElement(Icon, { icon: IconProp.Edit, className: "text-gray-400 hover:text-gray-600", size: SizeProp.Regular, thick: ThickProp.Thick, onClick: () => {
|
|
88
|
+
setTableViewToEdit(item);
|
|
89
|
+
} })),
|
|
90
|
+
React.createElement("div", { className: "h-4 w-4" },
|
|
91
|
+
React.createElement(Icon, { className: "text-gray-400 hover:text-gray-600", icon: IconProp.Trash, size: SizeProp.Regular, thick: ThickProp.Thick, onClick: () => {
|
|
92
|
+
setTableViewToDelete(item);
|
|
93
|
+
} }))));
|
|
87
94
|
};
|
|
88
95
|
const getViewItems = () => {
|
|
89
96
|
return allTableViews.map((item, index) => {
|
|
90
|
-
return (React.createElement(MoreMenuItem, { key: index, rightElement: getRightElementForTableViewMenuItem(item), text: item.name || "", onClick: () => {
|
|
97
|
+
return (React.createElement(MoreMenuItem, { key: index, rightElement: getRightElementForTableViewMenuItem(item), text: item.name || "", className: "text-gray-600 hover:text-gray-800", icon: IconProp.Window, onClick: () => {
|
|
91
98
|
props.onViewChange && props.onViewChange(item);
|
|
92
99
|
setCurrentlySelectedView(item);
|
|
93
100
|
} }));
|
|
@@ -95,17 +102,16 @@ const TableViewElement = (props) => {
|
|
|
95
102
|
};
|
|
96
103
|
const getMenuContents = () => {
|
|
97
104
|
if (isLoading) {
|
|
98
|
-
return React.createElement(BarLoader, null);
|
|
105
|
+
return [React.createElement(BarLoader, null)];
|
|
106
|
+
}
|
|
107
|
+
const elements = [];
|
|
108
|
+
if (allTableViews.length > 0) {
|
|
109
|
+
elements.push(React.createElement(MoreMenuSection, { title: "Saved Views" }, getViewItems()));
|
|
99
110
|
}
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
props.onViewChange && props.onViewChange(null);
|
|
105
|
-
} })) : (React.createElement(React.Fragment, null)),
|
|
106
|
-
React.createElement(MoreMenuItem, { text: "Save View", onClick: () => {
|
|
107
|
-
setShowCreateNewViewModel(true);
|
|
108
|
-
} })));
|
|
111
|
+
elements.push(React.createElement(MoreMenuItem, { text: "Save as New View", className: "bg-gray-50 hover:bg-gray-100 text-gray-700 hover:text-gray-900 font-medium -mt-2", icon: IconProp.Add, iconClassName: "", onClick: () => {
|
|
112
|
+
setShowCreateNewViewModel(true);
|
|
113
|
+
} }));
|
|
114
|
+
return elements;
|
|
109
115
|
};
|
|
110
116
|
if (error) {
|
|
111
117
|
return (React.createElement(ConfirmModal, { title: `Something went wrong...`, description: error, isLoading: false, submitButtonText: "Close", onSubmit: () => {
|
|
@@ -149,15 +155,23 @@ const TableViewElement = (props) => {
|
|
|
149
155
|
return (React.createElement(ModelFormModal, { modelType: TableView, name: "Save New View", title: "Save New View", description: "You can save the current table settings as a new view.", onClose: () => {
|
|
150
156
|
setShowCreateNewViewModel(false);
|
|
151
157
|
}, submitButtonText: "Save Changes", onBeforeCreate: (tableView) => {
|
|
152
|
-
|
|
158
|
+
let sort = {};
|
|
159
|
+
if (props.currentSortOrder && props.currentSortBy) {
|
|
160
|
+
sort = {
|
|
161
|
+
[props.currentSortBy]: props.currentSortOrder,
|
|
162
|
+
};
|
|
163
|
+
}
|
|
153
164
|
tableView.tableId = props.tableId;
|
|
154
|
-
tableView.query =
|
|
155
|
-
|
|
156
|
-
tableView.
|
|
165
|
+
tableView.query =
|
|
166
|
+
props.currentQuery || {};
|
|
167
|
+
tableView.itemsOnPage = (props === null || props === void 0 ? void 0 : props.currentItemsOnPage) || 10;
|
|
168
|
+
tableView.sort = sort || {};
|
|
157
169
|
return Promise.resolve(tableView);
|
|
158
|
-
}, onSuccess: async () => {
|
|
170
|
+
}, onSuccess: async (tableView) => {
|
|
159
171
|
setShowCreateNewViewModel(false);
|
|
160
172
|
await fetchTableViews();
|
|
173
|
+
// set as current view
|
|
174
|
+
props.onViewChange && props.onViewChange(tableView);
|
|
161
175
|
}, formProps: {
|
|
162
176
|
name: "Save New View",
|
|
163
177
|
modelType: TableView,
|
|
@@ -177,7 +191,32 @@ const TableViewElement = (props) => {
|
|
|
177
191
|
formType: FormType.Create,
|
|
178
192
|
} }));
|
|
179
193
|
}
|
|
180
|
-
|
|
194
|
+
const getElementToBeShownInsteadOfButton = () => {
|
|
195
|
+
if (!currentlySelectedView) {
|
|
196
|
+
return undefined;
|
|
197
|
+
}
|
|
198
|
+
return (React.createElement("div", { className: "ml-2 mt-1 cursor-pointer font-semibold flex rounded-full border-2 border-gray-600 text-gray-600 text-xs p-1 pl-2 pr-2" },
|
|
199
|
+
React.createElement("div", { onClick: () => {
|
|
200
|
+
flipDropdown();
|
|
201
|
+
} }, currentlySelectedView.name),
|
|
202
|
+
React.createElement("div", { className: "h-4 w-4 rounded-full bg-gray-500 text-white hover:bg-gray-800 ml-3 -mr-1 p-1" },
|
|
203
|
+
React.createElement(Icon, { icon: IconProp.Close, size: SizeProp.Regular, thick: ThickProp.Thick, onClick: () => {
|
|
204
|
+
setCurrentlySelectedView(null);
|
|
205
|
+
props.onViewChange && props.onViewChange(null);
|
|
206
|
+
closeDropdownMenu();
|
|
207
|
+
} }))));
|
|
208
|
+
};
|
|
209
|
+
const closeDropdownMenu = () => {
|
|
210
|
+
if (moreMenuRef.current) {
|
|
211
|
+
moreMenuRef.current.closeDropdown();
|
|
212
|
+
}
|
|
213
|
+
};
|
|
214
|
+
const flipDropdown = () => {
|
|
215
|
+
if (moreMenuRef.current) {
|
|
216
|
+
moreMenuRef.current.flipDropdown();
|
|
217
|
+
}
|
|
218
|
+
};
|
|
219
|
+
return (React.createElement(MoreMenu, { elementToBeShownInsteadOfButton: getElementToBeShownInsteadOfButton(), ref: moreMenuRef }, getMenuContents()));
|
|
181
220
|
};
|
|
182
221
|
export default TableViewElement;
|
|
183
222
|
//# sourceMappingURL=TableView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableView.js","sourceRoot":"","sources":["../../../../../UI/Components/ModelTable/TableView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"TableView.js","sourceRoot":"","sources":["../../../../../UI/Components/ModelTable/TableView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,40 @@
|
|
|
1
|
-
import React, { useEffect, useState, } from "react";
|
|
2
|
-
import Button, { ButtonStyleType } from "../Button/Button";
|
|
1
|
+
import React, { forwardRef, useEffect, useImperativeHandle, useState, } from "react";
|
|
3
2
|
import IconProp from "../../../Types/Icon/IconProp";
|
|
4
3
|
import useComponentOutsideClick from "../../Types/UseComponentOutsideClick";
|
|
5
|
-
|
|
4
|
+
import Icon from "../Icon/Icon";
|
|
5
|
+
const MoreMenu = forwardRef((props, componentRef) => {
|
|
6
6
|
const { ref, isComponentVisible, setIsComponentVisible } = useComponentOutsideClick(false);
|
|
7
|
+
useImperativeHandle(componentRef, () => {
|
|
8
|
+
return {
|
|
9
|
+
closeDropdown() {
|
|
10
|
+
setIsComponentVisible(false);
|
|
11
|
+
},
|
|
12
|
+
openDropdown() {
|
|
13
|
+
setIsComponentVisible(true);
|
|
14
|
+
},
|
|
15
|
+
flipDropdown() {
|
|
16
|
+
setIsComponentVisible(!isDropdownVisible);
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
});
|
|
7
20
|
const [isDropdownVisible, setDropdownVisible] = useState(false);
|
|
8
21
|
useEffect(() => {
|
|
9
22
|
setDropdownVisible(isComponentVisible);
|
|
10
23
|
}, [isComponentVisible]);
|
|
11
24
|
return (React.createElement("div", { className: "relative inline-block text-left" },
|
|
12
|
-
React.createElement("div",
|
|
13
|
-
React.createElement(
|
|
25
|
+
!props.elementToBeShownInsteadOfButton && (React.createElement("div", { className: "h-7 w-7 text-gray-600 mt-1 cursor-pointer" },
|
|
26
|
+
React.createElement(Icon, { icon: IconProp.More, className: "p-1", onClick: () => {
|
|
14
27
|
setIsComponentVisible(!isDropdownVisible);
|
|
15
|
-
} })),
|
|
16
|
-
|
|
17
|
-
}
|
|
28
|
+
} }))),
|
|
29
|
+
props.elementToBeShownInsteadOfButton && (React.createElement("div", null, props.elementToBeShownInsteadOfButton)),
|
|
30
|
+
isComponentVisible && (React.createElement("div", { ref: ref, className: "absolute right-0 z-10 mt-2 w-56 origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none", role: "menu", "aria-orientation": "vertical", "aria-labelledby": "menu-button" }, props.children.map((child, index) => {
|
|
31
|
+
return (React.createElement("div", { key: index, role: "menuitem", onClick: () => {
|
|
32
|
+
if (isComponentVisible) {
|
|
33
|
+
setIsComponentVisible(false);
|
|
34
|
+
}
|
|
35
|
+
} }, child));
|
|
36
|
+
})))));
|
|
37
|
+
});
|
|
38
|
+
MoreMenu.displayName = "MoreMenu";
|
|
18
39
|
export default MoreMenu;
|
|
19
40
|
//# sourceMappingURL=MoreMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MoreMenu.js","sourceRoot":"","sources":["../../../../../UI/Components/MoreMenu/MoreMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"MoreMenu.js","sourceRoot":"","sources":["../../../../../UI/Components/MoreMenu/MoreMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAEV,SAAS,EACT,mBAAmB,EACnB,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AACpD,OAAO,wBAAwB,MAAM,sCAAsC,CAAC;AAC5E,OAAO,IAAI,MAAM,cAAc,CAAC;AAOhC,MAAM,QAAQ,GAEV,UAAU,CACZ,CAAC,KAAqB,EAAE,YAAyC,EAAE,EAAE;IACnE,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,GACtD,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAElC,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE;QACrC,OAAO;YACL,aAAa;gBACX,qBAAqB,CAAC,KAAK,CAAC,CAAC;YAC/B,CAAC;YACD,YAAY;gBACV,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC9B,CAAC;YACD,YAAY;gBACV,qBAAqB,CAAC,CAAC,iBAAiB,CAAC,CAAC;YAC5C,CAAC;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,6BAAK,SAAS,EAAC,iCAAiC;QAC7C,CAAC,KAAK,CAAC,+BAA+B,IAAI,CACzC,6BAAK,SAAS,EAAC,2CAA2C;YACxD,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,qBAAqB,CAAC,CAAC,iBAAiB,CAAC,CAAC;gBAC5C,CAAC,GACD,CACE,CACP;QAEA,KAAK,CAAC,+BAA+B,IAAI,CACxC,iCAAM,KAAK,CAAC,+BAA+B,CAAO,CACnD;QAEA,kBAAkB,IAAI,CACrB,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,6JAA6J,EACvK,IAAI,EAAC,MAAM,sBACM,UAAU,qBACX,aAAa,IAE5B,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAmB,EAAE,KAAa,EAAE,EAAE;YACzD,OAAO,CACL,6BACE,GAAG,EAAE,KAAK,EACV,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,kBAAkB,EAAE,CAAC;wBACvB,qBAAqB,CAAC,KAAK,CAAC,CAAC;oBAC/B,CAAC;gBACH,CAAC,IAEA,KAAK,CACF,CACP,CAAC;QACJ,CAAC,CAAC,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import Icon from "../Icon/Icon";
|
|
3
3
|
const MoreMenuItem = (props) => {
|
|
4
|
-
return (React.createElement("a", { className:
|
|
4
|
+
return (React.createElement("a", { className: `cursor-pointer group flex items-center px-4 py-2 text-sm text-gray-600 hover:text-gray-700 hover:bg-gray-50 ${props.className}`, role: "menuitem", onClick: () => {
|
|
5
5
|
props.onClick();
|
|
6
6
|
} },
|
|
7
|
-
props.icon && (React.createElement(Icon, { icon: props.icon, className:
|
|
8
|
-
React.createElement("div", { className: "flex justify-between" },
|
|
7
|
+
props.icon && (React.createElement(Icon, { icon: props.icon, className: `mr-3 h-5 w-5 text-gray-400 text-gray-700 hover:text-gray-900 ${props.iconClassName}` })),
|
|
8
|
+
React.createElement("div", { className: "flex w-full justify-between" },
|
|
9
9
|
React.createElement("div", null, props.text),
|
|
10
10
|
React.createElement("div", null, props.rightElement))));
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MoreMenuItem.js","sourceRoot":"","sources":["../../../../../UI/Components/MoreMenu/MoreMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,IAAI,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"MoreMenuItem.js","sourceRoot":"","sources":["../../../../../UI/Components/MoreMenu/MoreMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,IAAI,MAAM,cAAc,CAAC;AAWhC,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,2BACE,SAAS,EAAE,+GAA+G,KAAK,CAAC,SAAS,EAAE,EAC3I,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;YACZ,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,CAAC;QAEA,KAAK,CAAC,IAAI,IAAI,CACb,oBAAC,IAAI,IACH,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,gEAAgE,KAAK,CAAC,aAAa,EAAE,GAChG,CACH;QACD,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,iCAAM,KAAK,CAAC,IAAI,CAAO;YACvB,iCAAM,KAAK,CAAC,YAAY,CAAO,CAC3B,CACJ,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import MoreMenuDivider from "./Divider";
|
|
3
3
|
const MoreMenuSection = (props) => {
|
|
4
4
|
return (React.createElement("div", null,
|
|
5
|
-
React.createElement("div", { className: "text-gray-400 text-
|
|
5
|
+
React.createElement("div", { className: "text-gray-400 text-xs font-medium pt-2 pl-3 pr-3 pb-2" }, props.title.toUpperCase()),
|
|
6
6
|
props.children,
|
|
7
7
|
React.createElement(MoreMenuDivider, null)));
|
|
8
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MoreMenuSection.js","sourceRoot":"","sources":["../../../../../UI/Components/MoreMenu/MoreMenuSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,eAAe,MAAM,WAAW,CAAC;AAMxC,MAAM,eAAe,GAAsC,CACzD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"MoreMenuSection.js","sourceRoot":"","sources":["../../../../../UI/Components/MoreMenu/MoreMenuSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,eAAe,MAAM,WAAW,CAAC;AAMxC,MAAM,eAAe,GAAsC,CACzD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,uDAAuD,IACnE,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CACtB;QACL,KAAK,CAAC,QAAQ;QACf,oBAAC,eAAe,OAAG,CACf,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -76,7 +76,7 @@ const Table = (props) => {
|
|
|
76
76
|
}
|
|
77
77
|
});
|
|
78
78
|
return (React.createElement("div", { className: props.className },
|
|
79
|
-
React.createElement(FilterViewer, { id: `${props.id}-filter`, showFilterModal: props.showFilterModal || false, onFilterChanged: props.onFilterChanged || undefined, isModalLoading: props.isFilterLoading || false, filterError: props.filterError, onFilterRefreshClick: props.onFilterRefreshClick, filters: props.filters || [], onFilterModalClose: props.onFilterModalClose, onFilterModalOpen: props.onFilterModalOpen, singularLabel: props.singularLabel, pluralLabel: props.pluralLabel,
|
|
79
|
+
React.createElement(FilterViewer, { id: `${props.id}-filter`, showFilterModal: props.showFilterModal || false, onFilterChanged: props.onFilterChanged || undefined, isModalLoading: props.isFilterLoading || false, filterError: props.filterError, onFilterRefreshClick: props.onFilterRefreshClick, filters: props.filters || [], onFilterModalClose: props.onFilterModalClose, onFilterModalOpen: props.onFilterModalOpen, singularLabel: props.singularLabel, pluralLabel: props.pluralLabel, filterData: props.filterData }),
|
|
80
80
|
((_b = props.bulkActions) === null || _b === void 0 ? void 0 : _b.buttons) && (React.createElement(BulkUpdateForm, { buttons: props.bulkActions.buttons, onClearSelectionClick: () => {
|
|
81
81
|
props.onBulkClearAllItems();
|
|
82
82
|
setIsAllItemsSelected(false);
|
|
@@ -100,7 +100,7 @@ const Table = (props) => {
|
|
|
100
100
|
? props.tableContainerClassName
|
|
101
101
|
: "overflow-hidden border-t border-gray-200" },
|
|
102
102
|
React.createElement("table", { className: "min-w-full divide-y divide-gray-200" },
|
|
103
|
-
React.createElement(TableHeader, { id: `${props.id}-header`, columns: props.columns, onSortChanged: props.onSortChanged, enableDragAndDrop: props.enableDragAndDrop, isBulkActionsEnabled: isBulkActionsEnabled, onAllItemsDeselected: () => {
|
|
103
|
+
React.createElement(TableHeader, { id: `${props.id}-header`, columns: props.columns, onSortChanged: props.onSortChanged, enableDragAndDrop: props.enableDragAndDrop, sortBy: props.sortBy, sortOrder: props.sortOrder, isBulkActionsEnabled: isBulkActionsEnabled, onAllItemsDeselected: () => {
|
|
104
104
|
setIsAllItemsSelected(false);
|
|
105
105
|
props.onBulkClearAllItems();
|
|
106
106
|
}, onAllItemsOnThePageSelected: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../../UI/Components/Table/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,cAEN,MAAM,8BAA8B,CAAC;AACtC,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,YAAY,MAAM,yBAAyB,CAAC;AAGnD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,eAAe,CAAC;AAIxC,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,eAAe,EAAc,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../../UI/Components/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,10 +3,8 @@ import Icon, { ThickProp } from "../Icon/Icon";
|
|
|
3
3
|
import FieldType from "../Types/FieldType";
|
|
4
4
|
import SortOrder from "Common/Types/BaseDatabase/SortOrder";
|
|
5
5
|
import IconProp from "Common/Types/Icon/IconProp";
|
|
6
|
-
import React
|
|
6
|
+
import React from "react";
|
|
7
7
|
const TableHeader = (props) => {
|
|
8
|
-
const [currentSortColumn, setCurrentSortColumn] = useState(null);
|
|
9
|
-
const [sortOrder, setSortOrder] = useState(SortOrder.Ascending);
|
|
10
8
|
const selectBulkSelectCheckbox = Boolean(props.isAllItemsOnThePageSelected && props.hasTableItems);
|
|
11
9
|
return (React.createElement("thead", { className: "bg-gray-50", id: props.id },
|
|
12
10
|
React.createElement("tr", null,
|
|
@@ -32,15 +30,10 @@ const TableHeader = (props) => {
|
|
|
32
30
|
if (!canSort) {
|
|
33
31
|
return;
|
|
34
32
|
}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
else {
|
|
41
|
-
setCurrentSortColumn(column.key);
|
|
42
|
-
setSortOrder(SortOrder.Ascending);
|
|
43
|
-
}
|
|
33
|
+
const sortOrder = props.sortOrder === SortOrder.Ascending
|
|
34
|
+
? SortOrder.Descending
|
|
35
|
+
: SortOrder.Ascending;
|
|
36
|
+
const currentSortColumn = column.key;
|
|
44
37
|
props.onSortChanged(currentSortColumn, sortOrder);
|
|
45
38
|
} },
|
|
46
39
|
React.createElement("div", { className: `flex ${column.type === FieldType.Actions
|
|
@@ -48,11 +41,11 @@ const TableHeader = (props) => {
|
|
|
48
41
|
: "justify-start"}` },
|
|
49
42
|
column.title,
|
|
50
43
|
canSort &&
|
|
51
|
-
|
|
52
|
-
sortOrder === SortOrder.Ascending && (React.createElement(Icon, { icon: IconProp.ChevronUp, thick: ThickProp.Thick, className: "ml-2 p-1 flex-none rounded bg-gray-200 text-gray-500 group-hover:bg-gray-300 h-4 w-4" })),
|
|
44
|
+
props.sortBy === column.key &&
|
|
45
|
+
props.sortOrder === SortOrder.Ascending && (React.createElement(Icon, { icon: IconProp.ChevronUp, thick: ThickProp.Thick, className: "ml-2 p-1 flex-none rounded bg-gray-200 text-gray-500 group-hover:bg-gray-300 h-4 w-4" })),
|
|
53
46
|
canSort &&
|
|
54
|
-
|
|
55
|
-
sortOrder === SortOrder.Descending && (React.createElement(Icon, { icon: IconProp.ChevronDown, thick: ThickProp.Thick, className: "ml-2 p-1 flex-none rounded bg-gray-200 text-gray-500 group-hover:bg-gray-300 h-4 w-4" })))));
|
|
47
|
+
props.sortBy === column.key &&
|
|
48
|
+
props.sortOrder === SortOrder.Descending && (React.createElement(Icon, { icon: IconProp.ChevronDown, thick: ThickProp.Thick, className: "ml-2 p-1 flex-none rounded bg-gray-200 text-gray-500 group-hover:bg-gray-300 h-4 w-4" })))));
|
|
56
49
|
}))));
|
|
57
50
|
};
|
|
58
51
|
export default TableHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../../../UI/Components/Table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAG3C,OAAO,SAAS,MAAM,qCAAqC,CAAC;AAE5D,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAClD,OAAO,
|
|
1
|
+
{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../../../UI/Components/Table/TableHeader.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oneuptime/common",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.3172",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"airtable": "^0.12.2",
|
|
78
78
|
"axios": "^1.7.2",
|
|
79
79
|
"bullmq": "^5.3.3",
|
|
80
|
-
"Common": "npm:@oneuptime/common@7.0.
|
|
80
|
+
"Common": "npm:@oneuptime/common@7.0.3172",
|
|
81
81
|
"cookie-parser": "^1.4.6",
|
|
82
82
|
"cors": "^2.8.5",
|
|
83
83
|
"cron-parser": "^4.8.1",
|