@amateescu/portal-ui-components 0.0.25-react19 → 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 (44) hide show
  1. package/dist/Box-C1OwXVV-.js +68 -0
  2. package/dist/Button-CIvE-fcO.js +355 -0
  3. package/dist/ButtonBase-BeQnmGXr.js +966 -0
  4. package/dist/{EllipsisOutlined-DfTPoz8U.js → EllipsisOutlined-DZsCEqiL.js} +724 -722
  5. package/dist/{PurePanel-ByiFMw5U.js → PurePanel-iUNZWTe_.js} +3 -3
  6. package/dist/{Skeleton-Imy-56Lv.js → Skeleton-CfEiGUkR.js} +2 -2
  7. package/dist/{UserInfoDropdown-6aB5cQyF.js → UserInfoDropdown-CoZutJAR.js} +191 -191
  8. package/dist/assertThisInitialized-BUtkG-md.js +13 -0
  9. package/dist/components/ConfirmationModal/ConfirmationModal.js +1 -1
  10. package/dist/components/ConfirmationModal/ConfirmationModal.stories.js +1 -1
  11. package/dist/components/CustomButton/CustomButton.js +1 -1
  12. package/dist/components/CustomPagination/CustomPagination.js +372 -483
  13. package/dist/components/ErrorModal/ErrorModal.js +1 -1
  14. package/dist/components/ErrorModal/ErrorModal.stories.js +1 -1
  15. package/dist/components/InfoModal/InfoModal.js +1 -1
  16. package/dist/components/InfoModal/InfoModal.stories.js +1 -1
  17. package/dist/components/KpiCard/KpiCard.js +4 -4
  18. package/dist/components/LoadingAnimation/LoadingAnimation.js +215 -6
  19. package/dist/components/Login/Login.js +3837 -4489
  20. package/dist/components/Login/Login.stories.js +1 -1
  21. package/dist/components/SideMenu/SideMenu.js +1 -1
  22. package/dist/components/SideMenu/SideMenu.types.d.ts +0 -1
  23. package/dist/components/TotalDataGrid/TotalDataGrid.js +6 -6
  24. package/dist/components/UserInfoDropdown/UserInfoDropdown.js +1 -1
  25. package/dist/components/UserInfoDropdown/UserInfoDropdown.stories.js +1 -1
  26. package/dist/components/index.js +1 -1
  27. package/dist/{context-D_FWkiDE.js → context-Crxhk7DD.js} +9 -8
  28. package/dist/createSvgIcon-Db107M0j.js +250 -0
  29. package/dist/generateUtilityClasses-DY-qyzNG.js +3427 -0
  30. package/dist/{index-CR8gh-dS.js → index-BxiDYyNJ.js} +4 -4
  31. package/dist/index-DpDv68WZ.js +19153 -0
  32. package/dist/main.js +1 -1
  33. package/dist/objectWithoutPropertiesLoose-DYizGgyG.js +46 -0
  34. package/dist/types/Column.d.ts +2 -0
  35. package/package.json +28 -26
  36. package/dist/Box-DQNjUj2G.js +0 -102
  37. package/dist/Button-D2XVkO19.js +0 -676
  38. package/dist/ButtonBase-D-XlpvIZ.js +0 -954
  39. package/dist/CircularProgress-BOkP0juA.js +0 -247
  40. package/dist/_commonjsHelpers-C6fGbg64.js +0 -6
  41. package/dist/createSimplePaletteValueFilter-CshNo3IR.js +0 -3439
  42. package/dist/index-CyFfYou3.js +0 -411
  43. package/dist/objectWithoutPropertiesLoose-BTau6TOn.js +0 -33
  44. package/dist/useSlot-kDVPuVrn.js +0 -431
@@ -11602,7 +11602,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
11602
11602
  let So = vo[0] / 360, Ro = vo[1] / 100, Ao = vo[2] / 100, Co = Ro + Ao, qo;
11603
11603
  Co > 1 && (Ro /= Co, Ao /= Co);
11604
11604
  let Po = Math.floor(6 * So), To = 1 - Ao;
