@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
78 lines (77 loc) • 3.22 kB
JavaScript
;
var __webpack_require__ = {};
(()=>{
__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: ()=>inputs_SortButton
});
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
const external_react_namespaceObject = require("react");
const outline_namespaceObject = require("@heroicons/react/24/outline");
const useRouterInternal_js_namespaceObject = require("../../hooks/useRouterInternal.js");
const SortButton = ({ field })=>{
const { router, query } = (0, useRouterInternal_js_namespaceObject.useRouterInternal)();
const searchParams = query;
const sort = searchParams.sortColumn === field ? searchParams.sortDirection : null;
const [_isPending, startTransition] = (0, external_react_namespaceObject.useTransition)();
const handleClick = ()=>{
startTransition(()=>{
Object.keys(query).forEach((key)=>{
if (key.startsWith("sort")) delete query[key];
});
router?.push({
pathname: location.pathname,
query: {
...query,
sortColumn: field,
sortDirection: "asc" === sort ? "desc" : "asc"
}
});
});
};
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
children: [
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
type: "button",
onClick: handleClick,
className: "absolute inset-0 h-full w-full text-gray-400 hover:text-gray-500"
}),
"asc" === sort ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(outline_namespaceObject.ArrowSmallUpIcon, {
className: "text-nextadmin-primary-500 h-5 w-5",
"aria-hidden": "true"
}) : "desc" === sort ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(outline_namespaceObject.ArrowSmallDownIcon, {
className: "text-nextadmin-primary-500 h-5 w-5",
"aria-hidden": "true"
}) : null
]
});
};
const inputs_SortButton = SortButton;
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
});