@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
93 lines (92 loc) • 3.64 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import { useEffect } from "react";
import { useI18n } from "../../context/I18nContext.mjs";
import { Button } from "../radix/Button.mjs";
import { Dropdown, DropdownBody, DropdownContent, DropdownItem, DropdownTrigger } from "../radix/Dropdown.mjs";
import { useAdvancedSearchContext } from "./AdvancedSearchContext.mjs";
const AdvancedSearchFieldCondition_AdvancedSearchFieldCondition = ({ uiBlock })=>{
const { t } = useI18n();
const { updateUiBlock } = useAdvancedSearchContext();
useEffect(()=>{
if ("filter" === uiBlock.type) {
const condition = uiBlock.condition;
if (("equals" === condition || "not" === condition) && uiBlock.enum) updateUiBlock({
...uiBlock,
condition,
value: Boolean(uiBlock.value) ? String(uiBlock.value)?.split(",").map((v)=>v.trim())[0] : uiBlock.defaultValue ?? null
});
}
}, [
uiBlock.condition
]);
if ("filter" !== uiBlock.type) return null;
const conditionToText = (condition)=>t("search.advanced.conditions." + condition);
const renderDropdownItems = ()=>{
const commonValidConditions = [
"equals",
"not"
];
const extraConditions = [
"null",
"nnull"
];
const nonBooleanConditions = [
"in",
"notIn"
];
const textConditions = [
"search",
"startsWith",
"endsWith"
];
const numberConditions = [
"lt",
"lte",
"gt",
"gte"
];
if ("boolean" !== uiBlock.contentType && "datetime" !== uiBlock.contentType) commonValidConditions.push(...nonBooleanConditions);
if ("text" === uiBlock.contentType) commonValidConditions.push(...textConditions);
else if ("number" === uiBlock.contentType || "datetime" === uiBlock.contentType) commonValidConditions.push(...numberConditions);
const conditions = [
...commonValidConditions
];
if (uiBlock.nullable) conditions.push(...extraConditions);
return conditions.map((condition)=>/*#__PURE__*/ jsx(DropdownItem, {
className: "cursor-pointer rounded-md p-2",
onClick: (e)=>{
e.stopPropagation();
"null" === condition || "nnull" === condition ? updateUiBlock({
...uiBlock,
condition,
value: null
}) : updateUiBlock({
...uiBlock,
condition
});
},
children: conditionToText(condition)
}, condition));
};
return /*#__PURE__*/ jsxs(Dropdown, {
children: [
/*#__PURE__*/ jsx(DropdownTrigger, {
asChild: true,
children: /*#__PURE__*/ jsx(Button, {
variant: "ghost",
size: "sm",
children: conditionToText(uiBlock.condition)
})
}),
/*#__PURE__*/ jsx(DropdownBody, {
children: /*#__PURE__*/ jsx(DropdownContent, {
className: "z-[999] p-2",
align: "start",
children: renderDropdownItems()
})
})
]
});
};
const AdvancedSearchFieldCondition = AdvancedSearchFieldCondition_AdvancedSearchFieldCondition;
export { AdvancedSearchFieldCondition as default };