11605
- qo = 6 * So - Po, Po & 1 && (qo = 1 - qo);
11605
+ qo = 6 * So - Po, (Po & 1) !== 0 && (qo = 1 - qo);
11606
11606
  let Oo = Ro + qo * (To - Ro), Io, xo, Mo;
11607
11607
  switch (Po) {
11608
11608
  default:
@@ -1,6 +1,6 @@
1
1
  import { jsxs as i, jsx as e, Fragment as M } from "react/jsx-runtime";
2
2
  import * as n from "react";
3
- import { M as R, S as N, U as h } from "../../UserInfoDropdown-6aB5cQyF.js";
3
+ import { M as R, S as N, U as h } from "../../UserInfoDropdown-CoZutJAR.js";
4
4
  import { S as H } from "../../InvencoGVR-qnTq-d6S.js";
5
5
  import '../../assets/SideMenu.css';import '../../assets/theme.css';/* empty css */
6
6
  /* empty css */
@@ -1,5 +1,4 @@
1
1
  import { MenuItemType } from 'antd/es/menu/interface';
2
- import { JSX } from 'react';
3
2
  export interface SideMenuProps {
4
3
  logo: JSX.Element;
5
4
  title: string;
@@ -1,7 +1,7 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
2
  import '../../assets/theme.css';/* empty css */
3
3
  import { DataGrid as l, gridClasses as o } from "@mui/x-data-grid";
4
- const p = ({
4
+ const c = ({
5
5
  rows: r,
6
6
  isFetching: n,
7
7
  columnsDefinitions: i
@@ -47,10 +47,10 @@ const p = ({
47
47
  minHeight: "0px !important",
48
48
  lineHeight: "0px !important"
49
49
  },
50
- // [`& .${gridClasses.columnHeadersInner}`]: {
51
- // minHeight: '0px !important',
52
- // lineHeight: '0px !important'
53
- // },
50
+ [`& .${o.columnHeadersInner}`]: {
51
+ minHeight: "0px !important",
52
+ lineHeight: "0px !important"
53
+ },
54
54
  [`& .${o.columnHeader}`]: {
55
55
  height: "0px !important"
56
56
  },
@@ -122,5 +122,5 @@ const p = ({
122
122
  }
123
123
  );
124
124
  export {
125
- p as TotalDataGrid
125
+ c as TotalDataGrid
126
126
  };
@@ -1,5 +1,5 @@
1
1
  import "react/jsx-runtime";
2
- import { U as t } from "../../UserInfoDropdown-6aB5cQyF.js";
2
+ import { U as t } from "../../UserInfoDropdown-CoZutJAR.js";
3
3
  import "../../portal-utils/cn.js";
4
4
  export {
5
5
  t as UserInfoDropdown
@@ -1,6 +1,6 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
2
  import { userInfoDropdownItems as s } from "../../mock.js";
3
- import { U as o } from "../../UserInfoDropdown-6aB5cQyF.js";
3
+ import { U as o } from "../../UserInfoDropdown-CoZutJAR.js";
4
4
  const n = {
5
5
  title: "User Info Dropdown",
6
6
  component: o,
@@ -10,7 +10,7 @@ import { LoadingAnimation as D } from "./LoadingAnimation/LoadingAnimation.js";
10
10
  import { Login as K } from "./Login/Login.js";
11
11
  import { SideMenu as U } from "./SideMenu/SideMenu.js";
12
12
  import { TotalDataGrid as A } from "./TotalDataGrid/TotalDataGrid.js";
13
- import { U as E } from "../UserInfoDropdown-6aB5cQyF.js";
13
+ import { U as E } from "../UserInfoDropdown-CoZutJAR.js";
14
14
  export {
15
15
  t as ConfirmationModal,
16
16
  m as CustomButton,
@@ -1,8 +1,8 @@
1
1
  import * as b from "react";
2
2
  import xe, { isValidElement as hs, version as gs, useContext as Be, createContext as zn, useRef as Ve, useLayoutEffect as ps, useEffect as ft, useState as ms, useMemo as ys } from "react";
3
- import { a as Wn, c as X, b as bs, _ as zt } from "./objectWithoutPropertiesLoose-BTau6TOn.js";
4
- import { g as Ss } from "./_commonjsHelpers-C6fGbg64.js";
5
- import { a as da, r as Es } from "./index-CyFfYou3.js";
3
+ import { _ as Wn, a as X } from "./assertThisInitialized-BUtkG-md.js";
4
+ import { g as bs, _ as Ss, a as zt } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
5
+ import { a as da, r as Es } from "./index-DpDv68WZ.js";
6
6
  var Mr = { exports: {} };
7
7
  /*!
8
8
  Copyright (c) 2018 Jed Watson.
@@ -43,7 +43,7 @@ function Cs() {
43
43
  }(Mr)), Mr.exports;
44
44
  }
45
45
  var xs = Cs();
46
- const bi = /* @__PURE__ */ Ss(xs);
46
+ const bi = /* @__PURE__ */ bs(xs);
47
47
  function G(r) {
48
48
  "@babel/helpers - typeof";
49
49
  return G = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
@@ -654,7 +654,7 @@ function Le(r, e) {
654
654
  }
655
655
  function Ge(r, e) {
656
656
  if (r == null) return {};
657
- var t, n, a = bs(r, e);
657
+ var t, n, a = Ss(r, e);
658
658
  if (Object.getOwnPropertySymbols) {
659
659
  var i = Object.getOwnPropertySymbols(r);
660
660
  for (n = 0; n < i.length; n++) t = i[n], e.indexOf(t) === -1 && {}.propertyIsEnumerable.call(r, t) && (a[t] = r[t]);
@@ -3266,7 +3266,7 @@ function Du(r) {
3266
3266
  genComponentStyleHook: l
3267
3267
  };
3268
3268
  }
3269
- const Hu = "5.24.1";
3269
+ const Hu = "5.24.2";
3270
3270
  function Wr(r) {
3271
3271
  return r >= 0 && r <= 255;
3272
3272
  }
@@ -3691,8 +3691,9 @@ const od = {
3691
3691
  },
3692
3692
  getResetStyles: (r, e) => {
3693
3693
  var t;
3694
- return [{
3695
- "&": Bu(r)
3694
+ const n = Bu(r);
3695
+ return [n, {
3696
+ "&": n
3696
3697
  }, mo((t = e == null ? void 0 : e.prefix.iconPrefixCls) !== null && t !== void 0 ? t : _r)];
3697
3698
  },
3698
3699
  getCommonStyle: Gu,
@@ -0,0 +1,250 @@
1
+ import * as l from "react";
2
+ import { P as r, g as w, a as z, u as R, s as T, c as E, b as v, d as V } from "./generateUtilityClasses-DY-qyzNG.js";
3
+ import { jsxs as O, jsx as N } from "react/jsx-runtime";
4
+ import { _ as j, a as S } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
5
+ function W({
6
+ controlled: e,
7
+ default: o,
8
+ name: n,
9
+ state: i = "value"
10
+ }) {
11
+ const {
12
+ current: t
13
+ } = l.useRef(e !== void 0), [s, p] = l.useState(o), a = t ? e : s;
14
+ if (process.env.NODE_ENV !== "production") {
15
+ l.useEffect(() => {
16
+ t !== (e !== void 0) && console.error([`MUI: A component is changing the ${t ? "" : "un"}controlled ${i} state of ${n} to be ${t ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
17
+ `));
18
+ }, [i, n, e]);
19
+ const {
20
+ current: c
21
+ } = l.useRef(o);
22
+ l.useEffect(() => {
23
+ !t && !Object.is(c, o) && console.error([`MUI: A component is changing the default ${i} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
24
+ `));
25
+ }, [JSON.stringify(o)]);
26
+ }
27
+ const m = l.useCallback((c) => {
28
+ t || p(c);
29
+ }, []);
30
+ return [a, m];
31
+ }
32
+ function M(e) {
33
+ const o = typeof e;
34
+ switch (o) {
35
+ case "number":
36
+ return Number.isNaN(e) ? "NaN" : Number.isFinite(e) ? e !== Math.floor(e) ? "float" : "number" : "Infinity";
37
+ case "object":
38
+ return e === null ? "null" : e.constructor.name;
39
+ default:
40
+ return o;
41
+ }
42
+ }
43
+ function A(e) {
44
+ return typeof e == "number" && isFinite(e) && Math.floor(e) === e;
45
+ }
46
+ const B = Number.isInteger || A;
47
+ function x(e, o, n, i) {
48
+ const t = e[o];
49
+ if (t == null || !B(t)) {
50
+ const s = M(t);
51
+ return new RangeError(`Invalid ${i} \`${o}\` of type \`${s}\` supplied to \`${n}\`, expected \`integer\`.`);
52
+ }
53
+ return null;
54
+ }
55
+ function _(e, o, ...n) {
56
+ return e[o] === void 0 ? null : x(e, o, ...n);
57
+ }
58
+ function $() {
59
+ return null;
60
+ }
61
+ _.isRequired = x;
62
+ $.isRequired = $;
63
+ const G = process.env.NODE_ENV === "production" ? $ : _, D = /* @__PURE__ */ l.createContext();
64
+ process.env.NODE_ENV !== "production" && (r.node, r.bool);
65
+ const H = () => {
66
+ const e = l.useContext(D);
67
+ return e ?? !1;
68
+ };
69
+ function U(e) {
70
+ return w("MuiSvgIcon", e);
71
+ }
72
+ z("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
73
+ const k = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], q = (e) => {
74
+ const {
75
+ color: o,
76
+ fontSize: n,
77
+ classes: i
78
+ } = e, t = {
79
+ root: ["root", o !== "inherit" && `color${v(o)}`, `fontSize${v(n)}`]
80
+ };
81
+ return V(t, U, i);
82
+ }, F = T("svg", {
83
+ name: "MuiSvgIcon",
84
+ slot: "Root",
85
+ overridesResolver: (e, o) => {
86
+ const {
87
+ ownerState: n
88
+ } = e;
89
+ return [o.root, n.color !== "inherit" && o[`color${v(n.color)}`], o[`fontSize${v(n.fontSize)}`]];
90
+ }
91
+ })(({
92
+ theme: e,
93
+ ownerState: o
94
+ }) => {
95
+ var n, i, t, s, p, a, m, c, g, d, f, h, u;
96
+ return {
97
+ userSelect: "none",
98
+ width: "1em",
99
+ height: "1em",
100
+ display: "inline-block",
101
+ // the <svg> will define the property that has `currentColor`
102
+ // for example heroicons uses fill="none" and stroke="currentColor"
103
+ fill: o.hasSvgAsChild ? void 0 : "currentColor",
104
+ flexShrink: 0,
105
+ transition: (n = e.transitions) == null || (i = n.create) == null ? void 0 : i.call(n, "fill", {
106
+ duration: (t = e.transitions) == null || (t = t.duration) == null ? void 0 : t.shorter
107
+ }),
108
+ fontSize: {
109
+ inherit: "inherit",
110
+ small: ((s = e.typography) == null || (p = s.pxToRem) == null ? void 0 : p.call(s, 20)) || "1.25rem",
111
+ medium: ((a = e.typography) == null || (m = a.pxToRem) == null ? void 0 : m.call(a, 24)) || "1.5rem",
112
+ large: ((c = e.typography) == null || (g = c.pxToRem) == null ? void 0 : g.call(c, 35)) || "2.1875rem"
113
+ }[o.fontSize],
114
+ // TODO v5 deprecate, v6 remove for sx
115
+ color: (d = (f = (e.vars || e).palette) == null || (f = f[o.color]) == null ? void 0 : f.main) != null ? d : {
116
+ action: (h = (e.vars || e).palette) == null || (h = h.action) == null ? void 0 : h.active,
117
+ disabled: (u = (e.vars || e).palette) == null || (u = u.action) == null ? void 0 : u.disabled,
118
+ inherit: void 0
119
+ }[o.color]
120
+ };
121
+ }), y = /* @__PURE__ */ l.forwardRef(function(o, n) {
122
+ const i = R({
123
+ props: o,
124
+ name: "MuiSvgIcon"
125
+ }), {
126
+ children: t,
127
+ className: s,
128
+ color: p = "inherit",
129
+ component: a = "svg",
130
+ fontSize: m = "medium",
131
+ htmlColor: c,
132
+ inheritViewBox: g = !1,
133
+ titleAccess: d,
134
+ viewBox: f = "0 0 24 24"
135
+ } = i, h = j(i, k), u = /* @__PURE__ */ l.isValidElement(t) && t.type === "svg", b = S({}, i, {
136
+ color: p,
137
+ component: a,
138
+ fontSize: m,
139
+ instanceFontSize: o.fontSize,
140
+ inheritViewBox: g,
141
+ viewBox: f,
142
+ hasSvgAsChild: u
143
+ }), I = {};
144
+ g || (I.viewBox = f);
145
+ const C = q(b);
146
+ return /* @__PURE__ */ O(F, S({
147
+ as: a,
148
+ className: E(C.root, s),
149
+ focusable: "false",
150
+ color: c,
151
+ "aria-hidden": d ? void 0 : !0,
152
+ role: d ? "img" : void 0,
153
+ ref: n
154
+ }, I, h, u && t.props, {
155
+ ownerState: b,
156
+ children: [u ? t.props.children : t, d ? /* @__PURE__ */ N("title", {
157
+ children: d
158
+ }) : null]
159
+ }));
160
+ });
161
+ process.env.NODE_ENV !== "production" && (y.propTypes = {
162
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
163
+ // │ These PropTypes are generated from the TypeScript type definitions. │
164
+ // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
165
+ // └─────────────────────────────────────────────────────────────────────┘
166
+ /**
167
+ * Node passed into the SVG element.
168
+ */
169
+ children: r.node,
170
+ /**
171
+ * Override or extend the styles applied to the component.
172
+ */
173
+ classes: r.object,
174
+ /**
175
+ * @ignore
176
+ */
177
+ className: r.string,
178
+ /**
179
+ * The color of the component.
180
+ * It supports both default and custom theme colors, which can be added as shown in the
181
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
182
+ * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
183
+ * @default 'inherit'
184
+ */
185
+ color: r.oneOfType([r.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
186
+ /**
187
+ * The component used for the root node.
188
+ * Either a string to use a HTML element or a component.
189
+ */
190
+ component: r.elementType,
191
+ /**
192
+ * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
193
+ * @default 'medium'
194
+ */
195
+ fontSize: r.oneOfType([r.oneOf(["inherit", "large", "medium", "small"]), r.string]),
196
+ /**
197
+ * Applies a color attribute to the SVG element.
198
+ */
199
+ htmlColor: r.string,
200
+ /**
201
+ * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
202
+ * prop will be ignored.
203
+ * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
204
+ * `component`'s viewBox to the root node.
205
+ * @default false
206
+ */
207
+ inheritViewBox: r.bool,
208
+ /**
209
+ * The shape-rendering attribute. The behavior of the different options is described on the
210
+ * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
211
+ * If you are having issues with blurry icons you should investigate this prop.
212
+ */
213
+ shapeRendering: r.string,
214
+ /**
215
+ * The system prop that allows defining system overrides as well as additional CSS styles.
216
+ */
217
+ sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
218
+ /**
219
+ * Provides a human-readable title for the element that contains it.
220
+ * https://www.w3.org/TR/SVG-access/#Equivalent
221
+ */
222
+ titleAccess: r.string,
223
+ /**
224
+ * Allows you to redefine what the coordinates without units mean inside an SVG element.
225
+ * For example, if the SVG element is 500 (width) by 200 (height),
226
+ * and you pass viewBox="0 0 50 20",
227
+ * this means that the coordinates inside the SVG will go from the top left corner (0,0)
228
+ * to bottom right (50,20) and each unit will be worth 10px.
229
+ * @default '0 0 24 24'
230
+ */
231
+ viewBox: r.string
232
+ });
233
+ y.muiName = "SvgIcon";
234
+ function K(e, o) {
235
+ function n(i, t) {
236
+ return /* @__PURE__ */ N(y, S({
237
+ "data-testid": `${o}Icon`,
238
+ ref: t
239
+ }, i, {
240
+ children: e
241
+ }));
242
+ }
243
+ return process.env.NODE_ENV !== "production" && (n.displayName = `${o}Icon`), n.muiName = y.muiName, /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef(n));
244
+ }
245
+ export {
246
+ H as a,
247
+ K as c,
248
+ G as i,
249
+ W as u
250
+ };