@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
104 lines (103 loc) • 4.04 kB
JavaScript
"use client";
;
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: ()=>Filters
});
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
const external_clsx_namespaceObject = require("clsx");
var external_clsx_default = /*#__PURE__*/ __webpack_require__.n(external_clsx_namespaceObject);
const external_react_namespaceObject = require("react");
const useRouterInternal_js_namespaceObject = require("../hooks/useRouterInternal.js");
const external_Badge_js_namespaceObject = require("./Badge.js");
var external_Badge_js_default = /*#__PURE__*/ __webpack_require__.n(external_Badge_js_namespaceObject);
const Filters_Filters = ({ filters, ...props })=>{
const { router, query } = (0, useRouterInternal_js_namespaceObject.useRouterInternal)();
const fetchUrlFilter = ()=>{
try {
if (!query?.filters) return filters;
{
const urlFilter = JSON.parse(query.filters);
return filters?.map((filter)=>({
...filter,
active: urlFilter.includes(filter.name)
}));
}
} catch {
return filters;
}
};
const [currentFilters, setCurrentFilters] = (0, external_react_namespaceObject.useState)(fetchUrlFilter);
(0, external_react_namespaceObject.useEffect)(()=>{
setCurrentFilters(fetchUrlFilter());
}, [
query?.filters
]);
const toggleFilter = (name)=>{
const toggledFilter = filters?.find((filter)=>filter.name === name);
if (!toggledFilter) return;
const newFiltersNames = currentFilters?.map((filter)=>{
let isActive = filter.active;
if (filter.name === name) isActive = !filter.active;
if (filter.name !== toggledFilter.name && filter.group === toggledFilter.group) isActive = false;
return {
...filter,
active: isActive
};
}).filter((filter)=>filter.active).map((filter)=>filter.name);
router?.setQuery({
...query,
page: 1,
filters: JSON.stringify(newFiltersNames)
});
};
return currentFilters && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
...props,
className: external_clsx_default()("flex flex-wrap gap-2", props.className),
children: currentFilters.map(({ name, active })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Badge_js_default(), {
onClick: ()=>toggleFilter(name),
name: name,
isActive: active
}, name))
});
};
const Filters = Filters_Filters;
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
});