UNPKG

@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

77 lines (76 loc) 3.5 kB
"use strict"; 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_MultiSelectItem }); const jsx_runtime_namespaceObject = require("react/jsx-runtime"); const outline_namespaceObject = require("@heroicons/react/24/outline"); const Link_js_namespaceObject = require("../../common/Link.js"); var Link_js_default = /*#__PURE__*/ __webpack_require__.n(Link_js_namespaceObject); const ConfigContext_js_namespaceObject = require("../../../context/ConfigContext.js"); const tools_js_namespaceObject = require("../../../utils/tools.js"); const MultiSelectItem = ({ item, onRemoveClick, schema, deletable = true })=>{ const { basePath } = (0, ConfigContext_js_namespaceObject.useConfig)(); const relationModel = item?.data?.modelName ?? schema.items?.relation; return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", { className: "py border-nextadmin-border-default dark:border-dark-nextadmin-border-strong text-nextadmin-content-inverted dark:text-dark-nextadmin-content-inverted dark:hover:bg-dark-nextadmin-background-muted/50 hover:bg-nextadmin-background-muted relative z-10 flex cursor-default items-center justify-center rounded-md border px-2 text-sm", children: [ relationModel ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Link_js_default(), { href: `${basePath}/${(0, tools_js_namespaceObject.slugify)(relationModel)}/${item.value}`, children: item.label }) : item.label, deletable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", { type: "button", className: "ml-1 flex-shrink-0 cursor-pointer text-gray-400 hover:text-gray-500", onClick: (e)=>{ e.preventDefault(); e.stopPropagation(); onRemoveClick(item.value); }, children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(outline_namespaceObject.XMarkIcon, { className: "h-4 w-4" }) }) ] }); }; const MultiSelect_MultiSelectItem = MultiSelectItem; 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 });