jcicl 1.0.47 → 1.0.48

package/AppContainer/AppContainer.js

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as y, Fragment as ke } from "react/jsx-runtime";
-import * as N from "react";
+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";
@@ -44,7 +44,7 @@ function oe(e, o, a) {
   const n = De(a), l = ho(e, o, n);
   l && (o.style.webkitTransform = l, o.style.transform = l);
 }
-const ze = /* @__PURE__ */ N.forwardRef(function(o, a) {
+const ze = /* @__PURE__ */ z.forwardRef(function(o, a) {
   const n = He(), l = {
     enter: n.transitions.easing.easeOut,
     exit: n.transitions.easing.sharp
@@ -62,7 +62,7 @@ const ze = /* @__PURE__ */ N.forwardRef(function(o, a) {
     onEnter: F,
     onEntered: W,
     onEntering: j,
-    onExit: O,
+    onExit: N,
     onExited: $,
     onExiting: V,
     style: R,
@@ -70,12 +70,12 @@ const ze = /* @__PURE__ */ N.forwardRef(function(o, a) {
     // eslint-disable-next-line react/prop-types
     TransitionComponent: v = to,
     ...H
-  } = o, h = N.useRef(null), G = po(ro(m), h, a), E = (s) => (f) => {
+  } = o, h = z.useRef(null), G = po(ro(m), 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);
   }), p = E((s, f) => {
-    const z = ye({
+    const D = ye({
       timeout: M,
       style: R,
       easing: B
@@ -83,11 +83,11 @@ const ze = /* @__PURE__ */ N.forwardRef(function(o, a) {
       mode: "enter"
     });
     s.style.webkitTransition = n.transitions.create("-webkit-transform", {
-      ...z
+      ...D
     }), s.style.transition = n.transitions.create("transform", {
-      ...z
+      ...D
     }), s.style.webkitTransform = "none", s.style.transform = "none", j && j(s, f);
-  }), S = E(W), D = E(V), k = E((s) => {
+  }), O = E(W), S = E(V), k = E((s) => {
     const f = ye({
       timeout: M,
       style: R,
@@ -95,15 +95,15 @@ const ze = /* @__PURE__ */ N.forwardRef(function(o, a) {
     }, {
       mode: "exit"
     });
-    s.style.webkitTransition = n.transitions.create("-webkit-transform", f), s.style.transition = n.transitions.create("transform", f), oe(b, s, u), O && O(s);
+    s.style.webkitTransition = n.transitions.create("-webkit-transform", f), s.style.transition = n.transitions.create("transform", f), oe(b, s, u), N && N(s);
   }), I = E((s) => {
     s.style.webkitTransition = "", s.style.transition = "", $ && $(s);
   }), ne = (s) => {
     x && x(h.current, s);
-  }, q = N.useCallback(() => {
+  }, q = z.useCallback(() => {
     h.current && oe(b, h.current, u);
   }, [b, u]);
-  return N.useEffect(() => {
+  return z.useEffect(() => {
     if (C || b === "down" || b === "right")
       return;
     const s = io(() => {
@@ -112,22 +112,22 @@ const ze = /* @__PURE__ */ N.forwardRef(function(o, a) {
     return f.addEventListener("resize", s), () => {
       s.clear(), f.removeEventListener("resize", s);
     };
-  }, [b, C, u]), N.useEffect(() => {
+  }, [b, C, u]), z.useEffect(() => {
     C || q();
   }, [C, q]), /* @__PURE__ */ i(v, {
     nodeRef: h,
     onEnter: d,
-    onEntered: S,
+    onEntered: O,
     onEntering: p,
     onExit: k,
     onExited: I,
-    onExiting: D,
+    onExiting: S,
     addEndListener: ne,
     appear: c,
     in: C,
     timeout: M,
     ...H,
-    children: (s, f) => /* @__PURE__ */ N.cloneElement(m, {
+    children: (s, f) => /* @__PURE__ */ z.cloneElement(m, {
       ref: G,
       style: {
         visibility: s === "exited" && !C ? "hidden" : void 0,
@@ -384,7 +384,7 @@ function xo({
 }, o) {
   return e === "rtl" && bo(o) ? Oe[o] : o;
 }
-const U = /* @__PURE__ */ N.forwardRef(function(o, a) {
+const U = /* @__PURE__ */ z.forwardRef(function(o, a) {
   const n = Je({
     props: o,
     name: "MuiDrawer"
@@ -403,7 +403,7 @@ const U = /* @__PURE__ */ N.forwardRef(function(o, a) {
       ...W
     } = {},
     onClose: j,
-    open: O = !1,
+    open: N = !1,
     PaperProps: $ = {},
     SlideProps: V,
     // eslint-disable-next-line react/prop-types
@@ -411,8 +411,8 @@ const U = /* @__PURE__ */ N.forwardRef(function(o, a) {
     transitionDuration: M = x,
     variant: v = "temporary",
     ...H
-  } = n, h = N.useRef(!1);
-  N.useEffect(() => {
+  } = n, h = z.useRef(!1);
+  z.useEffect(() => {
     h.current = !0;
   }, []);
   const G = xo({
@@ -421,10 +421,10 @@ const U = /* @__PURE__ */ N.forwardRef(function(o, a) {
     ...n,
     anchor: c,
     elevation: B,
-    open: O,
+    open: N,
     variant: v,
     ...H
-  }, p = fo(d), S = /* @__PURE__ */ i(go, {
+  }, p = fo(d), O = /* @__PURE__ */ i(go, {
     elevation: v === "temporary" ? B : 0,
     square: !0,
     ...$,
@@ -438,22 +438,22 @@ const U = /* @__PURE__ */ N.forwardRef(function(o, a) {
       ownerState: d,
       ref: a,
       ...H,
-      children: S
+      children: O
     });
-  const D = /* @__PURE__ */ i(R, {
-    in: O,
+  const S = /* @__PURE__ */ i(R, {
+    in: N,
     direction: Oe[G],
     timeout: M,
     appear: h.current,
     ...V,
-    children: S
+    children: O
   });
   return v === "persistent" ? /* @__PURE__ */ i($e, {
     className: ee(p.root, p.docked, b),
     ownerState: d,
     ref: a,
     ...H,
-    children: D
+    children: S
   }) : /* @__PURE__ */ i(mo, {
     BackdropProps: {
       ...m,
@@ -461,14 +461,14 @@ const U = /* @__PURE__ */ N.forwardRef(function(o, a) {
       transitionDuration: M
     },
     className: ee(p.root, p.modal, b),
-    open: O,
+    open: N,
     ownerState: d,
     onClose: j,
     hideBackdrop: C,
     ref: a,
     ...H,
     ...W,
-    children: D
+    children: S
   });
 });
 process.env.NODE_ENV !== "production" && (U.propTypes = {
@@ -835,15 +835,15 @@ const Te = de(/* @__PURE__ */ i("path", {
   hasSiteBanner: j = !1
 }) => {
   var we;
-  const [O, $] = K(!1), [V, R] = K(!1), [M, v] = K(!1), [H, h] = K(!1), { mobile: G = r.screenSizes.mobile, tablet: E = r.screenSizes.tablet } = u, d = Ce(`(max-width: ${G})`), p = Ce(`(max-width: ${E})`) && !d, S = !d && !p, {
-    backgroundPrimary: D = r.colors.whiteGreen,
+  const [N, $] = K(!1), [V, R] = K(!1), [M, v] = K(!1), [H, h] = K(!1), { mobile: G = r.screenSizes.mobile, tablet: E = r.screenSizes.tablet } = u, d = Ce(`(max-width: ${G})`), p = Ce(`(max-width: ${E})`) && !d, O = !d && !p, {
+    backgroundPrimary: S = r.colors.whiteGreen,
     backgroundSecondary: k = r.colors.whiteGreenA,
     backgroundTertiary: I = r.colors.sage,
     highlightPrimary: ne = r.colors.sunlight,
     backgroundQuaternary: q = r.colors.moss,
     highlightSecondary: s = r.colors.dandelion,
     highlightTertiary: f = `${r.colors.dandelion}99`,
-    iconPrimary: z = r.colors.darkGreen,
+    iconPrimary: D = r.colors.darkGreen,
     shadowPrimary: ie = r.colors.darkGreenO99,
     shadowSecondary: Q = r.boxShadows.darkGreen,
     shadowTertiary: he = r.boxShadows.darkGreenThick,
@@ -856,14 +856,14 @@ const Te = de(/* @__PURE__ */ i("path", {
       backgroundColor: r.colors.mint
     }
   } = B, { logoSrc: fe = Xe, logoWidth: me = 36, logoHeight: ge = 50 } = C, be = {
-    backgroundPrimary: D,
+    backgroundPrimary: S,
     backgroundSecondary: k,
     backgroundTertiary: I,
     highlightPrimary: ne,
     highlightSecondary: s,
     highlightTertiary: f,
     borderPrimary: X,
-    iconPrimary: z,
+    iconPrimary: D,
     shadowPrimary: ie,
     shadowSecondary: Q,
     shadowTertiary: he,
@@ -929,16 +929,16 @@ const Te = de(/* @__PURE__ */ i("path", {
         onHamburgerMenuClick: () => $(!0),
         onUserMenuClick: () => v(!0),
         logoProps: Ie,
-        iconColor: z,
+        iconColor: D,
         isMobile: d,
-        themeProps: { shadowSecondary: Q, shadowTertiary: he, iconPrimary: z, borderPrimary: X },
+        themeProps: { shadowSecondary: Q, shadowTertiary: he, iconPrimary: D, borderPrimary: X },
         iconColors: ue,
         userName: l == null ? void 0 : l.name,
         userSettingsEnabled: P
       }
     ),
     /* @__PURE__ */ y(ko, { tabletPadding: p, mobile: d, children: [
-      S && /* @__PURE__ */ i(L, { ...Le }),
+      O && /* @__PURE__ */ i(L, { ...Le }),
       d && /* @__PURE__ */ y(ke, { children: [
         /* @__PURE__ */ i(L, { ...Ue }),
         /* @__PURE__ */ i(
@@ -955,14 +955,14 @@ const Te = de(/* @__PURE__ */ i("path", {
       p && /* @__PURE__ */ y(
         Po,
         {
-          open: O,
+          open: N,
           onClose: () => $(!1),
           backgroundColor: k,
           shadowColor: ie,
           children: [
             /* @__PURE__ */ y(Me, { children: [
               /* @__PURE__ */ i(So, { src: fe, alt: "logo", width: me, height: ge }),
-              /* @__PURE__ */ i(re, { variant: "icon", size: 36, onClick: () => $(!1), color: z, children: /* @__PURE__ */ i(Ye, {}) })
+              /* @__PURE__ */ i(re, { variant: "icon", size: 36, onClick: () => $(!1), color: D, children: /* @__PURE__ */ i(Ye, {}) })
             ] }),
             /* @__PURE__ */ i(L, { ...le })
           ]
@@ -982,7 +982,7 @@ const Te = de(/* @__PURE__ */ i("path", {
                 variant: "icon",
                 size: 24,
                 onClick: () => R(!1),
-                iconColor: z,
+                iconColor: D,
                 highlight1: k,
                 highlight2: k,
                 children: /* @__PURE__ */ i(Pe, {})
@@ -992,7 +992,7 @@ const Te = de(/* @__PURE__ */ i("path", {
           ]
         }
       ),
-      (p || S) && /* @__PURE__ */ y(
+      (p || O) && /* @__PURE__ */ y(
         Do,
         {
           anchor: "right",
@@ -1019,7 +1019,7 @@ const Te = de(/* @__PURE__ */ i("path", {
                 navItems: xe,
                 themeColors: {
                   iconPrimary: r.colors.midnight,
-                  highlightPrimary: D,
+                  highlightPrimary: S,
                   highlightTertiary: k,
                   shadowSecondary: Q,
                   scrollColor: A
@@ -1058,7 +1058,7 @@ const Te = de(/* @__PURE__ */ i("path", {
                   navItems: xe,
                   themeColors: {
                     iconPrimary: r.colors.midnight,
-                    highlightPrimary: D,
+                    highlightPrimary: S,
                     highlightTertiary: k,
                     shadowSecondary: Q,
                     scrollColor: A
@@ -1078,21 +1078,21 @@ const Te = de(/* @__PURE__ */ i("path", {
           borderColor: X,
           backgroundColor: I,
           children: [
-            S && /* @__PURE__ */ i(Z, { scrollColor: A, direction: "vertical", children: c && c }),
+            O && /* @__PURE__ */ i(Z, { scrollColor: A, direction: "vertical", children: c && c }),
             p && /* @__PURE__ */ i(
               re,
               {
                 variant: "icon",
                 size: 36,
                 onClick: () => R(!0),
-                color: z,
+                color: D,
                 children: /* @__PURE__ */ i(Te, {})
               }
             )
           ]
         }
       ),
-      S && /* @__PURE__ */ i(
+      /* @__PURE__ */ i(
         Co,
         {
           show: se && se.length > 0,
@@ -1107,7 +1107,7 @@ const Te = de(/* @__PURE__ */ i("path", {
         {
           withActionsPanel: ae,
           borderColor: X,
-          backgroundColor: D,
+          backgroundColor: S,
           mobileScreen: d,
           children: /* @__PURE__ */ i(Z, { scrollColor: A, children: b })
         }

package/Overlays/Overlays.js

@@ -1,14 +1,14 @@
 import { n as o } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as r } from "../.chunks/emotion-react.browser.esm.js";
-import n from "../theme.js";
-const s = o("div")(
-  ({ isMobile: e, hasPagination: t, color: i = n.colors.whiteGreen }) => ({
+import t from "../theme.js";
+const x = o("div")(
+  ({ isMobile: e, hasPagination: i, color: n = t.colors.whiteGreen }) => ({
     ...r`
       width: calc(100% - 72px);
       max-width: 1300px;
       position: fixed;
-      bottom: ${t && e ? "128px" : t && !e ? "57px" : !t && e ? "74px" : "3px"};
-      background-image: linear-gradient(to top, ${i}, ${i}00);
+      bottom: ${i && e ? "128px" : i && !e ? "57px" : !i && e ? "74px" : "3px"};
+      background-image: linear-gradient(to top, ${n}, ${n}00);
       pointer-events: none;
       height: 92px;
       box-sizing: border-box;
@@ -16,15 +16,18 @@ const s = o("div")(
       justify-content: center;
       align-items: center;
       z-index: 92;
+      @media (max-width: ${t.screenSizes.tablet}) {
+        width: calc(100% - 40px);
+      }
     `
   })
-), a = o("div")(
-  ({ color: e = n.colors.whiteGreen, hasSiteBanner: t = !1 }) => ({
+), s = o("div")(
+  ({ color: e = t.colors.whiteGreen, hasSiteBanner: i = !1 }) => ({
     ...r`
       width: calc(100% - 72px);
       max-width: 1300px;
       position: fixed;
-      top: ${n.constants.appHeaderHeight + 1 + (t ? n.constants.siteBannerHeight : 0)}px;
+      top: ${t.constants.appHeaderHeight + 1 + (i ? t.constants.siteBannerHeight : 0)}px;
       background-image: linear-gradient(to bottom, ${e}, ${e}00);
       pointer-events: none;
       height: 29px;
@@ -33,10 +36,13 @@ const s = o("div")(
       justify-content: center;
       align-items: center;
       z-index: 92;
+      @media (max-width: ${t.screenSizes.tablet}) {
+        width: calc(100% - 40px);
+      }
     `
   })
 );
 export {
-  s as BottomFade,
-  a as TopFade
+  x as BottomFade,
+  s as TopFade
 };

package/Table/Table.d.ts

@@ -21,6 +21,8 @@ export interface TableProps {
     notSortableColumns?: string[];
     notExportableColumns?: string[];
     showSearchByDate?: boolean;
+    scrollable?: boolean;
+    scrollableMinWidth?: string;
 }
 declare const DataTable: React.FC<TableProps>;
 export default DataTable;