@m4l/graphics 0.0.25 → 0.0.28

package/dist/hooks/index.js

@@ -6,9 +6,12 @@ import "../contexts/HostThemeContext/index.js";
 import "react-hook-form";
 function useIsMountedRef() {
   const isMounted = useRef(true);
-  useEffect(() => () => {
-    isMounted.current = false;
-  }, []);
+  useEffect(
+    () => () => {
+      isMounted.current = false;
+    },
+    []
+  );
   return isMounted;
 }
 function useOffSetTop(top) {

package/dist/react-helmet-async-invariant.js

@@ -2,13 +2,17 @@ var invariant = function(condition, format, a, b, c, d, e, f) {
   if (!condition) {
     var error;
     if (format === void 0) {
-      error = new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");
+      error = new Error(
+        "Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings."
+      );
     } else {
       var args = [a, b, c, d, e, f];
       var argIndex = 0;
-      error = new Error(format.replace(/%s/g, function() {
-        return args[argIndex++];
-      }));
+      error = new Error(
+        format.replace(/%s/g, function() {
+          return args[argIndex++];
+        })
+      );
       error.name = "Invariant Violation";
     }
     error.framesToPop = 1;

package/dist/react-helmet-async.js

@@ -22,7 +22,7 @@ function c(t2, e) {
   }, c(t2, e);
 }
 function u(t2, e) {
-  if (t2 == null)
+  if (null == t2)
     return {};
   var r2, n, i = {}, o = Object.keys(t2);
   for (n = 0; n < o.length; n++)
@@ -53,7 +53,7 @@ var l = { BASE: "base", BODY: "body", HEAD: "head", HTML: "html", LINK: "link",
   };
 }, v = function(t2, e) {
   return e.filter(function(e2) {
-    return e2[t2] !== void 0;
+    return void 0 !== e2[t2];
   }).map(function(e2) {
     return e2[t2];
   }).reduce(function(t3, e2) {
@@ -61,14 +61,14 @@ var l = { BASE: "base", BODY: "body", HEAD: "head", HTML: "html", LINK: "link",
   }, {});
 }, A = function(t2, e) {
   return e.filter(function(t3) {
-    return t3[l.BASE] !== void 0;
+    return void 0 !== t3[l.BASE];
   }).map(function(t3) {
     return t3[l.BASE];
   }).reverse().reduce(function(e2, r2) {
     if (!e2.length)
       for (var n = Object.keys(r2), i = 0; i < n.length; i += 1) {
         var o = n[i].toLowerCase();
-        if (t2.indexOf(o) !== -1 && r2[o])
+        if (-1 !== t2.indexOf(o) && r2[o])
           return e2.concat(r2);
       }
     return e2;
@@ -76,7 +76,7 @@ var l = { BASE: "base", BODY: "body", HEAD: "head", HTML: "html", LINK: "link",
 }, C = function(t2, e, r2) {
   var n = {};
   return r2.filter(function(e2) {
-    return !!Array.isArray(e2[t2]) || (e2[t2] !== void 0 && console && typeof console.warn == "function" && console.warn("Helmet: " + t2 + ' should be of type "Array". Instead found type "' + typeof e2[t2] + '"'), false);
+    return !!Array.isArray(e2[t2]) || (void 0 !== e2[t2] && console && "function" == typeof console.warn && console.warn("Helmet: " + t2 + ' should be of type "Array". Instead found type "' + typeof e2[t2] + '"'), false);
   }).map(function(e2) {
     return e2[t2];
   }).reverse().reduce(function(t3, r3) {
@@ -84,7 +84,7 @@ var l = { BASE: "base", BODY: "body", HEAD: "head", HTML: "html", LINK: "link",
     r3.filter(function(t4) {
       for (var r4, o2 = Object.keys(t4), a2 = 0; a2 < o2.length; a2 += 1) {
         var s3 = o2[a2], c3 = s3.toLowerCase();
-        e.indexOf(c3) === -1 || r4 === "rel" && t4[r4].toLowerCase() === "canonical" || c3 === "rel" && t4[c3].toLowerCase() === "stylesheet" || (r4 = c3), e.indexOf(s3) === -1 || s3 !== "innerHTML" && s3 !== "cssText" && s3 !== "itemprop" || (r4 = s3);
+        -1 === e.indexOf(c3) || "rel" === r4 && "canonical" === t4[r4].toLowerCase() || "rel" === c3 && "stylesheet" === t4[c3].toLowerCase() || (r4 = c3), -1 === e.indexOf(s3) || "innerHTML" !== s3 && "cssText" !== s3 && "itemprop" !== s3 || (r4 = s3);
       }
       if (!r4 || !t4[r4])
         return false;
@@ -121,14 +121,14 @@ var l = { BASE: "base", BODY: "body", HEAD: "head", HTML: "html", LINK: "link",
   var r2;
   return a({}, t2, ((r2 = {})[e] = void 0, r2));
 }, P = [l.NOSCRIPT, l.SCRIPT, l.STYLE], w = function(t2, e) {
-  return e === void 0 && (e = true), e === false ? String(t2) : String(t2).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
+  return void 0 === e && (e = true), false === e ? String(t2) : String(t2).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
 }, x = function(t2) {
   return Object.keys(t2).reduce(function(e, r2) {
-    var n = t2[r2] !== void 0 ? r2 + '="' + t2[r2] + '"' : "" + r2;
+    var n = void 0 !== t2[r2] ? r2 + '="' + t2[r2] + '"' : "" + r2;
     return e ? e + " " + n : n;
   }, "");
 }, L = function(t2, e) {
-  return e === void 0 && (e = {}), Object.keys(t2).reduce(function(e2, r2) {
+  return void 0 === e && (e = {}), Object.keys(t2).reduce(function(e2, r2) {
     return e2[m[r2] || r2] = t2[r2], e2;
   }, e);
 }, j = function(e, r2) {
@@ -136,7 +136,7 @@ var l = { BASE: "base", BODY: "body", HEAD: "head", HTML: "html", LINK: "link",
     var i, o = ((i = { key: n })["data-rh"] = true, i);
     return Object.keys(r3).forEach(function(t2) {
       var e2 = m[t2] || t2;
-      e2 === "innerHTML" || e2 === "cssText" ? o.dangerouslySetInnerHTML = { __html: r3.innerHTML || r3.cssText } : o[e2] = r3[t2];
+      "innerHTML" === e2 || "cssText" === e2 ? o.dangerouslySetInnerHTML = { __html: r3.innerHTML || r3.cssText } : o[e2] = r3[t2];
     }), t.createElement(e, o);
   });
 }, M = function(e, r2, n) {
@@ -165,18 +165,18 @@ var l = { BASE: "base", BODY: "body", HEAD: "head", HTML: "html", LINK: "link",
         return function(t2, e2, r3) {
           return e2.reduce(function(e3, n2) {
             var i = Object.keys(n2).filter(function(t3) {
-              return !(t3 === "innerHTML" || t3 === "cssText");
+              return !("innerHTML" === t3 || "cssText" === t3);
             }).reduce(function(t3, e4) {
-              var i2 = n2[e4] === void 0 ? e4 : e4 + '="' + w(n2[e4], r3) + '"';
+              var i2 = void 0 === n2[e4] ? e4 : e4 + '="' + w(n2[e4], r3) + '"';
               return t3 ? t3 + " " + i2 : i2;
-            }, ""), o = n2.innerHTML || n2.cssText || "", a2 = P.indexOf(t2) === -1;
+            }, ""), o = n2.innerHTML || n2.cssText || "", a2 = -1 === P.indexOf(t2);
             return e3 + "<" + t2 + ' data-rh="true" ' + i + (a2 ? "/>" : ">" + o + "</" + t2 + ">");
           }, "");
         }(e, r2, n);
       } };
   }
 }, k = function(t2) {
-  var e = t2.baseTag, r2 = t2.bodyAttributes, n = t2.encode, i = t2.htmlAttributes, o = t2.noscriptTags, a2 = t2.styleTags, s2 = t2.title, c2 = s2 === void 0 ? "" : s2, u2 = t2.titleAttributes, h2 = t2.linkTags, m2 = t2.metaTags, y2 = t2.scriptTags, T2 = { toComponent: function() {
+  var e = t2.baseTag, r2 = t2.bodyAttributes, n = t2.encode, i = t2.htmlAttributes, o = t2.noscriptTags, a2 = t2.styleTags, s2 = t2.title, c2 = void 0 === s2 ? "" : s2, u2 = t2.titleAttributes, h2 = t2.linkTags, m2 = t2.metaTags, y2 = t2.scriptTags, T2 = { toComponent: function() {
   }, toString: function() {
     return "";
   } };
@@ -194,7 +194,7 @@ var l = { BASE: "base", BODY: "body", HEAD: "head", HTML: "html", LINK: "link",
   return { priority: T2, base: M(l.BASE, e, n), bodyAttributes: M("bodyAttributes", r2, n), htmlAttributes: M("htmlAttributes", i, n), link: M(l.LINK, h2, n), meta: M(l.META, m2, n), noscript: M(l.NOSCRIPT, o, n), script: M(l.SCRIPT, y2, n), style: M(l.STYLE, a2, n), title: M(l.TITLE, { title: c2, titleAttributes: u2 }, n) };
 }, H = [], N = function(t2, e) {
   var r2 = this;
-  e === void 0 && (e = typeof document != "undefined"), this.instances = [], this.value = { setHelmet: function(t3) {
+  void 0 === e && (e = "undefined" != typeof document), this.instances = [], this.value = { setHelmet: function(t3) {
     r2.context.helmet = t3;
   }, helmetInstances: { get: function() {
     return r2.canUseDOM ? H : r2.instances;
@@ -204,7 +204,7 @@ var l = { BASE: "base", BODY: "body", HEAD: "head", HTML: "html", LINK: "link",
     var e2 = (r2.canUseDOM ? H : r2.instances).indexOf(t3);
     (r2.canUseDOM ? H : r2.instances).splice(e2, 1);
   } } }, this.context = t2, this.canUseDOM = e, e || (t2.helmet = k({ baseTag: [], bodyAttributes: {}, encodeSpecialCharacters: true, htmlAttributes: {}, linkTags: [], metaTags: [], noscriptTags: [], scriptTags: [], styleTags: [], title: "", titleAttributes: {} }));
-}, R = t.createContext({}), D = r.shape({ setHelmet: r.func, helmetInstances: r.shape({ get: r.func, add: r.func, remove: r.func }) }), U = typeof document != "undefined", q = /* @__PURE__ */ function(e) {
+}, R = t.createContext({}), D = r.shape({ setHelmet: r.func, helmetInstances: r.shape({ get: r.func, add: r.func, remove: r.func }) }), U = "undefined" != typeof document, q = /* @__PURE__ */ function(e) {
   function r2(t2) {
     var n;
     return (n = e.call(this, t2) || this).helmetData = new N(n.props.context, r2.canUseDOM), n;
@@ -219,7 +219,7 @@ var Y = function(t2, e) {
   return e && e.length && e.forEach(function(e2) {
     var n2 = document.createElement(t2);
     for (var i2 in e2)
-      Object.prototype.hasOwnProperty.call(e2, i2) && (i2 === "innerHTML" ? n2.innerHTML = e2.innerHTML : i2 === "cssText" ? n2.styleSheet ? n2.styleSheet.cssText = e2.cssText : n2.appendChild(document.createTextNode(e2.cssText)) : n2.setAttribute(i2, e2[i2] === void 0 ? "" : e2[i2]));
+      Object.prototype.hasOwnProperty.call(e2, i2) && ("innerHTML" === i2 ? n2.innerHTML = e2.innerHTML : "cssText" === i2 ? n2.styleSheet ? n2.styleSheet.cssText = e2.cssText : n2.appendChild(document.createTextNode(e2.cssText)) : n2.setAttribute(i2, void 0 === e2[i2] ? "" : e2[i2]));
     n2.setAttribute("data-rh", "true"), o.some(function(t3, e3) {
       return r2 = e3, n2.isEqualNode(t3);
     }) ? o.splice(r2, 1) : a2.push(n2);
@@ -233,9 +233,9 @@ var Y = function(t2, e) {
   if (r2) {
     for (var n = r2.getAttribute("data-rh"), i = n ? n.split(",") : [], o = [].concat(i), a2 = Object.keys(e), s2 = 0; s2 < a2.length; s2 += 1) {
       var c2 = a2[s2], u2 = e[c2] || "";
-      r2.getAttribute(c2) !== u2 && r2.setAttribute(c2, u2), i.indexOf(c2) === -1 && i.push(c2);
+      r2.getAttribute(c2) !== u2 && r2.setAttribute(c2, u2), -1 === i.indexOf(c2) && i.push(c2);
       var l2 = o.indexOf(c2);
-      l2 !== -1 && o.splice(l2, 1);
+      -1 !== l2 && o.splice(l2, 1);
     }
     for (var p2 = o.length - 1; p2 >= 0; p2 -= 1)
       r2.removeAttribute(o[p2]);
@@ -244,7 +244,7 @@ var Y = function(t2, e) {
 }, K = function(t2, e) {
   var r2 = t2.baseTag, n = t2.htmlAttributes, i = t2.linkTags, o = t2.metaTags, a2 = t2.noscriptTags, s2 = t2.onChangeClientState, c2 = t2.scriptTags, u2 = t2.styleTags, p2 = t2.title, f2 = t2.titleAttributes;
   B(l.BODY, t2.bodyAttributes), B(l.HTML, n), function(t3, e2) {
-    t3 !== void 0 && document.title !== t3 && (document.title = S(t3)), B(l.TITLE, e2);
+    void 0 !== t3 && document.title !== t3 && (document.title = S(t3)), B(l.TITLE, e2);
   }(p2, f2);
   var d2 = { baseTag: Y(l.BASE, r2), linkTags: Y(l.LINK, i), metaTags: Y(l.META, o), noscriptTags: Y(l.NOSCRIPT, a2), scriptTags: Y(l.SCRIPT, c2), styleTags: Y(l.STYLE, u2) }, h2 = {}, m2 = {};
   Object.keys(d2).forEach(function(t3) {
@@ -326,8 +326,8 @@ var F = ["children"], G = ["children"], W = /* @__PURE__ */ function(e) {
   }, o.warnOnInvalidChildren = function(t2, e2) {
     return browser(h.some(function(e3) {
       return t2.type === e3;
-    }), typeof t2.type == "function" ? "You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information." : "Only elements types " + h.join(", ") + " are allowed. Helmet does not support rendering <" + t2.type + "> elements. Refer to our API for more information."), browser(!e2 || typeof e2 == "string" || Array.isArray(e2) && !e2.some(function(t3) {
-      return typeof t3 != "string";
+    }), "function" == typeof t2.type ? "You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information." : "Only elements types " + h.join(", ") + " are allowed. Helmet does not support rendering <" + t2.type + "> elements. Refer to our API for more information."), browser(!e2 || "string" == typeof e2 || Array.isArray(e2) && !e2.some(function(t3) {
+      return "string" != typeof t3;
     }), "Helmet expects a string as a child of <" + t2.type + ">. Did you forget to wrap your children in braces? ( <" + t2.type + ">{``}</" + t2.type + "> ) Refer to our API for more information."), true;
   }, o.mapChildrenToProps = function(e2, r3) {
     var n = this, i = {};
@@ -336,7 +336,7 @@ var F = ["children"], G = ["children"], W = /* @__PURE__ */ function(e) {
         var e3 = t2.props, o2 = e3.children, a2 = u(e3, F), s2 = Object.keys(a2).reduce(function(t3, e4) {
           return t3[y[e4] || e4] = a2[e4], t3;
         }, {}), c2 = t2.type;
-        switch (typeof c2 == "symbol" ? c2 = c2.toString() : n.warnOnInvalidChildren(t2, o2), c2) {
+        switch ("symbol" == typeof c2 ? c2 = c2.toString() : n.warnOnInvalidChildren(t2, o2), c2) {
           case l.FRAGMENT:
             r3 = n.mapChildrenToProps(o2, r3);
             break;

package/dist/theme/overrides.js

@@ -532,10 +532,16 @@ function Drawer(theme) {
         modal: {
           '&[role="presentation"]': {
             "& .MuiDrawer-paperAnchorLeft": {
-              boxShadow: `8px 24px 24px 12px ${alpha(theme.palette.grey[900], isLight ? 0.16 : 0.48)}`
+              boxShadow: `8px 24px 24px 12px ${alpha(
+                theme.palette.grey[900],
+                isLight ? 0.16 : 0.48
+              )}`
             },
             "& .MuiDrawer-paperAnchorRight": {
-              boxShadow: `-8px 24px 24px 12px ${alpha(theme.palette.grey[900], isLight ? 0.16 : 0.48)}`
+              boxShadow: `-8px 24px 24px 12px ${alpha(
+                theme.palette.grey[900],
+                isLight ? 0.16 : 0.48
+              )}`
             }
           }
         }
@@ -1004,7 +1010,10 @@ function Pagination(theme) {
             color: theme.palette.primary.main,
             backgroundColor: alpha$1(theme.palette.primary.main, 0.08),
             "&:hover, &.Mui-focusVisible": {
-              backgroundColor: `${alpha$1(theme.palette.primary.main, 0.24)} !important`
+              backgroundColor: `${alpha$1(
+                theme.palette.primary.main,
+                0.24
+              )} !important`
             }
           }
         },
@@ -1243,6 +1252,46 @@ function LoadingButton(theme) {
   };
 }
 function fnComponentsOverrides(theme) {
-  return Object.assign(Fab(theme), Tabs(theme), Card(theme), Menu(theme), Link(theme), Input(theme), InputLabel(), Radio(theme), Badge(), List(theme), Table(theme), Paper(theme), Switch(theme), Button(theme), IconButton(theme), Dialog(theme), Avatar(theme), Slider(theme), Drawer(theme), Stepper(theme), Tooltip(theme), Popover(theme), SvgIcon(), Checkbox(theme), DataGrid(theme), Skeleton(theme), Timeline(theme), Backdrop(theme), Progress(theme), Accordion(theme), Typography(theme), Pagination(theme), ButtonGroup(theme), Breadcrumbs(theme), CssBaseline(), Autocomplete(theme), ControlLabel(theme), ToggleButton(theme), LoadingButton(theme));
+  return Object.assign(
+    Fab(theme),
+    Tabs(theme),
+    Card(theme),
+    Menu(theme),
+    Link(theme),
+    Input(theme),
+    InputLabel(),
+    Radio(theme),
+    Badge(),
+    List(theme),
+    Table(theme),
+    Paper(theme),
+    Switch(theme),
+    Button(theme),
+    IconButton(theme),
+    Dialog(theme),
+    Avatar(theme),
+    Slider(theme),
+    Drawer(theme),
+    Stepper(theme),
+    Tooltip(theme),
+    Popover(theme),
+    SvgIcon(),
+    Checkbox(theme),
+    DataGrid(theme),
+    Skeleton(theme),
+    Timeline(theme),
+    Backdrop(theme),
+    Progress(theme),
+    Accordion(theme),
+    Typography(theme),
+    Pagination(theme),
+    ButtonGroup(theme),
+    Breadcrumbs(theme),
+    CssBaseline(),
+    Autocomplete(theme),
+    ControlLabel(theme),
+    ToggleButton(theme),
+    LoadingButton(theme)
+  );
 }
 export { fnComponentsOverrides as f };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/graphics",
   "private": false,
-  "version": "0.0.25",
+  "version": "0.0.28",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "scripts": {
@@ -15,19 +15,19 @@
     "format": "npm run prettier:fix && npm run lint:fix"
   },
   "dependencies": {
-    "@m4l/core": "^0.0.33",
+    "@m4l/core": "^0.0.35",
     "@mui/material": "^5.8.6",
     "@mui/x-date-pickers": "^5.0.0-beta.3",
     "date-fns": "^2.29.1",
     "framer-motion": "^6.3.11",
-    "react": ">=18",
     "react-dom": "^18.0.0",
     "react-dropzone": "^14.2.1",
     "react-helmet-async": "^1.3.0",
     "react-hook-form": "^7.31.3",
     "react-intersection-observer": "^9.2.2",
     "react-router-dom": "^6.3.0",
-    "vite-tsconfig-paths": "^3.5.0"
+    "vite-tsconfig-paths": "^3.5.0",
+    "react": ">=18"
   },
   "peerDependencies": {
     "date-fns": "^2.29.1",