@erpsquad/common 1.10.17 → 1.10.19

package/dist/chunks/{uom-field-wrapper-Db0m4mhG.esm.js → uom-field-wrapper-D0YgJsP5.esm.js}

@@ -2,8 +2,8 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-ClFauRgV.esm.js";
 import { useFieldArray, Controller, useForm, useFormContext } from "react-hook-form";
 import { P as PropTypes, e as _objectWithoutPropertiesLoose, _ as _extends$1, g as generateUtilityClass, j as capitalize, u as useDefaultProps, k as interopRequireDefaultExports, w as lighten_1, x as darken_1, f as alpha_1 } from "./identifier-u4E_J1of.esm.js";
 import { i as default_1$3, T as Typography, e as useForkRef, o as ownerWindow, d as useEnhancedEffect, h as debounce, p as isMuiElement, u as useAuth, q as useControlled, r as requireCreateSvgIcon } from "./useAuth-Dp6w9OBc.esm.js";
-import { an as default_1$4, w as DynamicSelect, i as DateTimePicker, D as DatePicker$1, ao as useThemeProps, A as Accordion$1, C as Checkbox$1, g as ChipOrPlaceholder$1, j as DropdownButton, ad as TitleDropdownButton, T as HeaderCard, ab as TabBar, ap as default_1$5, a6 as SearchableSelect, aq as Chip$1, ac as TimePicker, ah as UploadMedia, a3 as PhoneInput, Z as ModalLoader, Y as MaterialTable, u as DynamicSearchSelect, n as DynamicDate, z as DynamicTime, f as ChipGenerator, l as DynamicCheckBox, M as Footer, F as Fallback, ar as TabContext, as as TabList, at as Tab, au as TabPanel, av as default_1$9, a as ActionBar, aw as SwitchBase } from "./android-12-switch-Nw977vtV.esm.js";
-import { D as DynamicInput, F as Typography$1, b as Avatar, I as o, M as Modal, d as Select, B as Button, c as ConfirmPopUp, g as Box$1, e as Toast, u as useTheme$1, S as SearchBar, J as resolveComponentProps, K as mergeSlotProps, N as appendOwnerState, P as Paper$1, p as chainPropTypes, i as ButtonBase$1, z as default_1$6, T as TextField$1, f as Tooltip$1, G as default_1$7, y as default_1$8, O as Menu$2, Q as MenuItem$1, U as IconButton$1, s as useRtl, E as List$1, w as ListItem, V as ListItemText$1, W as refType } from "./appbar-KrkQiVAV.esm.js";
+import { an as default_1$4, w as DynamicSelect, i as DateTimePicker, D as DatePicker$1, ao as useThemeProps, A as Accordion$1, C as Checkbox$1, g as ChipOrPlaceholder$1, j as DropdownButton, ad as TitleDropdownButton, T as HeaderCard, ab as TabBar, ap as default_1$5, a6 as SearchableSelect, aq as Chip$1, ac as TimePicker, ah as UploadMedia, a3 as PhoneInput, Z as ModalLoader, Y as MaterialTable, u as DynamicSearchSelect, n as DynamicDate, z as DynamicTime, f as ChipGenerator, l as DynamicCheckBox, M as Footer, F as Fallback, ar as TabContext, as as TabList, at as Tab, au as TabPanel, av as default_1$9, a as ActionBar, aw as SwitchBase } from "./android-12-switch-BJGIDwYR.esm.js";
+import { D as DynamicInput, F as Typography$1, b as Avatar, I as o, M as Modal, d as Select, B as Button, c as ConfirmPopUp, g as Box$1, e as Toast, u as useTheme$1, S as SearchBar, J as resolveComponentProps, K as mergeSlotProps, N as appendOwnerState, P as Paper$1, p as chainPropTypes, i as ButtonBase$1, z as default_1$6, T as TextField$1, f as Tooltip$1, G as default_1$7, y as default_1$8, O as Menu$2, Q as MenuItem$1, U as IconButton$1, s as useRtl, E as List$1, w as ListItem, V as ListItemText$1, W as refType } from "./appbar-zELMJiqH.esm.js";
 import * as React from "react";
 import React__default, { useState, lazy, useMemo, useRef, useEffect, useCallback, useContext, createElement, useLayoutEffect, createContext, cloneElement } from "react";
 import DatePicker from "react-datepicker";
@@ -22,7 +22,7 @@ import * as d3 from "d3";
 import { marked } from "marked";
 import { bl as streamV1AiFeatureChat, aJ as getV1User, bm as getV1ReportsScheduleReport, N as getV1ReportsReportList, bn as deleteV1ReportsScheduleReportId, bo as putV1ReportsUpdateScheduleReportId, bp as postV1ReportsScheduleReport, y as getV1FormBuilder } from "./api-C4k7-AHj.esm.js";
 import * as Yup from "yup";
