jcicl 1.0.47 → 1.0.49

package/AppContainer/AppContainer.js

@@ -1,8 +1,8 @@
 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";
+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;
@@ -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
@@ -54,7 +54,7 @@ const ze = /* @__PURE__ */ N.forwardRef(function(o, a) {
   }, {
     addEndListener: x,
     appear: c = !0,
-    children: m,
+    children: g,
     container: u,
     direction: b = "down",
     easing: B = l,
@@ -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(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);
   }), 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,27 +112,27 @@ 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(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) => {
@@ -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"
@@ -393,7 +393,7 @@ const U = /* @__PURE__ */ N.forwardRef(function(o, a) {
     exit: l.transitions.duration.leavingScreen
   }, {
     anchor: c = "left",
-    BackdropProps: m,
+    BackdropProps: g,
     children: u,
     className: b,
     elevation: B = 16,
@@ -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(mo, {
     elevation: v === "temporary" ? B : 0,
     square: !0,
     ...$,
@@ -438,37 +438,37 @@ 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
-  }) : /* @__PURE__ */ i(mo, {
+    children: S
+  }) : /* @__PURE__ */ i(go, {
     BackdropProps: {
-      ...m,
+      ...g,
       ...F,
       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 = {
@@ -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 = {},
@@ -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,
@@ -855,24 +855,24 @@ 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 = {
-    backgroundPrimary: D,
+  } = B, { logoSrc: fe = Xe, logoWidth: ge = 36, logoHeight: me = 50 } = C, be = {
+    backgroundPrimary: S,
     backgroundSecondary: k,
     backgroundTertiary: I,
     highlightPrimary: ne,
     highlightSecondary: s,
     highlightTertiary: f,
     borderPrimary: X,
-    iconPrimary: z,
+    iconPrimary: D,
     shadowPrimary: ie,
     shadowSecondary: Q,
     shadowTertiary: he,
     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,
@@ -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(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 })
           ]
@@ -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,27 +1078,27 @@ 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,
           borderColor: X,
           backgroundColor: I,
-          width: m,
+          width: g,
           children: /* @__PURE__ */ i(L, { ...Fe })
         }
       ),
@@ -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,9 @@ export interface TableProps {
     notSortableColumns?: string[];
     notExportableColumns?: string[];
     showSearchByDate?: boolean;
+    scrollable?: boolean;
+    scrollableMinWidth?: string;
+    stickyColumns?: number;
 }
 declare const DataTable: React.FC<TableProps>;
 export default DataTable;