@premieroctet/next-admin
Version:
Next-Admin provides a customizable and turnkey admin dashboard for applications built with Next.js and powered by the Prisma ORM. It aims to simplify the development process by providing a turnkey admin system that can be easily integrated into your proje
87 lines (86 loc) • 3.93 kB
JavaScript
;
var __webpack_require__ = {};
(()=>{
__webpack_require__.n = (module)=>{
var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
__webpack_require__.d(getter, {
a: getter
});
return getter;
};
})();
(()=>{
__webpack_require__.d = (exports1, definition)=>{
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
enumerable: true,
get: definition[key]
});
};
})();
(()=>{
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
})();
(()=>{
__webpack_require__.r = (exports1)=>{
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
value: 'Module'
});
Object.defineProperty(exports1, '__esModule', {
value: true
});
};
})();
var __webpack_exports__ = {};
__webpack_require__.r(__webpack_exports__);
__webpack_require__.d(__webpack_exports__, {
default: ()=>MultiSelect_MultiSelectDisplayTable
});
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
const ConfigContext_js_namespaceObject = require("../../../context/ConfigContext.js");
const useDataColumns_js_namespaceObject = require("../../../hooks/useDataColumns.js");
var useDataColumns_js_default = /*#__PURE__*/ __webpack_require__.n(useDataColumns_js_namespaceObject);
const external_DataTable_js_namespaceObject = require("../../DataTable.js");
const useLocalPagination_js_namespaceObject = require("../../../hooks/useLocalPagination.js");
var useLocalPagination_js_default = /*#__PURE__*/ __webpack_require__.n(useLocalPagination_js_namespaceObject);
const external_Pagination_js_namespaceObject = require("../../Pagination.js");
const MultiSelectDisplayTable = ({ formData, schema, deletable, onRemoveClick, pagination, rawData })=>{
const { resourcesIdProperty } = (0, ConfigContext_js_namespaceObject.useConfig)();
const { dataToRender, handlePageChange, totalPages, pageIndex } = useLocalPagination_js_default()(formData, pagination ? pagination.perPage ?? 20 : void 0);
const columns = useDataColumns_js_default()({
data: dataToRender?.map((data)=>data.data),
sortable: false,
resourcesIdProperty: resourcesIdProperty,
resource: schema.items?.relation,
rawData
});
return formData?.map((data)=>data.data).length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
className: "flex flex-col gap-2",
children: [
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DataTable_js_namespaceObject.DataTable, {
columns: columns,
data: dataToRender?.map((data)=>data.data),
resource: schema.items?.relation,
resourcesIdProperty: resourcesIdProperty,
rowSelection: {},
deletable: deletable,
onRemoveClick: onRemoveClick
}),
!!pagination && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
className: "self-end",
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Pagination_js_namespaceObject.Pagination, {
currentPageIndex: pageIndex,
totalPageCount: totalPages,
onPageChange: handlePageChange
})
})
]
});
};
const MultiSelect_MultiSelectDisplayTable = MultiSelectDisplayTable;
exports["default"] = __webpack_exports__["default"];
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
"default"
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
Object.defineProperty(exports, '__esModule', {
value: true
});