|
- {e.title}
+ {e.title}
|
@@ -177,7 +180,7 @@ function FormTable() {
{e.status === "active" ? t("Live") : t("Draft")}
|
-
+ |
{(createDesigns || viewDesigns) && (
{
- handleConfirm(FormSettingsRef.current);
+ const handleConfirmFunction = async () => {
+ const { formDetails, validateField } = FormSettingsRef.current;
+ const fieldsToValidate = ["title", "path"];
+
+ // Reset validation error state at the beginning
+ let validationError = false;
+
+ for (const field of fieldsToValidate) {
+ const fieldValue = formDetails?.[field];
+ if (!fieldValue || !(await validateField(field, fieldValue))) {
+ validationError = true;
+ break; // Stop further validation if any field fails
+ }
+ }
+ if (!validationError) {
+ handleConfirm(FormSettingsRef.current);
+ }
};
return (
{
- const dispatch = useDispatch();
- const { t } = useTranslation();
- const dmn = useSelector((state) => state.process?.dmnProcessList);
- const [isLoading, setIsLoading] = useState(true);
- const searchText = useSelector((state) => state.process?.dmnSearchText);
- const [activePage, setActivePage] = useState(1);
- const [limit, setLimit] = useState(5);
- const tenantKey = useSelector((state) => state.tenants?.tenantId);
- const totalCount = useSelector((state) => state.process.totalDmnCount);
- const [currentDmnSort, setCurrentDmnSort] = useState({
- activeKey: "name",
- name: { sortOrder: "asc" },
- processKey: { sortOrder: "asc" },
- modified: { sortOrder: "asc" },
- status: { sortOrder: "asc" },
- });
- const [importDecisionTable, setImportDecisionTable] = useState(false);
- const closeDmnImport = () => {
- setImportDecisionTable(false);
- };
- const [searchDmnLoading, setSearchDmnLoading] = useState(false);
- const redirectUrl = MULTITENANCY_ENABLED ? `/tenant/${tenantKey}/` : "/";
- const [search, setSearch] = useState(searchText || "");
- const [showBuildModal, setShowBuildModal] = useState(false);
- const handleBuildClick = () => {
- dispatch(push(`${redirectUrl}decision-table/create`));
- };
- const handleImportClick = () => {
- setShowBuildModal(false);
- setImportDecisionTable(true);
- };
- const contents = [
- {
- id: 1,
- heading: "Build",
- body: "Create the DMN from scratch",
- onClick: handleBuildClick
- },
- {
- id: 2,
- heading: "Import",
- body: "Upload DMN from a file",
- onClick: handleImportClick
- }
- ];
-
-
- useEffect(() => {
- if (!search?.trim()) {
- dispatch(setDmnSearchText(""));
- }
- }, [search]);
-
-
- useEffect(() => {
- setIsLoading(true);
- dispatch(
- fetchAllProcesses(
- {
- pageNo: activePage,
- tenant_key: tenantKey,
- processType: "DMN",
- limit: limit,
- searchKey: search,
- sortBy: currentDmnSort.activeKey,
- sortOrder: currentDmnSort[currentDmnSort.activeKey].sortOrder,
- },
- () => {
- setIsLoading(false);
- setSearchDmnLoading(false);
- }
- )
- );
- }, [dispatch, activePage, limit, searchText, currentDmnSort]);
-
-
- const handleSort = (key) => {
- setCurrentDmnSort((prevSort) => {
- const newSortOrder = prevSort[key].sortOrder === "asc" ? "desc" : "asc";
- return {
- ...prevSort,
- activeKey: key,
- [key]: { sortOrder: newSortOrder },
- };
- });
- };
-
- const pageOptions = [
- { text: "5", value: 5 },
- { text: "10", value: 10 },
- { text: "25", value: 25 },
- { text: "50", value: 50 },
- { text: "100", value: 100 },
- { text: "All", value: totalCount },
- ];
-
- const handleClearSearch = () => {
- setSearch("");
- setActivePage(1);
- dispatch(setDmnSearchText(""));
- };
- const handleSearch = () => {
- setSearchDmnLoading(true);
- setActivePage(1);
- dispatch(setDmnSearchText(search));
- };
- const onLimitChange = (newLimit) => {
- setLimit(newLimit);
- handlePageChange(1);
- };
- const handlePageChange = (page) => setActivePage(page);
- const gotoEdit = (data) => {
- if (MULTITENANCY_ENABLED) {
- dispatch(setIsPublicDiagram(!!data.tenantId));
- }
- dispatch(push(`${redirectUrl}decision-table/edit/${data.processKey}`));
- };
-
- const handleCreateDMN = () => {
- setShowBuildModal(true);
- };
- const handleBuildModal = () => {
- setShowBuildModal(false);
- };
-
-
- return (
- <>
-
-
-
-
-
- handleCreateDMN()}
- />
-
-
-
-
-
-
-
- |
-
- |
-
-
- |
-
-
- |
-
-
- |
- |
-
-
- {dmn.length ?
-
- {dmn.map((dmnItem) => (
-
- ))}
-
- : !isLoading ? (
-
- ) : null}
-
-
-
-
+
+
+
+
+ |
+
+ |
+
+
+ |
+
+
+ |
+
+
+ |
+ |
+
+
+ {processList.length ? (
+
+ {processList.map((processItem) => (
+
+ ))}
+
+
+ ) : !isLoading && }
+
+
+
-
-
-
-
- |
-
- |
-
-
- |
-
-
- |
-
-
- |
- |
-
-
- {processList.length ? (
-
- {processList.map((processItem) => (
-
- ))}
-
-
- ) : !isLoading &&
- }
-
-
-
-
-
+
{
}
};
-export { generateUniqueId, replaceUrl, addTenantkey, removeTenantKey, textTruncate, renderPage,
- filterSelectOptionByLabel, isFormComponentsChanged,addTenantkeyAsSuffix};
+/* ----------------- convert data from and into multiselect ----------------- */
+const convertMultiSelectOptionToValue = (selectedValues = [], key = null) =>
+ selectedValues.map(i=> i[key]);
+
+const convertSelectedValueToMultiSelectOption = (values = [], key = null) =>
+ values.map((value)=>({[key]:value, id:_.uniqueId(value)}));
+/* ----------------------------------- --- ---------------------------------- */
+export { generateUniqueId,
+ replaceUrl,
+ addTenantkey,
+ removeTenantKey,
+ textTruncate,
+ renderPage,
+ filterSelectOptionByLabel,
+ isFormComponentsChanged,
+ addTenantkeyAsSuffix,
+ convertMultiSelectOptionToValue,
+ convertSelectedValueToMultiSelectOption
+};
|