@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
106 lines (105 loc) • 5.06 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: ()=>inputs_DndItem
});
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
const sortable_namespaceObject = require("@dnd-kit/sortable");
const utilities_namespaceObject = require("@dnd-kit/utilities");
const outline_namespaceObject = require("@heroicons/react/24/outline");
const external_clsx_namespaceObject = require("clsx");
var external_clsx_default = /*#__PURE__*/ __webpack_require__.n(external_clsx_namespaceObject);
const Link_js_namespaceObject = require("../common/Link.js");
var Link_js_default = /*#__PURE__*/ __webpack_require__.n(Link_js_namespaceObject);
const DndItem = ({ label, deletable, sortable, onRemoveClick, href, value })=>{
const { attributes, listeners, setNodeRef, transform, transition, setActivatorNodeRef } = (0, sortable_namespaceObject.useSortable)({
id: value
});
const style = {
transform: utilities_namespaceObject.CSS.Transform.toString(transform),
transition
};
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("li", {
className: external_clsx_default()("ring-nextadmin-border-default dark:ring-dark-nextadmin-border-strong bg-nextadmin-background-default dark:bg-dark-nextadmin-background-subtle relative flex w-full cursor-default justify-between gap-2 rounded-md px-3 py-2 text-sm placeholder-gray-500 shadow-sm ring-1", !deletable && "cursor-not-allowed opacity-50", "touch-none"),
ref: setNodeRef,
style: style,
...attributes,
"aria-describedby": "sortable-list",
children: [
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
className: "flex flex-1 items-center gap-2",
children: [
sortable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
ref: setActivatorNodeRef,
className: external_clsx_default()({
"cursor-grab active:cursor-grabbing": sortable
}),
...listeners,
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(outline_namespaceObject.Bars2Icon, {
className: "text-nextadmin-content-default dark:text-dark-nextadmin-content-default h-4 w-4"
})
}),
label
]
}),
(href || deletable) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
className: "flex items-center space-x-3",
children: [
!!href && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Link_js_default(), {
href: href,
className: "flex items-center",
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(outline_namespaceObject.ArrowTopRightOnSquareIcon, {
className: "text-nextadmin-content-default dark:text-dark-nextadmin-content-default h-5 w-5 cursor-pointer"
})
}),
deletable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
onClick: ()=>onRemoveClick(),
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(outline_namespaceObject.XMarkIcon, {
className: "text-nextadmin-content-default dark:text-dark-nextadmin-content-default h-5 w-5 cursor-pointer"
})
})
]
})
]
});
};
const inputs_DndItem = DndItem;
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
});