master-data-management-react 0.1.7 → 0.1.8

package/dist/index.js

@@ -1,144 +1,144 @@
-import ht, { useRef as Ke, useMemo as Oe, useState as w, useEffect as Pe, useCallback as Ne } from "react";
-import { styled as ue, Box as L, Select as Ht, FormControl as Xt, CircularProgress as Ue, Divider as zt, Button as ie, Typography as Ie, Paper as vt, Autocomplete as Je, TextField as te, Menu as qt, MenuItem as He, Alert as Kt } from "@mui/material";
-import { AgGridReact as Jt } from "ag-grid-react";
-import { ModuleRegistry as Qt, ClientSideRowModelModule as St, AllCommunityModule as Zt } from "ag-grid-community";
-const At = (a, u) => ({
+import St, { useRef as ke, useMemo as be, useState as $, useEffect as Ne, useCallback as Oe } from "react";
+import { styled as pe, Box as P, Select as Ht, FormControl as zt, CircularProgress as $e, Divider as Xt, Button as ue, Typography as Le, Paper as vt, Autocomplete as Qe, TextField as ae, Menu as qt, MenuItem as ze, Alert as Jt } from "@mui/material";
+import { AgGridReact as Kt } from "ag-grid-react";
+import { ModuleRegistry as Qt, ClientSideRowModelModule as At, AllCommunityModule as Zt } from "ag-grid-community";
+const Ot = (n, f) => ({
   getEntities: async () => {
-    const d = await a.get(u.entities);
+    const u = await n.get(f.entities);
     return {
-      data: d.data.data ?? d.data
+      data: u.data.data ?? u.data
     };
   },
-  getMetadata: async (d) => {
-    const E = await a.get(u.metadata(d));
+  getMetadata: async (u) => {
+    const E = await n.get(f.metadata(u));
     return {
       data: E.data.data ?? E.data
     };
   },
-  getRecords: async (d, E) => {
-    const s = await a.get(u.records(d), { params: E });
+  getRecords: async (u, E) => {
+    const i = await n.get(f.records(u), { params: E });
     return {
-      data: s.data.data ?? s.data,
-      total: s.data.total ?? s.data.count ?? 0
+      data: i.data.data ?? i.data,
+      total: i.data.total ?? i.data.count ?? 0
     };
   },
-  getRecord: async (d, E) => {
-    const s = await a.get(u.recordById(d, E));
+  getRecord: async (u, E) => {
+    const i = await n.get(f.recordById(u, E));
     return {
-      data: s.data.data ?? s.data
+      data: i.data.data ?? i.data
     };
   },
-  createRecord: async (d, E) => {
-    const s = await a.post(u.records(d), E);
+  createRecord: async (u, E) => {
+    const i = await n.post(f.records(u), E);
     return {
-      data: s.data.data ?? s.data
+      data: i.data.data ?? i.data
     };
   },
-  updateRecord: async (d, E, s) => {
-    const k = await a.put(u.recordById(d, E), s);
+  updateRecord: async (u, E, i) => {
+    const G = await n.put(f.recordById(u, E), i);
     return {
-      data: k.data.data ?? k.data
+      data: G.data.data ?? G.data
     };
   },
-  deleteRecord: async (d, E) => {
-    const s = await a.delete(u.recordById(d, E));
+  deleteRecord: async (u, E) => {
+    const i = await n.delete(f.recordById(u, E));
     return {
-      data: s.data.data ?? s.data
+      data: i.data.data ?? i.data
     };
   },
-  exportCSV: async (d, E) => await a.get(u.exportCSV(d), {
+  exportCSV: async (u, E) => await n.get(f.exportCSV(u), {
     params: E,
     responseType: "blob"
   }),
-  exportExcel: async (d, E) => await a.get(u.exportExcel(d), {
+  exportExcel: async (u, E) => await n.get(f.exportExcel(u), {
     params: E,
     responseType: "blob"
   }),
-  getDropdownOptions: async (d) => {
-    const E = u.dropdownOptions ? u.dropdownOptions(d) : d, s = await a.get(E);
+  getDropdownOptions: async (u) => {
+    const E = f.dropdownOptions ? f.dropdownOptions(u) : u, i = await n.get(E);
     return {
-      data: s.data.data ?? s.data
+      data: i.data.data ?? i.data
     };
   }
 });
-var Me = { exports: {} }, De = {};
+var Me = { exports: {} }, ye = {};
 var dt;
 function er() {
-  if (dt) return De;
+  if (dt) return ye;
   dt = 1;
-  var a = ht, u = /* @__PURE__ */ Symbol.for("react.element"), d = /* @__PURE__ */ Symbol.for("react.fragment"), E = Object.prototype.hasOwnProperty, s = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, k = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function z(p, v, V) {
-    var S, A = {}, C = null, B = null;
-    V !== void 0 && (C = "" + V), v.key !== void 0 && (C = "" + v.key), v.ref !== void 0 && (B = v.ref);
-    for (S in v) E.call(v, S) && !k.hasOwnProperty(S) && (A[S] = v[S]);
-    if (p && p.defaultProps) for (S in v = p.defaultProps, v) A[S] === void 0 && (A[S] = v[S]);
-    return { $$typeof: u, type: p, key: C, ref: B, props: A, _owner: s.current };
+  var n = St, f = /* @__PURE__ */ Symbol.for("react.element"), u = /* @__PURE__ */ Symbol.for("react.fragment"), E = Object.prototype.hasOwnProperty, i = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, G = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function J(T, h, V) {
+    var S, v = {}, D = null, B = null;
+    V !== void 0 && (D = "" + V), h.key !== void 0 && (D = "" + h.key), h.ref !== void 0 && (B = h.ref);
+    for (S in h) E.call(h, S) && !G.hasOwnProperty(S) && (v[S] = h[S]);
+    if (T && T.defaultProps) for (S in h = T.defaultProps, h) v[S] === void 0 && (v[S] = h[S]);
+    return { $$typeof: f, type: T, key: D, ref: B, props: v, _owner: i.current };
   }
-  return De.Fragment = d, De.jsx = z, De.jsxs = z, De;
+  return ye.Fragment = u, ye.jsx = J, ye.jsxs = J, ye;
 }
-var xe = {};
-var ut;
+var Ce = {};
+var ft;
 function tr() {
-  return ut || (ut = 1, process.env.NODE_ENV !== "production" && (function() {
-    var a = ht, u = /* @__PURE__ */ Symbol.for("react.element"), d = /* @__PURE__ */ Symbol.for("react.portal"), E = /* @__PURE__ */ Symbol.for("react.fragment"), s = /* @__PURE__ */ Symbol.for("react.strict_mode"), k = /* @__PURE__ */ Symbol.for("react.profiler"), z = /* @__PURE__ */ Symbol.for("react.provider"), p = /* @__PURE__ */ Symbol.for("react.context"), v = /* @__PURE__ */ Symbol.for("react.forward_ref"), V = /* @__PURE__ */ Symbol.for("react.suspense"), S = /* @__PURE__ */ Symbol.for("react.suspense_list"), A = /* @__PURE__ */ Symbol.for("react.memo"), C = /* @__PURE__ */ Symbol.for("react.lazy"), B = /* @__PURE__ */ Symbol.for("react.offscreen"), re = Symbol.iterator, fe = "@@iterator";
-    function Q(e) {
+  return ft || (ft = 1, process.env.NODE_ENV !== "production" && (function() {
+    var n = St, f = /* @__PURE__ */ Symbol.for("react.element"), u = /* @__PURE__ */ Symbol.for("react.portal"), E = /* @__PURE__ */ Symbol.for("react.fragment"), i = /* @__PURE__ */ Symbol.for("react.strict_mode"), G = /* @__PURE__ */ Symbol.for("react.profiler"), J = /* @__PURE__ */ Symbol.for("react.provider"), T = /* @__PURE__ */ Symbol.for("react.context"), h = /* @__PURE__ */ Symbol.for("react.forward_ref"), V = /* @__PURE__ */ Symbol.for("react.suspense"), S = /* @__PURE__ */ Symbol.for("react.suspense_list"), v = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), B = /* @__PURE__ */ Symbol.for("react.offscreen"), ne = Symbol.iterator, Te = "@@iterator";
+    function z(e) {
       if (e === null || typeof e != "object")
         return null;
-      var t = re && e[re] || e[fe];
+      var t = ne && e[ne] || e[Te];
       return typeof t == "function" ? t : null;
     }
-    var Y = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function b(e) {
+    var Y = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function x(e) {
       {
-        for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), c = 1; c < t; c++)
-          n[c - 1] = arguments[c];
-        j("error", e, n);
+        for (var t = arguments.length, o = new Array(t > 1 ? t - 1 : 0), c = 1; c < t; c++)
+          o[c - 1] = arguments[c];
+        N("error", e, o);
       }
     }
-    function j(e, t, n) {
+    function N(e, t, o) {
       {
-        var c = Y.ReactDebugCurrentFrame, I = c.getStackAddendum();
-        I !== "" && (t += "%s", n = n.concat([I]));
-        var y = n.map(function(g) {
-          return String(g);
+        var c = Y.ReactDebugCurrentFrame, O = c.getStackAddendum();
+        O !== "" && (t += "%s", o = o.concat([O]));
+        var C = o.map(function(_) {
+          return String(_);
         });
-        y.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, y);
+        C.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, C);
       }
     }
-    var ne = !1, U = !1, G = !1, Ee = !1, Z = !1, le;
-    le = /* @__PURE__ */ Symbol.for("react.module.reference");
-    function _(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === E || e === k || Z || e === s || e === V || e === S || Ee || e === B || ne || U || G || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === A || e.$$typeof === z || e.$$typeof === p || e.$$typeof === v || // This needs to include all possible module reference object
+    var se = !1, w = !1, k = !1, me = !1, X = !1, de;
+    de = /* @__PURE__ */ Symbol.for("react.module.reference");
+    function g(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === E || e === G || X || e === i || e === V || e === S || me || e === B || se || w || k || typeof e == "object" && e !== null && (e.$$typeof === D || e.$$typeof === v || e.$$typeof === J || e.$$typeof === T || e.$$typeof === h || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === le || e.getModuleId !== void 0));
+      e.$$typeof === de || e.getModuleId !== void 0));
     }
-    function T(e, t, n) {
+    function p(e, t, o) {
       var c = e.displayName;
       if (c)
         return c;
-      var I = t.displayName || t.name || "";
-      return I !== "" ? n + "(" + I + ")" : n;
+      var O = t.displayName || t.name || "";
+      return O !== "" ? o + "(" + O + ")" : o;
     }
     function l(e) {
       return e.displayName || "Context";
     }
-    function f(e) {
+    function d(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
         case E:
           return "Fragment";
-        case d:
+        case u:
           return "Portal";
-        case k:
+        case G:
           return "Profiler";
-        case s:
+        case i:
           return "StrictMode";
         case V:
           return "Suspense";
@@ -147,21 +147,21 @@ function tr() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case p:
+          case T:
             var t = e;
             return l(t) + ".Consumer";
-          case z:
-            var n = e;
-            return l(n._context) + ".Provider";
+          case J:
+            var o = e;
+            return l(o._context) + ".Provider";
+          case h:
+            return p(e, e.render, "ForwardRef");
           case v:
-            return T(e, e.render, "ForwardRef");
-          case A:
             var c = e.displayName || null;
-            return c !== null ? c : f(e.type) || "Memo";
-          case C: {
-            var I = e, y = I._payload, g = I._init;
+            return c !== null ? c : d(e.type) || "Memo";
+          case D: {
+            var O = e, C = O._payload, _ = O._init;
             try {
-              return f(g(y));
+              return d(_(C));
             } catch {
               return null;
             }
@@ -169,18 +169,18 @@ function tr() {
         }
       return null;
     }
-    var F = Object.assign, O = 0, ee, $, oe, Te, he, se, ye;
-    function Ce() {
+    var M = Object.assign, A = 0, re, F, K, Re, ge, ie, Pe;
+    function Ie() {
     }
-    Ce.__reactDisabledLog = !0;
-    function Ge() {
+    Ie.__reactDisabledLog = !0;
+    function Fe() {
       {
-        if (O === 0) {
-          ee = console.log, $ = console.info, oe = console.warn, Te = console.error, he = console.group, se = console.groupCollapsed, ye = console.groupEnd;
+        if (A === 0) {
+          re = console.log, F = console.info, K = console.warn, Re = console.error, ge = console.group, ie = console.groupCollapsed, Pe = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Ce,
+            value: Ie,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -193,100 +193,100 @@ function tr() {
             groupEnd: e
           });
         }
-        O++;
+        A++;
       }
     }
-    function o() {
+    function Ge() {
       {
-        if (O--, O === 0) {
+        if (A--, A === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: F({}, e, {
-              value: ee
+            log: M({}, e, {
+              value: re
             }),
-            info: F({}, e, {
-              value: $
+            info: M({}, e, {
+              value: F
             }),
-            warn: F({}, e, {
-              value: oe
+            warn: M({}, e, {
+              value: K
             }),
-            error: F({}, e, {
-              value: Te
+            error: M({}, e, {
+              value: Re
             }),
-            group: F({}, e, {
-              value: he
+            group: M({}, e, {
+              value: ge
             }),
-            groupCollapsed: F({}, e, {
-              value: se
+            groupCollapsed: M({}, e, {
+              value: ie
             }),
-            groupEnd: F({}, e, {
-              value: ye
+            groupEnd: M({}, e, {
+              value: Pe
             })
           });
         }
-        O < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        A < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var i = Y.ReactCurrentDispatcher, h;
-    function x(e, t, n) {
+    var r = Y.ReactCurrentDispatcher, s;
+    function m(e, t, o) {
       {
-        if (h === void 0)
+        if (s === void 0)
           try {
             throw Error();
-          } catch (I) {
-            var c = I.stack.trim().match(/\n( *(at )?)/);
-            h = c && c[1] || "";
+          } catch (O) {
+            var c = O.stack.trim().match(/\n( *(at )?)/);
+            s = c && c[1] || "";
           }
         return `
-` + h + e;
+` + s + e;
       }
     }
-    var m = !1, N;
+    var L = !1, I;
     {
-      var ve = typeof WeakMap == "function" ? WeakMap : Map;
-      N = new ve();
+      var y = typeof WeakMap == "function" ? WeakMap : Map;
+      I = new y();
     }
-    function pe(e, t) {
-      if (!e || m)
+    function Q(e, t) {
+      if (!e || L)
         return "";
       {
-        var n = N.get(e);
-        if (n !== void 0)
-          return n;
+        var o = I.get(e);
+        if (o !== void 0)
+          return o;
       }
       var c;
-      m = !0;
-      var I = Error.prepareStackTrace;
+      L = !0;
+      var O = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var y;
-      y = i.current, i.current = null, Ge();
+      var C;
+      C = r.current, r.current = null, Fe();
       try {
         if (t) {
-          var g = function() {
+          var _ = function() {
             throw Error();
           };
-          if (Object.defineProperty(g.prototype, "props", {
+          if (Object.defineProperty(_.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(g, []);
+              Reflect.construct(_, []);
             } catch (H) {
               c = H;
             }
-            Reflect.construct(e, [], g);
+            Reflect.construct(e, [], _);
           } else {
             try {
-              g.call();
+              _.call();
             } catch (H) {
               c = H;
             }
-            e.call(g.prototype);
+            e.call(_.prototype);
           }
         } else {
           try {
@@ -300,122 +300,122 @@ function tr() {
         if (H && c && typeof H.stack == "string") {
           for (var R = H.stack.split(`
 `), W = c.stack.split(`
-`), P = R.length - 1, M = W.length - 1; P >= 1 && M >= 0 && R[P] !== W[M]; )
-            M--;
-          for (; P >= 1 && M >= 0; P--, M--)
-            if (R[P] !== W[M]) {
-              if (P !== 1 || M !== 1)
+`), j = R.length - 1, U = W.length - 1; j >= 1 && U >= 0 && R[j] !== W[U]; )
+            U--;
+          for (; j >= 1 && U >= 0; j--, U--)
+            if (R[j] !== W[U]) {
+              if (j !== 1 || U !== 1)
                 do
-                  if (P--, M--, M < 0 || R[P] !== W[M]) {
-                    var K = `
-` + R[P].replace(" at new ", " at ");
-                    return e.displayName && K.includes("<anonymous>") && (K = K.replace("<anonymous>", e.displayName)), typeof e == "function" && N.set(e, K), K;
+                  if (j--, U--, U < 0 || R[j] !== W[U]) {
+                    var ee = `
+` + R[j].replace(" at new ", " at ");
+                    return e.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", e.displayName)), typeof e == "function" && I.set(e, ee), ee;
                   }
-                while (P >= 1 && M >= 0);
+                while (j >= 1 && U >= 0);
               break;
             }
         }
       } finally {
-        m = !1, i.current = y, o(), Error.prepareStackTrace = I;
+        L = !1, r.current = C, Ge(), Error.prepareStackTrace = O;
       }
-      var Ae = e ? e.displayName || e.name : "", ge = Ae ? x(Ae) : "";
-      return typeof e == "function" && N.set(e, ge), ge;
+      var Ae = e ? e.displayName || e.name : "", he = Ae ? m(Ae) : "";
+      return typeof e == "function" && I.set(e, he), he;
     }
-    function je(e, t, n) {
-      return pe(e, !1);
+    function Se(e, t, o) {
+      return Q(e, !1);
     }
-    function me(e) {
+    function _e(e) {
       var t = e.prototype;
       return !!(t && t.isReactComponent);
     }
-    function Re(e, t, n) {
+    function oe(e, t, o) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return pe(e, me(e));
+        return Q(e, _e(e));
       if (typeof e == "string")
-        return x(e);
+        return m(e);
       switch (e) {
         case V:
-          return x("Suspense");
+          return m("Suspense");
         case S:
-          return x("SuspenseList");
+          return m("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
+          case h:
+            return Se(e.render);
           case v:
-            return je(e.render);
-          case A:
-            return Re(e.type, t, n);
-          case C: {
-            var c = e, I = c._payload, y = c._init;
+            return oe(e.type, t, o);
+          case D: {
+            var c = e, O = c._payload, C = c._init;
             try {
-              return Re(y(I), t, n);
+              return oe(C(O), t, o);
             } catch {
             }
           }
         }
       return "";
     }
-    var q = Object.prototype.hasOwnProperty, D = {}, ae = Y.ReactDebugCurrentFrame;
-    function _e(e) {
+    var fe = Object.prototype.hasOwnProperty, le = {}, b = Y.ReactDebugCurrentFrame;
+    function Z(e) {
       if (e) {
-        var t = e._owner, n = Re(e.type, e._source, t ? t.type : null);
-        ae.setExtraStackFrame(n);
+        var t = e._owner, o = oe(e.type, e._source, t ? t.type : null);
+        b.setExtraStackFrame(o);
       } else
-        ae.setExtraStackFrame(null);
+        b.setExtraStackFrame(null);
     }
-    function Fe(e, t, n, c, I) {
+    function je(e, t, o, c, O) {
       {
-        var y = Function.call.bind(q);
-        for (var g in e)
-          if (y(e, g)) {
+        var C = Function.call.bind(fe);
+        for (var _ in e)
+          if (C(e, _)) {
             var R = void 0;
             try {
-              if (typeof e[g] != "function") {
-                var W = Error((c || "React class") + ": " + n + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[_] != "function") {
+                var W = Error((c || "React class") + ": " + o + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw W.name = "Invariant Violation", W;
               }
-              R = e[g](t, g, c, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (P) {
-              R = P;
+              R = e[_](t, _, c, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (j) {
+              R = j;
             }
-            R && !(R instanceof Error) && (_e(I), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", n, g, typeof R), _e(null)), R instanceof Error && !(R.message in D) && (D[R.message] = !0, _e(I), b("Failed %s type: %s", n, R.message), _e(null));
+            R && !(R instanceof Error) && (Z(O), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", o, _, typeof R), Z(null)), R instanceof Error && !(R.message in le) && (le[R.message] = !0, Z(O), x("Failed %s type: %s", o, R.message), Z(null));
           }
       }
     }
-    var It = Array.isArray;
-    function ke(e) {
-      return It(e);
+    var we = Array.isArray;
+    function Ve(e) {
+      return we(e);
     }
     function yt(e) {
       {
-        var t = typeof Symbol == "function" && Symbol.toStringTag, n = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return n;
+        var t = typeof Symbol == "function" && Symbol.toStringTag, o = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return o;
       }
     }
     function Ct(e) {
       try {
-        return Qe(e), !1;
+        return Ze(e), !1;
       } catch {
         return !0;
       }
     }
-    function Qe(e) {
+    function Ze(e) {
       return "" + e;
     }
-    function Ze(e) {
+    function et(e) {
       if (Ct(e))
-        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", yt(e)), Qe(e);
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", yt(e)), Ze(e);
     }
-    var et = Y.ReactCurrentOwner, Dt = {
+    var tt = Y.ReactCurrentOwner, Dt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, tt, rt;
+    }, rt, at;
     function xt(e) {
-      if (q.call(e, "ref")) {
+      if (fe.call(e, "ref")) {
         var t = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (t && t.isReactWarning)
           return !1;
@@ -423,7 +423,7 @@ function tr() {
       return e.ref !== void 0;
     }
     function bt(e) {
-      if (q.call(e, "key")) {
+      if (fe.call(e, "key")) {
         var t = Object.getOwnPropertyDescriptor(e, "key").get;
         if (t && t.isReactWarning)
           return !1;
@@ -431,41 +431,41 @@ function tr() {
       return e.key !== void 0;
     }
     function Nt(e, t) {
-      typeof e.ref == "string" && et.current;
+      typeof e.ref == "string" && tt.current;
     }
     function Lt(e, t) {
       {
-        var n = function() {
-          tt || (tt = !0, b("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
+        var o = function() {
+          rt || (rt = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
         };
-        n.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: n,
+        o.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: o,
           configurable: !0
         });
       }
     }
     function Pt(e, t) {
       {
-        var n = function() {
-          rt || (rt = !0, b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
+        var o = function() {
+          at || (at = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
         };
-        n.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: n,
+        o.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: o,
           configurable: !0
         });
       }
     }
-    var jt = function(e, t, n, c, I, y, g) {
+    var Ft = function(e, t, o, c, O, C, _) {
       var R = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: u,
+        $$typeof: f,
         // Built-in properties that belong on the element
         type: e,
         key: t,
-        ref: n,
-        props: g,
+        ref: o,
+        props: _,
         // Record the component responsible for creating this element.
-        _owner: y
+        _owner: C
       };
       return R._store = {}, Object.defineProperty(R._store, "validated", {
         configurable: !1,
@@ -481,44 +481,44 @@ function tr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: I
+        value: O
       }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
     };
-    function Ft(e, t, n, c, I) {
+    function jt(e, t, o, c, O) {
       {
-        var y, g = {}, R = null, W = null;
-        n !== void 0 && (Ze(n), R = "" + n), bt(t) && (Ze(t.key), R = "" + t.key), xt(t) && (W = t.ref, Nt(t, I));
-        for (y in t)
-          q.call(t, y) && !Dt.hasOwnProperty(y) && (g[y] = t[y]);
+        var C, _ = {}, R = null, W = null;
+        o !== void 0 && (et(o), R = "" + o), bt(t) && (et(t.key), R = "" + t.key), xt(t) && (W = t.ref, Nt(t, O));
+        for (C in t)
+          fe.call(t, C) && !Dt.hasOwnProperty(C) && (_[C] = t[C]);
         if (e && e.defaultProps) {
-          var P = e.defaultProps;
-          for (y in P)
-            g[y] === void 0 && (g[y] = P[y]);
+          var j = e.defaultProps;
+          for (C in j)
+            _[C] === void 0 && (_[C] = j[C]);
         }
         if (R || W) {
-          var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          R && Lt(g, M), W && Pt(g, M);
+          var U = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          R && Lt(_, U), W && Pt(_, U);
         }
-        return jt(e, R, W, I, c, et.current, g);
+        return Ft(e, R, W, O, c, tt.current, _);
       }
     }
-    var Ve = Y.ReactCurrentOwner, at = Y.ReactDebugCurrentFrame;
-    function Se(e) {
+    var Ye = Y.ReactCurrentOwner, nt = Y.ReactDebugCurrentFrame;
+    function ve(e) {
       if (e) {
-        var t = e._owner, n = Re(e.type, e._source, t ? t.type : null);
-        at.setExtraStackFrame(n);
+        var t = e._owner, o = oe(e.type, e._source, t ? t.type : null);
+        nt.setExtraStackFrame(o);
       } else
-        at.setExtraStackFrame(null);
+        nt.setExtraStackFrame(null);
     }
-    var Ye;
-    Ye = !1;
-    function We(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === u;
+    var We;
+    We = !1;
+    function Be(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === f;
     }
-    function nt() {
+    function ot() {
       {
-        if (Ve.current) {
-          var e = f(Ve.current.type);
+        if (Ye.current) {
+          var e = d(Ye.current.type);
           if (e)
             return `
 
@@ -527,51 +527,51 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Mt(e) {
+    function wt(e) {
       return "";
     }
-    var ot = {};
-    function wt(e) {
+    var st = {};
+    function Mt(e) {
       {
-        var t = nt();
+        var t = ot();
         if (!t) {
-          var n = typeof e == "string" ? e : e.displayName || e.name;
-          n && (t = `
+          var o = typeof e == "string" ? e : e.displayName || e.name;
+          o && (t = `
 
-Check the top-level render call using <` + n + ">.");
+Check the top-level render call using <` + o + ">.");
         }
         return t;
       }
     }
-    function st(e, t) {
+    function it(e, t) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var n = wt(t);
-        if (ot[n])
+        var o = Mt(t);
+        if (st[o])
           return;
-        ot[n] = !0;
+        st[o] = !0;
         var c = "";
-        e && e._owner && e._owner !== Ve.current && (c = " It was passed a child from " + f(e._owner.type) + "."), Se(e), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, c), Se(null);
+        e && e._owner && e._owner !== Ye.current && (c = " It was passed a child from " + d(e._owner.type) + "."), ve(e), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, c), ve(null);
       }
     }
-    function it(e, t) {
+    function lt(e, t) {
       {
         if (typeof e != "object")
           return;
-        if (ke(e))
-          for (var n = 0; n < e.length; n++) {
-            var c = e[n];
-            We(c) && st(c, t);
+        if (Ve(e))
+          for (var o = 0; o < e.length; o++) {
+            var c = e[o];
+            Be(c) && it(c, t);
           }
-        else if (We(e))
+        else if (Be(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var I = Q(e);
-          if (typeof I == "function" && I !== e.entries)
-            for (var y = I.call(e), g; !(g = y.next()).done; )
-              We(g.value) && st(g.value, t);
+          var O = z(e);
+          if (typeof O == "function" && O !== e.entries)
+            for (var C = O.call(e), _; !(_ = C.next()).done; )
+              Be(_.value) && it(_.value, t);
         }
       }
     }
@@ -580,108 +580,108 @@ Check the top-level render call using <` + n + ">.");
         var t = e.type;
         if (t == null || typeof t == "string")
           return;
-        var n;
+        var o;
         if (typeof t == "function")
-          n = t.propTypes;
-        else if (typeof t == "object" && (t.$$typeof === v || // Note: Memo only checks outer props here.
+          o = t.propTypes;
+        else if (typeof t == "object" && (t.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        t.$$typeof === A))
-          n = t.propTypes;
+        t.$$typeof === v))
+          o = t.propTypes;
         else
           return;
-        if (n) {
-          var c = f(t);
-          Fe(n, e.props, "prop", c, e);
-        } else if (t.PropTypes !== void 0 && !Ye) {
-          Ye = !0;
-          var I = f(t);
-          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", I || "Unknown");
+        if (o) {
+          var c = d(t);
+          je(o, e.props, "prop", c, e);
+        } else if (t.PropTypes !== void 0 && !We) {
+          We = !0;
+          var O = d(t);
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
         }
-        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function $t(e) {
       {
-        for (var t = Object.keys(e.props), n = 0; n < t.length; n++) {
-          var c = t[n];
+        for (var t = Object.keys(e.props), o = 0; o < t.length; o++) {
+          var c = t[o];
           if (c !== "children" && c !== "key") {
-            Se(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), Se(null);
+            ve(e), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), ve(null);
             break;
           }
         }
-        e.ref !== null && (Se(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), Se(null));
+        e.ref !== null && (ve(e), x("Invalid attribute `ref` supplied to `React.Fragment`."), ve(null));
       }
     }
-    var lt = {};
-    function ct(e, t, n, c, I, y) {
+    var ct = {};
+    function ut(e, t, o, c, O, C) {
       {
-        var g = _(e);
-        if (!g) {
+        var _ = g(e);
+        if (!_) {
           var R = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (R += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var W = Mt();
-          W ? R += W : R += nt();
-          var P;
-          e === null ? P = "null" : ke(e) ? P = "array" : e !== void 0 && e.$$typeof === u ? (P = "<" + (f(e.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, R);
+          var W = wt();
+          W ? R += W : R += ot();
+          var j;
+          e === null ? j = "null" : Ve(e) ? j = "array" : e !== void 0 && e.$$typeof === f ? (j = "<" + (d(e.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : j = typeof e, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", j, R);
         }
-        var M = Ft(e, t, n, I, y);
-        if (M == null)
-          return M;
-        if (g) {
-          var K = t.children;
-          if (K !== void 0)
+        var U = jt(e, t, o, O, C);
+        if (U == null)
+          return U;
+        if (_) {
+          var ee = t.children;
+          if (ee !== void 0)
             if (c)
-              if (ke(K)) {
-                for (var Ae = 0; Ae < K.length; Ae++)
-                  it(K[Ae], e);
-                Object.freeze && Object.freeze(K);
+              if (Ve(ee)) {
+                for (var Ae = 0; Ae < ee.length; Ae++)
+                  lt(ee[Ae], e);
+                Object.freeze && Object.freeze(ee);
               } else
-                b("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              it(K, e);
+              lt(ee, e);
         }
-        if (q.call(t, "key")) {
-          var ge = f(e), H = Object.keys(t).filter(function(Bt) {
+        if (fe.call(t, "key")) {
+          var he = d(e), H = Object.keys(t).filter(function(Bt) {
             return Bt !== "key";
-          }), Be = H.length > 0 ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!lt[ge + Be]) {
+          }), He = H.length > 0 ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ct[he + He]) {
             var Wt = H.length > 0 ? "{" + H.join(": ..., ") + ": ...}" : "{}";
-            b(`A props object containing a "key" prop is being spread into JSX:
+            x(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Be, ge, Wt, ge), lt[ge + Be] = !0;
+  <%s key={someKey} {...props} />`, He, he, Wt, he), ct[he + He] = !0;
           }
         }
-        return e === E ? $t(M) : Ut(M), M;
+        return e === E ? $t(U) : Ut(U), U;
       }
     }
-    function Gt(e, t, n) {
-      return ct(e, t, n, !0);
+    function kt(e, t, o) {
+      return ut(e, t, o, !0);
     }
-    function kt(e, t, n) {
-      return ct(e, t, n, !1);
+    function Gt(e, t, o) {
+      return ut(e, t, o, !1);
     }
-    var Vt = kt, Yt = Gt;
-    xe.Fragment = E, xe.jsx = Vt, xe.jsxs = Yt;
-  })()), xe;
+    var Vt = Gt, Yt = kt;
+    Ce.Fragment = E, Ce.jsx = Vt, Ce.jsxs = Yt;
+  })()), Ce;
 }
-var ft;
+var Et;
 function rr() {
-  return ft || (ft = 1, process.env.NODE_ENV === "production" ? Me.exports = er() : Me.exports = tr()), Me.exports;
+  return Et || (Et = 1, process.env.NODE_ENV === "production" ? Me.exports = er() : Me.exports = tr()), Me.exports;
 }
-var r = rr();
-const ar = ue(L)(({ theme: a }) => ({
+var a = rr();
+const ar = pe(P)(({ theme: n }) => ({
   width: "100%",
-  fontFamily: a.typography.fontFamily
-})), Et = ue("div")(({ theme: a }) => ({
+  fontFamily: n.typography.fontFamily
+})), pt = pe("div")(({ theme: n }) => ({
   width: "100%",
   "& .ag-header": {
     borderRadius: "8px 8px 0 0"
   },
   "& .ag-theme-alpine": {
-    fontFamily: a.typography.fontFamily
+    fontFamily: n.typography.fontFamily
   },
   "& .ag-header-cell-text": {
     fontSize: "14px",
@@ -692,7 +692,9 @@ const ar = ue(L)(({ theme: a }) => ({
     fontSize: "14px",
     fontWeight: 400,
     color: "#000",
-    padding: "12px 16px"
+    padding: "12px 16px",
+    display: "flex",
+    alignItems: "center"
   },
   "& .right-aligned-cell": {
     textAlign: "right"
@@ -715,7 +717,7 @@ const ar = ue(L)(({ theme: a }) => ({
     border: "1px solid transparent !important"
   }
 }));
-ue(L)(() => ({
+pe(P)(() => ({
   position: "fixed",
   inset: 0,
   display: "flex",
@@ -724,22 +726,22 @@ ue(L)(() => ({
   zIndex: 1301,
   background: "rgba(255, 255, 255, 0.5)"
 }));
-const nr = ue(L)(({ theme: a }) => ({
+const nr = pe(P)(({ theme: n }) => ({
   display: "flex",
   justifyContent: "flex-end",
   marginTop: "16px",
   gap: "16px",
-  [a.breakpoints.down("md")]: {
+  [n.breakpoints.down("md")]: {
     flexWrap: "wrap",
     justifyContent: "center",
     gap: "12px"
   },
-  [a.breakpoints.down("sm")]: {
+  [n.breakpoints.down("sm")]: {
     flexDirection: "column",
     alignItems: "center",
     gap: "16px"
   }
-})), or = ue(Ht)(() => ({
+})), or = pe(Ht)(() => ({
   fontSize: "14px",
   border: "none",
   boxShadow: "none",
@@ -755,10 +757,10 @@ const nr = ue(L)(({ theme: a }) => ({
     paddingLeft: "8px",
     paddingRight: "32px !important"
   }
-})), sr = ue(L)(
-  ({ height: a }) => ({
-    ...a !== void 0 && {
-      height: `${a}px`
+})), sr = pe(P)(
+  ({ height: n }) => ({
+    ...n !== void 0 && {
+      height: `${n}px`
     },
     "&.ag-theme-alpine": {
       border: "none !important"
@@ -791,21 +793,21 @@ const nr = ue(L)(({ theme: a }) => ({
       justifyContent: "space-between"
     }
   })
-), ir = ue(Xt)(
-  ({ theme: a }) => ({
+), ir = pe(zt)(
+  ({ theme: n }) => ({
     display: "flex",
     flexDirection: "row",
     alignItems: "center",
-    [a.breakpoints.down("sm")]: {
+    [n.breakpoints.down("sm")]: {
       flexWrap: "wrap",
       justifyContent: "center",
       gap: "8px"
     }
   })
-), Tt = ue(L)(({ theme: a }) => ({
+), Tt = pe(P)(({ theme: n }) => ({
   fontWeight: 300,
   fontSize: "14px",
-  [a.breakpoints.down("sm")]: {
+  [n.breakpoints.down("sm")]: {
     fontSize: "12px"
   }
 })), lr = {
@@ -813,7 +815,7 @@ const nr = ue(L)(({ theme: a }) => ({
   MIN_HEIGHT: 300,
   MAX_HEIGHT: 800,
   DEFAULT_ROW_HEIGHT: 50
-}, Sr = {
+}, vr = {
   DEFAULT_PAGE: 1,
   DEFAULT_PAGE_SIZE: 10,
   PAGE_SIZE_OPTIONS: [10, 20, 50, 100],
@@ -825,10 +827,10 @@ const nr = ue(L)(({ theme: a }) => ({
   UI_COLUMN_SORTED: "uiColumnSorted",
   API: "api",
   COLUMN_MOVED: "columnMoved"
-}, pt = {
+}, mt = {
   NORMAL: "normal",
   AUTO_HEIGHT: "autoHeight"
-}, Ot = {
+}, It = {
   CLIENT_SIDE: "clientSide",
   SERVER_SIDE: "serverSide",
   INFINITE: "infinite",
@@ -838,11 +840,11 @@ const nr = ue(L)(({ theme: a }) => ({
   ACTION_COLUMN_WIDTH: 150,
   SORTABLE: !0,
   FILTER: !1
-}, dr = {
+}, ur = {
   NO_DATA: "N/A",
   LOADING: "Loading...",
   NO_RECORDS: "No records found"
-}, ur = {
+}, dr = {
   AG_THEME_ALPINE: "ag-theme-alpine",
   AG_THEME_BALHAM: "ag-theme-balham",
   AG_THEME_MATERIAL: "ag-theme-material"
@@ -850,85 +852,95 @@ const nr = ue(L)(({ theme: a }) => ({
   URL_REVOKE: 100
   // milliseconds to wait before revoking blob URL
 };
-Qt.registerModules([St, Zt]);
+Qt.registerModules([At, Zt]);
 const Er = ({
-  rows: a,
-  totalRecords: u,
-  currentPage: d,
+  rows: n,
+  totalRecords: f,
+  currentPage: u,
   loading: E,
-  onPageChange: s,
-  columns: k,
-  pageSize: z,
-  pageSizeOptions: p,
-  onPageSizeChange: v,
+  onPageChange: i,
+  columns: G,
+  pageSize: J,
+  pageSizeOptions: T,
+  onPageSizeChange: h,
   setSort: V,
   sortModel: S,
-  height: A = lr.DEFAULT_HEIGHT,
-  domLayout: C = pt.NORMAL,
+  height: v = lr.DEFAULT_HEIGHT,
+  domLayout: D = mt.NORMAL,
   getRowHeight: B,
-  pinnedBottomRowData: re,
-  showLoader: fe = !0,
-  emptyDataMessage: Q,
+  pinnedBottomRowData: ne,
+  showLoader: Te = !0,
+  emptyDataMessage: z,
   ...Y
 }) => {
-  const b = Ke(null), j = Ke([]), ne = (U) => {
-    if (U.source !== cr.UI_COLUMN_SORTED || (console.log("Sort Changed Event (User Initiated):", U), !V)) return;
-    const G = U.api.getColumnState().filter((Z) => Z.sort).map((Z) => ({
-      colId: Z.colId,
-      sort: Z.sort
+  const x = ke(null), N = ke([]), se = (w) => {
+    if (w.source !== cr.UI_COLUMN_SORTED || (console.log("Sort Changed Event (User Initiated):", w), !V)) return;
+    const k = w.api.getColumnState().filter((X) => X.sort).map((X) => ({
+      colId: X.colId,
+      sort: X.sort
     }));
-    console.log("New Sort Model:", G), JSON.stringify(G) !== JSON.stringify(j.current) && (j.current = G, V(G));
+    console.log("New Sort Model:", k), JSON.stringify(k) !== JSON.stringify(N.current) && (N.current = k, V(k));
   };
-  return fe && E ? /* @__PURE__ */ r.jsx(
-    Et,
+  return Te && E ? /* @__PURE__ */ a.jsx(
+    pt,
     {
       style: {
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        height: A,
+        height: v,
         minHeight: 120
       },
-      children: /* @__PURE__ */ r.jsx(Ue, {})
+      children: /* @__PURE__ */ a.jsx($e, {})
     }
-  ) : /* @__PURE__ */ r.jsx(Et, { "data-testid": "ServerSideGrid", className: ur.AG_THEME_ALPINE, children: /* @__PURE__ */ r.jsxs(ar, { children: [
-    /* @__PURE__ */ r.jsx(
+  ) : /* @__PURE__ */ a.jsx(pt, { "data-testid": "ServerSideGrid", className: dr.AG_THEME_ALPINE, children: /* @__PURE__ */ a.jsxs(ar, { children: [
+    /* @__PURE__ */ a.jsx(
       sr,
       {
-        height: C === pt.AUTO_HEIGHT ? void 0 : A,
-        children: /* @__PURE__ */ r.jsx(
-          Jt,
+        height: D === mt.AUTO_HEIGHT ? void 0 : v,
+        children: /* @__PURE__ */ a.jsx(
+          Kt,
           {
-            ref: b,
+            ref: x,
             theme: "legacy",
-            columnDefs: k,
-            rowData: a,
-            pinnedBottomRowData: re,
-            domLayout: C,
-            rowModelType: Ot.CLIENT_SIDE,
-            modules: [St],
+            columnDefs: G,
+            rowData: n,
+            pinnedBottomRowData: ne,
+            domLayout: D,
+            rowModelType: It.CLIENT_SIDE,
+            modules: [At],
             localeText: {
-              noRowsToShow: Q || "No data to show"
+              noRowsToShow: z || "No data to show"
             },
             ...Y,
             enableBrowserTooltips: !0,
             suppressMovableColumns: !0,
             suppressMenuHide: !0,
-            onSortChanged: ne,
+            onSortChanged: se,
+            suppressAutoSize: !0,
+            suppressColumnMoveAnimation: !0,
             defaultColDef: {
               width: 170,
               sortable: !0,
               unSortIcon: !0,
-              tooltipValueGetter: (U) => U.value ?? dr.NO_DATA
+              tooltipValueGetter: (w) => w.value ?? ur.NO_DATA,
+              suppressSizeToFit: !0,
+              suppressAutoSize: !0,
+              resizable: !0,
+              lockPosition: !0,
+              lockPinned: !0
             },
             suppressRowTransform: !0,
             getRowHeight: B ?? (() => 54),
             maintainColumnOrder: !0,
+            suppressColumnVirtualisation: !1,
+            suppressAnimationFrame: !1,
+            skipHeaderOnAutoSize: !0,
             initialState: S && S.length > 0 ? {
               sort: {
-                sortModel: S.map((U) => ({
-                  colId: U.colId,
-                  sort: U.sort
+                sortModel: S.map((w) => ({
+                  colId: w.colId,
+                  sort: w.sort
                 }))
               }
             } : void 0
@@ -936,47 +948,47 @@ const Er = ({
         )
       }
     ),
-    u === 0 && /* @__PURE__ */ r.jsx(zt, {})
+    f === 0 && /* @__PURE__ */ a.jsx(Xt, {})
   ] }) });
-}, Tr = ({
-  totalRecords: a,
-  currentPage: u,
-  pageSize: d,
+}, pr = ({
+  totalRecords: n,
+  currentPage: f,
+  pageSize: u,
   onPageChange: E
 }) => {
-  const s = Math.ceil(a / d);
-  return /* @__PURE__ */ r.jsxs(L, { sx: { display: "flex", gap: 2, alignItems: "center" }, children: [
-    /* @__PURE__ */ r.jsx(
-      ie,
+  const i = Math.ceil(n / u);
+  return /* @__PURE__ */ a.jsxs(P, { sx: { display: "flex", gap: 2, alignItems: "center" }, children: [
+    /* @__PURE__ */ a.jsx(
+      ue,
       {
         size: "small",
-        disabled: u === 1,
-        onClick: () => E(u - 1),
+        disabled: f === 1,
+        onClick: () => E(f - 1),
         children: "Previous"
       }
     ),
-    /* @__PURE__ */ r.jsxs(Ie, { variant: "body2", children: [
+    /* @__PURE__ */ a.jsxs(Le, { variant: "body2", children: [
       "Page ",
-      u,
+      f,
       " of ",
-      s || 1
+      i || 1
     ] }),
-    /* @__PURE__ */ r.jsx(
-      ie,
+    /* @__PURE__ */ a.jsx(
+      ue,
       {
         size: "small",
-        disabled: u >= s,
-        onClick: () => E(u + 1),
+        disabled: f >= i,
+        onClick: () => E(f + 1),
         children: "Next"
       }
     )
   ] });
-}, $e = {
+}, Xe = {
   MASTER_DATA_MANAGEMENT: "Master Data Management",
   ADD_NEW_RECORD: "Add New Record",
   EDIT_RECORD: "Edit Record",
   VIEW_RECORD: "View Record"
-}, de = {
+}, Ee = {
   VIEW: "View",
   ADD_NEW_RECORD: "Add New Record",
   EDIT: "Edit",
@@ -985,19 +997,19 @@ const Er = ({
   CANCEL: "Cancel",
   BACK: "Back",
   EXPORT: "Export"
-}, Xe = {
+}, qe = {
   SELECT_ENTITY: "Select Entity",
   ACTIONS: "Actions",
   FROM: "From",
   TO: "To"
-}, Le = {
+}, xe = {
   SELECT_ENTITY: "Select Entity",
-  SELECT: (a) => `Select ${a}`,
-  FILTER_BY: (a) => `Filter by ${a}`
-}, mt = {
+  SELECT: (n) => `Select ${n}`,
+  FILTER_BY: (n) => `Filter by ${n}`
+}, Rt = {
   CSV: "CSV Format",
   EXCEL: "Excel Format"
-}, Rt = {
+}, gt = {
   CSV: "csv",
   EXCEL: "xlsx"
 }, ce = {
@@ -1008,11 +1020,11 @@ const Er = ({
   FAILED_SAVE_RECORD: "Failed to save record. Please try again.",
   FAILED_EXPORT_CSV: "Failed to export CSV",
   FAILED_EXPORT_EXCEL: "Failed to export Excel",
-  FAILED_LOAD_OPTIONS: (a) => `Failed to load options for ${a}`,
+  FAILED_LOAD_OPTIONS: (n) => `Failed to load options for ${n}`,
   FAILED_LOAD_FORM_CONFIG: "Failed to load form configuration",
-  FIELD_REQUIRED: (a) => `${a} is required`,
-  FIELD_MIN_VALUE: (a, u) => `${a} must be at least ${u}`,
-  FIELD_MAX_VALUE: (a, u) => `${a} must be at most ${u}`
+  FIELD_REQUIRED: (n) => `${n} is required`,
+  FIELD_MIN_VALUE: (n, f) => `${n} must be at least ${f}`,
+  FIELD_MAX_VALUE: (n, f) => `${n} must be at most ${f}`
 }, Ir = {
   RECORD_CREATED: "Record created successfully",
   RECORD_UPDATED: "Record updated successfully",
@@ -1026,7 +1038,7 @@ const Er = ({
 }, Dr = {
   LOADING: "Loading...",
   PLEASE_WAIT: "Please wait..."
-}, ze = {
+}, Je = {
   SHOWING: "Showing",
   OF: "of",
   ENTRIES: "entries"
@@ -1051,7 +1063,7 @@ const Er = ({
   ACTION_BUTTON_GAP: 1,
   FORM_MARGIN_TOP: 3,
   FORM_MARGIN_BOTTOM: 2
-}, _t = [10, 20, 50, 100], pr = " *", mr = "red", Rr = "_display", Nr = {
+}, _t = [10, 20, 50, 100], Tr = " *", mr = "red", Rr = "_display", Nr = {
   ISO_DATE: "YYYY-MM-DD",
   DISPLAY_DATE: "DD/MM/YYYY",
   FILE_DATE: "YYYY-MM-DD"
@@ -1063,39 +1075,39 @@ const Er = ({
   HEADERS: {
     CONTENT_TYPE: "application/json"
   }
-}, jr = {
-  MASTER: "/master"
 }, Fr = {
+  MASTER: "/master"
+}, jr = {
   // Entity endpoints
   ENTITIES: "/master/entities",
-  ENTITY_METADATA: (a) => `/master/${a}/metadata`,
-  ENTITY_RECORDS: (a) => `/master/${a}/records`,
-  ENTITY_RECORD_BY_ID: (a, u) => `/master/${a}/records/${u}`,
-  ENTITY_OPTIONS: (a) => `/master/${a}/options`,
+  ENTITY_METADATA: (n) => `/master/${n}/metadata`,
+  ENTITY_RECORDS: (n) => `/master/${n}/records`,
+  ENTITY_RECORD_BY_ID: (n, f) => `/master/${n}/records/${f}`,
+  ENTITY_OPTIONS: (n) => `/master/${n}/options`,
   // Export endpoints
-  EXPORT_CSV: (a) => `/master/${a}/export/csv`,
-  EXPORT_EXCEL: (a) => `/master/${a}/export/excel`
-}, Mr = {
+  EXPORT_CSV: (n) => `/master/${n}/export/csv`,
+  EXPORT_EXCEL: (n) => `/master/${n}/export/excel`
+}, wr = {
   GET: "GET",
   POST: "POST",
   PUT: "PUT",
   DELETE: "DELETE",
   PATCH: "PATCH"
-}, wr = {
+}, Mr = {
   PAGE: "page",
   LIMIT: "limit",
   SEARCH: "search",
   SEARCH_BY: "searchBy",
   SORT_BY: "sortBy",
   SORT_ORDER: "sortOrder"
-}, we = {
+}, Ue = {
   ASC: "ASC",
   DESC: "DESC"
 }, Ur = {
   JSON: "json",
   BLOB: "blob",
   TEXT: "text"
-}, gt = {
+}, ht = {
   CSV: "text/csv;charset=utf-8;",
   EXCEL: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
   JSON: "application/json"
@@ -1104,11 +1116,11 @@ const Er = ({
   COUNT: "count",
   MESSAGE: "message",
   ERROR: "error"
-}, X = {
+}, q = {
   CREATE: "create",
   EDIT: "edit",
   VIEW: "view"
-}, qe = {
+}, Ke = {
   TEXT: "text",
   DROPDOWN: "dropdown",
   DATEPICKER: "datepicker",
@@ -1116,7 +1128,7 @@ const Er = ({
   TEXTAREA: "textarea",
   CHECKBOX: "checkbox",
   RADIO: "radio"
-}, be = {
+}, De = {
   STRING: "string",
   NUMBER: "number",
   FLOAT: "float",
@@ -1125,11 +1137,11 @@ const Er = ({
   BOOLEAN: "boolean",
   ARRAY: "array",
   OBJECT: "object"
-}, Gr = {
+}, kr = {
   API: "API",
   RAW: "Raw",
   STATIC: "Static"
-}, kr = {
+}, Gr = {
   ID: "id",
   NAME: "name",
   LABEL: "label",
@@ -1145,7 +1157,7 @@ const Er = ({
   PATTERN: "pattern",
   EMAIL: "email",
   URL: "url"
-}, J = {
+}, te = {
   FROM: "From",
   TO: "To"
 }, Yr = {
@@ -1162,552 +1174,578 @@ const Er = ({
 }, Br = {
   ENTITY_MATCH: /\/master\/([^\/]+)\/options/
 }, Hr = ({
-  apiClient: a,
-  apiEndpoints: u,
-  onNavigateToNew: d,
+  apiClient: n,
+  apiEndpoints: f,
+  onNavigateToNew: u,
   onNavigateToEdit: E
 }) => {
-  const s = Oe(() => At(a, u), [a, u]), [k, z] = w([]), [p, v] = w(null), [V, S] = w([]), [A, C] = w({}), [B, re] = w([]), [fe, Q] = w([]), [Y, b] = w(0), [j, ne] = w(10), [U, G] = w(1), [Ee, Z] = w(!1), [le, _] = w(!1), [T, l] = w({}), [f, F] = w([]), [O, ee] = w(null), $ = Ke(!0);
-  Pe(() => {
+  const i = be(() => Ot(n, f), [n, f]), [G, J] = $([]), [T, h] = $(null), [V, S] = $([]), [v, D] = $({}), [B, ne] = $([]), [Te, z] = $([]), [Y, x] = $(0), [N, se] = $(10), [w, k] = $(1), [me, X] = $(!1), [de, g] = $(!1), [p, l] = $({}), [d, M] = $([]), [A, re] = $(null), F = ke(!0), K = ke({
+    page: 0,
+    pageSize: 0,
+    sort: ""
+  });
+  Ne(() => {
     (async () => {
       try {
-        const x = ((await s.getEntities()).data || []).map((m) => ({
-          name: m.tableName || m.name,
-          label: m.displayName || m.label
+        const L = ((await i.getEntities()).data || []).map((I) => ({
+          name: I.tableName || I.name,
+          label: I.displayName || I.label
         }));
-        z(x), x.length > 0 && v(x[0]);
-      } catch (i) {
-        console.error(ce.FAILED_LOAD_ENTITIES, i);
+        J(L), L.length > 0 && h(L[0]);
+      } catch (s) {
+        console.error(ce.FAILED_LOAD_ENTITIES, s);
       }
     })();
-  }, []), Pe(() => {
-    if (!p) return;
+  }, []), Ne(() => {
+    if (!T) return;
     (async () => {
       try {
-        const h = (await s.getMetadata(p.name)).data || {};
-        S(h.parameterList || []), re(h.resultsList || []);
-        const x = {};
-        (h.parameterList || []).forEach((N) => {
-          x[N.name] = null;
-        }), C(x);
-        const m = {};
-        for (const N of h.parameterList || [])
-          N.options && Array.isArray(N.options) && (m[N.name] = N.options);
-        l(m), Q([]), _(!1);
-      } catch (i) {
-        console.error(ce.FAILED_LOAD_METADATA, i);
+        const m = (await i.getMetadata(T.name)).data || {};
+        S(m.parameterList || []), ne(m.resultsList || []);
+        const L = {};
+        (m.parameterList || []).forEach((y) => {
+          L[y.name] = null;
+        }), D(L);
+        const I = {};
+        for (const y of m.parameterList || [])
+          y.options && Array.isArray(y.options) && (I[y.name] = y.options);
+        l(I), z([]), g(!1);
+      } catch (s) {
+        console.error(ce.FAILED_LOAD_METADATA, s);
       }
     })();
-  }, [p]);
-  const oe = Oe(() => {
-    const o = {}, i = [], h = [];
-    V.forEach((m) => {
-      if (m.dataType === be.DATERANGE) {
-        const ve = A[`${m.name}${J.FROM}`], pe = A[`${m.name}${J.TO}`];
-        ve && (o[`${m.name}${J.FROM}`] = ve), pe && (o[`${m.name}${J.TO}`] = pe);
+  }, [T]);
+  const Re = Oe((r) => {
+    const s = {}, m = [], L = [];
+    V.forEach((y) => {
+      if (y.dataType === De.DATERANGE) {
+        const Se = v[`${y.name}${te.FROM}`], _e = v[`${y.name}${te.TO}`];
+        Se && (s[`${y.name}${te.FROM}`] = Se), _e && (s[`${y.name}${te.TO}`] = _e);
         return;
       }
-      const N = A[m.name];
-      N == null || N === "" || (m.options ? o[m.name] = N : (i.push(m.name), h.push(String(N).trim())));
+      const Q = v[y.name];
+      Q == null || Q === "" || (y.options ? s[y.name] = Q : (m.push(y.name), L.push(String(Q).trim())));
     });
-    const x = {
-      page: U,
-      limit: j
+    const I = {
+      page: r !== void 0 ? r : w,
+      limit: N
     };
-    return Object.keys(o).length > 0 && Object.entries(o).forEach(([m, N]) => {
-      x[`filters[${m}]`] = N;
-    }), i.length > 0 && (x.search = h.join(","), x.searchBy = i.join(",")), f.length > 0 && (x.sortBy = f.map((m) => m.colId).join(","), x.sortOrder = f.map((m) => m.sort === "desc" ? we.DESC : we.ASC).join(",")), console.log("Query params:", x), x;
-  }, [V, A, U, j, f]), Te = Ne(async () => {
-    if (!(!p || !$.current)) {
-      $.current = !1, Z(!0);
+    return Object.keys(s).length > 0 && Object.entries(s).forEach(([y, Q]) => {
+      I[`filters[${y}]`] = Q;
+    }), m.length > 0 && (I.search = L.join(","), I.searchBy = m.join(",")), d.length > 0 && (I.sortBy = d.map((y) => y.colId).join(","), I.sortOrder = d.map((y) => y.sort === "desc" ? Ue.DESC : Ue.ASC).join(",")), console.log("Query params:", I), I;
+  }, [V, v, w, N, d]), ge = Oe(async () => {
+    if (!(!T || !F.current)) {
+      F.current = !1, X(!0);
+      try {
+        const r = Re();
+        console.log("Fetching with params:", r);
+        const s = await i.getRecords(T.name, r), m = s.data || [], L = s.total || 0;
+        z(m), x(L);
+      } catch (r) {
+        console.error(ce.FAILED_FETCH_LIST, r), console.error("Full error:", r), z([]), x(0);
+      } finally {
+        X(!1), F.current = !0;
+      }
+    }
+  }, [T, i, Re]);
+  Ne(() => {
+    if (!de) return;
+    const r = JSON.stringify(d);
+    (K.current.page !== w || K.current.pageSize !== N || K.current.sort !== r) && K.current.page !== 0 && (K.current = { page: w, pageSize: N, sort: r }, F.current = !0, ge());
+  }, [w, N, d, de, ge]);
+  const ie = async () => {
+    if (k(1), g(!0), K.current = {
+      page: 1,
+      pageSize: N,
+      sort: JSON.stringify(d)
+    }, !!T) {
+      X(!0), F.current = !1;
       try {
-        console.log("Fetching with params:", oe);
-        const o = await s.getRecords(p.name, oe), i = o.data || [], h = o.total || 0;
-        Q(i), b(h);
-      } catch (o) {
-        console.error(ce.FAILED_FETCH_LIST, o), console.error("Full error:", o), Q([]), b(0);
+        const r = Re(1);
+        console.log("Fetching with params:", r);
+        const s = await i.getRecords(T.name, r), m = s.data || [], L = s.total || 0;
+        z(m), x(L);
+      } catch (r) {
+        console.error(ce.FAILED_FETCH_LIST, r), console.error("Full error:", r), z([]), x(0);
       } finally {
-        Z(!1), $.current = !0;
+        X(!1), F.current = !0;
       }
     }
-  }, [p, oe]);
-  Pe(() => {
-    le && (U > 1 || f.length > 0) && Te();
-  }, [U, j, f, le, Te]);
-  const he = () => {
-    G(1), _(!0), setTimeout(() => {
-      $.current = !0, Te();
-    }, 0);
-  }, se = (o) => {
-    ee(o.currentTarget);
-  }, ye = () => {
-    ee(null);
-  }, Ce = async (o) => {
-    if (p)
+  }, Pe = (r) => {
+    re(r.currentTarget);
+  }, Ie = () => {
+    re(null);
+  }, Fe = async (r) => {
+    if (T)
       try {
-        const i = {}, h = [], x = [];
-        V.forEach((D) => {
-          if (D.dataType === be.DATERANGE) {
-            const _e = A[`${D.name}${J.FROM}`], Fe = A[`${D.name}${J.TO}`];
-            _e && (i[`${D.name}${J.FROM}`] = _e), Fe && (i[`${D.name}${J.TO}`] = Fe);
+        const s = {}, m = [], L = [];
+        V.forEach((b) => {
+          if (b.dataType === De.DATERANGE) {
+            const je = v[`${b.name}${te.FROM}`], we = v[`${b.name}${te.TO}`];
+            je && (s[`${b.name}${te.FROM}`] = je), we && (s[`${b.name}${te.TO}`] = we);
             return;
           }
-          const ae = A[D.name];
-          ae == null || ae === "" || (D.options ? i[D.name] = ae : (h.push(D.name), x.push(String(ae).trim())));
+          const Z = v[b.name];
+          Z == null || Z === "" || (b.options ? s[b.name] = Z : (m.push(b.name), L.push(String(Z).trim())));
         });
-        const m = {};
-        Object.keys(i).length > 0 && Object.entries(i).forEach(([D, ae]) => {
-          m[`filters[${D}]`] = ae;
-        }), h.length > 0 && (m.search = x.join(","), m.searchBy = h.join(",")), f.length > 0 && (m.sortBy = f.map((D) => D.colId).join(","), m.sortOrder = f.map((D) => D.sort === "desc" ? we.DESC : we.ASC).join(",")), console.log("Export params:", m);
-        const N = o === "csv" ? await s.exportCSV(p.name, m) : await s.exportExcel(p.name, m), ve = N.headers["content-type"] || (o === "csv" ? gt.CSV : gt.EXCEL), pe = new Blob([N.data], { type: ve }), je = N.headers["content-disposition"];
-        let me = `${p.name}_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}`;
-        if (je) {
-          const D = je.match(/filename="?(.+)"?/i);
-          D && D[1] && (me = D[1].replace(/["]/g, ""));
+        const I = {};
+        Object.keys(s).length > 0 && Object.entries(s).forEach(([b, Z]) => {
+          I[`filters[${b}]`] = Z;
+        }), m.length > 0 && (I.search = L.join(","), I.searchBy = m.join(",")), d.length > 0 && (I.sortBy = d.map((b) => b.colId).join(","), I.sortOrder = d.map((b) => b.sort === "desc" ? Ue.DESC : Ue.ASC).join(",")), console.log("Export params:", I);
+        const y = r === "csv" ? await i.exportCSV(T.name, I) : await i.exportExcel(T.name, I), Q = y.headers["content-type"] || (r === "csv" ? ht.CSV : ht.EXCEL), Se = new Blob([y.data], { type: Q }), _e = y.headers["content-disposition"];
+        let oe = `${T.name}_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}`;
+        if (_e) {
+          const b = _e.match(/filename="?(.+)"?/i);
+          b && b[1] && (oe = b[1].replace(/["]/g, ""));
         } else {
-          const D = o === "csv" ? Rt.CSV : Rt.EXCEL;
-          me.endsWith(`.${D}`) || (me += `.${D}`);
+          const b = r === "csv" ? gt.CSV : gt.EXCEL;
+          oe.endsWith(`.${b}`) || (oe += `.${b}`);
         }
-        const Re = URL.createObjectURL(pe), q = document.createElement("a");
-        q.href = Re, q.download = me, q.style.display = "none", document.body.appendChild(q), q.click(), document.body.removeChild(q), setTimeout(() => URL.revokeObjectURL(Re), fr.URL_REVOKE), console.log(`${o.toUpperCase()} export successful:`, me);
-      } catch (i) {
-        console.error(`Failed to export ${o.toUpperCase()}:`, i), alert(`Failed to export ${o.toUpperCase()}. Please try again.`);
+        const fe = URL.createObjectURL(Se), le = document.createElement("a");
+        le.href = fe, le.download = oe, le.style.display = "none", document.body.appendChild(le), le.click(), document.body.removeChild(le), setTimeout(() => URL.revokeObjectURL(fe), fr.URL_REVOKE), console.log(`${r.toUpperCase()} export successful:`, oe);
+      } catch (s) {
+        console.error(`Failed to export ${r.toUpperCase()}:`, s), alert(`Failed to export ${r.toUpperCase()}. Please try again.`);
       } finally {
-        ye();
+        Ie();
       }
-  }, Ge = Oe(() => {
-    const o = B.map((i) => ({
-      field: i.name,
-      headerName: i.label,
+  }, Ge = be(() => {
+    const r = B.map((s) => ({
+      field: s.name,
+      headerName: s.label,
       sortable: !0,
       filter: !1,
-      flex: 1
+      width: 200,
+      suppressSizeToFit: !0,
+      suppressAutoSize: !0,
+      resizable: !0
     }));
-    return o.push({
+    return r.push({
       field: "actions",
-      headerName: Xe.ACTIONS,
+      headerName: qe.ACTIONS,
       sortable: !1,
       filter: !1,
       width: 150,
-      cellRenderer: (i) => {
-        const h = i.data;
-        return !h || !p ? null : /* @__PURE__ */ r.jsx(L, { sx: { display: "flex", gap: 1, py: 1 }, children: /* @__PURE__ */ r.jsx(
-          ie,
+      suppressSizeToFit: !0,
+      suppressAutoSize: !0,
+      resizable: !1,
+      cellRenderer: (s) => {
+        const m = s.data;
+        return !m || !T ? null : /* @__PURE__ */ a.jsx(P, { sx: { display: "flex", gap: 1, alignItems: "center", height: "100%" }, children: /* @__PURE__ */ a.jsx(
+          ue,
           {
             size: "small",
             variant: "outlined",
-            onClick: () => E?.(p.name, h.id),
-            children: de.EDIT
+            onClick: () => E?.(T.name, m.id),
+            children: Ee.EDIT
           }
         ) });
       }
-    }), o;
-  }, [B, p, E]);
-  return /* @__PURE__ */ r.jsxs(L, { className: "master-view", children: [
-    /* @__PURE__ */ r.jsxs(vt, { className: "filter-section", children: [
-      /* @__PURE__ */ r.jsx(Ie, { variant: "h5", gutterBottom: !0, children: $e.MASTER_DATA_MANAGEMENT }),
-      /* @__PURE__ */ r.jsxs(L, { className: "filters", children: [
-        /* @__PURE__ */ r.jsxs(L, { className: "filter-field", children: [
-          /* @__PURE__ */ r.jsx(Ie, { variant: "body2", className: "field-label", children: Xe.SELECT_ENTITY }),
-          /* @__PURE__ */ r.jsx(
-            Je,
+    }), r;
+  }, [B, T, E]);
+  return /* @__PURE__ */ a.jsxs(P, { className: "master-view", children: [
+    /* @__PURE__ */ a.jsxs(vt, { className: "filter-section", children: [
+      /* @__PURE__ */ a.jsxs(P, { className: "filters", children: [
+        /* @__PURE__ */ a.jsxs(P, { className: "filter-field", children: [
+          /* @__PURE__ */ a.jsx(Le, { variant: "body2", className: "field-label", children: qe.SELECT_ENTITY }),
+          /* @__PURE__ */ a.jsx(
+            Qe,
             {
-              options: k,
-              getOptionLabel: (o) => o.label,
-              value: p,
-              onChange: (o, i) => v(i),
-              renderInput: (o) => /* @__PURE__ */ r.jsx(te, { ...o, size: "small", placeholder: Le.SELECT_ENTITY }),
+              options: G,
+              getOptionLabel: (r) => r.label,
+              value: T,
+              onChange: (r, s) => h(s),
+              renderInput: (r) => /* @__PURE__ */ a.jsx(ae, { ...r, size: "small", placeholder: xe.SELECT_ENTITY }),
               className: "field-input"
             }
           )
         ] }),
-        V.filter((o) => o.name.toLowerCase() !== "id").map((o) => /* @__PURE__ */ r.jsxs(L, { className: "filter-field", children: [
-          /* @__PURE__ */ r.jsx(Ie, { variant: "body2", className: "field-label", children: o.label }),
-          o.dataType === be.DATERANGE ? /* @__PURE__ */ r.jsxs(L, { sx: { display: "flex", gap: 1, width: "100%" }, children: [
-            /* @__PURE__ */ r.jsx(
-              te,
+        V.filter((r) => r.name.toLowerCase() !== "id").map((r) => /* @__PURE__ */ a.jsxs(P, { className: "filter-field", children: [
+          /* @__PURE__ */ a.jsx(Le, { variant: "body2", className: "field-label", children: r.label }),
+          r.dataType === De.DATERANGE ? /* @__PURE__ */ a.jsxs(P, { sx: { display: "flex", gap: 1, width: "100%" }, children: [
+            /* @__PURE__ */ a.jsx(
+              ae,
               {
                 type: "date",
                 size: "small",
-                value: A[`${o.name}${J.FROM}`] || "",
-                onChange: (i) => C((h) => ({ ...h, [`${o.name}${J.FROM}`]: i.target.value })),
+                value: v[`${r.name}${te.FROM}`] || "",
+                onChange: (s) => D((m) => ({ ...m, [`${r.name}${te.FROM}`]: s.target.value })),
                 sx: { flex: 1 }
               }
             ),
-            /* @__PURE__ */ r.jsx(
-              te,
+            /* @__PURE__ */ a.jsx(
+              ae,
               {
                 type: "date",
                 size: "small",
-                label: Xe.TO,
-                value: A[`${o.name}${J.TO}`] || "",
-                onChange: (i) => C((h) => ({ ...h, [`${o.name}${J.TO}`]: i.target.value })),
+                label: qe.TO,
+                value: v[`${r.name}${te.TO}`] || "",
+                onChange: (s) => D((m) => ({ ...m, [`${r.name}${te.TO}`]: s.target.value })),
                 sx: { flex: 1 }
               }
             )
-          ] }) : o.dataType === be.DATE ? /* @__PURE__ */ r.jsx(
-            te,
+          ] }) : r.dataType === De.DATE ? /* @__PURE__ */ a.jsx(
+            ae,
             {
               type: "date",
               size: "small",
-              value: A[o.name] || "",
-              onChange: (i) => C((h) => ({ ...h, [o.name]: i.target.value })),
+              value: v[r.name] || "",
+              onChange: (s) => D((m) => ({ ...m, [r.name]: s.target.value })),
               className: "field-input"
             }
-          ) : o.options ? /* @__PURE__ */ r.jsx(
-            Je,
+          ) : r.options ? /* @__PURE__ */ a.jsx(
+            Qe,
             {
-              options: T[o.name] || o.options,
-              getOptionLabel: (i) => i.label || String(i.value),
-              value: T[o.name]?.find((i) => i.value === A[o.name]) || null,
-              onChange: (i, h) => C((x) => ({ ...x, [o.name]: h?.value || null })),
-              renderInput: (i) => /* @__PURE__ */ r.jsx(te, { ...i, size: "small", placeholder: Le.SELECT(o.label) }),
+              options: p[r.name] || r.options,
+              getOptionLabel: (s) => s.label || String(s.value),
+              value: p[r.name]?.find((s) => s.value === v[r.name]) || null,
+              onChange: (s, m) => D((L) => ({ ...L, [r.name]: m?.value || null })),
+              renderInput: (s) => /* @__PURE__ */ a.jsx(ae, { ...s, size: "small", placeholder: xe.SELECT(r.label) }),
               className: "field-input"
             }
-          ) : o.dataType === be.NUMBER ? /* @__PURE__ */ r.jsx(
-            te,
+          ) : r.dataType === De.NUMBER ? /* @__PURE__ */ a.jsx(
+            ae,
             {
               type: "number",
               size: "small",
-              value: A[o.name] || "",
-              onChange: (i) => C((h) => ({ ...h, [o.name]: i.target.value })),
-              placeholder: Le.FILTER_BY(o.label),
+              value: v[r.name] || "",
+              onChange: (s) => D((m) => ({ ...m, [r.name]: s.target.value })),
+              placeholder: xe.FILTER_BY(r.label),
               className: "field-input"
             }
-          ) : /* @__PURE__ */ r.jsx(
-            te,
+          ) : /* @__PURE__ */ a.jsx(
+            ae,
             {
               size: "small",
-              value: A[o.name] || "",
-              onChange: (i) => C((h) => ({ ...h, [o.name]: i.target.value })),
-              placeholder: Le.FILTER_BY(o.label),
+              value: v[r.name] || "",
+              onChange: (s) => D((m) => ({ ...m, [r.name]: s.target.value })),
+              placeholder: xe.FILTER_BY(r.label),
               className: "field-input"
             }
           )
-        ] }, o.name))
+        ] }, r.name))
       ] }),
-      /* @__PURE__ */ r.jsxs(L, { className: "action-buttons", children: [
-        /* @__PURE__ */ r.jsx(ie, { variant: "contained", onClick: he, children: de.VIEW }),
-        /* @__PURE__ */ r.jsx(
-          ie,
+      /* @__PURE__ */ a.jsxs(P, { className: "action-buttons", children: [
+        /* @__PURE__ */ a.jsx(ue, { variant: "contained", onClick: ie, children: Ee.VIEW }),
+        /* @__PURE__ */ a.jsx(
+          ue,
           {
             variant: "contained",
-            disabled: !p,
-            onClick: () => p && d?.(p.name),
-            children: de.ADD_NEW_RECORD
+            disabled: !T,
+            onClick: () => T && u?.(T.name),
+            children: Ee.ADD_NEW_RECORD
           }
         )
       ] })
     ] }),
-    le && /* @__PURE__ */ r.jsxs(L, { mt: 4, width: "100%", children: [
-      /* @__PURE__ */ r.jsxs(L, { display: "flex", justifyContent: "flex-end", mb: 2, children: [
-        /* @__PURE__ */ r.jsx(
-          ie,
+    de && /* @__PURE__ */ a.jsxs(P, { mt: 4, width: "100%", children: [
+      /* @__PURE__ */ a.jsxs(P, { display: "flex", justifyContent: "flex-end", mb: 2, children: [
+        /* @__PURE__ */ a.jsx(
+          ue,
           {
             variant: "outlined",
-            onClick: se,
-            disabled: !p,
-            children: de.EXPORT
+            onClick: Pe,
+            disabled: !T,
+            children: Ee.EXPORT
           }
         ),
-        /* @__PURE__ */ r.jsxs(
+        /* @__PURE__ */ a.jsxs(
           qt,
           {
-            anchorEl: O,
-            open: !!O,
-            onClose: ye,
+            anchorEl: A,
+            open: !!A,
+            onClose: Ie,
             children: [
-              /* @__PURE__ */ r.jsx(He, { onClick: () => Ce("csv"), children: mt.CSV }),
-              /* @__PURE__ */ r.jsx(He, { onClick: () => Ce("excel"), children: mt.EXCEL })
+              /* @__PURE__ */ a.jsx(ze, { onClick: () => Fe("csv"), children: Rt.CSV }),
+              /* @__PURE__ */ a.jsx(ze, { onClick: () => Fe("excel"), children: Rt.EXCEL })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ a.jsx(
         Er,
         {
-          rows: fe,
+          rows: Te,
           columns: Ge,
           totalRecords: Y,
-          currentPage: U,
-          loading: Ee,
-          rowModelType: Ot.CLIENT_SIDE,
-          onPageChange: G,
-          pageSize: j,
+          currentPage: w,
+          loading: me,
+          rowModelType: It.CLIENT_SIDE,
+          onPageChange: k,
+          pageSize: N,
           pageSizeOptions: [..._t],
-          onPageSizeChange: (o) => {
-            ne(o), G(1);
+          onPageSizeChange: (r) => {
+            se(r), k(1);
           },
-          setSort: F,
-          sortModel: f,
+          setSort: M,
+          sortModel: d,
           height: 500
         },
-        p?.name
+        T?.name
       ),
-      /* @__PURE__ */ r.jsxs(nr, { children: [
-        /* @__PURE__ */ r.jsx(L, { display: "flex", alignItems: "center", gap: 1, children: /* @__PURE__ */ r.jsxs(ir, { variant: "outlined", size: "small", children: [
-          /* @__PURE__ */ r.jsxs(Tt, { children: [
-            ze.SHOWING,
+      /* @__PURE__ */ a.jsxs(nr, { children: [
+        /* @__PURE__ */ a.jsx(P, { display: "flex", alignItems: "center", gap: 1, children: /* @__PURE__ */ a.jsxs(ir, { variant: "outlined", size: "small", children: [
+          /* @__PURE__ */ a.jsxs(Tt, { children: [
+            Je.SHOWING,
             " "
           ] }),
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ a.jsx(
             or,
             {
-              value: j,
+              value: N,
               inputProps: { "aria-label": "Page size" },
-              onChange: (o) => {
-                ne(Number(o.target.value)), G(1);
+              onChange: (r) => {
+                se(Number(r.target.value)), k(1);
               },
-              children: _t.map((o) => /* @__PURE__ */ r.jsx(He, { value: o, children: o }, o))
+              children: _t.map((r) => /* @__PURE__ */ a.jsx(ze, { value: r, children: r }, r))
             }
           ),
-          /* @__PURE__ */ r.jsxs(Tt, { children: [
-            ze.OF,
+          /* @__PURE__ */ a.jsxs(Tt, { children: [
+            Je.OF,
             " ",
             Y,
             " ",
-            ze.ENTRIES
+            Je.ENTRIES
           ] })
         ] }) }),
-        /* @__PURE__ */ r.jsx(
-          Tr,
+        /* @__PURE__ */ a.jsx(
+          pr,
           {
             totalRecords: Y,
-            currentPage: U,
-            onPageChange: G,
-            pageSize: j
+            currentPage: w,
+            onPageChange: k,
+            pageSize: N
           }
         )
       ] })
     ] })
   ] });
-}, Xr = ({
-  apiClient: a,
-  apiEndpoints: u,
-  entity: d,
+}, zr = ({
+  apiClient: n,
+  apiEndpoints: f,
+  entity: u,
   id: E,
-  mode: s,
-  onBack: k,
-  onSuccess: z
+  mode: i,
+  onBack: G,
+  onSuccess: J
 }) => {
-  const p = Oe(() => At(a, u), [a, u]), [v, V] = w({}), [S, A] = w({}), [C, B] = w(!1), [re, fe] = w({}), [Q, Y] = w(!0), [b, j] = w(null), ne = Oe(() => Object.keys(v), [v]), U = Oe(() => ne.sort((_, T) => {
-    const l = v[_], f = v[T];
-    return l?.validation?.required && !f?.validation?.required ? -1 : !l?.validation?.required && f?.validation?.required ? 1 : _.localeCompare(T);
-  }), [ne, v]);
-  Pe(() => {
-    if (!d) return;
-    let _ = !0;
+  const T = be(() => Ot(n, f), [n, f]), [h, V] = $({}), [S, v] = $({}), [D, B] = $(!1), [ne, Te] = $({}), [z, Y] = $(!0), [x, N] = $(null), se = be(() => Object.keys(h), [h]), w = be(() => se.sort((g, p) => {
+    const l = h[g], d = h[p];
+    return l?.validation?.required && !d?.validation?.required ? -1 : !l?.validation?.required && d?.validation?.required ? 1 : g.localeCompare(p);
+  }), [se, h]);
+  Ne(() => {
+    if (!u) return;
+    let g = !0;
     return (async () => {
-      Y(!0), j(null);
+      Y(!0), N(null);
       try {
-        const l = await p.getMetadata(d);
-        if (!_) return;
-        const F = (l.data?.data || l.data || {}).formConfig || {};
-        V(F);
-        const O = {};
-        for (const [ee, $] of Object.entries(F))
-          if ($.fieldType === qe.DROPDOWN)
-            if ($.optionType === "API" && $.option && typeof $.option == "string")
+        const l = await T.getMetadata(u);
+        if (!g) return;
+        const M = (l.data?.data || l.data || {}).formConfig || {};
+        V(M);
+        const A = {};
+        for (const [re, F] of Object.entries(M))
+          if (F.fieldType === Ke.DROPDOWN)
+            if (F.optionType === "API" && F.option && typeof F.option == "string")
               try {
-                const he = ((await p.getDropdownOptions($.option)).data || []).map((se) => ({
-                  value: se.id,
-                  label: se.name || se.displayName || String(se.id)
+                const ge = ((await T.getDropdownOptions(F.option)).data || []).map((ie) => ({
+                  value: ie.id,
+                  label: ie.name || ie.displayName || String(ie.id)
                 }));
-                O[$.fieldName] = he;
-              } catch (oe) {
-                console.error(`Failed to load options for ${ee}:`, oe), O[$.fieldName] = [];
+                A[F.fieldName] = ge;
+              } catch (K) {
+                console.error(`Failed to load options for ${re}:`, K), A[F.fieldName] = [];
               }
-            else $.optionType === "Raw" && Array.isArray($.option) && (O[$.fieldName] = $.option);
-        _ && fe(O);
+            else F.optionType === "Raw" && Array.isArray(F.option) && (A[F.fieldName] = F.option);
+        g && Te(A);
       } catch (l) {
-        console.error(ce.FAILED_LOAD_METADATA, l), _ && j(ce.FAILED_LOAD_FORM_CONFIG);
+        console.error(ce.FAILED_LOAD_METADATA, l), g && N(ce.FAILED_LOAD_FORM_CONFIG);
       } finally {
-        _ && Y(!1);
+        g && Y(!1);
       }
     })(), () => {
-      _ = !1;
+      g = !1;
     };
-  }, [d, p, a]), Pe(() => {
-    if (!d || !E || s === X.CREATE) {
-      A({});
+  }, [u, T, n]), Ne(() => {
+    if (!u || !E || i === q.CREATE) {
+      v({});
       return;
     }
-    let _ = !0;
+    let g = !0;
     return (async () => {
-      B(!0), j(null);
+      B(!0), N(null);
       try {
-        const l = await p.getRecord(d, E);
-        if (!_) return;
-        const f = l.data?.data || l.data || {}, F = {};
-        for (const [O, ee] of Object.entries(f))
-          O.endsWith(Rr) || (F[O] = ee);
-        A(F);
+        const l = await T.getRecord(u, E);
+        if (!g) return;
+        const d = l.data?.data || l.data || {}, M = {};
+        for (const [A, re] of Object.entries(d))
+          A.endsWith(Rr) || (M[A] = re);
+        v(M);
       } catch (l) {
-        console.error(ce.FAILED_LOAD_RECORD, l), _ && j(ce.FAILED_LOAD_RECORD);
+        console.error(ce.FAILED_LOAD_RECORD, l), g && N(ce.FAILED_LOAD_RECORD);
       } finally {
-        _ && B(!1);
+        g && B(!1);
       }
     })(), () => {
-      _ = !1;
+      g = !1;
     };
-  }, [d, E, s, p]);
-  const G = Ne((_, T) => {
-    A((l) => ({ ...l, [_]: T }));
-  }, []), Ee = Ne(() => {
-    const _ = [];
-    for (const [T, l] of Object.entries(v))
-      l.validation?.required && !S[l.fieldName] && _.push(ce.FIELD_REQUIRED(T)), l.validation?.min !== void 0 && S[l.fieldName] < l.validation.min && _.push(`${T} must be at least ${l.validation.min}`), l.validation?.max !== void 0 && S[l.fieldName] > l.validation.max && _.push(`${T} must be at most ${l.validation.max}`);
-    return _;
-  }, [v, S]), Z = Ne(async () => {
-    if (!d) return;
-    const _ = Ee();
-    if (_.length > 0) {
-      j(_.join(", "));
+  }, [u, E, i, T]);
+  const k = Oe((g, p) => {
+    v((l) => ({ ...l, [g]: p }));
+  }, []), me = Oe(() => {
+    const g = [];
+    for (const [p, l] of Object.entries(h))
+      l.validation?.required && !S[l.fieldName] && g.push(ce.FIELD_REQUIRED(p)), l.validation?.min !== void 0 && S[l.fieldName] < l.validation.min && g.push(`${p} must be at least ${l.validation.min}`), l.validation?.max !== void 0 && S[l.fieldName] > l.validation.max && g.push(`${p} must be at most ${l.validation.max}`);
+    return g;
+  }, [h, S]), X = Oe(async () => {
+    if (!u) return;
+    const g = me();
+    if (g.length > 0) {
+      N(g.join(", "));
       return;
     }
-    B(!0), j(null);
+    B(!0), N(null);
     try {
-      const T = {};
-      for (const l of Object.values(v)) {
-        const f = l.fieldName;
-        f && S[f] !== void 0 && S[f] !== "" && (T[f] = S[f]);
+      const p = {};
+      for (const l of Object.values(h)) {
+        const d = l.fieldName;
+        d && S[d] !== void 0 && S[d] !== "" && (p[d] = S[d]);
       }
-      if (s === X.CREATE) {
-        const l = await p.createRecord(d, { data: T });
-        z?.(l);
+      if (i === q.CREATE) {
+        const l = await T.createRecord(u, { data: p });
+        J?.(l);
       } else if (E) {
-        const l = await p.updateRecord(d, E, { data: T });
-        z?.(l);
+        const l = await T.updateRecord(u, E, { data: p });
+        J?.(l);
       }
-      k?.();
-    } catch (T) {
-      console.error("Failed to save record:", T);
-      const l = T?.response?.data?.message || (Array.isArray(T?.response?.data?.message) ? T.response.data.message.join(", ") : "Failed to save record. Please try again.");
-      j(l);
+      G?.();
+    } catch (p) {
+      console.error("Failed to save record:", p);
+      const l = p?.response?.data?.message || (Array.isArray(p?.response?.data?.message) ? p.response.data.message.join(", ") : "Failed to save record. Please try again.");
+      N(l);
     } finally {
       B(!1);
     }
-  }, [d, v, S, Ee, s, E, p, k, z]), le = Ne((_) => {
-    const T = v[_], l = T?.fieldName;
-    if (!T || l === "id") return null;
-    const f = S[l] ?? "", F = s === X.VIEW || C;
-    return /* @__PURE__ */ r.jsxs(L, { className: "form-field", children: [
-      /* @__PURE__ */ r.jsxs(Ie, { variant: "body2", className: "field-label", children: [
-        _,
-        T.validation?.required && s !== X.VIEW && /* @__PURE__ */ r.jsx("span", { style: { color: mr }, children: pr })
+  }, [u, h, S, me, i, E, T, G, J]), de = Oe((g) => {
+    const p = h[g], l = p?.fieldName;
+    if (!p || l === "id") return null;
+    const d = S[l] ?? "", M = i === q.VIEW || D;
+    return /* @__PURE__ */ a.jsxs(P, { className: "form-field", children: [
+      /* @__PURE__ */ a.jsxs(Le, { variant: "body2", className: "field-label", children: [
+        g,
+        p.validation?.required && i !== q.VIEW && /* @__PURE__ */ a.jsx("span", { style: { color: mr }, children: Tr })
       ] }),
-      T.fieldType === qe.DROPDOWN ? /* @__PURE__ */ r.jsx(
-        Je,
+      p.fieldType === Ke.DROPDOWN ? /* @__PURE__ */ a.jsx(
+        Qe,
         {
-          options: re[l] || [],
-          getOptionLabel: (O) => O.label || String(O.value),
-          value: re[l]?.find((O) => O.value === f) || null,
-          onChange: (O, ee) => G(l, ee?.value ?? null),
-          disabled: F,
-          loading: Q,
-          renderInput: (O) => /* @__PURE__ */ r.jsx(
-            te,
+          options: ne[l] || [],
+          getOptionLabel: (A) => A.label || String(A.value),
+          value: ne[l]?.find((A) => A.value === d) || null,
+          onChange: (A, re) => k(l, re?.value ?? null),
+          disabled: M,
+          loading: z,
+          renderInput: (A) => /* @__PURE__ */ a.jsx(
+            ae,
             {
-              ...O,
+              ...A,
               size: "small",
-              placeholder: Le.SELECT(_),
-              error: T.validation?.required && !f && s !== X.VIEW
+              placeholder: xe.SELECT(g),
+              error: p.validation?.required && !d && i !== q.VIEW
             }
           ),
           className: "field-input"
         }
-      ) : T.fieldType === qe.DATEPICKER ? /* @__PURE__ */ r.jsx(
-        te,
+      ) : p.fieldType === Ke.DATEPICKER ? /* @__PURE__ */ a.jsx(
+        ae,
         {
           type: "date",
           size: "small",
-          value: f ? String(f).slice(0, 10) : "",
-          onChange: (O) => G(l, O.target.value),
-          disabled: F,
-          error: T.validation?.required && !f && s !== X.VIEW,
+          value: d ? String(d).slice(0, 10) : "",
+          onChange: (A) => k(l, A.target.value),
+          disabled: M,
+          error: p.validation?.required && !d && i !== q.VIEW,
           className: "field-input",
           InputLabelProps: { shrink: !0 }
         }
-      ) : T.dataType === "number" || T.dataType === "float" ? /* @__PURE__ */ r.jsx(
-        te,
+      ) : p.dataType === "number" || p.dataType === "float" ? /* @__PURE__ */ a.jsx(
+        ae,
         {
           type: "number",
           size: "small",
-          value: f,
-          onChange: (O) => G(l, O.target.value),
-          disabled: F,
-          placeholder: _,
-          error: T.validation?.required && !f && s !== X.VIEW,
+          value: d,
+          onChange: (A) => k(l, A.target.value),
+          disabled: M,
+          placeholder: g,
+          error: p.validation?.required && !d && i !== q.VIEW,
           inputProps: {
-            max: T.validation?.max,
-            min: T.validation?.min,
-            step: T.dataType === "float" ? 0.01 : 1
+            max: p.validation?.max,
+            min: p.validation?.min,
+            step: p.dataType === "float" ? 0.01 : 1
           },
           className: "field-input"
         }
-      ) : /* @__PURE__ */ r.jsx(
-        te,
+      ) : /* @__PURE__ */ a.jsx(
+        ae,
         {
           size: "small",
-          value: f,
-          onChange: (O) => G(l, O.target.value),
-          disabled: F,
-          placeholder: _,
-          error: T.validation?.required && !f && s !== X.VIEW,
+          value: d,
+          onChange: (A) => k(l, A.target.value),
+          disabled: M,
+          placeholder: g,
+          error: p.validation?.required && !d && i !== q.VIEW,
           inputProps: {
-            maxLength: T.validation?.max
+            maxLength: p.validation?.max
           },
           className: "field-input"
         }
       )
-    ] }, _);
-  }, [v, S, re, G, s, C, Q]);
-  return Q ? /* @__PURE__ */ r.jsx(L, { className: "loading-container", display: "flex", justifyContent: "center", alignItems: "center", minHeight: "400px", children: /* @__PURE__ */ r.jsx(Ue, {}) }) : /* @__PURE__ */ r.jsx(L, { className: "master-form", children: /* @__PURE__ */ r.jsxs(vt, { className: "form-section", children: [
-    /* @__PURE__ */ r.jsxs(Ie, { variant: "h5", gutterBottom: !0, children: [
-      s === X.CREATE ? $e.ADD_NEW_RECORD : s === X.EDIT ? $e.EDIT_RECORD : $e.VIEW_RECORD,
-      d && ` - ${d.charAt(0).toUpperCase() + d.slice(1)}`
+    ] }, g);
+  }, [h, S, ne, k, i, D, z]);
+  return z ? /* @__PURE__ */ a.jsx(P, { className: "loading-container", display: "flex", justifyContent: "center", alignItems: "center", minHeight: "400px", children: /* @__PURE__ */ a.jsx($e, {}) }) : /* @__PURE__ */ a.jsx(P, { className: "master-form", children: /* @__PURE__ */ a.jsxs(vt, { className: "form-section", children: [
+    /* @__PURE__ */ a.jsxs(Le, { variant: "h5", gutterBottom: !0, children: [
+      i === q.CREATE ? Xe.ADD_NEW_RECORD : i === q.EDIT ? Xe.EDIT_RECORD : Xe.VIEW_RECORD,
+      u && ` - ${u.charAt(0).toUpperCase() + u.slice(1)}`
     ] }),
-    b && /* @__PURE__ */ r.jsx(Kt, { severity: "error", onClose: () => j(null), sx: { mb: 2 }, children: b }),
-    C && s !== X.VIEW && /* @__PURE__ */ r.jsx(L, { display: "flex", justifyContent: "center", my: 2, children: /* @__PURE__ */ r.jsx(Ue, { size: 24 }) }),
-    /* @__PURE__ */ r.jsx(L, { className: "form-fields", children: U.map(le) }),
-    /* @__PURE__ */ r.jsx(L, { className: "action-buttons", mt: 3, children: s !== X.VIEW ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx(
-        ie,
+    x && /* @__PURE__ */ a.jsx(Jt, { severity: "error", onClose: () => N(null), sx: { mb: 2 }, children: x }),
+    D && i !== q.VIEW && /* @__PURE__ */ a.jsx(P, { display: "flex", justifyContent: "center", my: 2, children: /* @__PURE__ */ a.jsx($e, { size: 24 }) }),
+    /* @__PURE__ */ a.jsx(P, { className: "form-fields", children: w.map(de) }),
+    /* @__PURE__ */ a.jsx(P, { className: "action-buttons", mt: 3, children: i !== q.VIEW ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+      /* @__PURE__ */ a.jsx(
+        ue,
         {
           variant: "contained",
-          onClick: Z,
-          disabled: C,
-          children: C ? /* @__PURE__ */ r.jsx(Ue, { size: 24 }) : s === X.CREATE ? de.CREATE : de.UPDATE
+          onClick: X,
+          disabled: D,
+          children: D ? /* @__PURE__ */ a.jsx($e, { size: 24 }) : i === q.CREATE ? Ee.CREATE : Ee.UPDATE
         }
       ),
-      /* @__PURE__ */ r.jsx(
-        ie,
+      /* @__PURE__ */ a.jsx(
+        ue,
         {
           variant: "outlined",
-          onClick: () => k?.(),
-          disabled: C,
-          children: de.CANCEL
+          onClick: () => G?.(),
+          disabled: D,
+          children: Ee.CANCEL
         }
       )
-    ] }) : /* @__PURE__ */ r.jsx(ie, { variant: "outlined", onClick: () => k?.(), children: de.BACK }) })
+    ] }) : /* @__PURE__ */ a.jsx(ue, { variant: "outlined", onClick: () => G?.(), children: Ee.BACK }) })
   ] }) });
-}, zr = {
+}, Xr = {
   ROOT: "/",
   MASTER: "/master",
-  MASTER_ENTITY_NEW: (a) => `/master/${a}/new`,
-  MASTER_ENTITY_VIEW: (a, u) => `/master/${a}/${u}`,
-  MASTER_ENTITY_EDIT: (a, u) => `/master/${a}/${u}/edit`
+  MASTER_ENTITY_NEW: (n) => `/master/${n}/new`,
+  MASTER_ENTITY_VIEW: (n, f) => `/master/${n}/${f}`,
+  MASTER_ENTITY_EDIT: (n, f) => `/master/${n}/${f}/edit`
 }, qr = {
   ROOT: "/",
   MASTER: "/master",
   MASTER_ENTITY_NEW: "/master/:entity/new",
   MASTER_ENTITY_VIEW: "/master/:entity/:id",
   MASTER_ENTITY_EDIT: "/master/:entity/:id/edit"
-}, Kr = {
+}, Jr = {
   NEW: "new",
   EDIT: "edit",
   VIEW: "view"
-}, Jr = {
+}, Kr = {
   ENTITY: "entity",
   ID: "id"
 }, Qr = {
@@ -1715,63 +1753,63 @@ const Er = ({
   EDIT: "/edit"
 };
 export {
-  jr as API_BASE_PATHS,
+  Fr as API_BASE_PATHS,
   Pr as API_CONFIG,
-  Fr as API_ENDPOINTS,
+  jr as API_ENDPOINTS,
   Lr as ARIA_LABELS,
-  de as BUTTON_LABELS,
+  Ee as BUTTON_LABELS,
   Or as COLUMN_PROPERTIES,
   xr as CSS_CLASSES,
-  be as DATA_TYPES,
+  De as DATA_TYPES,
   Nr as DATE_FORMATS,
-  J as DATE_RANGE_SUFFIXES,
+  te as DATE_RANGE_SUFFIXES,
   Rr as DISPLAY_FIELD_SUFFIX,
   Cr as EMPTY_STATE_MESSAGES,
   ce as ERROR_MESSAGES,
-  mt as EXPORT_OPTIONS,
-  Xe as FIELD_LABELS,
-  kr as FIELD_NAMES,
-  qe as FIELD_TYPES,
-  Rt as FILE_EXTENSIONS,
-  X as FORM_MODES,
-  ur as GRID_CSS_CLASSES,
+  Rt as EXPORT_OPTIONS,
+  qe as FIELD_LABELS,
+  Gr as FIELD_NAMES,
+  Ke as FIELD_TYPES,
+  gt as FILE_EXTENSIONS,
+  q as FORM_MODES,
+  dr as GRID_CSS_CLASSES,
   cr as GRID_EVENT_SOURCES,
-  pt as GRID_LAYOUT,
-  dr as GRID_MESSAGES,
+  mt as GRID_LAYOUT,
+  ur as GRID_MESSAGES,
   lr as GRID_SETTINGS,
-  ze as GRID_TEXT,
+  Je as GRID_TEXT,
   fr as GRID_TIMEOUTS,
-  Mr as HTTP_METHODS,
+  wr as HTTP_METHODS,
   Yr as INPUT_TYPES,
   Dr as LOADING_MESSAGES,
-  gt as MIME_TYPES,
-  Xr as MasterForm,
+  ht as MIME_TYPES,
+  zr as MasterForm,
   Hr as MasterView,
   Wr as NUMBER_INPUT,
-  Gr as OPTION_TYPES,
+  kr as OPTION_TYPES,
   _t as PAGE_SIZE_OPTIONS,
-  $e as PAGE_TITLES,
-  Sr as PAGINATION_SETTINGS,
-  Le as PLACEHOLDERS,
-  Tr as Pagination,
-  wr as QUERY_PARAMS,
+  Xe as PAGE_TITLES,
+  vr as PAGINATION_SETTINGS,
+  xe as PLACEHOLDERS,
+  pr as Pagination,
+  Mr as QUERY_PARAMS,
   Br as REGEX_PATTERNS,
-  pr as REQUIRED_INDICATOR,
+  Tr as REQUIRED_INDICATOR,
   mr as REQUIRED_INDICATOR_COLOR,
   $r as RESPONSE_KEYS,
   Ur as RESPONSE_TYPES,
-  zr as ROUTES,
-  Kr as ROUTE_KEYS,
+  Xr as ROUTES,
+  Jr as ROUTE_KEYS,
   qr as ROUTE_PATTERNS,
   Qr as ROUTE_SUFFIXES,
-  Ot as ROW_MODEL_TYPES,
-  we as SORT_ORDER,
+  It as ROW_MODEL_TYPES,
+  Ue as SORT_ORDER,
   Ar as SORT_SETTINGS,
   br as STYLE_CONSTANTS,
   Ir as SUCCESS_MESSAGES,
   Er as ServerSideGrid,
-  Jr as URL_PARAMS,
+  Kr as URL_PARAMS,
   yr as VALIDATION_MESSAGES,
   Vr as VALIDATION_RULES,
-  At as createApiService
+  Ot as createApiService
 };