cecomponent 2.0.41 → 2.0.43

package/dist/ce-component-lib.mjs

@@ -1,6 +1,6 @@
 var br = Object.defineProperty;
 var Er = (e, t, n) => t in e ? br(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Dt = (e, t, n) => Er(e, typeof t != "symbol" ? t + "" : t, n);
+var jt = (e, t, n) => Er(e, typeof t != "symbol" ? t + "" : t, n);
 import * as React from "react";
 import React__default, { useState, forwardRef, useRef, useEffect, useContext, isValidElement, cloneElement, Children, useMemo, useCallback, createContext, PureComponent, useImperativeHandle, createElement, useLayoutEffect, Component } from "react";
 import * as ReactDOM from "react-dom";
@@ -10418,11 +10418,11 @@ function useOnMount(e) {
 }
 class Timeout {
   constructor() {
-    Dt(this, "currentId", null);
-    Dt(this, "clear", () => {
+    jt(this, "currentId", null);
+    jt(this, "clear", () => {
       this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
     });
-    Dt(this, "disposeEffect", () => this.clear);
+    jt(this, "disposeEffect", () => this.clear);
   }
   static create() {
     return new Timeout();
@@ -10771,7 +10771,7 @@ function isFocusVisible(e) {
 }
 class LazyRipple {
   constructor() {
-    Dt(this, "mountEffect", () => {
+    jt(this, "mountEffect", () => {
       this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
     });
     this.ref = {
@@ -15036,7 +15036,7 @@ const Tooltip$1 = /* @__PURE__ */ React.forwardRef(function(t, n) {
       ...ut == null ? void 0 : ut.popperOptions,
       modifiers: He
     };
-  }, [L, X.popperOptions, ut == null ? void 0 : ut.popperOptions]), gt = useUtilityClasses$6(lt), Nt = typeof z.transition == "function" ? z.transition(lt) : z.transition, bt = {
+  }, [L, X.popperOptions, ut == null ? void 0 : ut.popperOptions]), gt = useUtilityClasses$6(lt), Dt = typeof z.transition == "function" ? z.transition(lt) : z.transition, bt = {
     slots: {
       popper: f.Popper,
       transition: f.Transition ?? ee,
@@ -15054,7 +15054,7 @@ const Tooltip$1 = /* @__PURE__ */ React.forwardRef(function(t, n) {
       tooltip: z.tooltip ?? p.tooltip,
       transition: {
         ...Q,
-        ...Nt ?? p.transition
+        ...Dt ?? p.transition
       }
     }
   }, [xt, Je] = useSlot("popper", {
@@ -15071,7 +15071,7 @@ const Tooltip$1 = /* @__PURE__ */ React.forwardRef(function(t, n) {
     className: gt.tooltip,
     externalForwardedProps: bt,
     ownerState: lt
-  }), [kt, Ot] = useSlot("arrow", {
+  }), [Nt, kt] = useSlot("arrow", {
     elementType: TooltipArrow,
     className: gt.arrow,
     externalForwardedProps: bt,
@@ -15107,8 +15107,8 @@ const Tooltip$1 = /* @__PURE__ */ React.forwardRef(function(t, n) {
         ...mt,
         children: /* @__PURE__ */ jsxRuntimeExports.jsxs(it, {
           ...pt,
-          children: [H, o ? /* @__PURE__ */ jsxRuntimeExports.jsx(kt, {
-            ...Ot
+          children: [H, o ? /* @__PURE__ */ jsxRuntimeExports.jsx(Nt, {
+            ...kt
           }) : null]
         })
       })
@@ -25778,11 +25778,11 @@ var CRC32 = /* @__PURE__ */ (function() {
     at[xe].name = "!Directory", se > 0 && Te !== H && (at[Te].name = "!MiniFAT"), at[de[0]].name = "!FAT", at.fat_addrs = de, at.ssz = ne;
     var Qe = {}, ft = [], Pt = [], Rt = [];
     A(xe, at, Ge, ft, se, Qe, Pt, Te), S(Pt, Rt, ft), ft.shift();
-    var jt = {
+    var It = {
       FileIndex: Pt,
       FullPaths: Rt
     };
-    return ae && ae.raw && (jt.raw = { header: $e, sectors: Ge }), jt;
+    return ae && ae.raw && (It.raw = { header: $e, sectors: Ge }), It;
   }
   function g(Z) {
     if (Z[Z.l] == 80 && Z[Z.l + 1] == 75) return [0, 0];
@@ -25993,7 +25993,7 @@ var CRC32 = /* @__PURE__ */ (function() {
           Qe > 0 && (Qe < 4096 ? De += Qe + 63 >> 6 : Le += Qe + 511 >> 9);
         }
       }
-      for (var ft = Fe.FullPaths.length + 3 >> 2, Pt = De + 7 >> 3, Rt = De + 127 >> 7, jt = Pt + Le + ft + Rt, At = jt + 127 >> 7, Mt = At <= 109 ? 0 : Math.ceil((At - 109) / 127); jt + At + Mt + 127 >> 7 > At; ) Mt = ++At <= 109 ? 0 : Math.ceil((At - 109) / 127);
+      for (var ft = Fe.FullPaths.length + 3 >> 2, Pt = De + 7 >> 3, Rt = De + 127 >> 7, It = Pt + Le + ft + Rt, At = It + 127 >> 7, Mt = At <= 109 ? 0 : Math.ceil((At - 109) / 127); It + At + Mt + 127 >> 7 > At; ) Mt = ++At <= 109 ? 0 : Math.ceil((At - 109) / 127);
       var ct = [1, Mt, At, Rt, ft, Le, De, 0];
       return Fe.FileIndex[0].size = De << 6, ct[7] = (Fe.FileIndex[0].start = ct[0] + ct[1] + ct[2] + ct[3] + ct[4] + ct[5]) + (ct[6] + 7 >> 3), ct;
     })(Z), se = new_buf(ne[7] << 9), oe = 0, xe = 0;
@@ -26331,7 +26331,7 @@ var CRC32 = /* @__PURE__ */ (function() {
     for ($e = ne; $e < 30; ++$e) Qe[$e] = 0;
     return ut = qe(at, tt, 286), Ct = qe(Qe, vt, 30), ae;
   }
-  function Nt(Z, ae) {
+  function Dt(Z, ae) {
     if (Z[0] == 3 && !(Z[1] & 3))
       return [new_raw_buf(ae), 2];
     for (var te = 0, ne = 0, se = new_unsafe_buf(ae || 1 << 18), oe = 0, xe = se.length >>> 0, Te = 0, ve = 0; (ne & 1) == 0; ) {
@@ -26365,7 +26365,7 @@ var CRC32 = /* @__PURE__ */ (function() {
     return ae ? [se, te + 7 >>> 3] : [se.slice(0, oe), te + 7 >>> 3];
   }
   function bt(Z, ae) {
-    var te = Z.slice(Z.l || 0), ne = Nt(te, ae);
+    var te = Z.slice(Z.l || 0), ne = Dt(te, ae);
     return Z.l += ne[1], ne[0];
   }
   function xt(Z, ae) {
@@ -26471,13 +26471,13 @@ var CRC32 = /* @__PURE__ */ (function() {
     var te = Z.name || "", ne = te.match(/\.([^\.]+)$/);
     return ne && it[ne[1]] || ae && (ne = (te = ae).match(/[\.\\]([^\.\\])+$/), ne && it[ne[1]]) ? it[ne[1]] : "application/octet-stream";
   }
-  function kt(Z) {
+  function Nt(Z) {
     for (var ae = Base64_encode(Z), te = [], ne = 0; ne < ae.length; ne += 76) te.push(ae.slice(ne, ne + 76));
     return te.join(`\r
 `) + `\r
 `;
   }
-  function Ot(Z) {
+  function kt(Z) {
     var ae = Z.replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\x7E-\xFF=]/g, function(de) {
       var be = de.charCodeAt(0).toString(16).toUpperCase();
       return "=" + (be.length == 1 ? "0" + be : be);
@@ -26581,13 +26581,13 @@ var CRC32 = /* @__PURE__ */ (function() {
         });
         for (var de = Te.content, be = has_buf && Buffer.isBuffer(de) ? de.toString("binary") : V(de), ke = 0, $e = Math.min(1024, be.length), Fe = 0, De = 0; De <= $e; ++De) (Fe = be.charCodeAt(De)) >= 32 && Fe < 128 && ++ke;
         var Le = ke >= $e * 4 / 5;
-        se.push(ne), se.push("Content-Location: " + (te.root || "file:///C:/SheetJS/") + xe), se.push("Content-Transfer-Encoding: " + (Le ? "quoted-printable" : "base64")), se.push("Content-Type: " + pt(Te, xe)), se.push(""), se.push(Le ? Ot(be) : kt(be));
+        se.push(ne), se.push("Content-Location: " + (te.root || "file:///C:/SheetJS/") + xe), se.push("Content-Transfer-Encoding: " + (Le ? "quoted-printable" : "base64")), se.push("Content-Type: " + pt(Te, xe)), se.push(""), se.push(Le ? kt(be) : Nt(be));
       }
     return se.push(ne + `--\r
 `), se.join(`\r
 `);
   }
-  function It(Z) {
+  function Ot(Z) {
     var ae = {};
     return D(ae, Z), ae;
   }
@@ -26623,7 +26623,7 @@ var CRC32 = /* @__PURE__ */ (function() {
     B(Z, !0);
   }
   return t.find = z, t.read = j, t.parse = d, t.write = G, t.writeFile = N, t.utils = {
-    cfb_new: It,
+    cfb_new: Ot,
     cfb_add: ot,
     cfb_del: _t,
     cfb_mov: St,
@@ -40588,15 +40588,13 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
       children: i.map((o) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: o, children: o }, o))
     }
   )
-] }), EntriesInfo = ({ dataLength: e, currentPage: t, rowsPerPage: n }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "entries-info", children: e > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-  "Showing ",
-  e === 0 ? 0 : t * n + 1,
-  " to",
-  " ",
-  Math.min((t + 1) * n, e),
-  " of ",
-  e,
-  " ",
+] }), EntriesInfo = ({ dataLength: e, currentPage: t, rowsPerPage: n, totalRecords: i }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "entries-info", children: e > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  (() => {
+    const o = i ?? e;
+    if (o === 0) return "Showing 0 to 0 of 0 entries";
+    const l = t * n + 1, u = Math.min((t + 1) * n, o);
+    return `Showing ${l} to ${u} of ${o} entries`;
+  })(),
   "entries"
 ] }) }), CEDataGridDynamicTable = ({
   title: e,
@@ -40627,7 +40625,7 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
   handleCopyClick: B,
   handleViewClick: X,
   noOfPagesPerPage: z,
-  recordsPerPage: M,
+  totalRecords: M,
   clickableColumns: H,
   conditionalClickableColumns: ee,
   // NEW PROP
@@ -40659,16 +40657,16 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
     {}
   ), [Se, Ae] = useState([]), [Ie, Be] = useState([]), [Me, nt] = useState(!1), [Ke, qe] = useState(null), [Xe, et] = useState(
     /* @__PURE__ */ new Set()
-  ), [Ye, st] = useState(null), [yt, tt] = useState(!1), [vt, lt] = useState(""), [ut, Ct] = useState(null), [gt, Nt] = useState("contains"), [bt, xt] = useState(""), [Je, ht] = useState({}), [mt, it] = useState(0), [pt, kt] = useState(
-    M ?? z ?? 10
-  ), [Ot, He] = useState(/* @__PURE__ */ new Set()), [rt, Et] = useState(""), [Lt, It] = useState(!1), [ot, _t] = useState(/* @__PURE__ */ new Set()), [St, wt] = useState([]), Z = useMemo(() => {
+  ), [Ye, st] = useState(null), [yt, tt] = useState(!1), [vt, lt] = useState(""), [ut, Ct] = useState(null), [gt, Dt] = useState("contains"), [bt, xt] = useState(""), [Je, ht] = useState({}), [mt, it] = useState(0), [pt, Nt] = useState(
+    z ?? 10
+  ), [kt, He] = useState(/* @__PURE__ */ new Set()), [rt, Et] = useState(""), [Lt, Ot] = useState(!1), [ot, _t] = useState(/* @__PURE__ */ new Set()), [St, wt] = useState([]), Z = useMemo(() => {
     const le = (n ?? []).map((pe) => pe.id).join("|");
     return `ce-grid:${typeof e == "string" ? e : "grid"}:${le}`;
   }, [n, e]), [ae, te] = useState(null), ne = useRef(null), se = useRef(null), oe = useRef(null), xe = useRef(null), [Te, ve] = useState(/* @__PURE__ */ new Set()), [de, be] = useState([]), [ke, $e] = useState(!1), [Fe, De] = useState(null), [Le, Ge] = useState(!1), [at, Qe] = useState(!0), ft = useRef([]), Pt = useRef(void 0), Rt = useRef(!1);
   useEffect(() => {
-    M != null && M > 0 ? (kt(M), it(0)) : z != null && z > 0 && (kt(z), it(0));
-  }, [M, z]);
-  const jt = () => Ge(!0), At = () => Ge(!1), Mt = (le) => {
+    z != null && z > 0 && (Nt(z), it(0));
+  }, [z]);
+  const It = () => Ge(!0), At = () => Ge(!1), Mt = (le) => {
     if (it(le), typeof _e == "function")
       try {
         _e(le);
@@ -40992,7 +40990,7 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
     const pe = new Set(ot);
     pe.has(le) ? pe.size > 1 && pe.delete(le) : pe.add(le), _t(pe);
   }, Yt = (le, fe = null) => {
-    const pe = fe ? `${le}-${fe}` : `${le}`, ge = new Set(Ot);
+    const pe = fe ? `${le}-${fe}` : `${le}`, ge = new Set(kt);
     ge.has(pe) ? ge.delete(pe) : (Array.from(ge).forEach((ye) => {
       ye.startsWith(`${le}`) && ge.delete(ye);
     }), ge.add(pe)), He(ge);
@@ -41022,11 +41020,11 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
       if (!ze) return null;
       const We = Number(ze);
       return isNaN(We) ? null : Ne ? -We : We;
-    }, ge = new Date(le), ye = new Date(fe);
-    if (!isNaN(ge.getTime()) && !isNaN(ye.getTime()))
-      return ge.getTime() - ye.getTime();
-    const Ce = pe(le), Pe = pe(fe);
-    return Ce !== null && Pe !== null ? Ce - Pe : !isNaN(Number(le)) && !isNaN(Number(fe)) ? Number(le) - Number(fe) : String(le).localeCompare(String(fe), void 0, {
+    }, ge = pe(le), ye = pe(fe);
+    if (ge !== null && ye !== null)
+      return ge - ye;
+    const Ce = new Date(le), Pe = new Date(fe);
+    return !isNaN(Ce.getTime()) && !isNaN(Pe.getTime()) ? Ce.getTime() - Pe.getTime() : !isNaN(Number(le)) && !isNaN(Number(fe)) ? Number(le) - Number(fe) : String(le).localeCompare(String(fe), void 0, {
       numeric: !0,
       sensitivity: "base"
     });
@@ -41139,7 +41137,7 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
     if (le) {
       const ge = { ...Je };
       if (fe === "" && (pe === "contains" || pe === "equals")) {
-        lt(le), Nt(pe || gt), xt(""), tt(!0);
+        lt(le), Dt(pe || gt), xt(""), tt(!0);
         return;
       } else fe && fe.trim() !== "" ? ge[le] = {
         value: fe,
@@ -41267,7 +41265,7 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
   }, [yt]), useEffect(() => () => {
   }, [Ye]), useEffect(() => {
     const le = (fe) => {
-      Lt && xe.current && !xe.current.contains(fe.target) && It(!1);
+      Lt && xe.current && !xe.current.contains(fe.target) && Ot(!1);
     };
     return document.addEventListener("mousedown", le), () => {
       document.removeEventListener("mousedown", le);
@@ -41879,7 +41877,7 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
                           {
                             className: "expand-button",
                             onClick: () => Yt(fe),
-                            children: Array.from(Ot).some(
+                            children: Array.from(kt).some(
                               (ge) => ge.startsWith(`${fe}`)
                             ) ? "▼" : "▶"
                           }
@@ -42096,7 +42094,7 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
                       ]
                     }
                   ),
-                  Array.from(Ot).map((ge) => {
+                  Array.from(kt).map((ge) => {
                     const [ye, Ce] = ge.split("-");
                     if (Number(ye) === fe) {
                       const Pe = Ce ? { [Ce]: le[Ce] } : Object.keys(le).filter(
@@ -42169,7 +42167,7 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
               RowsPerPageSelector,
               {
                 rowsPerPage: pt,
-                setRowsPerPage: kt,
+                setRowsPerPage: Nt,
                 setCurrentPage: Mt,
                 pageSizeOptions: he
               }
@@ -42224,7 +42222,7 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
                     "select",
                     {
                       value: gt,
-                      onChange: (le) => Nt(le.target.value),
+                      onChange: (le) => Dt(le.target.value),
                       className: "filter-select",
                       "aria-label": "Filter operator",
                       title: "Select filter operator",
@@ -42322,7 +42320,7 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
       ht({});
       try {
         const le = de.filter((pe) => pe.shouldDisplay !== !1).map((pe) => pe.id), fe = de.filter((pe) => pe.shouldVisible !== !1).map((pe) => pe.id);
-        _t(new Set(le)), wt(fe), It(!1);
+        _t(new Set(le)), wt(fe), Ot(!1);
       } catch {
       }
       Qe(!1);
@@ -42330,7 +42328,7 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
       Ae(t), Be(t), it(0), Et(""), xt(""), lt(""), ht({}), De(null);
       try {
         const le = de.filter((pe) => pe.shouldDisplay !== !1).map((pe) => pe.id), fe = de.filter((pe) => pe.shouldVisible !== !1).map((pe) => pe.id);
-        _t(new Set(le)), wt(fe), It(!1);
+        _t(new Set(le)), wt(fe), Ot(!1);
       } catch {
       }
       Qe(!1);
@@ -42390,7 +42388,7 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
                   filter: Tt.length === 0 ? "grayscale(100%)" : "none"
                 },
                 onClick: () => {
-                  Tt.length > 0 && It(!0);
+                  Tt.length > 0 && Ot(!0);
                 }
               }
             ),
@@ -42496,7 +42494,7 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
               "button",
               {
                 className: "fullscreen-button",
-                onClick: Le ? At : jt,
+                onClick: Le ? At : It,
                 title: Le ? "Exit Full Screen" : "Full Screen",
                 children: Le ? "⤫" : "⤢"
               }
@@ -42508,7 +42506,7 @@ const CESkeletonTable = ({ columns: e, rows: t }) => /* @__PURE__ */ jsxRuntimeE
             "button",
             {
               className: "modal-close-button",
-              onClick: () => It(!1),
+              onClick: () => Ot(!1),
               children: "×"
             }
           ) }),
@@ -49753,8 +49751,8 @@ function noop$3() {
 }
 var task = "task", listener = "listener", completed = "completed", cancelled = "cancelled", taskCancelled = `task-${cancelled}`, taskCompleted = `task-${completed}`, listenerCancelled = `${listener}-${cancelled}`, listenerCompleted = `${listener}-${completed}`, TaskAbortError = class {
   constructor(e) {
-    Dt(this, "name", "TaskAbortError");
-    Dt(this, "message");
+    jt(this, "name", "TaskAbortError");
+    jt(this, "message");
     this.code = e, this.message = `${task} ${cancelled} (reason: ${e})`;
   }
 }, assertFunction = (e, t) => {

package/dist/components/Common/DataGrid/CEDataGridDynamicsTable.d.ts

@@ -34,7 +34,8 @@ interface CEDataGridDynamicTableProps {
     isCopyButtonRequired?: boolean;
     isViewButtonRequired?: boolean;
     noOfPagesPerPage?: number;
-    recordsPerPage?: number;
+    /** Optional total number of records available for the grid (for display only). */
+    totalRecords?: number;
     handleEditClick?: (row: any, rowIndex: number) => void;
     handleAddClick?: () => void;
     handleDeleteClick?: (row: any, rowIndex: number) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cecomponent",
   "description": "A React component library for building modern UIs for Cleanearth",
-  "version": "2.0.41",
+  "version": "2.0.43",
   "main": "dist/ce-component-lib.js",
   "module": "dist/ce-component-lib.mjs",
   "types": "dist/idex.d.ts",