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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/{Box-CmKt1PwF.js → Box-C1OwXVV-.js} +4 -4
  2. package/dist/{Button-BT8r3F_d.js → Button-CIvE-fcO.js} +21 -21
  3. package/dist/{ButtonBase-By486Sca.js → ButtonBase-BeQnmGXr.js} +3 -3
  4. package/dist/EllipsisOutlined-DZsCEqiL.js +2467 -0
  5. package/dist/PurePanel-iUNZWTe_.js +2213 -0
  6. package/dist/{Skeleton-XFbjx7LJ.js → Skeleton-CfEiGUkR.js} +161 -158
  7. package/dist/{UserInfoDropdown-DGaplQo6.js → UserInfoDropdown-CoZutJAR.js} +1564 -1529
  8. package/dist/components/ConfirmationModal/ConfirmationModal.js +1 -1
  9. package/dist/components/ConfirmationModal/ConfirmationModal.stories.js +1 -1
  10. package/dist/components/CustomButton/CustomButton.js +1 -1
  11. package/dist/components/CustomPagination/CustomPagination.js +141 -141
  12. package/dist/components/ErrorModal/ErrorModal.js +5 -6
  13. package/dist/components/ErrorModal/ErrorModal.stories.js +1 -1
  14. package/dist/components/InfoModal/InfoModal.js +1 -1
  15. package/dist/components/InfoModal/InfoModal.stories.js +1 -1
  16. package/dist/components/KpiCard/KpiCard.js +1003 -892
  17. package/dist/components/LoadingAnimation/LoadingAnimation.js +5 -5
  18. package/dist/components/Login/Login.js +527 -514
  19. package/dist/components/Login/Login.stories.js +1587 -1547
  20. package/dist/components/SideMenu/SideMenu.js +1 -1
  21. package/dist/components/UserInfoDropdown/UserInfoDropdown.js +1 -1
  22. package/dist/components/UserInfoDropdown/UserInfoDropdown.stories.js +1 -1
  23. package/dist/components/index.js +1 -1
  24. package/dist/context-Crxhk7DD.js +7384 -0
  25. package/dist/{createSvgIcon-B8ya7kb4.js → createSvgIcon-Db107M0j.js} +5 -5
  26. package/dist/generateUtilityClasses-DY-qyzNG.js +3427 -0
  27. package/dist/index-BxiDYyNJ.js +1689 -0
  28. package/dist/{index-1vDmwq0E.js → index-DpDv68WZ.js} +7075 -7011
  29. package/dist/main.js +1 -1
  30. package/dist/objectWithoutPropertiesLoose-DYizGgyG.js +46 -0
  31. package/dist/portal-utils/formatters.js +68 -0
  32. package/dist/types/Column.d.ts +2 -0
  33. package/package.json +34 -32
  34. package/dist/EllipsisOutlined-CtmB5yDB.js +0 -2470
  35. package/dist/PurePanel-CfZ1n-M8.js +0 -4782
  36. package/dist/generateUtilityClasses-Bhjgm_6-.js +0 -3270
  37. package/dist/index-DsP9yT3s.js +0 -1551
  38. package/dist/objectWithoutPropertiesLoose-CIT-1_kH.js +0 -227
  39. package/dist/useId-DbfH3PlN.js +0 -5397
@@ -1,5 +1,5 @@
1
- import { i as h, j as T, k as y, l as C, d as N, a as B, C as b, m as j, T as _, P as e } from "./generateUtilityClasses-Bhjgm_6-.js";
2
- import { _ as O, a as P } from "./objectWithoutPropertiesLoose-CIT-1_kH.js";
1
+ import { i as h, j as T, k as y, l as C, c as N, a as B, C as b, T as j, m as _, P as e } from "./generateUtilityClasses-DY-qyzNG.js";
2
+ import { _ as O, a as P } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
3
3
  import * as m from "react";
4
4
  import { ThemeContext as g } from "@emotion/react";
