@nomos-ui/uanela-redux-next 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/apis/auth.api.d.ts +2 -0
- package/dist/apis/auth.api.d.ts.map +1 -0
- package/dist/apis/auth.api.js +108 -0
- package/dist/apis/auth.api.js.map +1 -0
- package/dist/components/api-provider.d.ts +51 -0
- package/dist/components/api-provider.d.ts.map +1 -0
- package/dist/components/api-provider.js +60 -0
- package/dist/components/api-provider.js.map +1 -0
- package/dist/components/data-manipulation/create-data-wrapper.d.ts +69 -0
- package/dist/components/data-manipulation/create-data-wrapper.d.ts.map +1 -0
- package/dist/components/data-manipulation/create-data-wrapper.js +65 -0
- package/dist/components/data-manipulation/create-data-wrapper.js.map +1 -0
- package/dist/components/data-manipulation/update-data-wrapper.d.ts +91 -0
- package/dist/components/data-manipulation/update-data-wrapper.d.ts.map +1 -0
- package/dist/components/data-manipulation/update-data-wrapper.js +85 -0
- package/dist/components/data-manipulation/update-data-wrapper.js.map +1 -0
- package/dist/components/modals/create.modal.d.ts +71 -0
- package/dist/components/modals/create.modal.d.ts.map +1 -0
- package/dist/components/modals/create.modal.js +51 -0
- package/dist/components/modals/create.modal.js.map +1 -0
- package/dist/components/modals/update.modal.d.ts +71 -0
- package/dist/components/modals/update.modal.d.ts.map +1 -0
- package/dist/components/modals/update.modal.js +51 -0
- package/dist/components/modals/update.modal.js.map +1 -0
- package/dist/components/pages/components/page-title-and-description.d.ts +6 -0
- package/dist/components/pages/components/page-title-and-description.d.ts.map +1 -0
- package/dist/components/pages/components/page-title-and-description.js +8 -0
- package/dist/components/pages/components/page-title-and-description.js.map +1 -0
- package/dist/components/pages/create-data-page/index.d.ts +25 -0
- package/dist/components/pages/create-data-page/index.d.ts.map +1 -0
- package/dist/components/pages/create-data-page/index.js +22 -0
- package/dist/components/pages/create-data-page/index.js.map +1 -0
- package/dist/components/pages/list-page/header-action-buttons.d.ts +7 -0
- package/dist/components/pages/list-page/header-action-buttons.d.ts.map +1 -0
- package/dist/components/pages/list-page/header-action-buttons.js +20 -0
- package/dist/components/pages/list-page/header-action-buttons.js.map +1 -0
- package/dist/components/pages/list-page/list-page.d.ts +19 -0
- package/dist/components/pages/list-page/list-page.d.ts.map +1 -0
- package/dist/components/pages/list-page/list-page.js +17 -0
- package/dist/components/pages/list-page/list-page.js.map +1 -0
- package/dist/components/pages/list-page/table/action-button.d.ts +12 -0
- package/dist/components/pages/list-page/table/action-button.d.ts.map +1 -0
- package/dist/components/pages/list-page/table/action-button.js +15 -0
- package/dist/components/pages/list-page/table/action-button.js.map +1 -0
- package/dist/components/pages/list-page/table/confirm-delete.modal.d.ts +6 -0
- package/dist/components/pages/list-page/table/confirm-delete.modal.d.ts.map +1 -0
- package/dist/components/pages/list-page/table/confirm-delete.modal.js +16 -0
- package/dist/components/pages/list-page/table/confirm-delete.modal.js.map +1 -0
- package/dist/components/pages/list-page/table/table-data.d.ts +27 -0
- package/dist/components/pages/list-page/table/table-data.d.ts.map +1 -0
- package/dist/components/pages/list-page/table/table-data.js +57 -0
- package/dist/components/pages/list-page/table/table-data.js.map +1 -0
- package/dist/components/pages/list-page/table/table.d.ts +43 -0
- package/dist/components/pages/list-page/table/table.d.ts.map +1 -0
- package/dist/components/pages/list-page/table/table.js +99 -0
- package/dist/components/pages/list-page/table/table.js.map +1 -0
- package/dist/components/pages/list-page/table/types/index.d.ts +54 -0
- package/dist/components/pages/list-page/table/types/index.d.ts.map +1 -0
- package/dist/components/pages/list-page/table/types/index.js +3 -0
- package/dist/components/pages/list-page/table/types/index.js.map +1 -0
- package/dist/components/pages/list-page/template.d.ts +31 -0
- package/dist/components/pages/list-page/template.d.ts.map +1 -0
- package/dist/components/pages/list-page/template.js +174 -0
- package/dist/components/pages/list-page/template.js.map +1 -0
- package/dist/components/pages/update-data-page/index.d.ts +25 -0
- package/dist/components/pages/update-data-page/index.d.ts.map +1 -0
- package/dist/components/pages/update-data-page/index.js +24 -0
- package/dist/components/pages/update-data-page/index.js.map +1 -0
- package/dist/components/query-boundary.d.ts +81 -0
- package/dist/components/query-boundary.d.ts.map +1 -0
- package/dist/components/query-boundary.js +121 -0
- package/dist/components/query-boundary.js.map +1 -0
- package/dist/components/server/server-query-boundary.d.ts +23 -0
- package/dist/components/server/server-query-boundary.d.ts.map +1 -0
- package/dist/components/server/server-query-boundary.js +36 -0
- package/dist/components/server/server-query-boundary.js.map +1 -0
- package/dist/exports/index.d.ts +11 -0
- package/dist/exports/index.d.ts.map +1 -0
- package/dist/exports/index.js +55 -0
- package/dist/exports/index.js.map +1 -0
- package/dist/hooks/use-update-search-params.d.ts +5 -0
- package/dist/hooks/use-update-search-params.d.ts.map +1 -0
- package/dist/hooks/use-update-search-params.js +13 -0
- package/dist/hooks/use-update-search-params.js.map +1 -0
- package/dist/types/index.d.ts +26 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +3 -0
- package/dist/types/index.js.map +1 -0
- package/package.json +76 -0
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = Table;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const navigation_1 = require("next/navigation");
|
|
9
|
+
const common_1 = require("@nomos-ui/common");
|
|
10
|
+
const lucide_react_1 = require("lucide-react");
|
|
11
|
+
const react_1 = require("react");
|
|
12
|
+
const uuid4_1 = __importDefault(require("uuid4"));
|
|
13
|
+
const navigation_2 = require("next/navigation");
|
|
14
|
+
const table_data_1 = __importDefault(require("./table-data"));
|
|
15
|
+
const action_button_1 = __importDefault(require("./action-button"));
|
|
16
|
+
const confirm_delete_modal_1 = __importDefault(require("./confirm-delete.modal"));
|
|
17
|
+
const tailwind_merge_1 = require("tailwind-merge");
|
|
18
|
+
function Table({ data: responseData, onClickUpdate, fields, selectedItem, setSelectedItem, deleteMutationResult, selectedOptions, setResponseData, onDeleteSuccess, deleteData, actionButtons, defaultActionButtons, }) {
|
|
19
|
+
const pathname = (0, navigation_1.usePathname)();
|
|
20
|
+
const { data, total } = responseData;
|
|
21
|
+
const router = (0, navigation_2.useRouter)();
|
|
22
|
+
(0, react_1.useEffect)(() => {
|
|
23
|
+
setResponseData(responseData);
|
|
24
|
+
}, [responseData]);
|
|
25
|
+
const [selectedItemToOpen, setSelectedItemToOpen] = (0, react_1.useState)();
|
|
26
|
+
const [hoveredRow, setHoveredRow] = (0, react_1.useState)();
|
|
27
|
+
const optionsMenuTrigger = (0, react_1.useRef)(null);
|
|
28
|
+
const searchParams = (0, navigation_1.useSearchParams)();
|
|
29
|
+
const page = Number(searchParams.get("page") || 1);
|
|
30
|
+
const limit = Number(searchParams.get("limit") || 30);
|
|
31
|
+
const [confirmDeleteModalOpen, setConfirmDeleteModalOpen] = (0, react_1.useState)(false);
|
|
32
|
+
function closeActionHoverCard(item) {
|
|
33
|
+
selectedItemToOpen?.id === item?.id || hoveredRow?.id === item?.id
|
|
34
|
+
? setSelectedItemToOpen(null)
|
|
35
|
+
: setSelectedItemToOpen(item);
|
|
36
|
+
}
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(confirm_delete_modal_1.default, { isOpen: confirmDeleteModalOpen, setIsOpen: setConfirmDeleteModalOpen, onChoose: (choice) => {
|
|
38
|
+
if (choice)
|
|
39
|
+
deleteData(selectedItemToOpen)
|
|
40
|
+
.unwrap()
|
|
41
|
+
.then((res) => onDeleteSuccess?.(selectedItemToOpen, res));
|
|
42
|
+
} }), (0, jsx_runtime_1.jsxs)("div", { className: "flex relative border rounded-lg overflow-hidden", children: [(0, jsx_runtime_1.jsxs)("div", { className: "", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-zinc-50 text-zinc-500 rounded-b-none overflow-hidden flex items-center px-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("input", { disabled: true, type: "checkbox", name: "", id: "", className: "size-4 cursor-pointer" }) }), (0, jsx_runtime_1.jsx)("div", { className: `text-left w-9 pl-3.5 font-semibold p-2 opacity-0`, children: "N\u00B0" }), fields?.map((field, i) => {
|
|
43
|
+
if (i === 0)
|
|
44
|
+
return ((0, jsx_runtime_1.jsx)("div", { ...field.props, ...field.headProps, onClick: (e) => field.headProps?.onClick?.(data, field, e), onMouseEnter: (e) => field.headProps?.onMouseEnter?.(data, field, e), onMouseLeave: (e) => field.headProps?.onMouseLeave?.(data, field, e), className: (0, tailwind_merge_1.twMerge)("truncate text-left font-semibold flex items-center px-1 gird gap-1", field.props?.className, field.headProps?.className), children: field.headProps?.transform
|
|
45
|
+
? field.headProps?.transform(data, field)
|
|
46
|
+
: `${field.label} (${total})` }, field.name));
|
|
47
|
+
})] }), data.map((item, i) => ((0, jsx_runtime_1.jsxs)("div", { "data-selected": selectedItemToOpen?.id === item.id || hoveredRow?.id === item.id, onMouseEnter: () => setHoveredRow(item), onMouseLeave: () => setHoveredRow(null), "data-is-last": i === data.length - 1, className: " text-zinc-700 font-base overflow-hidden flex items-center gap- border-t pl-4 data-[is-last=true]:rounded-bl-md hover:bg-sky-100 bg-white data-[selected=true]:bg-sky-100", children: [(0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-2", children: deleteMutationResult.isLoading &&
|
|
48
|
+
deleteMutationResult.originalArgs === item.id ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(lucide_react_1.LoaderCircleIcon, { className: "animate-spin" }) })) : ((0, jsx_runtime_1.jsx)("input", { type: "checkbox", disabled: true, value: selectedItem?.id, onChange: (e) => setSelectedItem(e.target.checked ? item : {}), checked: selectedItem?.id === item.id, name: "item-to-take-action", className: "size-4 cursor-pointer" })) }), (0, jsx_runtime_1.jsx)("div", { className: "text-center w-9 p-2 ", children: i + 1 + (page * limit - limit) })] }), fields?.map((field, j) => {
|
|
49
|
+
if (j === 0)
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)(table_data_1.default, { index: j, field: field, selectedOptions: selectedOptions, availableFields: fields, item: item, className: (0, tailwind_merge_1.twMerge)("w-96 p-2", field.props?.className, field.dataProps?.className) }, j));
|
|
51
|
+
})] }, i)))] }), (0, jsx_runtime_1.jsxs)("div", { className: "overflow-x-auto flex-1 min-w-[600px] mr-[0px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-zinc-50 text-zinc-500 rounded-b-none overflow-hidden flex min-w-fit ", children: fields?.map((field, i) => i > 0 &&
|
|
52
|
+
selectedOptions?.includes(field.name) && ((0, jsx_runtime_1.jsx)("div", { ...field.props, ...field.headProps, onClick: (e) => field.headProps?.onClick?.(data, field, e), onMouseEnter: (e) => field.headProps?.onMouseEnter?.(data, field, e), onMouseLeave: (e) => field.headProps?.onMouseLeave?.(data, field, e), className: (0, tailwind_merge_1.twMerge)("truncate text-left font-semibold flex items-center p-2 w-40 flex-shrink-0", field.props?.className, field.headProps?.className), children: field.headProps?.transform
|
|
53
|
+
? field.headProps?.transform(data, field)
|
|
54
|
+
: field.label }, field.name))) }), data.map((item, i) => ((0, jsx_runtime_1.jsx)("div", { "data-selected": selectedItemToOpen?.id === item.id || hoveredRow?.id === item.id, onMouseEnter: () => setHoveredRow(item), onMouseLeave: () => setHoveredRow(null), className: ` text-zinc-700 overflow-hidden flex items-center gap- ${selectedOptions?.length > 0 && " border-t"} border-l-0 data-[is-last=true]:rounded-br-md min-w-fit hover:bg-sky-100 even:bg-white data-[selected=true]:bg-sky-100`, children: fields?.map((field, i) => i > 0 && ((0, jsx_runtime_1.jsx)(table_data_1.default, { index: i, field: field, availableFields: fields, item: item, selectedOptions: selectedOptions, className: (0, tailwind_merge_1.twMerge)(field.props?.className, field?.dataProps?.className) }, field.name))) }, i)))] }), (0, jsx_runtime_1.jsxs)("div", { className: "sticky right-[0px] bg-background", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-zinc-50 text-zinc-500 rounded-tr-lg rounded-b-none overflow-hidden flex items-center gap- ", children: (0, jsx_runtime_1.jsx)("div", { className: "truncate text-left font-semibold flex items-center p-2 py-[9px] px-4", children: (0, jsx_runtime_1.jsx)(lucide_react_1.SquareMousePointerIcon, { size: 18 }) }) }), data.map((item, i) => ((0, jsx_runtime_1.jsx)("div", { "data-selected": selectedItemToOpen?.id === item.id || hoveredRow?.id === item.id, onMouseEnter: () => setHoveredRow(item), onMouseLeave: () => setHoveredRow(null), "data-is-last": i === data.length - 1, className: " text-zinc-700 font- overflow-hidden flex px-2 items-center gap- border-t data-[is-last=true]:rounded-br-md hover:bg-sky-100 py-0 data-[selected=true]:bg-sky-100", children: fields?.map((_, j) => {
|
|
55
|
+
if (j === 0)
|
|
56
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "", children: [(0, jsx_runtime_1.jsx)("button", { id: item.id, ref: optionsMenuTrigger, "data-selected": selectedItemToOpen?.id === item.id ||
|
|
57
|
+
hoveredRow?.id === item.id, onClick: () => {
|
|
58
|
+
selectedItemToOpen?.id === item.id
|
|
59
|
+
? setSelectedItemToOpen(null)
|
|
60
|
+
: setSelectedItemToOpen(item);
|
|
61
|
+
}, className: "px-2 py-[9px] text-zinc-700 active:opacity-50 h-auto rounded-full data-[selected=true]:bg-zinc-10 option-menu-trigger", children: (0, jsx_runtime_1.jsx)(lucide_react_1.EllipsisVerticalIcon, { size: 18 }) }), (0, jsx_runtime_1.jsxs)(common_1.HoverCard, { open: selectedItemToOpen?.id === item.id, onOpenChange: (val) => !val && setSelectedItem(null), showArrow: false, contentProps: {
|
|
62
|
+
className: "mr-8 -mt-2 px-0 rounded-lg w-fit",
|
|
63
|
+
}, children: [defaultActionButtons?.edit?.hidden !== false && ((0, jsx_runtime_1.jsx)(action_button_1.default, { Icon: lucide_react_1.PencilIcon, ...defaultActionButtons?.edit, onClick: (item, e) => {
|
|
64
|
+
closeActionHoverCard(item);
|
|
65
|
+
if (defaultActionButtons?.edit?.onClick) {
|
|
66
|
+
defaultActionButtons.edit.onClick(item, e);
|
|
67
|
+
}
|
|
68
|
+
else if (onClickUpdate) {
|
|
69
|
+
onClickUpdate(e, item);
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
router.push(`${pathname}/${item?.id}/update`);
|
|
73
|
+
}
|
|
74
|
+
}, item: item, children: defaultActionButtons?.edit?.children
|
|
75
|
+
? defaultActionButtons?.edit?.children
|
|
76
|
+
: "Editar" })), actionButtons?.map((btn) => ((0, jsx_runtime_1.jsx)(action_button_1.default, { item: item, ...btn, onClick: (item, e) => {
|
|
77
|
+
closeActionHoverCard(item);
|
|
78
|
+
btn?.onClick?.(item, e);
|
|
79
|
+
}, children: btn.children }))), defaultActionButtons?.delete?.hidden !== false && ((0, jsx_runtime_1.jsx)(action_button_1.default, { Icon: lucide_react_1.Trash2Icon, ...defaultActionButtons?.delete, onClick: (item, e) => {
|
|
80
|
+
closeActionHoverCard(item);
|
|
81
|
+
if (defaultActionButtons?.delete?.onClick) {
|
|
82
|
+
defaultActionButtons.delete.onClick(item, e);
|
|
83
|
+
}
|
|
84
|
+
else {
|
|
85
|
+
setConfirmDeleteModalOpen(true);
|
|
86
|
+
}
|
|
87
|
+
}, item: item, children: defaultActionButtons?.delete?.children
|
|
88
|
+
? defaultActionButtons?.delete?.children
|
|
89
|
+
: "Deletar" })), defaultActionButtons?.cancel?.hidden !== false && ((0, jsx_runtime_1.jsx)(action_button_1.default, { Icon: lucide_react_1.XIcon, ...defaultActionButtons?.cancel, onClick: (item, e) => {
|
|
90
|
+
setSelectedItemToOpen(null);
|
|
91
|
+
if (defaultActionButtons?.cancel?.onClick) {
|
|
92
|
+
defaultActionButtons.cancel.onClick(item, e);
|
|
93
|
+
}
|
|
94
|
+
}, item: item, children: defaultActionButtons?.cancel?.children
|
|
95
|
+
? defaultActionButtons?.cancel?.children
|
|
96
|
+
: "Cancelar" }))] })] }, (0, uuid4_1.default)()));
|
|
97
|
+
}) }, (0, uuid4_1.default)())))] })] })] }));
|
|
98
|
+
}
|
|
99
|
+
//# sourceMappingURL=table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../../src/components/pages/list-page/table/table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
export type FilterType = "TEXT" | "NUMBER" | "DATE" | "SELECT" | "MULTISELECT" | "BOOLEAN" | "RELATION";
|
|
2
|
+
export type Filter = {
|
|
3
|
+
id: number;
|
|
4
|
+
field: string;
|
|
5
|
+
type: FilterType;
|
|
6
|
+
operator: string;
|
|
7
|
+
value: string | string[] | boolean;
|
|
8
|
+
value2?: string | string[] | boolean;
|
|
9
|
+
};
|
|
10
|
+
export type TableFieldInputType = "text" | "select" | "checkbox" | "relation-picker" | "multi-select" | "number" | "date" | "datetime";
|
|
11
|
+
export type TableField<T> = {
|
|
12
|
+
name: string;
|
|
13
|
+
label: React.ReactNode;
|
|
14
|
+
type: FilterType;
|
|
15
|
+
inputType: TableFieldInputType;
|
|
16
|
+
options?: {
|
|
17
|
+
value: string;
|
|
18
|
+
label: string;
|
|
19
|
+
}[] | string[];
|
|
20
|
+
/**
|
|
21
|
+
* Defines shared props between data and header
|
|
22
|
+
*
|
|
23
|
+
* PS: the `transform|onClick|onMouseEnter|onMouseLeave` prop here only works for data
|
|
24
|
+
*/
|
|
25
|
+
props?: {
|
|
26
|
+
transform?: (data: T) => React.ReactNode;
|
|
27
|
+
onClick?: (data: T, field: TableField<T>, e: any) => any;
|
|
28
|
+
onMouseEnter?: (data: T, field: TableField<T>, e: any) => any;
|
|
29
|
+
onMouseLeave?: (data: T, field: TableField<T>, e: any) => any;
|
|
30
|
+
} & Omit<React.ComponentProps<"div">, "children" | "onClick" | "onMouseEnter" | "onMouseLeave">;
|
|
31
|
+
/**
|
|
32
|
+
* Defines props only for the head of the table
|
|
33
|
+
*
|
|
34
|
+
* This will take precedence of the shared `props`
|
|
35
|
+
*/
|
|
36
|
+
headProps?: {
|
|
37
|
+
transform?: (data: T[], field: TableField<T>) => React.ReactNode;
|
|
38
|
+
onClick?: (data: T[], field: TableField<T>, e: any) => any;
|
|
39
|
+
onMouseEnter?: (data: T[], field: TableField<T>, e: any) => any;
|
|
40
|
+
onMouseLeave?: (data: T[], field: TableField<T>, e: any) => any;
|
|
41
|
+
} & Omit<React.ComponentProps<"div">, "children">;
|
|
42
|
+
/**
|
|
43
|
+
* Defines props only for the data of the table
|
|
44
|
+
*
|
|
45
|
+
* This will take precedence of the shared `props`
|
|
46
|
+
*/
|
|
47
|
+
dataProps?: {
|
|
48
|
+
transform?: (data: T) => React.ReactNode;
|
|
49
|
+
onClick?: (data: T, field: TableField<T>, e: any) => any;
|
|
50
|
+
onMouseEnter?: (data: T, field: TableField<T>, e: any) => any;
|
|
51
|
+
onMouseLeave?: (data: T, field: TableField<T>, e: any) => any;
|
|
52
|
+
} & Omit<React.ComponentProps<"div">, "children">;
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/list-page/table/types/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/pages/list-page/table/types/index.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ListPageProps } from "./list-page";
|
|
2
|
+
import { TableField } from "./table/types";
|
|
3
|
+
import { BaseData, TableActionTypes } from "./table/table";
|
|
4
|
+
export type ListPageTemplateProps<T extends BaseData> = {
|
|
5
|
+
title?: string;
|
|
6
|
+
name: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
getQuery?: "useGetOne" | "useGetMany";
|
|
9
|
+
params?: Record<string, any>;
|
|
10
|
+
LoadingComponent?: React.ComponentType;
|
|
11
|
+
ListRenderItem?: React.ComponentType;
|
|
12
|
+
ListRenderItemContent?: React.ComponentType;
|
|
13
|
+
ListComponent?: React.ComponentType<any>;
|
|
14
|
+
listComponentProps?: Record<string, any>;
|
|
15
|
+
queryComponentProps?: Record<string, any>;
|
|
16
|
+
itemIcon?: React.ReactNode;
|
|
17
|
+
createScreen?: string;
|
|
18
|
+
hideItem?: boolean;
|
|
19
|
+
onClickUpdate?: (e: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>, item: T) => void;
|
|
20
|
+
onClickCreate?: (e: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>) => void;
|
|
21
|
+
itemOptionsConfig?: Record<string, any>;
|
|
22
|
+
topButtons?: React.ReactNode[];
|
|
23
|
+
fields?: TableField<T>[];
|
|
24
|
+
onDeleteSuccess?: (deleteItem: T, res?: any) => void;
|
|
25
|
+
cleanDataForTemplate?: (data: T) => Promise<Partial<T>>;
|
|
26
|
+
tableContainerProps?: React.ComponentProps<"div">;
|
|
27
|
+
CreateDataModal?: React.ElementType;
|
|
28
|
+
UpdateDataModal?: React.ElementType;
|
|
29
|
+
} & React.ComponentProps<"div"> & TableActionTypes<T>;
|
|
30
|
+
export default function ListPageTemplate<T extends BaseData>({ name, LoadingComponent, params, getQuery, onClickUpdate, ListComponent, listComponentProps, queryComponentProps, topButtons, onClickCreate, fields, onDeleteSuccess, cleanDataForTemplate, className, tableContainerProps, CreateDataModal, UpdateDataModal, actionButtons, defaultActionButtons, }: ListPageTemplateProps<T> & Partial<ListPageProps<T>>): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
//# sourceMappingURL=template.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../../src/components/pages/list-page/template.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAc,EAAE,QAAQ,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAS9E,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,QAAQ,IAAI;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5C,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACzC,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CACd,CAAC,EACG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GACnC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EACvC,IAAI,EAAE,CAAC,KACJ,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,CACd,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KACzE,IAAI,CAAC;IACV,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/B,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACxD,mBAAmB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAClD,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACrC,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC7B,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,SAAS,QAAQ,EAAE,EAC3D,IAAI,EACJ,gBAAgB,EAChB,MAAW,EACX,QAAQ,EACR,aAAa,EACb,aAAa,EACb,kBAAuB,EACvB,mBAAwB,EACxB,UAAU,EACV,aAAa,EACb,MAAW,EACX,eAA8B,EAC9B,oBAA2C,EAC3C,SAAS,EACT,mBAAmB,EACnB,eAAe,EACf,eAAe,EACf,aAAa,EACb,oBAAoB,GACrB,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,2CAoStD"}
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.default = ListPageTemplate;
|
|
8
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
|
+
const react_1 = require("react");
|
|
10
|
+
const change_case_all_1 = require("change-case-all");
|
|
11
|
+
const navigation_1 = require("next/navigation");
|
|
12
|
+
const pluralize_1 = require("pluralize");
|
|
13
|
+
const query_boundary_1 = __importDefault(require("../../query-boundary"));
|
|
14
|
+
const table_1 = __importDefault(require("./table/table"));
|
|
15
|
+
const form_1 = require("@nomos-ui/form");
|
|
16
|
+
const common_1 = require("@nomos-ui/common");
|
|
17
|
+
const api_provider_1 = require("../../api-provider");
|
|
18
|
+
const lucide_react_1 = require("lucide-react");
|
|
19
|
+
const header_action_buttons_1 = __importDefault(require("./header-action-buttons"));
|
|
20
|
+
const use_update_search_params_1 = __importDefault(require("../../../hooks/use-update-search-params"));
|
|
21
|
+
const tailwind_merge_1 = require("tailwind-merge");
|
|
22
|
+
function ListPageTemplate({ name, LoadingComponent, params = {}, getQuery, onClickUpdate, ListComponent, listComponentProps = {}, queryComponentProps = {}, topButtons, onClickCreate, fields = [], onDeleteSuccess = (item) => { }, cleanDataForTemplate = async (data) => data, className, tableContainerProps, CreateDataModal, UpdateDataModal, actionButtons, defaultActionButtons, }) {
|
|
23
|
+
const isFirstRender = (0, react_1.useRef)(false);
|
|
24
|
+
(0, react_1.useEffect)(() => {
|
|
25
|
+
isFirstRender.current = true;
|
|
26
|
+
});
|
|
27
|
+
const [queryParams, setQueryParams] = (0, react_1.useState)({});
|
|
28
|
+
const [selectedItem, setSelectedItem] = (0, react_1.useState)({});
|
|
29
|
+
const api = (0, api_provider_1.useApi)();
|
|
30
|
+
const [deleteData, deleteMutationResult] = api[(0, change_case_all_1.camelCase)((0, pluralize_1.singular)(name))].useDeleteOne();
|
|
31
|
+
const [selectedOptions, setSelectedOptions] = (0, react_1.useState)(fields.map((field) => field.name));
|
|
32
|
+
const searchParams = (0, navigation_1.useSearchParams)();
|
|
33
|
+
const [responseData, setResponseData] = (0, react_1.useState)();
|
|
34
|
+
let total = 1;
|
|
35
|
+
if (responseData)
|
|
36
|
+
({ total } = responseData);
|
|
37
|
+
const updateSearchParams = (0, use_update_search_params_1.default)();
|
|
38
|
+
const [page, setPage] = (0, react_1.useState)(Number(searchParams.get("page") || 1));
|
|
39
|
+
const [filterName, setFilterName] = (0, react_1.useState)(String(searchParams.get("filterName") || fields?.[0]?.label));
|
|
40
|
+
const [limit, setLimit] = (0, react_1.useState)(Number(searchParams.get("limit") || 18));
|
|
41
|
+
const [searchTerm, setSearchTerm] = (0, react_1.useState)(searchParams.get("search") || "");
|
|
42
|
+
const [searchQuery, setSearchQuery] = (0, react_1.useState)({});
|
|
43
|
+
(0, react_1.useEffect)(() => {
|
|
44
|
+
updateSearchParams([{ name: "page", value: String(page) }]);
|
|
45
|
+
}, [page]);
|
|
46
|
+
(0, react_1.useEffect)(() => {
|
|
47
|
+
updateSearchParams([{ name: "limit", value: String(limit) }]);
|
|
48
|
+
}, [limit]);
|
|
49
|
+
(0, react_1.useEffect)(() => {
|
|
50
|
+
if (isFirstRender.current === false)
|
|
51
|
+
setPage(1);
|
|
52
|
+
}, [queryParams]);
|
|
53
|
+
const filterField = (0, react_1.useMemo)(() => {
|
|
54
|
+
const field = fields.find((field) => field.label === filterName);
|
|
55
|
+
const { type, inputType } = field;
|
|
56
|
+
let input;
|
|
57
|
+
let getSearchValue = (value) => String(value).split(" ").join(" | ");
|
|
58
|
+
let formatSearchQuery = (value) => {
|
|
59
|
+
setSearchQuery({
|
|
60
|
+
[field.name]: {
|
|
61
|
+
contains: String(value).split(" ").join(" | "),
|
|
62
|
+
mode: "insensitive",
|
|
63
|
+
},
|
|
64
|
+
});
|
|
65
|
+
};
|
|
66
|
+
switch (type) {
|
|
67
|
+
case "TEXT":
|
|
68
|
+
case "NUMBER":
|
|
69
|
+
if (type === "NUMBER")
|
|
70
|
+
formatSearchQuery = (value) => {
|
|
71
|
+
setSearchQuery({
|
|
72
|
+
[field.name]: Number(value),
|
|
73
|
+
});
|
|
74
|
+
};
|
|
75
|
+
case "DATE":
|
|
76
|
+
if (type === "DATE")
|
|
77
|
+
formatSearchQuery = (value) => {
|
|
78
|
+
const startDate = new Date(value);
|
|
79
|
+
startDate.setDate(startDate.getDate() - 1);
|
|
80
|
+
const endDate = new Date(value);
|
|
81
|
+
endDate.setDate(endDate.getDate() + 1);
|
|
82
|
+
setSearchQuery({
|
|
83
|
+
[field.name]: {
|
|
84
|
+
lte: endDate.toISOString(),
|
|
85
|
+
gte: startDate.toISOString(),
|
|
86
|
+
},
|
|
87
|
+
});
|
|
88
|
+
};
|
|
89
|
+
input = ((0, jsx_runtime_1.jsx)(form_1.Input, { className: "block w-full flex-1 max-w-80", inputClassName: "h-8 w-full w-96", type: inputType, value: searchTerm, onChange: (value) => {
|
|
90
|
+
setSearchTerm(value);
|
|
91
|
+
if (!value) {
|
|
92
|
+
updateSearchParams([{ name: "search", value: "" }]);
|
|
93
|
+
setPage(1);
|
|
94
|
+
}
|
|
95
|
+
}, onKeyDown: (e) => {
|
|
96
|
+
if (e.key === "Enter") {
|
|
97
|
+
updateSearchParams([
|
|
98
|
+
{
|
|
99
|
+
name: "search",
|
|
100
|
+
value: getSearchValue(e.currentTarget.value),
|
|
101
|
+
},
|
|
102
|
+
]);
|
|
103
|
+
formatSearchQuery(e.currentTarget.value);
|
|
104
|
+
setPage(1);
|
|
105
|
+
}
|
|
106
|
+
}, placeholder: `Pesquisar por ${filterName}` }));
|
|
107
|
+
break;
|
|
108
|
+
}
|
|
109
|
+
return { input, field };
|
|
110
|
+
}, [filterName, searchTerm]);
|
|
111
|
+
const [modalIsOpen, setModalIsOpen] = (0, react_1.useState)(false);
|
|
112
|
+
const [updateModalIsOpen, setUpdateModalIsOpen] = (0, react_1.useState)(false);
|
|
113
|
+
const [idToUpdate, setIdToUpdate] = (0, react_1.useState)("");
|
|
114
|
+
function modalOnClickCreate(e) {
|
|
115
|
+
if (CreateDataModal) {
|
|
116
|
+
e.preventDefault();
|
|
117
|
+
setModalIsOpen(true);
|
|
118
|
+
}
|
|
119
|
+
onClickCreate?.(e);
|
|
120
|
+
}
|
|
121
|
+
function modalOnUpdate(e, data) {
|
|
122
|
+
if (UpdateDataModal) {
|
|
123
|
+
e.preventDefault();
|
|
124
|
+
setUpdateModalIsOpen(true);
|
|
125
|
+
setIdToUpdate(data.id);
|
|
126
|
+
}
|
|
127
|
+
onClickUpdate?.(e, data);
|
|
128
|
+
}
|
|
129
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("", className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex small-sm:items-center items-end justify-between gap-2 small-sm:gap-4 small-sm:mb-0 mb-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center small-sm:mb-2", children: [(0, jsx_runtime_1.jsx)(form_1.Select, { placeholder: "Filtrar Por", triggerProps: {
|
|
130
|
+
className: "w-[150px]",
|
|
131
|
+
}, value: filterName || "max-h-8", onChange: (value) => setFilterName(value), options: fields.map(({ label }) => ({
|
|
132
|
+
value: label?.toString() || "",
|
|
133
|
+
label: label?.toString() || "",
|
|
134
|
+
})) }), filterField.input] }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-start gap-2 justify-center ", children: (0, jsx_runtime_1.jsx)(header_action_buttons_1.default, { topButtons: topButtons, onClickCreate: modalOnClickCreate }) })] }), (0, jsx_runtime_1.jsx)("div", { ...tableContainerProps, className: (0, tailwind_merge_1.twMerge)("", tableContainerProps?.className), children: (0, jsx_runtime_1.jsx)(query_boundary_1.default, { name: (0, change_case_all_1.camelCase)(name), ...queryComponentProps, successComponentProps: {
|
|
135
|
+
...listComponentProps,
|
|
136
|
+
name,
|
|
137
|
+
onClickUpdate: modalOnUpdate,
|
|
138
|
+
selectedItem,
|
|
139
|
+
setSelectedItem,
|
|
140
|
+
fields,
|
|
141
|
+
deleteMutationResult,
|
|
142
|
+
selectedOptions,
|
|
143
|
+
setResponseData,
|
|
144
|
+
onClickCreate: modalOnClickCreate,
|
|
145
|
+
onDeleteSuccess,
|
|
146
|
+
cleanDataForTemplate,
|
|
147
|
+
deleteData,
|
|
148
|
+
defaultActionButtons,
|
|
149
|
+
actionButtons,
|
|
150
|
+
}, SuccessComponent: ListComponent || (table_1.default), notFoundMessage: `Não foi encontrando nenhuma lista!`, noResourcesMessage: `Não foi encontrando nenhum dado`, errorMessage: "Ocorreu um erro carregando a lista!", showReloadAgainButton: false,
|
|
151
|
+
// LoadingComponent={
|
|
152
|
+
// LoadingComponent || TableShimmer || PageLoadingSpinner
|
|
153
|
+
// }
|
|
154
|
+
query: getQuery || "useGetMany", params: {
|
|
155
|
+
limit,
|
|
156
|
+
page,
|
|
157
|
+
...(searchParams.get("search") && searchQuery),
|
|
158
|
+
...params,
|
|
159
|
+
...(Object.keys(queryParams || {}).length > 0 && {
|
|
160
|
+
...queryParams,
|
|
161
|
+
filterMode: "AND",
|
|
162
|
+
}),
|
|
163
|
+
} }) }), (0, jsx_runtime_1.jsx)("div", { className: "pt-1 flex w-full justify-end mb-1 mt-auto", children: responseData && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center small:justify-end justify-between gap-2 mr-4", children: [(0, jsx_runtime_1.jsx)("p", { className: "small-sm:block hidden", children: "Linhas por p\u00E1gina" }), " ", (0, jsx_runtime_1.jsx)(form_1.Select, { value: String(limit), onChange: setLimit, options: [
|
|
164
|
+
{ label: "18", value: "18" },
|
|
165
|
+
...((total >= 36 && [{ label: "36", value: "36" }]) || []),
|
|
166
|
+
...((total >= 72 && [{ label: "72", value: "72" }]) || []),
|
|
167
|
+
...((total >= 144 && [{ label: "144", value: "144" }]) || []),
|
|
168
|
+
{ label: "Todos", value: String(Math.max(total, 1000)) },
|
|
169
|
+
], className: "mr-4" }), (0, jsx_runtime_1.jsxs)("div", { children: [limit * page - limit + 1, " -", " ", limit * page >= total ? total : limit * page, " de ", total] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 items-center", children: [(0, jsx_runtime_1.jsx)(common_1.Button, { disabled: page === 1, onClick: () => setPage(page - 1), className: "px-0 aspect-square", size: "sm", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeftIcon, {}) }), (0, jsx_runtime_1.jsx)("div", { className: "aspect-square w-4 flex items-center justify-center", children: page }), (0, jsx_runtime_1.jsx)(common_1.Button, { size: "sm", disabled: limit * page >= total, onClick: () => setPage(page + 1), className: "px-0 aspect-square", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRightIcon, {}) })] })] })) })] }), CreateDataModal && ((0, jsx_runtime_1.jsx)(CreateDataModal, { isOpen: modalIsOpen, setIsOpen: setModalIsOpen })), UpdateDataModal && ((0, jsx_runtime_1.jsx)(UpdateDataModal, { id: idToUpdate, isOpen: updateModalIsOpen, setIsOpen: setUpdateModalIsOpen }))] }));
|
|
170
|
+
}
|
|
171
|
+
const TableShimmer = () => {
|
|
172
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "w-full animate-pulse mt-2 border rounded-md overflow-hidden", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center border-b border-gray-200 py-3 border-t px-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-10 h-5 flex-shrink-0 ", children: (0, jsx_runtime_1.jsx)("div", { className: "w-4 h-4 bg-gray-200 rounded" }) }), (0, jsx_runtime_1.jsx)("div", { className: " h-5 bg-gray-200 rounded flex-shrink-0 mr-4" }), (0, jsx_runtime_1.jsx)("div", { className: "h-5 bg-gray-200 rounded flex-shrink-0 mr-4 w-[440px]" }), (0, jsx_runtime_1.jsx)("div", { className: "w-28 h-5 bg-gray-200 rounded flex-shrink-0 mr-4" }), (0, jsx_runtime_1.jsx)("div", { className: "w-28 h-5 bg-gray-200 rounded flex-shrink-0 mr-4" }), (0, jsx_runtime_1.jsx)("div", { className: "w-28 h-5 bg-gray-200 rounded flex-shrink-0 mr-4" }), (0, jsx_runtime_1.jsx)("div", { className: "w-28 h-5 bg-gray-200 rounded flex-shrink-0 mr-4" }), (0, jsx_runtime_1.jsx)("div", { className: "w-28 h-5 bg-gray-200 rounded flex-shrink-0 mr-4" }), (0, jsx_runtime_1.jsx)("div", { className: "w-28 h-5 bg-gray-200 rounded flex-shrink-0 mr-4" }), (0, jsx_runtime_1.jsx)("div", { className: "w-28 h-5 bg-gray-200 rounded flex-shrink-0 mr-4" }), (0, jsx_runtime_1.jsx)("div", { className: "w-32 h-5 bg-gray-200 rounded flex-shrink-0" })] }), [...Array(10)].map((_, rowIndex) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center py-3 border-b border-gray-200 px-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-10 h-5 flex-shrink-0 mr-4", children: (0, jsx_runtime_1.jsx)("div", { className: "w-4 h-4 bg-gray-200 rounded" }) }), (0, jsx_runtime_1.jsx)("div", { className: "h-5 bg-gray-200 rounded flex-shrink-0 mr-4 w-[440px]" }), (0, jsx_runtime_1.jsx)("div", { className: "w-28 h-5 bg-gray-200 rounded flex-shrink-0 mr-4" }), (0, jsx_runtime_1.jsx)("div", { className: "w-28 h-5 bg-gray-200 rounded flex-shrink-0 mr-4" }), (0, jsx_runtime_1.jsx)("div", { className: "w-28 h-5 bg-gray-200 rounded flex-shrink-0 mr-4" }), (0, jsx_runtime_1.jsx)("div", { className: "w-28 h-5 bg-gray-200 rounded flex-shrink-0 mr-4" }), (0, jsx_runtime_1.jsx)("div", { className: "w-28 h-5 bg-gray-200 rounded flex-shrink-0 mr-4" }), (0, jsx_runtime_1.jsx)("div", { className: "w-28 h-5 bg-gray-200 rounded flex-shrink-0 mr-4" }), (0, jsx_runtime_1.jsx)("div", { className: "w-28 h-5 bg-gray-200 rounded flex-shrink-0 mr-4" }), (0, jsx_runtime_1.jsx)("div", { className: "w-32 h-5 bg-gray-200 rounded flex-shrink-0" })] }, `row-${rowIndex}`)))] }));
|
|
173
|
+
};
|
|
174
|
+
//# sourceMappingURL=template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/components/pages/list-page/template.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
type UpdateDataComponentProps = {
|
|
4
|
+
id?: string | number;
|
|
5
|
+
name: string;
|
|
6
|
+
Form: (props: any) => React.JSX.Element;
|
|
7
|
+
updateMutation?: string;
|
|
8
|
+
title: string;
|
|
9
|
+
description: string;
|
|
10
|
+
keepIsLoading?: boolean;
|
|
11
|
+
requiredData?: Record<string, any>;
|
|
12
|
+
showAlertAfterSuccessUpdate?: boolean;
|
|
13
|
+
doAfterSuccessUpdate?: (x: any) => Promise<any> | any;
|
|
14
|
+
cleanDataBeforeUpdate?: (data: any) => any;
|
|
15
|
+
className?: string;
|
|
16
|
+
schema: z.ZodObject<any>;
|
|
17
|
+
topButtons?: any;
|
|
18
|
+
formProps: {
|
|
19
|
+
buttonLabel: string;
|
|
20
|
+
className?: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
export default function UpdateDataPage({ name, title, description, keepIsLoading, requiredData, schema, formProps, topButtons, ...props }: UpdateDataComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/pages/update-data-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAKxB,KAAK,wBAAwB,GAAG;IAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IACtD,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,SAAS,EAAE;QACT,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,aAAa,EACb,YAAY,EACZ,MAAM,EACN,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAyC1B"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = UpdateDataPage;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const navigation_1 = require("next/navigation");
|
|
9
|
+
const update_data_wrapper_1 = __importDefault(require("../../data-manipulation/update-data-wrapper"));
|
|
10
|
+
const page_title_and_description_1 = __importDefault(require("../components/page-title-and-description"));
|
|
11
|
+
function UpdateDataPage({ name, title, description, keepIsLoading, requiredData, schema, formProps, topButtons, ...props }) {
|
|
12
|
+
const { id } = (0, navigation_1.useParams)();
|
|
13
|
+
const pathname = (0, navigation_1.usePathname)();
|
|
14
|
+
const listHref = pathname.split("/");
|
|
15
|
+
listHref.pop();
|
|
16
|
+
listHref.pop();
|
|
17
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "grid md:gap-4 gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex justify-between items-center", children: (0, jsx_runtime_1.jsx)(page_title_and_description_1.default, { title: title, description: description }) }), (0, jsx_runtime_1.jsx)("div", { className: "bg-background rounded-lg lg:h-[calc(100vh-154px)] h-[calc(100vh-140px)] md:p-4 p-2 border-input border", children: (0, jsx_runtime_1.jsx)("div", { className: "main-container-content", children: (0, jsx_runtime_1.jsx)(update_data_wrapper_1.default, { ...props, id: id, name: name, formProps: {
|
|
18
|
+
...formProps,
|
|
19
|
+
keepIsLoading: keepIsLoading,
|
|
20
|
+
requiredData: requiredData,
|
|
21
|
+
schema: schema,
|
|
22
|
+
} }) }) })] }));
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/pages/update-data-page/index.tsx"],"names":[],"mappings":";;;;;AA2BA,iCAmDC;;AA5ED,gDAAyD;AACzD,sGAA4E;AAC5E,0GAA+E;AAuB/E,SAAwB,cAAc,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,aAAa,EACb,YAAY,EACZ,MAAM,EACN,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACiB;IACzB,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,sBAAS,GAAE,CAAC;IAC3B,MAAM,QAAQ,GAAG,IAAA,wBAAW,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACrC,QAAQ,CAAC,GAAG,EAAE,CAAC;IACf,QAAQ,CAAC,GAAG,EAAE,CAAC;IAEf,OAAO,CACL,iCAAK,SAAS,EAAC,qBAAqB,aAClC,gCAAK,SAAS,EAAC,mCAAmC,YAChD,uBAAC,oCAAuB,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,GAAI,GAa/D,EACN,gCAAK,SAAS,EAAC,wGAAwG,YACrH,gCAAK,SAAS,EAAC,wBAAwB,YACrC,uBAAC,6BAAiB,OACZ,KAAK,EACT,EAAE,EAAE,EAAY,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE;4BACT,GAAG,SAAS;4BACZ,aAAa,EAAE,aAAa;4BAC5B,YAAY,EAAE,YAAY;4BAC1B,MAAM,EAAE,MAAM;yBACf,GACD,GACE,GACF,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { ElementType } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Standard response format for API data
|
|
4
|
+
* @template T The type of data being returned
|
|
5
|
+
*/
|
|
6
|
+
export interface ApiDataResponse<T> {
|
|
7
|
+
/** The actual data returned from the API */
|
|
8
|
+
data: T;
|
|
9
|
+
/** Optional total count of all available records */
|
|
10
|
+
total?: number;
|
|
11
|
+
/** Optional count of results in the current response */
|
|
12
|
+
results?: number;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Props passed to the success component
|
|
16
|
+
* @template DataType The type of data being displayed
|
|
17
|
+
* @template AdditionalProps Additional props specific to the success component
|
|
18
|
+
*/
|
|
19
|
+
export type SuccessComponentProps<DataType, AdditionalProps extends Record<string, any> = Record<string, any>> = AdditionalProps & {
|
|
20
|
+
/** Callback function triggered when the end of the content is reached */
|
|
21
|
+
handleEndReached: () => void;
|
|
22
|
+
/** Function to trigger a data refresh */
|
|
23
|
+
triggerRefetch: () => void;
|
|
24
|
+
/** The API response data */
|
|
25
|
+
data: ApiDataResponse<DataType>;
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* Props for the QueryBoundary
|
|
29
|
+
* @template DataType The type of data being queried
|
|
30
|
+
* @template PassedSuccessComponentProps Additional props for the success component
|
|
31
|
+
*/
|
|
32
|
+
interface QueryBoundaryProps<DataType, PassedSuccessComponentProps> {
|
|
33
|
+
/** Name of the resource to be fetched in camelCase and singular */
|
|
34
|
+
name: string;
|
|
35
|
+
/** Error message to display when data fetch fails */
|
|
36
|
+
errorMessage?: string;
|
|
37
|
+
/** Message to display when no resources exist */
|
|
38
|
+
noResourcesMessage?: string;
|
|
39
|
+
/** Message to display when no data is found */
|
|
40
|
+
notFoundMessage?: string;
|
|
41
|
+
/** Component to render when data is successfully loaded */
|
|
42
|
+
SuccessComponent: ElementType;
|
|
43
|
+
/** Component to render during loading state */
|
|
44
|
+
LoadingComponent?: React.ReactNode;
|
|
45
|
+
/** The query key/name from the RTK Query API */
|
|
46
|
+
query: "useGetOne" | "useGetMany";
|
|
47
|
+
/** Parameters to pass to the query */
|
|
48
|
+
params?: Record<string, any> | string | number;
|
|
49
|
+
/** Whether to show the reload button */
|
|
50
|
+
showReloadAgainButton?: boolean;
|
|
51
|
+
/** Class name for the success component wrapper */
|
|
52
|
+
successComponentWrapperClassName?: string;
|
|
53
|
+
/** Additional props to pass to the success component */
|
|
54
|
+
successComponentProps?: Partial<PassedSuccessComponentProps>;
|
|
55
|
+
/** Whether to load more data when reaching the end */
|
|
56
|
+
loadMoreOnEndReach?: boolean;
|
|
57
|
+
/** Class name for the loading component */
|
|
58
|
+
loadingComponentClassName?: string;
|
|
59
|
+
/** Interval in milliseconds to automatically reload data */
|
|
60
|
+
reloadAgainAfter?: number;
|
|
61
|
+
}
|
|
62
|
+
/**
|
|
63
|
+
* A component that handles data fetching, loading states, pagination, and error handling
|
|
64
|
+
*
|
|
65
|
+
* @template DataType The type of data being queried
|
|
66
|
+
* @template PassedSuccessComponentProps Additional props for the success component
|
|
67
|
+
*
|
|
68
|
+
* @example
|
|
69
|
+
* ```tsx
|
|
70
|
+
* // Basic usage with a UserList component
|
|
71
|
+
* <QueryBoundary
|
|
72
|
+
* query="useGetUsersQuery"
|
|
73
|
+
* SuccessComponent={UserList}
|
|
74
|
+
* errorMessage="Erro ao carregar usuários"
|
|
75
|
+
* />
|
|
76
|
+
*
|
|
77
|
+
* ```
|
|
78
|
+
*/
|
|
79
|
+
export default function QueryBoundary<DataType, PassedSuccessComponentProps>({ name, errorMessage, noResourcesMessage, notFoundMessage, SuccessComponent, LoadingComponent, query, params, showReloadAgainButton, successComponentWrapperClassName, successComponentProps, loadMoreOnEndReach, loadingComponentClassName, reloadAgainAfter, }: QueryBoundaryProps<DataType, PassedSuccessComponentProps>): import("react/jsx-runtime").JSX.Element | null;
|
|
80
|
+
export {};
|
|
81
|
+
//# sourceMappingURL=query-boundary.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"query-boundary.d.ts","sourceRoot":"","sources":["../../src/components/query-boundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAuB,MAAM,OAAO,CAAC;AAezD;;;GAGG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,4CAA4C;IAC5C,IAAI,EAAE,CAAC,CAAC;IACR,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,CAC/B,QAAQ,EACR,eAAe,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAC/D,eAAe,GAAG;IACpB,yEAAyE;IACzE,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,yCAAyC;IACzC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,4BAA4B;IAC5B,IAAI,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;CACjC,CAAC;AAgBF;;;;GAIG;AACH,UAAU,kBAAkB,CAAC,QAAQ,EAAE,2BAA2B;IAChE,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,gBAAgB,EAAE,WAAW,CAAC;IAC9B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,gDAAgD;IAChD,KAAK,EAAE,WAAW,GAAG,YAAY,CAAC;IAClC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/C,wCAAwC;IACxC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mDAAmD;IACnD,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C,wDAAwD;IACxD,qBAAqB,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAC;IAC7D,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,2CAA2C;IAC3C,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,QAAQ,EAAE,2BAA2B,EAAE,EAC3E,IAAI,EACJ,YAAmD,EACnD,kBAAoD,EACpD,eAAmD,EACnD,gBAAgB,EAChB,gBAIC,EACD,KAAK,EACL,MAAW,EACX,qBAA4B,EAC5B,gCAAgC,EAChC,qBAAqB,EACrB,kBAAyB,EACzB,yBAAyB,EACzB,gBAAoB,GACrB,EAAE,kBAAkB,CAAC,QAAQ,EAAE,2BAA2B,CAAC,kDAiJ3D"}
|