@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
149 lines (148 loc) • 7.83 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: ()=>SelectWidget
});
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
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 external_react_namespaceObject = require("react");
const DoubleArrow_js_namespaceObject = require("../../assets/icons/DoubleArrow.js");
var DoubleArrow_js_default = /*#__PURE__*/ __webpack_require__.n(DoubleArrow_js_namespaceObject);
const ConfigContext_js_namespaceObject = require("../../context/ConfigContext.js");
const FormStateContext_js_namespaceObject = require("../../context/FormStateContext.js");
const useCloseOnOutsideClick_js_namespaceObject = require("../../hooks/useCloseOnOutsideClick.js");
var useCloseOnOutsideClick_js_default = /*#__PURE__*/ __webpack_require__.n(useCloseOnOutsideClick_js_namespaceObject);
const useDisclosure_js_namespaceObject = require("../../hooks/useDisclosure.js");
const tools_js_namespaceObject = require("../../utils/tools.js");
const external_Selector_js_namespaceObject = require("./Selector.js");
const SelectWidget_SelectWidget = ({ options, onChange, value, disabled, required, ...props })=>{
const { isOpen, onToggle, onClose } = (0, useDisclosure_js_namespaceObject.useDisclosure)();
const containerRef = useCloseOnOutsideClick_js_default()(()=>{
onClose();
});
const name = props.name;
const enumOptions = options.enumOptions?.map((option)=>option.value);
const { setFieldDirty } = (0, FormStateContext_js_namespaceObject.useFormState)();
const { basePath } = (0, ConfigContext_js_namespaceObject.useConfig)();
const handleChange = (option)=>{
setFieldDirty(props.name);
onChange(option);
onClose();
};
const hasValue = (0, external_react_namespaceObject.useMemo)(()=>Object.keys(value || {}).length > 0, [
value
]);
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
className: "relative",
children: [
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
className: external_clsx_default()("ring-nextadmin-border-default dark:ring-dark-nextadmin-border-strong dark:bg-dark-nextadmin-background-subtle flex w-full cursor-default justify-between rounded-md px-3 py-2 text-sm placeholder-gray-500 shadow-sm ring-1", disabled && "cursor-not-allowed opacity-50"),
children: [
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("select", {
name: name,
className: external_clsx_default()("absolute inset-0 h-full w-full opacity-0", disabled ? "cursor-not-allowed" : "cursor-pointer"),
disabled: disabled,
required: required && !hasValue,
onMouseDown: (e)=>{
e.preventDefault();
},
onClick: ()=>{
if (!disabled) onToggle();
},
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("option", {
value: value?.value
})
}),
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
id: name,
className: "text-nextadmin-content-inverted dark:text-dark-nextadmin-content-inverted h-full w-full flex-1 appearance-none bg-transparent focus:outline-none",
children: value?.label || props.placeholder
}),
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
className: "relative z-10 flex cursor-pointer space-x-3",
children: [
hasValue && props.schema.relation && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Link_js_default(), {
href: `${basePath}/${(0, tools_js_namespaceObject.slugify)(props.schema.relation)}/${value?.value}`,
className: "flex items-center",
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(outline_namespaceObject.ArrowTopRightOnSquareIcon, {
className: "h-5 w-5 cursor-pointer text-gray-400"
})
}),
hasValue && !disabled && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
className: "flex items-center",
onClick: (e)=>{
e.preventDefault();
handleChange(null);
},
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(outline_namespaceObject.XMarkIcon, {
className: "h-5 w-5 cursor-pointer text-gray-400"
})
}),
!disabled && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
className: "flex items-center",
onClick: (e)=>{
if (!disabled) onToggle();
},
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DoubleArrow_js_default(), {})
})
]
})
]
}),
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Selector_js_namespaceObject.Selector, {
ref: containerRef,
open: isOpen,
options: enumOptions?.length ? enumOptions : void 0,
name: props.name,
onChange: handleChange,
selectedOptions: hasValue ? [
value?.value
] : []
})
]
});
};
const SelectWidget = SelectWidget_SelectWidget;
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
});