jcicl 1.0.48 → 1.0.49

package/AppContainer/AppContainer.js

@@ -2,7 +2,7 @@ import { jsx as i, jsxs as y, Fragment as ke } from "react/jsx-runtime";
 import * as z from "react";
 import { useState as K } from "react";
 import { c as de } from "../.chunks/createSvgIcon.js";
-import { n as g, i as _ } from "../.chunks/emotion-styled.browser.esm.js";
+import { n as m, i as _ } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as T } from "../.chunks/emotion-react.browser.esm.js";
 import { P as Ve, A as Ge } from "../.chunks/AppHeader.js";
 import { Nav as L } from "../Nav/Nav.js";
@@ -30,12 +30,12 @@ function ho(e, o, a) {
     const u = P.getComputedStyle(o);
     x = u.getPropertyValue("-webkit-transform") || u.getPropertyValue("transform");
   }
-  let c = 0, m = 0;
+  let c = 0, g = 0;
   if (x && x !== "none" && typeof x == "string") {
     const u = x.split("(")[1].split(")")[0].split(",");
-    c = parseInt(u[4], 10), m = parseInt(u[5], 10);
+    c = parseInt(u[4], 10), g = parseInt(u[5], 10);
   }
-  return e === "left" ? l ? `translateX(${l.right + c - n.left}px)` : `translateX(${P.innerWidth + c - n.left}px)` : e === "right" ? l ? `translateX(-${n.right - l.left - c}px)` : `translateX(-${n.left + n.width - c}px)` : e === "up" ? l ? `translateY(${l.bottom + m - n.top}px)` : `translateY(${P.innerHeight + m - n.top}px)` : l ? `translateY(-${n.top - l.top + n.height - m}px)` : `translateY(-${n.top + n.height - m}px)`;
+  return e === "left" ? l ? `translateX(${l.right + c - n.left}px)` : `translateX(${P.innerWidth + c - n.left}px)` : e === "right" ? l ? `translateX(-${n.right - l.left - c}px)` : `translateX(-${n.left + n.width - c}px)` : e === "up" ? l ? `translateY(${l.bottom + g - n.top}px)` : `translateY(${P.innerHeight + g - n.top}px)` : l ? `translateY(-${n.top - l.top + n.height - g}px)` : `translateY(-${n.top + n.height - g}px)`;
 }
 function De(e) {
   return typeof e == "function" ? e() : e;
@@ -54,7 +54,7 @@ const ze = /* @__PURE__ */ z.forwardRef(function(o, a) {
   }, {
     addEndListener: x,
     appear: c = !0,
-    children: m,
+    children: g,
     container: u,
     direction: b = "down",
     easing: B = l,
@@ -70,7 +70,7 @@ const ze = /* @__PURE__ */ z.forwardRef(function(o, a) {
     // eslint-disable-next-line react/prop-types
     TransitionComponent: v = to,
     ...H
-  } = o, h = z.useRef(null), G = po(ro(m), h, a), E = (s) => (f) => {
+  } = o, h = z.useRef(null), G = po(ro(g), h, a), E = (s) => (f) => {
     s && (f === void 0 ? s(h.current) : s(h.current, f));
   }, d = E((s, f) => {
     oe(b, s, u), no(s), F && F(s, f);
@@ -127,12 +127,12 @@ const ze = /* @__PURE__ */ z.forwardRef(function(o, a) {
     in: C,
     timeout: M,
     ...H,
-    children: (s, f) => /* @__PURE__ */ z.cloneElement(m, {
+    children: (s, f) => /* @__PURE__ */ z.cloneElement(g, {
       ref: G,
       style: {
         visibility: s === "exited" && !C ? "hidden" : void 0,
         ...R,
-        ...m.props.style
+        ...g.props.style
       },
       ...f
     })
@@ -261,7 +261,7 @@ const Ne = (e, o) => {
     paper: ["paper", `paperAnchor${te(a)}`, n !== "temporary" && `paperAnchorDocked${te(a)}`]
   };
   return Ke(l, uo, o);
-}, mo = pe(ao, {
+}, go = pe(ao, {
   name: "MuiDrawer",
   slot: "Root",
   overridesResolver: Ne
@@ -277,7 +277,7 @@ const Ne = (e, o) => {
   overridesResolver: Ne
 })({
   flex: "0 0 auto"
-}), go = pe(so, {
+}), mo = pe(so, {
   name: "MuiDrawer",
   slot: "Paper",
   overridesResolver: (e, o) => {
@@ -393,7 +393,7 @@ const U = /* @__PURE__ */ z.forwardRef(function(o, a) {
     exit: l.transitions.duration.leavingScreen
   }, {
     anchor: c = "left",
-    BackdropProps: m,
+    BackdropProps: g,
     children: u,
     className: b,
     elevation: B = 16,
@@ -424,7 +424,7 @@ const U = /* @__PURE__ */ z.forwardRef(function(o, a) {
     open: N,
     variant: v,
     ...H
-  }, p = fo(d), O = /* @__PURE__ */ i(go, {
+  }, p = fo(d), O = /* @__PURE__ */ i(mo, {
     elevation: v === "temporary" ? B : 0,
     square: !0,
     ...$,
@@ -454,9 +454,9 @@ const U = /* @__PURE__ */ z.forwardRef(function(o, a) {
     ref: a,
     ...H,
     children: S
-  }) : /* @__PURE__ */ i(mo, {
+  }) : /* @__PURE__ */ i(go, {
     BackdropProps: {
-      ...m,
+      ...g,
       ...F,
       transitionDuration: M
     },
@@ -563,7 +563,7 @@ const Te = de(/* @__PURE__ */ i("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
 }), "Cancel"), vo = de(/* @__PURE__ */ i("path", {
   d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
-}), "MoreHoriz"), wo = g("div", {
+}), "MoreHoriz"), wo = m("div", {
   shouldForwardProp: (e) => _(e) && e !== "hasSiteBanner"
 })(({ backgroundColor: e, hasSiteBanner: o }) => ({
   display: "flex",
@@ -574,7 +574,7 @@ const Te = de(/* @__PURE__ */ i("path", {
   height: o ? `calc(100vh - ${r.constants.siteBannerHeight}px)` : "100vh",
   fontFamily: "Roboto, sans-serif",
   overflow: "hidden"
-})), ko = g("div")(
+})), ko = m("div")(
   ({ tabletPadding: e, mobile: o }) => ({
     display: "flex",
     flexDirection: o ? "column-reverse" : "row",
@@ -584,9 +584,9 @@ const Te = de(/* @__PURE__ */ i("path", {
     padding: o ? 0 : "0 2px 4px",
     paddingLeft: e ? "2px" : 0,
     boxSizing: "border-box",
-    minHeight: `calc(100% - ${r.constants.appHeaderHeight}px)`
+    height: `calc(100% - ${r.constants.appHeaderHeight}px)`
   })
-), yo = g("div", {
+), yo = m("div", {
   shouldForwardProp: (e) => _(e)
 })(({ withActionsPanel: e, tablet: o, borderColor: a, backgroundColor: n }) => ({
   display: "flex",
@@ -607,7 +607,7 @@ const Te = de(/* @__PURE__ */ i("path", {
   ...!e && {
     border: "none"
   }
-})), Co = g("div", {
+})), Co = m("div", {
   shouldForwardProp: (e) => _(e)
 })(({ show: e, width: o = r.constants.navDefaultWidth, borderColor: a, backgroundColor: n }) => ({
   display: "flex",
@@ -628,7 +628,7 @@ const Te = de(/* @__PURE__ */ i("path", {
   ...!e && {
     border: "none"
   }
-})), $o = g(U)(
+})), $o = m(U)(
   ({ shadowColor: e, backgroundColor: o }) => ({
     ...T`
       top: ${r.constants.appHeaderHeight}px;
@@ -652,7 +652,7 @@ const Te = de(/* @__PURE__ */ i("path", {
       }
     `
   })
-), Re = g(re)(({ iconColor: e, highlight1: o, highlight2: a, rightDrawer: n = !1 }) => ({
+), Re = m(re)(({ iconColor: e, highlight1: o, highlight2: a, rightDrawer: n = !1 }) => ({
   ...T`
     position: absolute;
     top: -0.5rem;
@@ -676,7 +676,7 @@ const Te = de(/* @__PURE__ */ i("path", {
       }
     }
   `
-})), To = g("div", {
+})), To = m("div", {
   shouldForwardProp: (e) => _(e)
 })(({ withActionsPanel: e, borderColor: o, backgroundColor: a, mobileScreen: n }) => ({
   display: "flex",
@@ -699,7 +699,7 @@ const Te = de(/* @__PURE__ */ i("path", {
     borderBottomLeftRadius: 0,
     borderTopLeftRadius: 0
   }
-})), Po = g(U, {
+})), Po = m(U, {
   shouldForwardProp: (e) => !["backgroundColor", "shadowColor"].includes(e)
 })(({ backgroundColor: e, shadowColor: o }) => ({
   ...T`
@@ -717,7 +717,7 @@ const Te = de(/* @__PURE__ */ i("path", {
       background-color: transparent;
     }
   `
-})), Ro = g(U, {
+})), Ro = m(U, {
   shouldForwardProp: (e) => e != "backgroundColor"
 })(({ backgroundColor: e }) => ({
   ...T`
@@ -739,7 +739,7 @@ const Te = de(/* @__PURE__ */ i("path", {
       background-color: transparent;
     }
   `
-})), Mo = g("div", {
+})), Mo = m("div", {
   shouldForwardProp: (e) => _(e)
 })(({ backgroundColor: e, open: o }) => ({
   ...T`
@@ -754,14 +754,14 @@ const Te = de(/* @__PURE__ */ i("path", {
     box-sizing: border-box;
     padding: ${o ? "16px" : 0};
   `
-})), Ho = g("h1")(({ color: e }) => ({
+})), Ho = m("h1")(({ color: e }) => ({
   ...T`
     margin: 0;
     font-size: 2.1rem;
     font-family: 'Roboto';
     color: ${e};
   `
-})), Eo = g(U)(({ backgroundQuaternary: e }) => ({
+})), Eo = m(U)(({ backgroundQuaternary: e }) => ({
   ...T`
     top: ${r.constants.appHeaderHeight}px;
     font-family: 'Roboto';
@@ -781,12 +781,12 @@ const Te = de(/* @__PURE__ */ i("path", {
       background-color: transparent;
     }
   `
-})), So = g("img")(({ width: e, height: o }) => ({
+})), So = m("img")(({ width: e, height: o }) => ({
   ...T`
     width: ${e}px;
     height: ${o}px;
   `
-})), Me = g("div")(({ justifyStart: e }) => ({
+})), Me = m("div")(({ justifyStart: e }) => ({
   ...T`
     display: flex;
     flex-direction: row;
@@ -794,7 +794,7 @@ const Te = de(/* @__PURE__ */ i("path", {
     justify-content: ${e ? "start" : "space-between"};
     padding: 8px 16px 8px 24px;
   `
-})), Do = g(U)(() => ({
+})), Do = m(U)(() => ({
   ...T`
     top: ${r.constants.appHeaderHeight}px;
     font-family: 'Roboto';
@@ -825,7 +825,7 @@ const Te = de(/* @__PURE__ */ i("path", {
   userSettingsEnabled: P = !0,
   userProfileMenuItems: x = [],
   actionsPanelContent: c,
-  navWidth: m = r.constants.navDefaultWidth,
+  navWidth: g = r.constants.navDefaultWidth,
   breakpoints: u = { mobile: r.screenSizes.mobile, tablet: r.screenSizes.tablet },
   children: b,
   themeColors: B = {},
@@ -855,7 +855,7 @@ const Te = de(/* @__PURE__ */ i("path", {
       iconColor: r.colors.darkGreen,
       backgroundColor: r.colors.mint
     }
-  } = B, { logoSrc: fe = Xe, logoWidth: me = 36, logoHeight: ge = 50 } = C, be = {
+  } = B, { logoSrc: fe = Xe, logoWidth: ge = 36, logoHeight: me = 50 } = C, be = {
     backgroundPrimary: S,
     backgroundSecondary: k,
     backgroundTertiary: I,
@@ -870,9 +870,9 @@ const Te = de(/* @__PURE__ */ i("path", {
     scrollColor: A,
     loadingColor: Be,
     iconColors: ue
-  }, Ie = { logoSrc: fe, logoWidth: me, logoHeight: ge }, ae = c != null, Ae = { ...n, navWidth: m, loggedIn: F }, Y = { ...e, themeColors: be }, Le = {
+  }, Ie = { logoSrc: fe, logoWidth: ge, logoHeight: me }, ae = c != null, Ae = { ...n, navWidth: g, loggedIn: F }, Y = { ...e, themeColors: be }, Le = {
     ...Y,
-    navWidth: `${m}px`,
+    navWidth: `${g}px`,
     isMobile: d
   }, { navItems: J } = e, se = o || ((we = J.find((w) => w.label === (e == null ? void 0 : e.activeRoute))) == null ? void 0 : we.subnavItems) || [], Fe = {
     themeColors: be,
@@ -961,7 +961,7 @@ const Te = de(/* @__PURE__ */ i("path", {
           shadowColor: ie,
           children: [
             /* @__PURE__ */ y(Me, { children: [
-              /* @__PURE__ */ i(So, { src: fe, alt: "logo", width: me, height: ge }),
+              /* @__PURE__ */ i(So, { src: fe, alt: "logo", width: ge, height: me }),
               /* @__PURE__ */ i(re, { variant: "icon", size: 36, onClick: () => $(!1), color: D, children: /* @__PURE__ */ i(Ye, {}) })
             ] }),
             /* @__PURE__ */ i(L, { ...le })
@@ -1098,7 +1098,7 @@ const Te = de(/* @__PURE__ */ i("path", {
           show: se && se.length > 0,
           borderColor: X,
           backgroundColor: I,
-          width: m,
+          width: g,
           children: /* @__PURE__ */ i(L, { ...Fe })
         }
       ),

package/Table/Table.d.ts

@@ -23,6 +23,7 @@ export interface TableProps {
     showSearchByDate?: boolean;
     scrollable?: boolean;
     scrollableMinWidth?: string;
+    stickyColumns?: number;
 }
 declare const DataTable: React.FC<TableProps>;
 export default DataTable;