prometeo-design-system 4.1.5 → 4.1.8
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/Avatar.es.js +37 -38
- package/dist/CardProfile.es.js +278 -3
- package/dist/Icons/UserAvatar.es.js +4 -4
- package/dist/Input.es.js +72 -71
- package/dist/PlainTooltip.es.js +19 -19
- package/dist/PyrionLayout.es.js +459 -409
- package/dist/Select.es.js +46 -46
- package/dist/TicketCard.es.js +33 -31
- package/dist/badge-BEx-0Q-K.js +35 -0
- package/dist/components/Avatar/Avatar.d.ts +1 -2
- package/dist/index.d.ts +0 -16
- package/dist/prometeo-design-system.es.js +119 -2906
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/dist/CardProfile-C1F83KJV.js +0 -280
- package/dist/badge-CbqYNrl4.js +0 -87
- package/dist/components/Layout/LayoutGeneric.d.ts +0 -6
- package/dist/components/Sidebar/SecondaryBar/SecondaryBar.d.ts +0 -32
- package/dist/components/Sidebar/SecondaryBar/hooks/useSecondaryBarAnimation.d.ts +0 -2
- package/dist/components/Sidebar/SecondaryBar/index.d.ts +0 -1
- package/dist/components/Sidebar/SidebarComposable.d.ts +0 -43
- package/dist/components/Sidebar/components/NavigationLink.d.ts +0 -11
- package/dist/components/Sidebar/components/company-logo.d.ts +0 -5
- package/dist/components/Sidebar/components/nav-actions.d.ts +0 -7
- package/dist/components/Sidebar/components/nav-links.d.ts +0 -7
- package/dist/components/Sidebar/context/SidebarContext.d.ts +0 -13
- package/dist/components/Sidebar/hooks/SidebarProvider.d.ts +0 -3
- package/dist/components/Sidebar/hooks/useNavBarActions.d.ts +0 -9
- package/dist/components/Sidebar/hooks/useNavBarCollapse.d.ts +0 -4
- package/dist/components/Sidebar/hooks/useNavLinks.d.ts +0 -32
- package/dist/components/Sidebar/hooks/useSidebarHook.d.ts +0 -13
- package/dist/components/Sidebar/index.d.ts +0 -12
- package/dist/components/Sidebar/ui/useNavbarAnimation.d.ts +0 -2
package/dist/Select.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as a } from "./jsx-runtime-GkKLlHH4.js";
|
|
2
2
|
import { c as d } from "./cn-B6yFEsav.js";
|
|
3
|
-
import
|
|
3
|
+
import Se, { memo as J, useState as Ne, useRef as ae, useMemo as te, useCallback as _, useEffect as he, useImperativeHandle as Qe } from "react";
|
|
4
4
|
import Xe from "./Spinner.es.js";
|
|
5
5
|
import { createPortal as Ye } from "react-dom";
|
|
6
6
|
import { u as Ze } from "./useDragScroll-CHN9OMwn.js";
|
|
@@ -127,7 +127,7 @@ function ct(e) {
|
|
|
127
127
|
}
|
|
128
128
|
), je = ae(null), pe = ae(/* @__PURE__ */ new Set()), {
|
|
129
129
|
id: G,
|
|
130
|
-
name:
|
|
130
|
+
name: S,
|
|
131
131
|
label: ge,
|
|
132
132
|
height: be,
|
|
133
133
|
options: Q,
|
|
@@ -242,7 +242,7 @@ function ct(e) {
|
|
|
242
242
|
if (!m) return;
|
|
243
243
|
const z = l.has(m.id), A = o ?? "toggle";
|
|
244
244
|
let T;
|
|
245
|
-
A === "select" || A === "toggle" && !z ? T = m : T = void 0, e.onChange?.(T,
|
|
245
|
+
A === "select" || A === "toggle" && !z ? T = m : T = void 0, e.onChange?.(T, S);
|
|
246
246
|
return;
|
|
247
247
|
}
|
|
248
248
|
const i = e.value || [], f = [];
|
|
@@ -253,18 +253,18 @@ function ct(e) {
|
|
|
253
253
|
const D = new Set(f.map((m) => m.id)), M = new Set(c.map((m) => m.id)), I = c.every(
|
|
254
254
|
(m) => D.has(m.id)
|
|
255
255
|
), fe = o ?? "toggle", me = fe === "select" || fe === "toggle" && !I;
|
|
256
|
-
let
|
|
256
|
+
let we;
|
|
257
257
|
if (!me)
|
|
258
|
-
|
|
258
|
+
we = f.filter((m) => !M.has(m.id));
|
|
259
259
|
else {
|
|
260
260
|
const m = new Map(
|
|
261
261
|
f.map((z) => [z.id, z])
|
|
262
262
|
);
|
|
263
263
|
c.forEach((z) => {
|
|
264
264
|
m.set(z.id, z);
|
|
265
|
-
}),
|
|
265
|
+
}), we = Array.from(m.values());
|
|
266
266
|
}
|
|
267
|
-
e.onChange?.(
|
|
267
|
+
e.onChange?.(we, S);
|
|
268
268
|
},
|
|
269
269
|
[
|
|
270
270
|
e.multiple,
|
|
@@ -273,14 +273,14 @@ function ct(e) {
|
|
|
273
273
|
Ce,
|
|
274
274
|
l,
|
|
275
275
|
L,
|
|
276
|
-
|
|
276
|
+
S
|
|
277
277
|
]
|
|
278
278
|
), C = _(() => {
|
|
279
279
|
h((t) => !t);
|
|
280
280
|
}, []);
|
|
281
281
|
B.current = (t) => {
|
|
282
282
|
if (!e.multiple)
|
|
283
|
-
e.onChange?.(t,
|
|
283
|
+
e.onChange?.(t, S);
|
|
284
284
|
else {
|
|
285
285
|
const o = e.value || [], c = [], i = o.includes(t.value);
|
|
286
286
|
o.forEach((D) => {
|
|
@@ -290,37 +290,37 @@ function ct(e) {
|
|
|
290
290
|
M && c.push(M);
|
|
291
291
|
});
|
|
292
292
|
const f = i ? c.filter((D) => D.value !== t.value) : [...c, t];
|
|
293
|
-
e.onChange?.(f,
|
|
293
|
+
e.onChange?.(f, S);
|
|
294
294
|
}
|
|
295
295
|
};
|
|
296
|
-
const
|
|
296
|
+
const w = _(
|
|
297
297
|
(t, o = !1) => {
|
|
298
|
-
q?.(t,
|
|
298
|
+
q?.(t, S), B.current?.(t), o && (h(!1), ke?.());
|
|
299
299
|
},
|
|
300
|
-
[q, ke,
|
|
300
|
+
[q, ke, S]
|
|
301
301
|
), x = (t) => {
|
|
302
302
|
if (t.preventDefault(), t.stopPropagation(), t.target.blur(), ye?.(), e.multiple) {
|
|
303
303
|
const o = e.onChange;
|
|
304
|
-
o?.([],
|
|
304
|
+
o?.([], S);
|
|
305
305
|
} else {
|
|
306
306
|
const o = e.onChange;
|
|
307
|
-
o?.(void 0,
|
|
307
|
+
o?.(void 0, S);
|
|
308
308
|
}
|
|
309
309
|
}, O = _(
|
|
310
310
|
(t) => {
|
|
311
|
-
e.multiple || e.onChange?.(void 0,
|
|
311
|
+
e.multiple || e.onChange?.(void 0, S);
|
|
312
312
|
const o = R.find(
|
|
313
313
|
(i) => k(i, N) === t
|
|
314
314
|
);
|
|
315
315
|
if (!o) return;
|
|
316
316
|
const c = L(o);
|
|
317
|
-
q?.(c,
|
|
317
|
+
q?.(c, S), B.current?.(c), Oe?.(o);
|
|
318
318
|
},
|
|
319
319
|
[
|
|
320
320
|
q,
|
|
321
321
|
Oe,
|
|
322
322
|
R,
|
|
323
|
-
|
|
323
|
+
S,
|
|
324
324
|
e.multiple,
|
|
325
325
|
e.onChange,
|
|
326
326
|
L,
|
|
@@ -366,13 +366,13 @@ function ct(e) {
|
|
|
366
366
|
h(!1);
|
|
367
367
|
},
|
|
368
368
|
toggle: () => h((t) => !t),
|
|
369
|
-
handleOptionSelect:
|
|
369
|
+
handleOptionSelect: w,
|
|
370
370
|
subscribeOpenChange: (t) => (pe.current.add(t), () => {
|
|
371
371
|
pe.current.delete(t);
|
|
372
372
|
}),
|
|
373
373
|
searchInputRef: P
|
|
374
374
|
}),
|
|
375
|
-
[n,
|
|
375
|
+
[n, w]
|
|
376
376
|
);
|
|
377
377
|
const ee = (t) => {
|
|
378
378
|
t.preventDefault(), t.stopPropagation(), t.target.matches(":focus-visible") && !Me && !n && (h(!0), setTimeout(() => {
|
|
@@ -433,7 +433,7 @@ function ct(e) {
|
|
|
433
433
|
"div",
|
|
434
434
|
{
|
|
435
435
|
className: d(
|
|
436
|
-
"flex-1 overflow-x-auto overflow-y-hidden px-1 prometeo-scrollbar-none "
|
|
436
|
+
"flex-1 overflow-x-auto overflow-y-hidden px-1 prometeo-scrollbar-none! "
|
|
437
437
|
),
|
|
438
438
|
ref: Pe,
|
|
439
439
|
onPointerUp: V.onPointerUp,
|
|
@@ -442,7 +442,7 @@ function ct(e) {
|
|
|
442
442
|
onPointerLeave: V.onPointerLeave,
|
|
443
443
|
onPointerCancel: V.onPointerCancel,
|
|
444
444
|
onClickCapture: V.onClickCapture,
|
|
445
|
-
children: De ?
|
|
445
|
+
children: De ? Se.createElement(
|
|
446
446
|
J(
|
|
447
447
|
De,
|
|
448
448
|
(t, o) => t.disabled === o.disabled && t.multiple === o.multiple
|
|
@@ -540,7 +540,7 @@ function ct(e) {
|
|
|
540
540
|
dropdownRef: p,
|
|
541
541
|
selectButtonRef: W,
|
|
542
542
|
helperComponentRef: je,
|
|
543
|
-
onOptionClick:
|
|
543
|
+
onOptionClick: w,
|
|
544
544
|
onCloseDropdown: () => h(!1),
|
|
545
545
|
searchValue: _e,
|
|
546
546
|
setSearchValue: b,
|
|
@@ -589,7 +589,7 @@ function ft({
|
|
|
589
589
|
labelVariant: je,
|
|
590
590
|
emptyMessage: pe,
|
|
591
591
|
renderOption: G,
|
|
592
|
-
renderOptionContext:
|
|
592
|
+
renderOptionContext: S,
|
|
593
593
|
renderOptionGroupHeader: ge,
|
|
594
594
|
onOptionClick: be,
|
|
595
595
|
onSearchClear: Q,
|
|
@@ -646,8 +646,8 @@ function ft({
|
|
|
646
646
|
}, ue = () => {
|
|
647
647
|
if (!p.current || !b.current) return ie;
|
|
648
648
|
const r = b.current.getBoundingClientRect(), l = window.innerHeight - (window.innerHeight - r.top), s = window.innerHeight - r.bottom, u = s >= le, C = l >= le;
|
|
649
|
-
let
|
|
650
|
-
return u ? (
|
|
649
|
+
let w = "down", x;
|
|
650
|
+
return u ? (w = "down", x = le) : C ? (w = "up", x = le) : s > l ? (w = "down", x = s - 16) : (w = "up", x = l - 16), { direction: w, height: x };
|
|
651
651
|
}, $e = (r) => {
|
|
652
652
|
if (!(!p.current || !b.current)) {
|
|
653
653
|
if (p.current.style.transition = "max-height 0.2s ease,opacity 0.2s ease", !r) {
|
|
@@ -695,18 +695,18 @@ function ft({
|
|
|
695
695
|
}
|
|
696
696
|
const s = [];
|
|
697
697
|
let u = null, C = [];
|
|
698
|
-
const
|
|
698
|
+
const w = () => {
|
|
699
699
|
u && C.length > 0 && s.push(u, ...C), u = null, C = [];
|
|
700
700
|
};
|
|
701
701
|
return r.forEach((x) => {
|
|
702
702
|
if (typeof x != "object" || x === null) return;
|
|
703
703
|
if ((x || {})?.isGroupHeader) {
|
|
704
|
-
|
|
704
|
+
w(), u = x;
|
|
705
705
|
return;
|
|
706
706
|
}
|
|
707
707
|
const O = Fe(x.label, l);
|
|
708
708
|
u ? O && C.push(x) : O && s.push(x);
|
|
709
|
-
}),
|
|
709
|
+
}), w(), s;
|
|
710
710
|
}, _e = (r) => {
|
|
711
711
|
const l = Ge(y, r);
|
|
712
712
|
if (U(l), j) {
|
|
@@ -769,7 +769,7 @@ function ft({
|
|
|
769
769
|
F.current?.focus(), se();
|
|
770
770
|
}, 10);
|
|
771
771
|
}, Ce = Array.from({ length: 5 }).map(
|
|
772
|
-
(r, l) => G ?
|
|
772
|
+
(r, l) => G ? Se.createElement(
|
|
773
773
|
J(G, (s, u) => s.isSelected === u.isSelected && s.option === u.option && s.disabled === u.disabled && s.multiple === u.multiple && s.renderContext === u.renderContext),
|
|
774
774
|
{
|
|
775
775
|
key: `skeleton-option-${l}`,
|
|
@@ -780,7 +780,7 @@ function ft({
|
|
|
780
780
|
},
|
|
781
781
|
disabled: !1,
|
|
782
782
|
isLoading: !0,
|
|
783
|
-
renderContext:
|
|
783
|
+
renderContext: S
|
|
784
784
|
}
|
|
785
785
|
) : /* @__PURE__ */ a.jsx(
|
|
786
786
|
Ke,
|
|
@@ -807,13 +807,13 @@ function ft({
|
|
|
807
807
|
N ? "absolute z-50 " : "fixed z-100 top-0 left-0",
|
|
808
808
|
ie.direction === "up" ? "h-auto" : " h-max",
|
|
809
809
|
ze,
|
|
810
|
-
"min-w-
|
|
810
|
+
"w-full max-w-[max(100%,20vw)] min-w-[min(100%,20vw)]"
|
|
811
811
|
),
|
|
812
812
|
children: /* @__PURE__ */ a.jsxs(
|
|
813
813
|
"div",
|
|
814
814
|
{
|
|
815
815
|
className: d(
|
|
816
|
-
"flex flex-col
|
|
816
|
+
"flex flex-col",
|
|
817
817
|
xe ? "p-0" : "p-2 pt-0 gap-2"
|
|
818
818
|
),
|
|
819
819
|
style: {
|
|
@@ -842,10 +842,10 @@ function ft({
|
|
|
842
842
|
...H
|
|
843
843
|
}
|
|
844
844
|
),
|
|
845
|
-
/* @__PURE__ */ a.jsx("div", { className: " overflow-y-auto flex-1 max-h-max
|
|
845
|
+
/* @__PURE__ */ a.jsx("div", { className: " overflow-y-auto flex-1 max-h-max ", children: oe.length === 0 ? X ? /* @__PURE__ */ a.jsx("div", { className: "flex flex-col gap-1 overflow-hidden w-full", children: De || Ce }) : /* @__PURE__ */ a.jsx("p", { className: "px-3 py-2 text-neutral-medium-default max-w-full text-pretty wrap-break-word ", children: B ? `No se encontraron resultados para "${B}"` : pe }) : (() => {
|
|
846
846
|
let r = !0;
|
|
847
847
|
return oe.map((l) => {
|
|
848
|
-
const s = l, u = !!(s || {}).isGroupHeader, C = G && !u ? k(l, W) : s.id,
|
|
848
|
+
const s = l, u = !!(s || {}).isGroupHeader, C = G && !u ? k(l, W) : s.id, w = re.has(C), x = (i) => !G || u ? i : {
|
|
849
849
|
id: C,
|
|
850
850
|
label: String(k(i, P)),
|
|
851
851
|
value: k(i, W)
|
|
@@ -871,7 +871,7 @@ function ft({
|
|
|
871
871
|
onKeyDown: (M) => R(M, f),
|
|
872
872
|
className: d(
|
|
873
873
|
!D && !v && "focus-visible:bg-neutral-medium-hover outline-none hover:bg-neutral-medium-hover",
|
|
874
|
-
|
|
874
|
+
w && "bg-neutral-medium-selected",
|
|
875
875
|
v && "cursor-default pointer-events-none"
|
|
876
876
|
),
|
|
877
877
|
children: i
|
|
@@ -887,14 +887,14 @@ function ft({
|
|
|
887
887
|
q && Le(f, m);
|
|
888
888
|
}, me = (m) => {
|
|
889
889
|
!I || I.length === 0 || ye && ye(I, m);
|
|
890
|
-
},
|
|
890
|
+
}, we = I.filter(
|
|
891
891
|
(m) => re.has(k(m, W))
|
|
892
892
|
).map((m) => String(k(m, W)));
|
|
893
893
|
if (ge) {
|
|
894
894
|
const m = J(
|
|
895
895
|
ge,
|
|
896
896
|
(A, T) => A.label === T.label && A.group === T.group && A.groupOptions === T.groupOptions && A.disabled === T.disabled && A.multiple === T.multiple && A.expanded === T.expanded && A.renderContext === T.renderContext
|
|
897
|
-
), z =
|
|
897
|
+
), z = Se.createElement(m, {
|
|
898
898
|
group: M,
|
|
899
899
|
label: i,
|
|
900
900
|
groupOptions: I,
|
|
@@ -903,8 +903,8 @@ function ft({
|
|
|
903
903
|
expanded: D,
|
|
904
904
|
toggleGroup: fe,
|
|
905
905
|
selectGroup: me,
|
|
906
|
-
renderContext:
|
|
907
|
-
groupSelectedIds:
|
|
906
|
+
renderContext: S,
|
|
907
|
+
groupSelectedIds: we
|
|
908
908
|
});
|
|
909
909
|
return ee(z, s);
|
|
910
910
|
}
|
|
@@ -931,7 +931,7 @@ function ft({
|
|
|
931
931
|
s
|
|
932
932
|
);
|
|
933
933
|
}
|
|
934
|
-
const de = G ?
|
|
934
|
+
const de = G ? Se.createElement(
|
|
935
935
|
J(
|
|
936
936
|
G,
|
|
937
937
|
(i, f) => i.isSelected === f.isSelected && i.option === f.option && i.disabled === f.disabled && i.multiple === f.multiple && i.renderContext === f.renderContext
|
|
@@ -939,12 +939,12 @@ function ft({
|
|
|
939
939
|
{
|
|
940
940
|
key: C,
|
|
941
941
|
option: l,
|
|
942
|
-
isSelected:
|
|
942
|
+
isSelected: w,
|
|
943
943
|
multiple: g,
|
|
944
944
|
onSelect: O,
|
|
945
945
|
disabled: v,
|
|
946
946
|
isLoading: X,
|
|
947
|
-
renderContext:
|
|
947
|
+
renderContext: S
|
|
948
948
|
}
|
|
949
949
|
) : /* @__PURE__ */ a.jsx(
|
|
950
950
|
Ke,
|
|
@@ -952,7 +952,7 @@ function ft({
|
|
|
952
952
|
disabled: v,
|
|
953
953
|
multiple: g,
|
|
954
954
|
isLoading: X,
|
|
955
|
-
isSelected:
|
|
955
|
+
isSelected: w,
|
|
956
956
|
onSelect: Z,
|
|
957
957
|
option: l
|
|
958
958
|
},
|
|
@@ -964,7 +964,7 @@ function ft({
|
|
|
964
964
|
if (!q)
|
|
965
965
|
return t;
|
|
966
966
|
const o = !r, c = t;
|
|
967
|
-
return
|
|
967
|
+
return Se.cloneElement(c, {
|
|
968
968
|
className: d(
|
|
969
969
|
c.props.className,
|
|
970
970
|
"overflow-hidden transition-[max-height] duration-300 ease-out",
|
|
@@ -1039,7 +1039,7 @@ const Je = J(
|
|
|
1039
1039
|
multiple: g,
|
|
1040
1040
|
className: v,
|
|
1041
1041
|
disabled: b
|
|
1042
|
-
}) => e?.length === 0 ? n ? /* @__PURE__ */ a.jsx("span", { className: "text-neutral-medium-default
|
|
1042
|
+
}) => e?.length === 0 ? n ? /* @__PURE__ */ a.jsx("span", { className: "text-neutral-medium-default line-clamp-1", children: n }) : null : y === "chips" && g ? /* @__PURE__ */ a.jsx("div", { className: d("flex items-center gap-1 ", v), children: e.map((H) => /* @__PURE__ */ a.jsx(
|
|
1043
1043
|
it,
|
|
1044
1044
|
{
|
|
1045
1045
|
tabIndex: -1,
|
package/dist/TicketCard.es.js
CHANGED
|
@@ -1,56 +1,58 @@
|
|
|
1
1
|
import { j as l } from "./jsx-runtime-GkKLlHH4.js";
|
|
2
|
-
import { g as
|
|
3
|
-
import { c as
|
|
4
|
-
import { memo as
|
|
2
|
+
import { g as B } from "./useLabelBackground-BDIHUdND.js";
|
|
3
|
+
import { c as u } from "./cn-B6yFEsav.js";
|
|
4
|
+
import { memo as L, useState as y, useCallback as x, useImperativeHandle as O, Children as S, isValidElement as A, cloneElement as k, useRef as w, useLayoutEffect as N, useEffect as z } from "react";
|
|
5
5
|
import { CrevronLeft as I } from "./Icons/CrevronLeft.es.js";
|
|
6
6
|
const C = (n, t) => typeof n == "function" ? t ? n(t) : null : n, q = (n) => {
|
|
7
7
|
const { children: t, className: r, controls: s } = n, [e, c] = y(!0), i = x(() => {
|
|
8
8
|
c((a) => !a);
|
|
9
|
-
}, []), f = x(() => {
|
|
10
|
-
c(!1);
|
|
11
9
|
}, []), p = x(() => {
|
|
10
|
+
c(!1);
|
|
11
|
+
}, []), m = x(() => {
|
|
12
12
|
c(!0);
|
|
13
13
|
}, []);
|
|
14
|
-
|
|
14
|
+
O(
|
|
15
15
|
s,
|
|
16
|
-
() => ({ open:
|
|
17
|
-
[
|
|
16
|
+
() => ({ open: p, close: m, toggle: i }),
|
|
17
|
+
[p, m, i]
|
|
18
18
|
);
|
|
19
19
|
const o = {
|
|
20
20
|
isCollapsed: e,
|
|
21
21
|
toggle: i
|
|
22
|
-
}, v = typeof t == "function" ? t(o) : t,
|
|
23
|
-
let
|
|
22
|
+
}, v = typeof t == "function" ? t(o) : t, g = S.toArray(v);
|
|
23
|
+
let f = null, d = null;
|
|
24
24
|
const h = [];
|
|
25
|
-
|
|
26
|
-
if (!
|
|
25
|
+
g.forEach((a) => {
|
|
26
|
+
if (!A(a)) {
|
|
27
27
|
h.push(a);
|
|
28
28
|
return;
|
|
29
29
|
}
|
|
30
|
-
if (a.type === b && !
|
|
31
|
-
|
|
30
|
+
if (a.type === b && !f) {
|
|
31
|
+
f = k(a, { context: o });
|
|
32
32
|
return;
|
|
33
33
|
}
|
|
34
|
-
if (a.type === E && !
|
|
35
|
-
|
|
34
|
+
if (a.type === E && !d) {
|
|
35
|
+
d = k(a, { context: o });
|
|
36
36
|
return;
|
|
37
37
|
}
|
|
38
38
|
h.push(a);
|
|
39
39
|
});
|
|
40
|
-
const H =
|
|
41
|
-
|
|
40
|
+
const H = f ?? (h.length ? /* @__PURE__ */ l.jsx(b, { context: o, children: h }) : null), R = !!d;
|
|
41
|
+
console.log(d, "options", !!d);
|
|
42
|
+
const T = d ?? null;
|
|
43
|
+
return /* @__PURE__ */ l.jsxs("div", { className: u("group/ticketcard w-full h-full flex flex-col overflow-hidden", r), "data-expanded": !e, children: [
|
|
42
44
|
/* @__PURE__ */ l.jsxs("div", { className: "ticketcard-container flex gap-0.5 h-min flex-nowrap", children: [
|
|
43
45
|
H,
|
|
44
46
|
R && /* @__PURE__ */ l.jsx(M, { isCollapsed: e, toggle: i })
|
|
45
47
|
] }),
|
|
46
48
|
/* @__PURE__ */ l.jsx(V, { context: o, children: T })
|
|
47
49
|
] });
|
|
48
|
-
}, j =
|
|
50
|
+
}, j = L(q), b = (n) => {
|
|
49
51
|
const { children: t, context: r, className: s, onClick: e } = n, c = C(t, r);
|
|
50
52
|
return /* @__PURE__ */ l.jsx(
|
|
51
53
|
"div",
|
|
52
54
|
{
|
|
53
|
-
className:
|
|
55
|
+
className: u(
|
|
54
56
|
"ticketcard-content rounded-lg p-3 flex-1 overflow-hidden",
|
|
55
57
|
"bg-neutral-default-default border border-transparent",
|
|
56
58
|
"transition-all duration-300 ease-in-out",
|
|
@@ -70,7 +72,7 @@ const C = (n, t) => typeof n == "function" ? t ? n(t) : null : n, q = (n) => {
|
|
|
70
72
|
if (!r.current) return;
|
|
71
73
|
const s = r.current.previousElementSibling?.querySelector(".ticket-card-content");
|
|
72
74
|
if (!s) return;
|
|
73
|
-
const e =
|
|
75
|
+
const e = B(s);
|
|
74
76
|
r.current.style.backgroundColor = e;
|
|
75
77
|
}, []), /* @__PURE__ */ l.jsx(
|
|
76
78
|
"button",
|
|
@@ -78,7 +80,7 @@ const C = (n, t) => typeof n == "function" ? t ? n(t) : null : n, q = (n) => {
|
|
|
78
80
|
ref: r,
|
|
79
81
|
type: "button",
|
|
80
82
|
onClick: t,
|
|
81
|
-
className:
|
|
83
|
+
className: u(
|
|
82
84
|
"ticketcard-toggle-button",
|
|
83
85
|
"grid place-items-center cursor-pointer transition-transform rounded-lg w-8 max-w-8 min-w-8",
|
|
84
86
|
"bg-neutral-default-default ",
|
|
@@ -88,24 +90,24 @@ const C = (n, t) => typeof n == "function" ? t ? n(t) : null : n, q = (n) => {
|
|
|
88
90
|
"group-data-[expanded=true]/ticketcard:bg-neutral-default-hover",
|
|
89
91
|
"group-data-[expanded=true]/ticketcard:text-primary-default-default"
|
|
90
92
|
),
|
|
91
|
-
children: /* @__PURE__ */ l.jsx(I, { className:
|
|
93
|
+
children: /* @__PURE__ */ l.jsx(I, { className: u("-rotate-90 transition-transform duration-300", !n && "rotate-90") })
|
|
92
94
|
}
|
|
93
95
|
);
|
|
94
96
|
}, V = (n) => {
|
|
95
|
-
const { children: t, context: r, className: s } = n, e = C(t, r), c = r?.isCollapsed ?? !0, i = w(null), [
|
|
96
|
-
const
|
|
97
|
-
if (!
|
|
98
|
-
const
|
|
99
|
-
|
|
97
|
+
const { children: t, context: r, className: s } = n, e = C(t, r), c = r?.isCollapsed ?? !0, i = w(null), [p, m] = y(0), o = x(() => {
|
|
98
|
+
const g = i.current;
|
|
99
|
+
if (!g) return;
|
|
100
|
+
const f = g.scrollHeight;
|
|
101
|
+
m(f);
|
|
100
102
|
}, []);
|
|
101
103
|
N(() => {
|
|
102
104
|
o();
|
|
103
105
|
}, [o, e]), z(() => (window.addEventListener("resize", o), () => window.removeEventListener("resize", o)), [o]);
|
|
104
|
-
const v = c ? 0 :
|
|
106
|
+
const v = c ? 0 : p || i.current?.scrollHeight || 0;
|
|
105
107
|
return /* @__PURE__ */ l.jsx(
|
|
106
108
|
"div",
|
|
107
109
|
{
|
|
108
|
-
className:
|
|
110
|
+
className: u(
|
|
109
111
|
"ticket-card-collapsable overflow-hidden transition-all duration-300 ease-in-out flex-1 flex flex-col",
|
|
110
112
|
s
|
|
111
113
|
),
|
|
@@ -118,7 +120,7 @@ const C = (n, t) => typeof n == "function" ? t ? n(t) : null : n, q = (n) => {
|
|
|
118
120
|
);
|
|
119
121
|
}, E = (n) => {
|
|
120
122
|
const { children: t, context: r, className: s } = n, e = C(t, r);
|
|
121
|
-
return /* @__PURE__ */ l.jsx("div", { className:
|
|
123
|
+
return /* @__PURE__ */ l.jsx("div", { className: u("ticket-card-options flex-1 overflow-hidden min-h-0", s), children: e });
|
|
122
124
|
}, _ = Object.assign(j, {
|
|
123
125
|
Root: j,
|
|
124
126
|
Content: b,
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { j as s } from "./jsx-runtime-GkKLlHH4.js";
|
|
2
|
+
import { c } from "./cn-B6yFEsav.js";
|
|
3
|
+
const g = ({
|
|
4
|
+
count: r,
|
|
5
|
+
maxCount: t = 9,
|
|
6
|
+
className: a = "",
|
|
7
|
+
size: n = "medium",
|
|
8
|
+
variant: l = "primary",
|
|
9
|
+
showZero: i = !1,
|
|
10
|
+
disabled: d = !1
|
|
11
|
+
}) => {
|
|
12
|
+
const e = r, u = e > t ? `+${t}` : e;
|
|
13
|
+
if (e === 0 && !i) return null;
|
|
14
|
+
const m = {
|
|
15
|
+
small: "w-4.5 h-4.5 text-xs ",
|
|
16
|
+
medium: "w-5 h-5 text-xs",
|
|
17
|
+
large: "w-6 h-6 text-sm"
|
|
18
|
+
}, o = {
|
|
19
|
+
primary: "bg-primary-default-default text-neutral-strong-default",
|
|
20
|
+
secondary: "bg-neutral-medium-default text-neutral-strong-default",
|
|
21
|
+
success: "bg-green-500 text-white",
|
|
22
|
+
warning: "bg-yellow-500 text-black",
|
|
23
|
+
danger: "bg-red-500 text-white"
|
|
24
|
+
};
|
|
25
|
+
return /* @__PURE__ */ s.jsx("div", { className: c(
|
|
26
|
+
"rounded-full flex items-center justify-center font-medium select-none",
|
|
27
|
+
m[n],
|
|
28
|
+
o[l],
|
|
29
|
+
a,
|
|
30
|
+
d && "text-neutral-strong-disabled bg-primary-medium-disabled"
|
|
31
|
+
), children: /* @__PURE__ */ s.jsx("span", { children: u }) });
|
|
32
|
+
};
|
|
33
|
+
export {
|
|
34
|
+
g as B
|
|
35
|
+
};
|
|
@@ -7,7 +7,6 @@ interface IAvatar {
|
|
|
7
7
|
subImageUrl?: string;
|
|
8
8
|
borderColor?: string;
|
|
9
9
|
fallbackType?: "initials" | "defaultAvatar";
|
|
10
|
-
sizeFallbackIcon?: number;
|
|
11
10
|
}
|
|
12
|
-
export default function Avatar({ imageUrl, sizeImage, sizeFallback,
|
|
11
|
+
export default function Avatar({ imageUrl, sizeImage, sizeFallback, fallbackText, subImageUrl, fallbackType, }: IAvatar): import("react/jsx-runtime").JSX.Element;
|
|
13
12
|
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -16,7 +16,6 @@ export { default as Pagination } from './components/Pagination/Pagination';
|
|
|
16
16
|
export { ProfilePictureUpload } from './components/ProfilePictureUpload/ProfilePictureUpload';
|
|
17
17
|
export { default as ProgressBar } from './components/ProgressBar/ProgressBar';
|
|
18
18
|
export { default as Select } from './components/Select/Select';
|
|
19
|
-
export { default as ChangueAccount } from './components/Sidebar/components/changue-account';
|
|
20
19
|
export { default as Spinner } from './components/Spinner/Spinner';
|
|
21
20
|
export { default as Steps } from './components/Steps/Steps';
|
|
22
21
|
export { default as Switch } from './components/Switch/Switch';
|
|
@@ -29,7 +28,6 @@ export { default as TextArea } from './components/TextArea/TextArea';
|
|
|
29
28
|
export { default as Tooltip } from './components/Tooltip/Tootip';
|
|
30
29
|
export { default as Skeleton } from './components/Skeleton/Skeleton';
|
|
31
30
|
export { default as SegmentedButton } from './components/SegmentedButton/SegmentedButton';
|
|
32
|
-
export { default as LayoutGeneric } from './components/Layout/LayoutGeneric';
|
|
33
31
|
export { default as ImageGallery } from './components/Image/ImageGallery';
|
|
34
32
|
export { default as Image } from './components/Image/Image';
|
|
35
33
|
export { default as Toast } from './components/Toaster/Toaster';
|
|
@@ -38,18 +36,11 @@ export { toastpyrion } from './components/Toaster/Toaster';
|
|
|
38
36
|
export { default as SelectSearch } from './components/SelectSearch/SelectSearch';
|
|
39
37
|
export { default as FAButton } from './components/FAB/FAButton';
|
|
40
38
|
export { default as RadioButton } from './components/RadioButton/RadioButton';
|
|
41
|
-
export * from './components/Sidebar';
|
|
42
|
-
export { SecondaryBar } from './components/Sidebar/SecondaryBar/SecondaryBar';
|
|
43
39
|
export { Badge } from './components/Sidebar/components/badge';
|
|
44
40
|
export { NavbarCollapseButton } from './components/Sidebar/components/collapse-button';
|
|
45
|
-
export { CompanyLogo } from './components/Sidebar/components/company-logo';
|
|
46
|
-
export { NavbarLinks } from './components/Sidebar/components/nav-links';
|
|
47
41
|
export { default as OtpInput } from './components/OtpInput/OtpInput';
|
|
48
42
|
export { useDialogControl } from './components/Dialog/useDialogControl';
|
|
49
43
|
export { useFileDropzone } from './components/DropZone/useFileDropzone';
|
|
50
|
-
export { SidebarProvider as SidebarRefProvider, useSidebarContext, } from './components/Sidebar/context/SidebarContext';
|
|
51
|
-
export { SidebarProvider } from './components/Sidebar/hooks/SidebarProvider';
|
|
52
|
-
export { useSidebar } from './components/Sidebar/hooks/useSidebarHook';
|
|
53
44
|
export { useClickOutside } from './hooks/useClickOutside';
|
|
54
45
|
export { useIsMobile } from './hooks/useDevice';
|
|
55
46
|
export type { ButtonProps } from './components/Button/Button';
|
|
@@ -62,12 +53,6 @@ export type { IMenuItems, IMenuRoot } from './components/Menu/MenuComposable';
|
|
|
62
53
|
export type { OtpInputProps } from './components/OtpInput/OtpInput';
|
|
63
54
|
export type { BadgeProps } from './components/Sidebar/components/badge';
|
|
64
55
|
export type { NavbarCollapseButtonProps } from './components/Sidebar/components/collapse-button';
|
|
65
|
-
export type { CompanyLogoProps } from './components/Sidebar/components/company-logo';
|
|
66
|
-
export type { INavbarActionsProps } from './components/Sidebar/components/nav-actions';
|
|
67
|
-
export type { NavbarLinksProps } from './components/Sidebar/components/nav-links';
|
|
68
|
-
export type { INavAction, INavLink, Role, RoleLevels, } from './components/Sidebar/hooks/useNavLinks';
|
|
69
|
-
export type { ContentProps as SecondaryBarContentProps, FooterProps as SecondaryBarFooterProps, HeaderProps as SecondaryBarHeaderProps, SecondaryBarRootProps, SpacerProps as SecondaryBarSpacerProps, } from './components/Sidebar/SecondaryBar/SecondaryBar';
|
|
70
|
-
export type { SidebarContextValue } from './components/Sidebar/hooks/useSidebarHook';
|
|
71
56
|
export type { SpinnerProps } from './components/Spinner/Spinner';
|
|
72
57
|
export type { PaginationProps } from './components/Pagination/Pagination';
|
|
73
58
|
export type { ProfilePictureUploadProps } from './components/ProfilePictureUpload/ProfilePictureUpload';
|
|
@@ -76,7 +61,6 @@ export type { SelectProps } from './components/Select/Select';
|
|
|
76
61
|
export type { DialogHandle } from './components/Dialog/Dialog';
|
|
77
62
|
export { DropZone } from './components/DropZone/DropZone';
|
|
78
63
|
export type { PyrionToastProps as ToasterPrometeo } from './components/Toaster/Toaster';
|
|
79
|
-
export type { LayoutGenericProps } from './components/Layout/LayoutGeneric';
|
|
80
64
|
export type { ProgressBarProps } from './components/ProgressBar/ProgressBar';
|
|
81
65
|
export type { IToolTipProps } from './components/Tooltip/Tootip';
|
|
82
66
|
export type { InputMultipleProps } from './components/InputMultiple/InputMultiple';
|