5
5
  import { jsx as E } from "react/jsx-runtime";
@@ -37,8 +37,8 @@ function S(t = {}) {
37
37
  }, p));
38
38
  });
39
39
  }
40
- const k = B("MuiBox", ["root"]), w = j(), F = S({
41
- themeId: _,
40
+ const k = B("MuiBox", ["root"]), w = _(), F = S({
41
+ themeId: j,
42
42
  defaultTheme: w,
43
43
  defaultClassName: k.root,
44
44
  generateClassName: b.generate
@@ -1,13 +1,13 @@
1
- import { _ as j, a as t } from "./objectWithoutPropertiesLoose-CIT-1_kH.js";
1
+ import { _ as j, a as t } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
2
2
  import * as p from "react";
3
- import { g as D, a as F, r as G, u as U, c as r, b as H, s as f, f as A, h as v, d as m, P as n } from "./generateUtilityClasses-Bhjgm_6-.js";
4
- import { jsx as R, jsxs as q } from "react/jsx-runtime";
5
- import { B as J } from "./ButtonBase-By486Sca.js";
3
+ import { a as D, g as F, r as G, u as U, s as f, c as m, b as r, d as H, f as A, h as v, P as n } from "./generateUtilityClasses-DY-qyzNG.js";
4
+ import { jsx as h, jsxs as q } from "react/jsx-runtime";
5
+ import { B as J } from "./ButtonBase-BeQnmGXr.js";
6
6
  function K(o) {
7
- return D("MuiButton", o);
7
+ return F("MuiButton", o);
8
8
  }
9
- const b = F("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), h = /* @__PURE__ */ p.createContext({});
10
- process.env.NODE_ENV !== "production" && (h.displayName = "ButtonGroupContext");
9
+ const b = D("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), R = /* @__PURE__ */ p.createContext({});
10
+ process.env.NODE_ENV !== "production" && (R.displayName = "ButtonGroupContext");
11
11
  const E = /* @__PURE__ */ p.createContext(void 0);
12
12
  process.env.NODE_ENV !== "production" && (E.displayName = "ButtonGroupButtonContext");
13
13
  const Q = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], X = (o) => {
@@ -62,20 +62,20 @@ const Q = ["children", "color", "component", "className", "disabled", "disableEl
62
62
  }),
63
63
  "&:hover": t({
64
64
  textDecoration: "none",
65
- backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette.text.primary, o.palette.action.hoverOpacity),
65
+ backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : v.alpha(o.palette.text.primary, o.palette.action.hoverOpacity),
66
66
  // Reset on touch devices, it doesn't add specificity
67
67
  "@media (hover: none)": {
68
68
  backgroundColor: "transparent"
69
69
  }
70
70
  }, a.variant === "text" && a.color !== "inherit" && {
71
- backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
71
+ backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v.alpha(o.palette[a.color].main, o.palette.action.hoverOpacity),
72
72
  // Reset on touch devices, it doesn't add specificity
73
73
  "@media (hover: none)": {
74
74
  backgroundColor: "transparent"
75
75
  }
76
76
  }, a.variant === "outlined" && a.color !== "inherit" && {
77
77
  border: `1px solid ${(o.vars || o).palette[a.color].main}`,
78
- backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
78
+ backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v.alpha(o.palette[a.color].main, o.palette.action.hoverOpacity),
79
79
  // Reset on touch devices, it doesn't add specificity
80
80
  "@media (hover: none)": {
81
81
  backgroundColor: "transparent"
@@ -119,7 +119,7 @@ const Q = ["children", "color", "component", "className", "disabled", "disableEl
119
119
  border: "1px solid currentColor"
120
120
  }, a.variant === "outlined" && a.color !== "inherit" && {
121
121
  color: (o.vars || o).palette[a.color].main,
122
- border: o.vars ? `1px solid rgba(${o.vars.palette[a.color].mainChannel} / 0.5)` : `1px solid ${v(o.palette[a.color].main, 0.5)}`
122
+ border: o.vars ? `1px solid rgba(${o.vars.palette[a.color].mainChannel} / 0.5)` : `1px solid ${v.alpha(o.palette[a.color].main, 0.5)}`
123
123
  }, a.variant === "contained" && {
124
124
  color: o.vars ? (
125
125
  // this is safe because grey does not change between default light/dark mode
@@ -205,7 +205,7 @@ const Q = ["children", "color", "component", "className", "disabled", "disableEl
205
205
  }, o.size === "small" && {
206
206
  marginRight: -2
207
207
  }, N(o))), oo = /* @__PURE__ */ p.forwardRef(function(a, i) {
208
- const l = p.useContext(h), s = p.useContext(E), e = G(l, a), c = U({
208
+ const l = p.useContext(R), s = p.useContext(E), e = G(l, a), c = U({
209
209
  props: e,
210
210
  name: "MuiButton"
211
211
  }), {
@@ -222,8 +222,8 @@ const Q = ["children", "color", "component", "className", "disabled", "disableEl
222
222
  size: W = "medium",
223
223
  startIcon: $,
224
224
  type: B,
225
- variant: S = "text"
226
- } = c, M = j(c, Q), u = t({}, c, {
225
+ variant: M = "text"
226
+ } = c, S = j(c, Q), u = t({}, c, {
227
227
  color: x,
228
228
  component: y,
229
229
  disabled: z,
@@ -232,28 +232,28 @@ const Q = ["children", "color", "component", "className", "disabled", "disableEl
232
232
  fullWidth: P,
233
233
  size: W,
234
234
  type: B,
235
- variant: S
236
- }), d = X(u), V = $ && /* @__PURE__ */ R(Z, {
235
+ variant: M
236
+ }), d = X(u), V = $ && /* @__PURE__ */ h(Z, {
237
237
  className: d.startIcon,
238
238
  ownerState: u,
239
239
  children: $
240
- }), _ = I && /* @__PURE__ */ R(w, {
240
+ }), L = I && /* @__PURE__ */ h(w, {
241
241
  className: d.endIcon,
242
242
  ownerState: u,
243
243
  children: I
244
- }), L = s || "";
244
+ }), _ = s || "";
245
245
  return /* @__PURE__ */ q(Y, t({
246
246
  ownerState: u,
247
- className: m(l.className, d.root, O, L),
247
+ className: m(l.className, d.root, O, _),
248
248
  component: y,
249
249
  disabled: z,
250
250
  focusRipple: !C,
251
251
  focusVisibleClassName: m(d.focusVisible, T),
252
252
  ref: i,
253
253
  type: B
254
- }, M, {
254
+ }, S, {
255
255
  classes: d,
256
- children: [V, g, _]
256
+ children: [V, g, L]
257
257
  }));
258
258
  });
259
259
  process.env.NODE_ENV !== "production" && (oo.propTypes = {
@@ -1,7 +1,7 @@
1
- import { a as Y, _ as ae } from "./objectWithoutPropertiesLoose-CIT-1_kH.js";
1
+ import { a as Y, _ as ae } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
2
2
  import * as l from "react";
3
- import X, { Children as We, isValidElement as G, cloneElement as Z } from "react";
4
- import { P as n, e as He, d as v, a as ve, u as xe, s as le, g as Ge, b as Ze } from "./generateUtilityClasses-Bhjgm_6-.js";
3
+ import X, { isValidElement as G, cloneElement as Z, Children as We } from "react";
4
+ import { P as n, e as He, c as v, a as ve, u as xe, s as le, g as Ge, d as Ze } from "./generateUtilityClasses-DY-qyzNG.js";
5
5
  import { jsx as $, jsxs as Je } from "react/jsx-runtime";
6
6
  import { _ as Qe, a as et } from "./assertThisInitialized-BUtkG-md.js";
7
7
  import { keyframes as ce } from "@emotion/react";