-import { C as Chip, M as Menu, t as transformTableColumns, b as formateValueByType, r as renderEmptyRowsFallback } from "./form-builder-deconversion-DLGJdpXM.esm.js";
+import { C as Chip, M as Menu, t as transformTableColumns, b as formateValueByType, r as renderEmptyRowsFallback } from "./form-builder-deconversion-B4OuGvBB.esm.js";
 import { M as MoreIcon, s as Filter, e as Close$1, b as ArrowUpDown, q as RecgtangleIcon, C as CheckBoxIcon$1, T as Trash, h as Export, r as Calendar$1, E as Edit } from "./trash-jodcm4T5.esm.js";
 import { enqueueSnackbar, useSnackbar, SnackbarProvider } from "notistack";
 import { useDispatch } from "react-redux";
@@ -47,7 +47,7 @@ import { v as viewTypes } from "./action-bar-BsXTcYpL.esm.js";
 import DataEditor, { GridCellKind } from "@glideapps/glide-data-grid";
 import { useExtraCells } from "@glideapps/glide-data-grid-cells";
 import { createPortal } from "react-dom";
-import { C as Collapse$1 } from "./sidebar-BeSjxulx.esm.js";
+import { C as Collapse$1 } from "./sidebar-BXrUlb1O.esm.js";
 import { useMaterialReactTable, MaterialReactTable } from "material-react-table";
 import _$1 from "lodash";
 import { f as usePages, b as useDeepMemo, g as usePermissions, a as useApi } from "./useAccountSetting-BNRXy2Yy.esm.js";
