@amateescu/portal-ui-components 0.0.25-react19 → 0.0.26-beta0

package/dist/components/ErrorModal/ErrorModal.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import '../../assets/theme.css';import '../../assets/ErrorModal.css';/* empty css                   */
 import { useState as x } from "react";
-import { M as h } from "../../index-CR8gh-dS.js";
+import { M as h } from "../../index-BxiDYyNJ.js";
 const p = "_flexRowCenter_1ixx3_43", d = "_text18_1ixx3_57", m = "_content_1ixx3_61", t = {
   flexRowCenter: p,
   text18: d,

package/dist/components/ErrorModal/ErrorModal.stories.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { ErrorModal as t } from "./ErrorModal.js";
-import { C as e } from "../../context-D_FWkiDE.js";
+import { C as e } from "../../context-Crxhk7DD.js";
 const a = ({ isRtl: o }) => /* @__PURE__ */ r(e, { direction: o ? "rtl" : "ltr", children: /* @__PURE__ */ r(
   t,
   {

package/dist/components/InfoModal/InfoModal.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import * as r from "react";
 import { S as i } from "../../VModalIcon-D7L4bQLO.js";
 import '../../assets/theme.css';import '../../assets/ErrorModal.css';/* empty css                   */
-import { M as x } from "../../index-CR8gh-dS.js";
+import { M as x } from "../../index-BxiDYyNJ.js";
 const m = (o) => /* @__PURE__ */ r.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ r.createElement("path", { d: "M13 16H12V12H11M12 8H12.01M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), d = "_flexRowCenter_1ixx3_43", p = "_mr10_1ixx3_49", f = "_text18_1ixx3_57", h = "_content_1ixx3_61", t = {
   flexRowCenter: d,
   mr10: p,

package/dist/components/InfoModal/InfoModal.stories.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { InfoModal as e } from "./InfoModal.js";
-import { C as r } from "../../context-D_FWkiDE.js";
+import { C as r } from "../../context-Crxhk7DD.js";
 const n = ({ isRtl: t }) => /* @__PURE__ */ o(r, { direction: t ? "rtl" : "ltr", children: /* @__PURE__ */ o(
   e,
   {

package/dist/components/KpiCard/KpiCard.js

@@ -3,10 +3,10 @@ import { LoadingAnimation as ga } from "../LoadingAnimation/LoadingAnimation.js"
 import { cn as pa } from "../../portal-utils/cn.js";
 import * as l from "react";
 import ha, { createContext as $a, useState as Z, useRef as te, useEffect as me, useMemo as Gt } from "react";
-import { a as Me, V as ya, d as Sa, I as _a, _ as M, w as Pt, e as se, f as xa, h as nt, i as ne, c as A, j as Se, k as Ca, l as Tt, n as wa, p as He, q as Ea, r as Pa, s as Nt, t as Ta, v as rt, x as Na, g as Ht, m as Wt, u, y as it, z as ot, A as Vt, B as tt, D as Oa, E as Kt, F as We, o as Ra } from "../../context-D_FWkiDE.js";
-import { R as Ia, S as za } from "../../Skeleton-Imy-56Lv.js";
-import { E as Ma, M as La, D as Da, R as et, i as Ba, a as Ot, b as ja } from "../../EllipsisOutlined-DfTPoz8U.js";
-import { _ as pe } from "../../objectWithoutPropertiesLoose-BTau6TOn.js";
+import { a as Me, V as ya, d as Sa, I as _a, _ as M, w as Pt, e as se, f as xa, h as nt, i as ne, c as A, j as Se, k as Ca, l as Tt, n as wa, p as He, q as Ea, r as Pa, s as Nt, t as Ta, v as rt, x as Na, g as Ht, m as Wt, u, y as it, z as ot, A as Vt, B as tt, D as Oa, E as Kt, F as We, o as Ra } from "../../context-Crxhk7DD.js";
+import { R as Ia, S as za } from "../../Skeleton-CfEiGUkR.js";
+import { E as Ma, M as La, D as Da, R as et, i as Ba, a as Ot, b as ja } from "../../EllipsisOutlined-DZsCEqiL.js";
+import { a as pe } from "../../objectWithoutPropertiesLoose-DYizGgyG.js";
 import '../../assets/KpiCard.css';const Aa = function(e, t) {
   let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : void 0;
   var a, r;

package/dist/components/LoadingAnimation/LoadingAnimation.js

@@ -1,9 +1,218 @@
-import { jsx as r } from "react/jsx-runtime";
-import { B as i } from "../../Box-DQNjUj2G.js";
-import { C as t } from "../../CircularProgress-BOkP0juA.js";
-function m() {
-  return /* @__PURE__ */ r(i, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100%", children: /* @__PURE__ */ r(t, {}) });
+import { jsx as i } from "react/jsx-runtime";
+import { B as T } from "../../Box-C1OwXVV-.js";
+import { _ as j, a as n } from "../../objectWithoutPropertiesLoose-DYizGgyG.js";
+import * as I from "react";
+import { g as U, a as z, u as E, s as y, c as B, b as d, d as F, P as e, e as K } from "../../generateUtilityClasses-DY-qyzNG.js";
+import { css as w, keyframes as _ } from "@emotion/react";
+function L(r) {
+  return U("MuiCircularProgress", r);
+}
+z("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
+const V = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
+let m = (r) => r, P, S, D, $;
+const o = 44, W = _(P || (P = m`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`)), A = _(S || (S = m`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`)), G = (r) => {
+  const {
+    classes: s,
+    variant: t,
+    color: a,
+    disableShrink: u
+  } = r, f = {
+    root: ["root", t, `color${d(a)}`],
+    svg: ["svg"],
+    circle: ["circle", `circle${d(t)}`, u && "circleDisableShrink"]
+  };
+  return F(f, L, s);
+}, H = y("span", {
+  name: "MuiCircularProgress",
+  slot: "Root",
+  overridesResolver: (r, s) => {
+    const {
+      ownerState: t
+    } = r;
+    return [s.root, s[t.variant], s[`color${d(t.color)}`]];
+  }
+})(({
+  ownerState: r,
+  theme: s
+}) => n({
+  display: "inline-block"
+}, r.variant === "determinate" && {
+  transition: s.transitions.create("transform")
+}, r.color !== "inherit" && {
+  color: (s.vars || s).palette[r.color].main
+}), ({
+  ownerState: r
+}) => r.variant === "indeterminate" && w(D || (D = m`
+      animation: ${0} 1.4s linear infinite;
+    `), W)), Y = y("svg", {
+  name: "MuiCircularProgress",
+  slot: "Svg",
+  overridesResolver: (r, s) => s.svg
+})({
+  display: "block"
+  // Keeps the progress centered
+}), Z = y("circle", {
+  name: "MuiCircularProgress",
+  slot: "Circle",
+  overridesResolver: (r, s) => {
+    const {
+      ownerState: t
+    } = r;
+    return [s.circle, s[`circle${d(t.variant)}`], t.disableShrink && s.circleDisableShrink];
+  }
+})(({
+  ownerState: r,
+  theme: s
+}) => n({
+  stroke: "currentColor"
+}, r.variant === "determinate" && {
+  transition: s.transitions.create("stroke-dashoffset")
+}, r.variant === "indeterminate" && {
+  // Some default value that looks fine waiting for the animation to kicks in.
+  strokeDasharray: "80px, 200px",
+  strokeDashoffset: 0
+  // Add the unit to fix a Edge 16 and below bug.
+}), ({
+  ownerState: r
+}) => r.variant === "indeterminate" && !r.disableShrink && w($ || ($ = m`
+      animation: ${0} 1.4s ease-in-out infinite;
+    `), A)), M = /* @__PURE__ */ I.forwardRef(function(s, t) {
+  const a = E({
+    props: s,
+    name: "MuiCircularProgress"
+  }), {
+    className: u,
+    color: f = "primary",
+    disableShrink: N = !1,
+    size: p = 40,
+    style: O,
+    thickness: c = 3.6,
+    value: h = 0,
+    variant: k = "indeterminate"
+  } = a, R = j(a, V), l = n({}, a, {
+    color: f,
+    disableShrink: N,
+    size: p,
+    thickness: c,
+    value: h,
+    variant: k
+  }), v = G(l), g = {}, b = {}, x = {};
+  if (k === "determinate") {
+    const C = 2 * Math.PI * ((o - c) / 2);
+    g.strokeDasharray = C.toFixed(3), x["aria-valuenow"] = Math.round(h), g.strokeDashoffset = `${((100 - h) / 100 * C).toFixed(3)}px`, b.transform = "rotate(-90deg)";
+  }
+  return /* @__PURE__ */ i(H, n({
+    className: B(v.root, u),
+    style: n({
+      width: p,
+      height: p
+    }, b, O),
+    ownerState: l,
+    ref: t,
+    role: "progressbar"
+  }, x, R, {
+    children: /* @__PURE__ */ i(Y, {
+      className: v.svg,
+      ownerState: l,
+      viewBox: `${o / 2} ${o / 2} ${o} ${o}`,
+      children: /* @__PURE__ */ i(Z, {
+        className: v.circle,
+        style: g,
+        ownerState: l,
+        cx: o,
+        cy: o,
+        r: (o - c) / 2,
+        fill: "none",
+        strokeWidth: c
+      })
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (M.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: e.oneOfType([e.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * If `true`, the shrink animation is disabled.
+   * This only works if variant is `indeterminate`.
+   * @default false
+   */
+  disableShrink: K(e.bool, (r) => r.disableShrink && r.variant && r.variant !== "indeterminate" ? new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect.") : null),
+  /**
+   * The size of the component.
+   * If using a number, the pixel unit is assumed.
+   * If using a string, you need to provide the CSS unit, for example '3rem'.
+   * @default 40
+   */
+  size: e.oneOfType([e.number, e.string]),
+  /**
+   * @ignore
+   */
+  style: e.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The thickness of the circle.
+   * @default 3.6
+   */
+  thickness: e.number,
+  /**
+   * The value of the progress indicator for the determinate variant.
+   * Value between 0 and 100.
+   * @default 0
+   */
+  value: e.number,
+  /**
+   * The variant to use.
+   * Use indeterminate when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant: e.oneOf(["determinate", "indeterminate"])
+});
+function er() {
+  return /* @__PURE__ */ i(T, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100%", children: /* @__PURE__ */ i(M, {}) });
 }
 export {
-  m as LoadingAnimation
+  er as LoadingAnimation
 };