@amateescu/portal-ui-components 0.0.7-beta0 → 0.0.7-beta2
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/Button-toPW5zuy.js +355 -0
- package/dist/ButtonBase-CHdm_9Jj.js +967 -0
- package/dist/{CircularProgress-BsBIRj7X.js → CircularProgress-CrVlDhIx.js} +75 -86
- package/dist/GridPagination-DX1ANwBF.js +7690 -0
- package/dist/{Skeleton-BB4Y_Her.js → Skeleton-DsmxphyA.js} +135 -134
- package/dist/components/CustomButton/index.js +1 -1
- package/dist/components/CustomPagination/index.d.ts +13 -0
- package/dist/components/CustomPagination/index.js +705 -0
- package/dist/components/InfoModal/index.js +5 -4
- package/dist/components/KpiCard/index.js +5 -4
- package/dist/components/LoadingAnimation/index.js +9 -8
- package/dist/components/TotalDataGrid/index.js +17659 -25223
- package/dist/components/TotalDataGrid/types.d.ts +1 -2
- package/dist/generateUtilityClasses-BzhjuzcK.js +3301 -0
- package/dist/{toPropertyKey-DMiYgyB_.js → index-D2lG1Jv0.js} +3401 -3425
- package/dist/main.d.ts +1 -0
- package/dist/main.js +12 -10
- package/dist/toPropertyKey-Dgu5PCQm.js +26 -0
- package/dist/useTheme-CvjG_1hx.js +17 -0
- package/package.json +1 -1
- package/dist/Button-BgbkoKxR.js +0 -1314
- package/dist/generateUtilityClasses-sdN6xOVt.js +0 -3985
|
@@ -1,25 +1,15 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import { jsx as
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
function B(e = null) {
|
|
9
|
-
const r = $.useContext(N);
|
|
10
|
-
return !r || W(r) ? e : r;
|
|
11
|
-
}
|
|
12
|
-
const G = R();
|
|
13
|
-
function te(e = G) {
|
|
14
|
-
return B(e);
|
|
15
|
-
}
|
|
16
|
-
function L(e) {
|
|
17
|
-
return E("MuiCircularProgress", e);
|
|
1
|
+
import { _ as R, a as i } from "./index-kNWC7pFF.js";
|
|
2
|
+
import * as T from "react";
|
|
3
|
+
import { g as j, a as U, u as z, c as l, b as E, s as y, d as I, P as e, e as F } from "./generateUtilityClasses-BzhjuzcK.js";
|
|
4
|
+
import { jsx as g } from "react/jsx-runtime";
|
|
5
|
+
import { css as w, keyframes as _ } from "@emotion/react";
|
|
6
|
+
function K(r) {
|
|
7
|
+
return j("MuiCircularProgress", r);
|
|
18
8
|
}
|
|
19
9
|
U("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
|
|
20
|
-
const
|
|
21
|
-
let
|
|
22
|
-
const a = 44,
|
|
10
|
+
const V = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
|
|
11
|
+
let d = (r) => r, P, S, D, $;
|
|
12
|
+
const a = 44, W = _(P || (P = d`
|
|
23
13
|
0% {
|
|
24
14
|
transform: rotate(0deg);
|
|
25
15
|
}
|
|
@@ -27,7 +17,7 @@ const a = 44, Z = O(P || (P = u`
|
|
|
27
17
|
100% {
|
|
28
18
|
transform: rotate(360deg);
|
|
29
19
|
}
|
|
30
|
-
`)),
|
|
20
|
+
`)), B = _(S || (S = d`
|
|
31
21
|
0% {
|
|
32
22
|
stroke-dasharray: 1px, 200px;
|
|
33
23
|
stroke-dashoffset: 0;
|
|
@@ -42,113 +32,113 @@ const a = 44, Z = O(P || (P = u`
|
|
|
42
32
|
stroke-dasharray: 100px, 200px;
|
|
43
33
|
stroke-dashoffset: -125px;
|
|
44
34
|
}
|
|
45
|
-
`)),
|
|
35
|
+
`)), G = (r) => {
|
|
46
36
|
const {
|
|
47
|
-
classes:
|
|
37
|
+
classes: s,
|
|
48
38
|
variant: t,
|
|
49
39
|
color: o,
|
|
50
|
-
disableShrink:
|
|
51
|
-
} =
|
|
40
|
+
disableShrink: u
|
|
41
|
+
} = r, m = {
|
|
52
42
|
root: ["root", t, `color${l(o)}`],
|
|
53
43
|
svg: ["svg"],
|
|
54
|
-
circle: ["circle", `circle${l(t)}`,
|
|
44
|
+
circle: ["circle", `circle${l(t)}`, u && "circleDisableShrink"]
|
|
55
45
|
};
|
|
56
|
-
return
|
|
57
|
-
},
|
|
46
|
+
return E(m, K, s);
|
|
47
|
+
}, L = y("span", {
|
|
58
48
|
name: "MuiCircularProgress",
|
|
59
49
|
slot: "Root",
|
|
60
|
-
overridesResolver: (
|
|
50
|
+
overridesResolver: (r, s) => {
|
|
61
51
|
const {
|
|
62
52
|
ownerState: t
|
|
63
|
-
} =
|
|
64
|
-
return [
|
|
53
|
+
} = r;
|
|
54
|
+
return [s.root, s[t.variant], s[`color${l(t.color)}`]];
|
|
65
55
|
}
|
|
66
56
|
})(({
|
|
67
|
-
ownerState:
|
|
68
|
-
theme:
|
|
57
|
+
ownerState: r,
|
|
58
|
+
theme: s
|
|
69
59
|
}) => i({
|
|
70
60
|
display: "inline-block"
|
|
71
|
-
},
|
|
72
|
-
transition:
|
|
73
|
-
},
|
|
74
|
-
color: (
|
|
61
|
+
}, r.variant === "determinate" && {
|
|
62
|
+
transition: s.transitions.create("transform")
|
|
63
|
+
}, r.color !== "inherit" && {
|
|
64
|
+
color: (s.vars || s).palette[r.color].main
|
|
75
65
|
}), ({
|
|
76
|
-
ownerState:
|
|
77
|
-
}) =>
|
|
66
|
+
ownerState: r
|
|
67
|
+
}) => r.variant === "indeterminate" && w(D || (D = d`
|
|
78
68
|
animation: ${0} 1.4s linear infinite;
|
|
79
|
-
`),
|
|
69
|
+
`), W)), Y = y("svg", {
|
|
80
70
|
name: "MuiCircularProgress",
|
|
81
71
|
slot: "Svg",
|
|
82
|
-
overridesResolver: (
|
|
72
|
+
overridesResolver: (r, s) => s.svg
|
|
83
73
|
})({
|
|
84
74
|
display: "block"
|
|
85
75
|
// Keeps the progress centered
|
|
86
|
-
}),
|
|
76
|
+
}), Z = y("circle", {
|
|
87
77
|
name: "MuiCircularProgress",
|
|
88
78
|
slot: "Circle",
|
|
89
|
-
overridesResolver: (
|
|
79
|
+
overridesResolver: (r, s) => {
|
|
90
80
|
const {
|
|
91
81
|
ownerState: t
|
|
92
|
-
} =
|
|
93
|
-
return [
|
|
82
|
+
} = r;
|
|
83
|
+
return [s.circle, s[`circle${l(t.variant)}`], t.disableShrink && s.circleDisableShrink];
|
|
94
84
|
}
|
|
95
85
|
})(({
|
|
96
|
-
ownerState:
|
|
97
|
-
theme:
|
|
86
|
+
ownerState: r,
|
|
87
|
+
theme: s
|
|
98
88
|
}) => i({
|
|
99
89
|
stroke: "currentColor"
|
|
100
|
-
},
|
|
101
|
-
transition:
|
|
102
|
-
},
|
|
90
|
+
}, r.variant === "determinate" && {
|
|
91
|
+
transition: s.transitions.create("stroke-dashoffset")
|
|
92
|
+
}, r.variant === "indeterminate" && {
|
|
103
93
|
// Some default value that looks fine waiting for the animation to kicks in.
|
|
104
94
|
strokeDasharray: "80px, 200px",
|
|
105
95
|
strokeDashoffset: 0
|
|
106
96
|
// Add the unit to fix a Edge 16 and below bug.
|
|
107
97
|
}), ({
|
|
108
|
-
ownerState:
|
|
109
|
-
}) =>
|
|
98
|
+
ownerState: r
|
|
99
|
+
}) => r.variant === "indeterminate" && !r.disableShrink && w($ || ($ = d`
|
|
110
100
|
animation: ${0} 1.4s ease-in-out infinite;
|
|
111
|
-
`),
|
|
101
|
+
`), B)), q = /* @__PURE__ */ T.forwardRef(function(s, t) {
|
|
112
102
|
const o = z({
|
|
113
|
-
props:
|
|
103
|
+
props: s,
|
|
114
104
|
name: "MuiCircularProgress"
|
|
115
105
|
}), {
|
|
116
|
-
className:
|
|
117
|
-
color:
|
|
118
|
-
disableShrink:
|
|
106
|
+
className: u,
|
|
107
|
+
color: m = "primary",
|
|
108
|
+
disableShrink: M = !1,
|
|
119
109
|
size: f = 40,
|
|
120
|
-
style:
|
|
110
|
+
style: N,
|
|
121
111
|
thickness: n = 3.6,
|
|
122
|
-
value:
|
|
112
|
+
value: p = 0,
|
|
123
113
|
variant: k = "indeterminate"
|
|
124
|
-
} = o,
|
|
125
|
-
color:
|
|
126
|
-
disableShrink:
|
|
114
|
+
} = o, O = R(o, V), c = i({}, o, {
|
|
115
|
+
color: m,
|
|
116
|
+
disableShrink: M,
|
|
127
117
|
size: f,
|
|
128
118
|
thickness: n,
|
|
129
|
-
value:
|
|
119
|
+
value: p,
|
|
130
120
|
variant: k
|
|
131
|
-
}),
|
|
121
|
+
}), h = G(c), v = {}, b = {}, x = {};
|
|
132
122
|
if (k === "determinate") {
|
|
133
123
|
const C = 2 * Math.PI * ((a - n) / 2);
|
|
134
|
-
v.strokeDasharray = C.toFixed(3), x["aria-valuenow"] = Math.round(
|
|
124
|
+
v.strokeDasharray = C.toFixed(3), x["aria-valuenow"] = Math.round(p), v.strokeDashoffset = `${((100 - p) / 100 * C).toFixed(3)}px`, b.transform = "rotate(-90deg)";
|
|
135
125
|
}
|
|
136
|
-
return /* @__PURE__ */
|
|
137
|
-
className:
|
|
126
|
+
return /* @__PURE__ */ g(L, i({
|
|
127
|
+
className: I(h.root, u),
|
|
138
128
|
style: i({
|
|
139
129
|
width: f,
|
|
140
130
|
height: f
|
|
141
|
-
}, b,
|
|
131
|
+
}, b, N),
|
|
142
132
|
ownerState: c,
|
|
143
133
|
ref: t,
|
|
144
134
|
role: "progressbar"
|
|
145
|
-
}, x,
|
|
146
|
-
children: /* @__PURE__ */
|
|
147
|
-
className:
|
|
135
|
+
}, x, O, {
|
|
136
|
+
children: /* @__PURE__ */ g(Y, {
|
|
137
|
+
className: h.svg,
|
|
148
138
|
ownerState: c,
|
|
149
139
|
viewBox: `${a / 2} ${a / 2} ${a} ${a}`,
|
|
150
|
-
children: /* @__PURE__ */
|
|
151
|
-
className:
|
|
140
|
+
children: /* @__PURE__ */ g(Z, {
|
|
141
|
+
className: h.circle,
|
|
152
142
|
style: v,
|
|
153
143
|
ownerState: c,
|
|
154
144
|
cx: a,
|
|
@@ -160,7 +150,7 @@ const a = 44, Z = O(P || (P = u`
|
|
|
160
150
|
})
|
|
161
151
|
}));
|
|
162
152
|
});
|
|
163
|
-
process.env.NODE_ENV !== "production" && (
|
|
153
|
+
process.env.NODE_ENV !== "production" && (q.propTypes = {
|
|
164
154
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
165
155
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
166
156
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -168,58 +158,57 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
|
|
|
168
158
|
/**
|
|
169
159
|
* Override or extend the styles applied to the component.
|
|
170
160
|
*/
|
|
171
|
-
classes:
|
|
161
|
+
classes: e.object,
|
|
172
162
|
/**
|
|
173
163
|
* @ignore
|
|
174
164
|
*/
|
|
175
|
-
className:
|
|
165
|
+
className: e.string,
|
|
176
166
|
/**
|
|
177
167
|
* The color of the component.
|
|
178
168
|
* It supports both default and custom theme colors, which can be added as shown in the
|
|
179
169
|
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
|
180
170
|
* @default 'primary'
|
|
181
171
|
*/
|
|
182
|
-
color:
|
|
172
|
+
color: e.oneOfType([e.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
|
|
183
173
|
/**
|
|
184
174
|
* If `true`, the shrink animation is disabled.
|
|
185
175
|
* This only works if variant is `indeterminate`.
|
|
186
176
|
* @default false
|
|
187
177
|
*/
|
|
188
|
-
disableShrink:
|
|
178
|
+
disableShrink: F(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),
|
|
189
179
|
/**
|
|
190
180
|
* The size of the component.
|
|
191
181
|
* If using a number, the pixel unit is assumed.
|
|
192
182
|
* If using a string, you need to provide the CSS unit, for example '3rem'.
|
|
193
183
|
* @default 40
|
|
194
184
|
*/
|
|
195
|
-
size:
|
|
185
|
+
size: e.oneOfType([e.number, e.string]),
|
|
196
186
|
/**
|
|
197
187
|
* @ignore
|
|
198
188
|
*/
|
|
199
|
-
style:
|
|
189
|
+
style: e.object,
|
|
200
190
|
/**
|
|
201
191
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
202
192
|
*/
|
|
203
|
-
sx:
|
|
193
|
+
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
|
|
204
194
|
/**
|
|
205
195
|
* The thickness of the circle.
|
|
206
196
|
* @default 3.6
|
|
207
197
|
*/
|
|
208
|
-
thickness:
|
|
198
|
+
thickness: e.number,
|
|
209
199
|
/**
|
|
210
200
|
* The value of the progress indicator for the determinate variant.
|
|
211
201
|
* Value between 0 and 100.
|
|
212
202
|
* @default 0
|
|
213
203
|
*/
|
|
214
|
-
value:
|
|
204
|
+
value: e.number,
|
|
215
205
|
/**
|
|
216
206
|
* The variant to use.
|
|
217
207
|
* Use indeterminate when there is no progress value.
|
|
218
208
|
* @default 'indeterminate'
|
|
219
209
|
*/
|
|
220
|
-
variant:
|
|
210
|
+
variant: e.oneOf(["determinate", "indeterminate"])
|
|
221
211
|
});
|
|
222
212
|
export {
|
|
223
|
-
|
|
224
|
-
te as u
|
|
213
|
+
q as C
|
|
225
214
|
};
|