@@ -7531,6 +7531,7 @@ const InlineEditFields = ({
       await validationSchema2.validateAt(
         column.id,
         {
+          // ...row._valuesCache,
           [column.id]: value
         },
         {
@@ -7661,7 +7662,8 @@ const InlineEditFields = ({
           isInternal: (fieldProperties == null ? void 0 : fieldProperties.isInternal) || !(fieldProperties == null ? void 0 : fieldProperties.apiType),
           multiple: fieldProperties == null ? void 0 : fieldProperties.is_multiple,
           value: (fieldProperties == null ? void 0 : fieldProperties.is_multiple) ? Array.isArray(inputValue == null ? void 0 : inputValue[column.id]) ? inputValue == null ? void 0 : inputValue[column.id] : [] : inputValue == null ? void 0 : inputValue[column.id],
-          getSelectedData: (row2) => getSelectedData(fieldProperties == null ? void 0 : fieldProperties.field_name, row2)
+          getSelectedData: (row2) => getSelectedData(fieldProperties == null ? void 0 : fieldProperties.field_name, row2),
+          disabled: fieldDisbled
         }
       ),
       (errors == null ? void 0 : errors[column.id]) && /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { color: "theme.error.600", type: "s5", children: errors == null ? void 0 : errors[column.id] })
@@ -7679,7 +7681,7 @@ const InlineEditFields = ({
         helperText: errors == null ? void 0 : errors[column.id],
         format: fieldProperties == null ? void 0 : fieldProperties.dateFormat,
         placeholder: (fieldProperties == null ? void 0 : fieldProperties.placeholder) || (fieldProperties == null ? void 0 : fieldProperties.dateFormat),
-        value: dayjs(row._valuesCache[column.id]).isValid() ? dayjs(row._valuesCache[column.id]) : void 0,
+        value: row._valuesCache[column.id] && dayjs(row._valuesCache[column.id]).isValid() ? dayjs(row._valuesCache[column.id]) : null,
         disabled: fieldDisbled,
         minDate: fieldProperties == null ? void 0 : fieldProperties.min_date,
         maxDate: fieldProperties == null ? void 0 : fieldProperties.max_date
@@ -7940,6 +7942,21 @@ const MaterialEditableTable = React__default.memo(({
           /^(https?:\/\/)?((([a-zA-Z0-9_-]+\.)+[a-zA-Z]{2,})|localhost)(:\d{2,5})?(\/[a-zA-Z0-9#_-]+\/?)*(\?[a-zA-Z0-9&=_-]+)?(#\S+)?$/,
           { excludeEmptyString: true, message: "Please enter valid URL." }
         );
+      case "date":
+      case "date_time":
+      case "time":
+        return Yup.date().nullable().transform((value, originalValue) => {
+          if (originalValue === "" || originalValue === null || originalValue === void 0) {
+            return null;
+          }
+          if (originalValue && typeof originalValue === "object" && "toDate" in originalValue) {
+            return originalValue.toDate();
+          }
+          return value;
+        }).typeError("Valid date is required");
+      case "file":
+      case "image":
+        return Yup.mixed().nullable();
       default:
         return Yup.string();
     }
@@ -8095,6 +8112,23 @@ const MaterialEditableTable = React__default.memo(({
           validation.testFn
         );
         break;
+      case "validate":
+        if (typeof validation.callback === "function") {
+          vld = vld.test(
+            validation.name || "custom-validate",
+            validation.msg_en || "Validation failed",
+            function(value) {
+              var _a2;
+              const rowObj = ((_a2 = this.options.context) == null ? void 0 : _a2.row) || {
+                original: this.parent,
+                origin: this.parent,
+                _valuesCache: this.parent
+              };
+              return validation.callback(value, this.parent, rowObj);
+            }
+          );
+        }
+        break;
       case "when":
         return vld.when(validation.relation, {
           is: (val) => typeof validation.is === "function" ? validation.is(val) : Array.isArray(validation.values) ? validation.values.includes(val) : val === validation.values,
@@ -8268,7 +8302,7 @@ const MaterialEditableTable = React__default.memo(({
       const setLoadingState = isEditMode ? setIsEditingRow : setIsCreatingRow;
       const rowId = row2.id;
       try {
-        await validationSchema2.validate(values, { abortEarly: false });
+        await validationSchema2.validate(values, { abortEarly: false, context: { row: row2 } });
         setValidationErrors((prev) => {
           const next = { ...prev };
           delete next[rowId];
@@ -8305,16 +8339,58 @@ const MaterialEditableTable = React__default.memo(({
     },
     [validationSchema2, onEditRow, onCreateRow, formtValues]
   );
-  const validate = useCallback(async (values) => {
+  const validate = useCallback(async (values, row2) => {
     try {
-      await validationSchema2.validate(values, { abortEarly: false });
+      await validationSchema2.validate(values, { abortEarly: false, context: { row: row2 } });
       setValidationErrors({});
       return true;
     } catch (err) {
       return false;
     }
   }, [validationSchema2]);
+  useCallback(
+    async (columnId, value, rowId, rowValues) => {
+      if (!validationSchema2 || typeof validationSchema2.validateAt !== "function" || !validationSchema2.fields || !validationSchema2.fields[columnId]) return;
+      try {
+        await validationSchema2.validateAt(
+          columnId,
+          {
+            ...rowValues,
+            [columnId]: value
+          },
+          {
+            abortEarly: false
+          }
+        );
+        setValidationErrors((prev) => {
+          const next = { ...prev };
+          if (next[rowId]) {
+            const rowErrs = { ...next[rowId] };
+            delete rowErrs[columnId];
+            next[rowId] = rowErrs;
+          }
+          return next;
+        });
+      } catch (err) {
+        if (err instanceof Yup.ValidationError) {
+          const fieldErrors = err.inner.reduce((acc, { path: path2, message }) => {
+            if (path2) acc[path2] = message;
+            return acc;
+          }, {});
+          setValidationErrors((prev) => ({
+            ...prev,
+            [rowId]: {
+              ...prev[rowId] ?? {},
+              ...fieldErrors
+            }
+          }));
+        }
+      }
+    },
+    [validationSchema2]
+  );
   const valuesRef = useRef({});
+  console.log("🚀 ~ valuesRef:", valuesRef);
   const syncFieldValue = useCallback(
     (rowId, columnId, value) => {
       valuesRef.current[rowId] = {
@@ -8344,7 +8420,7 @@ const MaterialEditableTable = React__default.memo(({
       const creatingRow = table2.getState().creatingRow;
       if (!editingRow) return;
       const values = getRowValues(editingRow);
-      const isValid = await validate(values);
+      const isValid = await validate(values, editingRow);
       if (!isValid) {
         await handleSaveRow({ row: editingRow, values, table: table2 }, "edit");
         return;
@@ -8368,7 +8444,7 @@ const MaterialEditableTable = React__default.memo(({
       if (values == null ? void 0 : values["mrt-row-actions"]) {
         delete values["mrt-row-actions"];
       }
-      const isValid = await validate(values);
+      const isValid = await validate(values, creatingRow);
       await handleSaveRow({ row: creatingRow, values, table: table2 }, "create");
       if (!isValid) return;
       if (isValid) {
@@ -8735,14 +8811,14 @@ const MaterialEditableTable = React__default.memo(({
             let saveSucceeded = false;
             if (currentCreatingRow) {
               const values = getRowValues(currentCreatingRow);
-              const isValid = await validate(values);
+              const isValid = await validate(values, currentCreatingRow);
               if (!isValid) return;
               await handleSaveRow({ row: currentCreatingRow, values, table: table2 }, "create");
               clearRow("mrt-row-create");
               saveSucceeded = true;
             } else if (currentEditingRow) {
               const values = getRowValues(currentEditingRow);
-              const isValid = await validate(values);
+              const isValid = await validate(values, currentEditingRow);
               if (!isValid) return;
               await handleSaveRow({ row: currentEditingRow, values, table: table2 }, "edit");
               clearRow(currentEditingRow.id);
@@ -8770,8 +8846,8 @@ const MaterialEditableTable = React__default.memo(({
           } else {
             const editingRow = table2.getState().editingRow;
             if (editingRow) {
-              handleSaveRow({ row: editingRow, values: editingRow.original, table: table2 }, "edit");
               clearRow(editingRow.id);
+              table2.setEditingRow(null);
             }
           }
           setDisableNextEdit(false);
@@ -16196,4 +16272,4 @@ export {
   DynamicDateTime as y,
   DynamicLayoutWrapper as z
 };
-//# sourceMappingURL=uom-field-wrapper-Db0m4mhG.esm.js.map
+//# sourceMappingURL=uom-field-wrapper-D0YgJsP5.esm.js.map