@hybridcore/ui 1.6.0 → 1.6.2

package/dist/TransitionGroupContext-BDAp2T0O.js

@@ -0,0 +1,96 @@
+import { P as u } from "./index-C__OZmYy.js";
+import * as r from "react";
+import p from "react";
+import { _ as d } from "./setPrototypeOf-NPgp4cYc.js";
+const _ = u.oneOfType([u.func, u.object]);
+function m(e, t) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...o) {
+    return e(...o) || t(...o);
+  };
+}
+function y(e) {
+  const {
+    prototype: t = {}
+  } = e;
+  return !!t.isReactComponent;
+}
+function h(e, t, n, o, a) {
+  const c = e[t], l = a || t;
+  if (c == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let s;
+  return typeof c == "function" && !y(c) && (s = "Did you accidentally provide a plain function component instead?"), s !== void 0 ? new Error(`Invalid ${o} \`${l}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${s} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const O = m(u.elementType, h);
+function E(e, t) {
+  typeof e == "function" ? e(t) : e && (e.current = t);
+}
+function $(...e) {
+  return r.useMemo(() => e.every((t) => t == null) ? null : (t) => {
+    e.forEach((n) => {
+      E(n, t);
+    });
+  }, e);
+}
+const T = typeof window < "u" ? r.useLayoutEffect : r.useEffect;
+function b(e) {
+  const t = r.useRef(e);
+  return T(() => {
+    t.current = e;
+  }), r.useRef((...n) => (
+    // @ts-expect-error hide `this`
+    (0, t.current)(...n)
+  )).current;
+}
+const f = {};
+function I(e, t) {
+  const n = r.useRef(f);
+  return n.current === f && (n.current = e(t)), n;
+}
+const R = [];
+function w(e) {
+  r.useEffect(e, R);
+}
+class i {
+  constructor() {
+    this.currentId = null, this.clear = () => {
+      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+    }, this.disposeEffect = () => this.clear;
+  }
+  static create() {
+    return new i();
+  }
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(t, n) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, n();
+    }, t);
+  }
+}
+function x() {
+  const e = I(i.create).current;
+  return w(e.disposeEffect), e;
+}
+function L(e, t) {
+  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, d(e, t);
+}
+const N = p.createContext(null);
+export {
+  i as T,
+  L as _,
+  T as a,
+  b,
+  m as c,
+  N as d,
+  x as e,
+  O as f,
+  _ as r,
+  E as s,
+  $ as u
+};

package/dist/{Typography-CxbneZy_.js → Typography-DgsSLCFC.js}

@@ -1,51 +1,51 @@
 import { a as s, _ as B } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as W from "react";
-import { P as o } from "./index-C__OZmYy.js";
-import { g as C, u as M, c as O, a as j } from "./useThemeProps-BzzHcQyd.js";
-import { unstable_extendSxProp as P } from "@mui/system";
-import { s as N } from "./styled-eZwjUruw.js";
-import { g as R } from "./createTheme-DYxDnE9u.js";
+import { P as t } from "./index-C__OZmYy.js";
+import { c as C } from "./clsx-OuTLNxxd.js";
+import { a as M, g as O, s as j, b as f, u as P, e as N, c as R } from "./generateUtilityClasses-C3ivN9Ie.js";
 import { jsx as _ } from "react/jsx-runtime";
-import { c as f } from "./capitalize-ciszXJ7R.js";
-function U(r) {
-  return R("MuiTypography", r);
+function U(a) {
+  return M("MuiTypography", a);
 }
-C("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
-const D = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], E = (r) => {
+O("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
+const D = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], E = (a) => {
   const {
-    align: t,
-    gutterBottom: a,
-    noWrap: n,
+    align: o,
+    gutterBottom: r,
+    noWrap: e,
     paragraph: i,
-    variant: e,
+    variant: n,
     classes: h
-  } = r, p = {
-    root: ["root", e, r.align !== "inherit" && `align${f(t)}`, a && "gutterBottom", n && "noWrap", i && "paragraph"]
+  } = a, p = {
+    root: ["root", n, a.align !== "inherit" && `align${f(o)}`, r && "gutterBottom", e && "noWrap", i && "paragraph"]
   };
-  return j(p, U, h);
-}, L = N("span", {
+  return R(p, U, h);
+}, L = j("span", {
   name: "MuiTypography",
   slot: "Root",
-  overridesResolver: (r, t) => {
+  overridesResolver: (a, o) => {
     const {
-      ownerState: a
-    } = r;
-    return [t.root, a.variant && t[a.variant], a.align !== "inherit" && t[`align${f(a.align)}`], a.noWrap && t.noWrap, a.gutterBottom && t.gutterBottom, a.paragraph && t.paragraph];
+      ownerState: r
+    } = a;
+    return [o.root, r.variant && o[r.variant], r.align !== "inherit" && o[`align${f(r.align)}`], r.noWrap && o.noWrap, r.gutterBottom && o.gutterBottom, r.paragraph && o.paragraph];
   }
 })(({
-  theme: r,
-  ownerState: t
+  theme: a,
+  ownerState: o
 }) => s({
   margin: 0
-}, t.variant && r.typography[t.variant], t.align !== "inherit" && {
-  textAlign: t.align
-}, t.noWrap && {
+}, o.variant === "inherit" && {
+  // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
+  font: "inherit"
+}, o.variant !== "inherit" && a.typography[o.variant], o.align !== "inherit" && {
+  textAlign: o.align
+}, o.noWrap && {
   overflow: "hidden",
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
-}, t.gutterBottom && {
+}, o.gutterBottom && {
   marginBottom: "0.35em"
-}, t.paragraph && {
+}, o.paragraph && {
   marginBottom: 16
 })), u = {
   h1: "h1",
@@ -65,11 +65,11 @@ const D = ["align", "className", "component", "gutterBottom", "noWrap", "paragra
   secondary: "secondary.main",
   textSecondary: "text.secondary",
   error: "error.main"
-}, $ = (r) => V[r] || r, w = /* @__PURE__ */ W.forwardRef(function(t, a) {
-  const n = M({
-    props: t,
+}, $ = (a) => V[a] || a, z = /* @__PURE__ */ W.forwardRef(function(o, r) {
+  const e = P({
+    props: o,
     name: "MuiTypography"
-  }), i = $(n.color), e = P(s({}, n, {
+  }), i = $(e.color), n = N(s({}, e, {
     color: i
   })), {
     align: h = "inherit",
@@ -80,7 +80,7 @@ const D = ["align", "className", "component", "gutterBottom", "noWrap", "paragra
     paragraph: c = !1,
     variant: l = "body1",
     variantMapping: m = u
-  } = e, v = B(e, D), y = s({}, e, {
+  } = n, v = B(n, D), y = s({}, n, {
     align: h,
     color: i,
     className: p,
@@ -93,43 +93,43 @@ const D = ["align", "className", "component", "gutterBottom", "noWrap", "paragra
   }), T = g || (c ? "p" : m[l] || u[l]) || "span", x = E(y);
   return /* @__PURE__ */ _(L, s({
     as: T,
-    ref: a,
+    ref: r,
     ownerState: y,
-    className: O(x.root, p)
+    className: C(x.root, p)
   }, v));
 });
-process.env.NODE_ENV !== "production" && (w.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+process.env.NODE_ENV !== "production" && (z.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * Set the text-align on the component.
    * @default 'inherit'
    */
-  align: o.oneOf(["center", "inherit", "justify", "left", "right"]),
+  align: t.oneOf(["center", "inherit", "justify", "left", "right"]),
   /**
    * The content of the component.
    */
-  children: o.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: o.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: o.string,
+  className: t.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: o.elementType,
+  component: t.elementType,
   /**
    * If `true`, the text will have a bottom margin.
    * @default false
    */
-  gutterBottom: o.bool,
+  gutterBottom: t.bool,
   /**
    * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
    *
@@ -137,21 +137,21 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
    * (the element needs to have a width in order to overflow).
    * @default false
    */
-  noWrap: o.bool,
+  noWrap: t.bool,
   /**
    * If `true`, the element will be a paragraph element.
    * @default false
    */
-  paragraph: o.bool,
+  paragraph: t.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * Applies the theme typography styles.
    * @default 'body1'
    */
-  variant: o.oneOfType([o.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), o.string]),
+  variant: t.oneOfType([t.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), t.string]),
   /**
    * The component maps the variant prop to a range of different HTML element types.
    * For instance, subtitle1 to `<h6>`.
@@ -171,8 +171,8 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
    *   inherit: 'p',
    * }
    */
-  variantMapping: o.object
+  variantMapping: t.object
 });
 export {
-  w as T
+  z as T
 };

package/dist/assertThisInitialized-C1dAyb4j.js

@@ -0,0 +1,7 @@
+function i(e) {
+  if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+export {
+  i as _
+};

package/dist/assets/index4.css

@@ -0,0 +1 @@
+.react-daterange-picker{display:inline-flex;position:relative}.react-daterange-picker,.react-daterange-picker *,.react-daterange-picker *:before,.react-daterange-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-daterange-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-daterange-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;align-items:center;border:thin solid gray}.react-daterange-picker__inputGroup{min-width:calc((4px * 3) + .54em * 8 + .217em * 2);height:100%;flex-grow:1;padding:0 2px;box-sizing:content-box}.react-daterange-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-daterange-picker__inputGroup__divider,.react-daterange-picker__inputGroup__leadingZero{display:inline-block}.react-daterange-picker__inputGroup__input{min-width:.54em;height:100%;position:relative;padding:0 1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-daterange-picker__inputGroup__input::-webkit-outer-spin-button,.react-daterange-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-daterange-picker__inputGroup__input:invalid{background:#ff00001a}.react-daterange-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-daterange-picker__button{border:0;background:transparent;padding:4px 6px}.react-daterange-picker__button:enabled{cursor:pointer}.react-daterange-picker__button:enabled:hover .react-daterange-picker__button__icon,.react-daterange-picker__button:enabled:focus .react-daterange-picker__button__icon{stroke:#0078d7}.react-daterange-picker__button:disabled .react-daterange-picker__button__icon{stroke:#6d6d6d}.react-daterange-picker__button svg{display:inherit}.react-daterange-picker__calendar{width:350px;max-width:100vw;z-index:1}.react-daterange-picker__calendar--closed{display:none}.react-daterange-picker__calendar .react-calendar{border-width:thin}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-daterange-picker .react-daterange-picker__wrapper{height:40px;border-radius:4px;padding:4px 8px;border:1px solid rgba(0,0,0,.23)}.react-daterange-picker .react-daterange-picker__wrapper:hover{border-color:#000000de}.MuiTypography-root.react-daterange-picker__label{position:absolute;display:block;top:-6px;left:9px;font-size:12px;color:#0009;background-color:#fff;z-index:9;padding:0 4px;line-height:.75rem}

package/dist/clsx-OuTLNxxd.js

@@ -0,0 +1,16 @@
+function a(r) {
+  var f, n, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
+  } else for (n in r) r[n] && (t && (t += " "), t += n);
+  return t;
+}
+function i() {
+  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
+  return t;
+}
+export {
+  i as c
+};

package/dist/components/access/helpers.js

@@ -1,5 +1,5 @@
 import "lodash";
-import { c as e, b as h, a as o } from "../../helpers-B4UL9NMD.js";
+import { b as e, c as h, a as o } from "../../helpers-D4uXfBfO.js";
 export {
   e as hasAccess,
   h as hasDataAccess,

package/dist/components/access/index.js

@@ -1,17 +1,10 @@
-import { jsx as f } from "react/jsx-runtime";
-import { a as m } from "../../helpers-B4UL9NMD.js";
-import n from "lodash";
-import { Loading as d } from "../loading/index.js";
-function x({
-  pagePath: s,
-  feature: o,
-  appRoles: t,
-  fallback: i,
-  loading: e = !1,
-  children: r
-}) {
-  return s && (s = s.split("/").slice(1)[0] || "dashboard", s === "dashboard" ? o = "MAIN" : s === "agent-based-simulations" ? o = "SIMULATION" : o = n.toUpper(n.snakeCase(s))), s && e ? /* @__PURE__ */ f(d, { show: !0, position: "fixed", top: 0, left: 0, zIndex: 99999 }) : o && m(o, t) && r ? r : i || null;
-}
+import { jsx as t, Fragment as n } from "react/jsx-runtime";
+import { Loading as l } from "../loading/index.js";
+import { useAccessLogic as a } from "./logic.js";
+const m = (e) => {
+  const { state: r } = a(e), { loading: i, granted: c, isPagePath: o } = r;
+  return o && i ? /* @__PURE__ */ t(l, { show: !0, position: "fixed", top: 0, left: 0, zIndex: 99999 }) : c && e.children ? /* @__PURE__ */ t(n, { children: e.children }) : e.fallback ? /* @__PURE__ */ t(n, { children: e.fallback }) : null;
+};
 export {
-  x as Access
+  m as Access
 };

package/dist/components/access/logic.js

@@ -0,0 +1,25 @@
+import { useThemeProps as l } from "@mui/material";
+import r from "lodash";
+import { a as m } from "../../helpers-D4uXfBfO.js";
+const h = (n) => {
+  const e = l({ props: n, name: "HCAccess" }), { pagePath: o, appRoles: c, loading: t = !1 } = e;
+  let { feature: s } = e;
+  if (o) {
+    const a = o.split("/").slice(1)[0] || "dashboard";
+    a === "dashboard" ? s = "MAIN" : a === "agent-based-simulations" ? s = "SIMULATION" : s = r.toUpper(r.snakeCase(a));
+  }
+  const p = !!(s && m(s, c)), i = { ...e, loading: t };
+  return {
+    refs: {},
+    state: {
+      ownerState: i,
+      loading: t,
+      granted: p,
+      isPagePath: !!o
+    },
+    actions: {}
+  };
+};
+export {
+  h as useAccessLogic
+};

package/dist/components/button/index.js

@@ -0,0 +1,10 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useButtonLogic as i } from "./logic.js";
+import { ButtonRoot as s } from "./styled.js";
+const u = (t) => {
+  const { state: o, actions: r } = i(t);
+  return /* @__PURE__ */ n(s, { ...o.rest, onClick: r.handleClick });
+};
+export {
+  u as Button
+};

package/dist/components/button/logic.js

@@ -0,0 +1,26 @@
+import { useThemeProps as f } from "@mui/material";
+const m = (c) => {
+  const n = f({ props: c, name: "HCButton" }), { to: t, state: i, onNavigate: r, onNavigateBack: s, onClick: e, ...p } = n, u = { ...n };
+  return {
+    refs: {},
+    state: { ownerState: u, rest: p },
+    actions: { handleClick: (o) => {
+      if (t !== void 0) {
+        if (t === "go-back") {
+          s == null || s();
+          return;
+        }
+        if (o.metaKey || o.ctrlKey || o.shiftKey) {
+          window.open(t, "_blank");
+          return;
+        }
+        r == null || r(t, { state: i });
+        return;
+      }
+      e == null || e(o);
+    } }
+  };
+};
+export {
+  m as useButtonLogic
+};

package/dist/components/button/styled.js

@@ -0,0 +1,9 @@
+import { styled as o } from "@mui/material";
+import { B as t } from "../../Button-C5yquWAB.js";
+const n = o(t, {
+  name: "HCButton",
+  slot: "root"
+})({});
+export {
+  n as ButtonRoot
+};