@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.
- package/dist/{Box-CmKt1PwF.js → Box-C1OwXVV-.js} +4 -4
- package/dist/{Button-BT8r3F_d.js → Button-CIvE-fcO.js} +21 -21
- package/dist/{ButtonBase-By486Sca.js → ButtonBase-BeQnmGXr.js} +3 -3
- package/dist/EllipsisOutlined-DZsCEqiL.js +2467 -0
- package/dist/PurePanel-iUNZWTe_.js +2213 -0
- package/dist/{Skeleton-XFbjx7LJ.js → Skeleton-CfEiGUkR.js} +161 -158
- package/dist/{UserInfoDropdown-DGaplQo6.js → UserInfoDropdown-CoZutJAR.js} +1564 -1529
- package/dist/components/ConfirmationModal/ConfirmationModal.js +1 -1
- package/dist/components/ConfirmationModal/ConfirmationModal.stories.js +1 -1
- package/dist/components/CustomButton/CustomButton.js +1 -1
- package/dist/components/CustomPagination/CustomPagination.js +141 -141
- package/dist/components/ErrorModal/ErrorModal.js +5 -6
- package/dist/components/ErrorModal/ErrorModal.stories.js +1 -1
- package/dist/components/InfoModal/InfoModal.js +1 -1
- package/dist/components/InfoModal/InfoModal.stories.js +1 -1
- package/dist/components/KpiCard/KpiCard.js +1003 -892
- package/dist/components/LoadingAnimation/LoadingAnimation.js +5 -5
- package/dist/components/Login/Login.js +527 -514
- package/dist/components/Login/Login.stories.js +1587 -1547
- package/dist/components/SideMenu/SideMenu.js +1 -1
- package/dist/components/UserInfoDropdown/UserInfoDropdown.js +1 -1
- package/dist/components/UserInfoDropdown/UserInfoDropdown.stories.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/context-Crxhk7DD.js +7384 -0
- package/dist/{createSvgIcon-B8ya7kb4.js → createSvgIcon-Db107M0j.js} +5 -5
- package/dist/generateUtilityClasses-DY-qyzNG.js +3427 -0
- package/dist/index-BxiDYyNJ.js +1689 -0
- package/dist/{index-1vDmwq0E.js → index-DpDv68WZ.js} +7075 -7011
- package/dist/main.js +1 -1
- package/dist/objectWithoutPropertiesLoose-DYizGgyG.js +46 -0
- package/dist/portal-utils/formatters.js +68 -0
- package/dist/types/Column.d.ts +2 -0
- package/package.json +34 -32
- package/dist/EllipsisOutlined-CtmB5yDB.js +0 -2470
- package/dist/PurePanel-CfZ1n-M8.js +0 -4782
- package/dist/generateUtilityClasses-Bhjgm_6-.js +0 -3270
- package/dist/index-DsP9yT3s.js +0 -1551
- package/dist/objectWithoutPropertiesLoose-CIT-1_kH.js +0 -227
- 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,
|
|
2
|
-
import { _ as O, a as P } from "./objectWithoutPropertiesLoose-
|
|
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 =
|
|
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-
|
|
1
|
+
import { _ as j, a as t } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
|
|
2
2
|
import * as p from "react";
|
|
3
|
-
import {
|
|
4
|
-
import { jsx as
|
|
5
|
-
import { B as J } from "./ButtonBase-
|
|
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
|
|
7
|
+
return F("MuiButton", o);
|
|
8
8
|
}
|
|
9
|
-
const b =
|
|
10
|
-
process.env.NODE_ENV !== "production" && (
|
|
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(
|
|
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:
|
|
226
|
-
} = 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:
|
|
236
|
-
}), d = X(u), V = $ && /* @__PURE__ */
|
|
235
|
+
variant: M
|
|
236
|
+
}), d = X(u), V = $ && /* @__PURE__ */ h(Z, {
|
|
237
237
|
className: d.startIcon,
|
|
238
238
|
ownerState: u,
|
|
239
239
|
children: $
|
|
240
|
-
}),
|
|
240
|
+
}), L = I && /* @__PURE__ */ h(w, {
|
|
241
241
|
className: d.endIcon,
|
|
242
242
|
ownerState: u,
|
|
243
243
|
children: I
|
|
244
|
-
}),
|
|
244
|
+
}), _ = s || "";
|
|
245
245
|
return /* @__PURE__ */ q(Y, t({
|
|
246
246
|
ownerState: u,
|
|
247
|
-
className: m(l.className, d.root, O,
|
|
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
|
-
},
|
|
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-
|
|
1
|
+
import { a as Y, _ as ae } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
|
|
2
2
|
import * as l from "react";
|
|
3
|
-
import X, {
|
|
4
|
-
import { P as n, e as He,
|
|
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";
|