prometeo-design-system 4.4.1 → 4.5.0
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/CheckBox.es.js +40 -40
- package/dist/Header.es.js +29 -26
- package/dist/IconButton.d.ts +6 -0
- package/dist/IconButton.es.js +306 -0
- package/dist/Icons/ArrowDownward.es.js +16 -7
- package/dist/Icons/ArrowUpward.es.js +16 -7
- package/dist/Icons/DragIndicator.d.ts +6 -0
- package/dist/Icons/DragIndicator.es.js +19 -0
- package/dist/Icons/components/DragIndicator.d.ts +4 -0
- package/dist/Icons/index.d.ts +1 -0
- package/dist/Icons/types.d.ts +2 -0
- package/dist/Icons.es.js +38 -36
- package/dist/PyrionLayout.es.js +1 -1
- package/dist/{TabLinks-BjGwvqR9.js → TabLinks-DnoWdrdk.js} +40 -40
- package/dist/TabLinks.es.js +1 -1
- package/dist/components/CheckBox/CheckBox.d.ts +1 -0
- package/dist/components/Header/Header.d.ts +3 -2
- package/dist/components/IconButton/IconButton.d.ts +22 -0
- package/dist/exports/IconButton.d.ts +2 -0
- package/dist/index.d.ts +1 -0
- package/dist/prometeo-design-system.es.js +47 -45
- package/dist/styles.css +1 -1
- package/package.json +5 -1
- package/src/styles/base.css +4 -0
- package/src/styles/intellisense.css +1 -0
- package/src/styles/utilities.css +4 -0
package/dist/Icons.es.js
CHANGED
|
@@ -2,21 +2,21 @@ import { Ticket as e } from "./Icons/Ticket.es.js";
|
|
|
2
2
|
import { Home as p } from "./Icons/Home.es.js";
|
|
3
3
|
import { Boards as f } from "./Icons/Boards.es.js";
|
|
4
4
|
import { Notifications as a } from "./Icons/Notifications.es.js";
|
|
5
|
-
import { Help as
|
|
5
|
+
import { Help as l } from "./Icons/Help.es.js";
|
|
6
6
|
import { Settings as d } from "./Icons/Settings.es.js";
|
|
7
|
-
import { CrevronLeft as
|
|
7
|
+
import { CrevronLeft as c } from "./Icons/CrevronLeft.es.js";
|
|
8
8
|
import { CrevronRight as F } from "./Icons/CrevronRight.es.js";
|
|
9
9
|
import { ArrowLeft as h } from "./Icons/ArrowLeft.es.js";
|
|
10
|
-
import { ArrowDownward as
|
|
10
|
+
import { ArrowDownward as g } from "./Icons/ArrowDownward.es.js";
|
|
11
11
|
import { ArrowUpward as k } from "./Icons/ArrowUpward.es.js";
|
|
12
12
|
import { Shared as U } from "./Icons/Shared.es.js";
|
|
13
|
-
import { ChevronDown as
|
|
13
|
+
import { ChevronDown as D } from "./Icons/ChevronDown.es.js";
|
|
14
14
|
import { Collapse as E } from "./Icons/Collapse.es.js";
|
|
15
15
|
import { Calendar as T } from "./Icons/Calendar.es.js";
|
|
16
16
|
import { Close as H } from "./Icons/Close.es.js";
|
|
17
|
-
import { UserPerson as
|
|
18
|
-
import { UserAvatar as
|
|
19
|
-
import { Logout as
|
|
17
|
+
import { UserPerson as M } from "./Icons/UserPerson.es.js";
|
|
18
|
+
import { UserAvatar as b } from "./Icons/UserAvatar.es.js";
|
|
19
|
+
import { Logout as B } from "./Icons/Logout.es.js";
|
|
20
20
|
import { ArrowUpDown as P } from "./Icons/ArrowUpDown.es.js";
|
|
21
21
|
import { Filter as W } from "./Icons/Filter.es.js";
|
|
22
22
|
import { Search as z } from "./Icons/Search.es.js";
|
|
@@ -29,21 +29,21 @@ import { Copy as er } from "./Icons/Copy.es.js";
|
|
|
29
29
|
import { FaLock as pr } from "./Icons/FaLock.es.js";
|
|
30
30
|
import { AccountCircle as fr } from "./Icons/AccountCircle.es.js";
|
|
31
31
|
import { UserAdd as ar } from "./Icons/UserAdd.es.js";
|
|
32
|
-
import { AttachFile as
|
|
32
|
+
import { AttachFile as lr } from "./Icons/AttachFile.es.js";
|
|
33
33
|
import { HistoryActivity as dr } from "./Icons/HistoryActivity.es.js";
|
|
34
|
-
import { MessageSquare as
|
|
34
|
+
import { MessageSquare as cr } from "./Icons/MessageSquare.es.js";
|
|
35
35
|
import { CloseNavBarDesktop as Fr } from "./Icons/CloseNavBarDesktop.es.js";
|
|
36
36
|
import { EyeVisibility as hr } from "./Icons/EyeVisibility.es.js";
|
|
37
|
-
import { EyeVisibilityOff as
|
|
37
|
+
import { EyeVisibilityOff as gr } from "./Icons/EyeVisibilityOff.es.js";
|
|
38
38
|
import { Check as kr } from "./Icons/Check.es.js";
|
|
39
39
|
import { Info as Ur } from "./Icons/Info.es.js";
|
|
40
|
-
import { Error as
|
|
40
|
+
import { Error as Dr } from "./Icons/Error.es.js";
|
|
41
41
|
import { TicketFilled as Er } from "./Icons/TicketFilled.es.js";
|
|
42
42
|
import { UploadCloud as Tr } from "./Icons/UploadCloud.es.js";
|
|
43
43
|
import { Clock as Hr } from "./Icons/Clock.es.js";
|
|
44
|
-
import { Pause as
|
|
45
|
-
import { FastForward as
|
|
46
|
-
import { Trash as
|
|
44
|
+
import { Pause as Mr } from "./Icons/Pause.es.js";
|
|
45
|
+
import { FastForward as br } from "./Icons/FastForward.es.js";
|
|
46
|
+
import { Trash as Br } from "./Icons/Trash.es.js";
|
|
47
47
|
import { Sort as Pr } from "./Icons/Sort.es.js";
|
|
48
48
|
import { Cancel as Wr } from "./Icons/Cancel.es.js";
|
|
49
49
|
import { CheckCircle as zr } from "./Icons/CheckCircle.es.js";
|
|
@@ -56,63 +56,65 @@ import { Download as eo } from "./Icons/Download.es.js";
|
|
|
56
56
|
import { Reload as po } from "./Icons/Reload.es.js";
|
|
57
57
|
import { Image as fo } from "./Icons/Image.es.js";
|
|
58
58
|
import { DocumentFill as ao } from "./Icons/DocumentFill.es.js";
|
|
59
|
-
import { Company as
|
|
59
|
+
import { Company as lo } from "./Icons/Company.es.js";
|
|
60
60
|
import { EditFill as no } from "./Icons/EditFill.es.js";
|
|
61
|
-
import { TrashFill as
|
|
61
|
+
import { TrashFill as Co } from "./Icons/TrashFill.es.js";
|
|
62
62
|
import { MessageSquareFill as Ao } from "./Icons/MessageSquareFill.es.js";
|
|
63
63
|
import { UserAddFill as wo } from "./Icons/UserAddFill.es.js";
|
|
64
|
-
import { Reassignment as
|
|
64
|
+
import { Reassignment as So } from "./Icons/Reassignment.es.js";
|
|
65
65
|
import { ReassignmentFill as yo } from "./Icons/ReassignmentFill.es.js";
|
|
66
66
|
import { Send as uo } from "./Icons/Send.es.js";
|
|
67
|
-
import { StarFill as
|
|
67
|
+
import { StarFill as vo } from "./Icons/StarFill.es.js";
|
|
68
|
+
import { DragIndicator as Lo } from "./Icons/DragIndicator.es.js";
|
|
68
69
|
export {
|
|
69
70
|
fr as AccountCircle,
|
|
70
71
|
Y as Add,
|
|
71
|
-
|
|
72
|
+
g as ArrowDownward,
|
|
72
73
|
h as ArrowLeft,
|
|
73
74
|
P as ArrowUpDown,
|
|
74
75
|
k as ArrowUpward,
|
|
75
|
-
|
|
76
|
+
lr as AttachFile,
|
|
76
77
|
f as Boards,
|
|
77
78
|
T as Calendar,
|
|
78
79
|
Wr as Cancel,
|
|
79
80
|
kr as Check,
|
|
80
81
|
zr as CheckCircle,
|
|
81
82
|
Qr as CheckList,
|
|
82
|
-
|
|
83
|
+
D as ChevronDown,
|
|
83
84
|
Hr as Clock,
|
|
84
85
|
H as Close,
|
|
85
86
|
Fr as CloseNavBarDesktop,
|
|
86
87
|
E as Collapse,
|
|
87
|
-
|
|
88
|
+
lo as Company,
|
|
88
89
|
er as Copy,
|
|
89
|
-
|
|
90
|
+
c as CrevronLeft,
|
|
90
91
|
F as CrevronRight,
|
|
91
92
|
ao as DocumentFill,
|
|
92
93
|
eo as Download,
|
|
94
|
+
Lo as DragIndicator,
|
|
93
95
|
_ as Edit,
|
|
94
96
|
no as EditFill,
|
|
95
97
|
ro as Email,
|
|
96
|
-
|
|
98
|
+
Dr as Error,
|
|
97
99
|
hr as EyeVisibility,
|
|
98
|
-
|
|
100
|
+
gr as EyeVisibilityOff,
|
|
99
101
|
pr as FaLock,
|
|
100
|
-
|
|
102
|
+
br as FastForward,
|
|
101
103
|
_r as File,
|
|
102
104
|
W as Filter,
|
|
103
105
|
Jr as FormatColorText,
|
|
104
|
-
|
|
106
|
+
l as Help,
|
|
105
107
|
dr as HistoryActivity,
|
|
106
108
|
p as Home,
|
|
107
109
|
fo as Image,
|
|
108
110
|
Ur as Info,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
+
B as Logout,
|
|
112
|
+
cr as MessageSquare,
|
|
111
113
|
Ao as MessageSquareFill,
|
|
112
114
|
Q as MoreVert,
|
|
113
115
|
a as Notifications,
|
|
114
|
-
|
|
115
|
-
|
|
116
|
+
Mr as Pause,
|
|
117
|
+
So as Reassignment,
|
|
116
118
|
yo as ReassignmentFill,
|
|
117
119
|
po as Reload,
|
|
118
120
|
z as Search,
|
|
@@ -120,17 +122,17 @@ export {
|
|
|
120
122
|
d as Settings,
|
|
121
123
|
U as Shared,
|
|
122
124
|
Pr as Sort,
|
|
123
|
-
|
|
125
|
+
vo as StarFill,
|
|
124
126
|
J as Stars,
|
|
125
127
|
e as Ticket,
|
|
126
128
|
Er as TicketFilled,
|
|
127
|
-
|
|
128
|
-
|
|
129
|
+
Br as Trash,
|
|
130
|
+
Co as TrashFill,
|
|
129
131
|
rr as Upload,
|
|
130
132
|
Tr as UploadCloud,
|
|
131
133
|
ar as UserAdd,
|
|
132
134
|
wo as UserAddFill,
|
|
133
|
-
|
|
134
|
-
|
|
135
|
+
b as UserAvatar,
|
|
136
|
+
M as UserPerson,
|
|
135
137
|
Yr as WhatsApp
|
|
136
138
|
};
|
package/dist/PyrionLayout.es.js
CHANGED
|
@@ -16,7 +16,7 @@ import Ye from "./UserCard.es.js";
|
|
|
16
16
|
import pe from "./Button.es.js";
|
|
17
17
|
import { Logout as St } from "./Icons/Logout.es.js";
|
|
18
18
|
import jt from "./NotificationCard.es.js";
|
|
19
|
-
import { T as kt, a as Dt } from "./TabLinks-
|
|
19
|
+
import { T as kt, a as Dt } from "./TabLinks-DnoWdrdk.js";
|
|
20
20
|
import { Notifications as Xe } from "./Icons/Notifications.es.js";
|
|
21
21
|
import { Close as _e } from "./Icons/Close.es.js";
|
|
22
22
|
import { Help as Je } from "./Icons/Help.es.js";
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { j as
|
|
1
|
+
import { j as i } from "./jsx-runtime-GkKLlHH4.js";
|
|
2
2
|
import { motion as I } from "framer-motion";
|
|
3
3
|
import { memo as $, useId as w, useRef as z, useEffect as E, isValidElement as L } from "react";
|
|
4
4
|
import { c as d } from "./cn-B6yFEsav.js";
|
|
5
5
|
import M from "./PlainTooltip.es.js";
|
|
6
|
-
const R = /* @__PURE__ */ Symbol.for("react.memo"), S = (e, a,
|
|
6
|
+
const R = /* @__PURE__ */ Symbol.for("react.memo"), S = (e, a, n) => {
|
|
7
7
|
if (!e)
|
|
8
8
|
return null;
|
|
9
9
|
if (typeof e == "function") {
|
|
10
|
-
const
|
|
11
|
-
return /* @__PURE__ */
|
|
10
|
+
const o = e;
|
|
11
|
+
return /* @__PURE__ */ i.jsx(o, { size: n, className: a });
|
|
12
12
|
}
|
|
13
13
|
if (typeof e == "object") {
|
|
14
14
|
if (L(e))
|
|
15
15
|
return e;
|
|
16
16
|
if ("$$typeof" in e && e.$$typeof === R) {
|
|
17
|
-
const
|
|
18
|
-
return /* @__PURE__ */
|
|
17
|
+
const o = e;
|
|
18
|
+
return /* @__PURE__ */ i.jsx(o, { size: n, className: a });
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
return e;
|
|
@@ -23,28 +23,28 @@ const R = /* @__PURE__ */ Symbol.for("react.memo"), S = (e, a, o) => {
|
|
|
23
23
|
function v({
|
|
24
24
|
items: e,
|
|
25
25
|
activeTab: a,
|
|
26
|
-
onTabChange:
|
|
27
|
-
className:
|
|
28
|
-
tabClassName:
|
|
26
|
+
onTabChange: n,
|
|
27
|
+
className: o,
|
|
28
|
+
tabClassName: r,
|
|
29
29
|
activeTabClassName: s,
|
|
30
30
|
indicatorClassName: b,
|
|
31
|
-
animated:
|
|
31
|
+
animated: l = !0,
|
|
32
32
|
renderTab: u
|
|
33
33
|
}) {
|
|
34
|
-
const
|
|
35
|
-
t.disabled ||
|
|
36
|
-
},
|
|
37
|
-
return /* @__PURE__ */
|
|
34
|
+
const x = (t) => {
|
|
35
|
+
t.disabled || n?.(t.id, t);
|
|
36
|
+
}, p = w();
|
|
37
|
+
return /* @__PURE__ */ i.jsx(
|
|
38
38
|
"div",
|
|
39
39
|
{
|
|
40
40
|
className: d(
|
|
41
|
-
"flex flex-row justify-around items-end relative border-b border-neutral-strong-default w-full md:justify-start md:px-10 md:gap-5 overflow-
|
|
42
|
-
|
|
41
|
+
"flex flex-row justify-around items-end relative border-b border-neutral-strong-default w-full md:justify-start md:px-10 md:gap-5 overflow-x-auto prometeo-scrollbar-none",
|
|
42
|
+
o
|
|
43
43
|
),
|
|
44
44
|
role: "tablist",
|
|
45
45
|
children: e?.map((t) => {
|
|
46
|
-
const c = a === t.id, f = () =>
|
|
47
|
-
return u ? /* @__PURE__ */
|
|
46
|
+
const c = a === t.id, f = () => x(t), { iconPosition: h = "top", iconSize: m = 24 } = t;
|
|
47
|
+
return u ? /* @__PURE__ */ i.jsx("div", { children: u(t, c, f, t.onIconClick, t.onIconHover, t.iconTooltipTitle, t.iconTooltipProps, t.iconSize) }, t.id) : /* @__PURE__ */ i.jsx(
|
|
48
48
|
H,
|
|
49
49
|
{
|
|
50
50
|
id: t.id,
|
|
@@ -53,17 +53,17 @@ function v({
|
|
|
53
53
|
iconPosition: h,
|
|
54
54
|
onClick: f,
|
|
55
55
|
disabled: t.disabled,
|
|
56
|
-
className:
|
|
56
|
+
className: r,
|
|
57
57
|
isActive: c,
|
|
58
58
|
activeClassName: s,
|
|
59
|
-
animated:
|
|
59
|
+
animated: l,
|
|
60
60
|
onIconHover: t.onIconHover,
|
|
61
61
|
onIconClick: t.onIconClick,
|
|
62
62
|
iconTooltipTitle: t.iconTooltipTitle,
|
|
63
63
|
iconTooltipProps: t.iconTooltipProps,
|
|
64
64
|
iconSize: m,
|
|
65
65
|
indicatorClassName: b,
|
|
66
|
-
layoutId:
|
|
66
|
+
layoutId: p
|
|
67
67
|
},
|
|
68
68
|
t.id
|
|
69
69
|
);
|
|
@@ -75,22 +75,22 @@ v.displayName = "TabLinks";
|
|
|
75
75
|
const D = $(v, (e, a) => {
|
|
76
76
|
if (e.activeTab !== a.activeTab || e.className !== a.className || e.tabClassName !== a.tabClassName || e.activeTabClassName !== a.activeTabClassName || e.indicatorClassName !== a.indicatorClassName || e.animated !== a.animated || e.onTabChange !== a.onTabChange || e.renderTab !== a.renderTab || e.items.length !== a.items.length)
|
|
77
77
|
return !1;
|
|
78
|
-
for (let
|
|
79
|
-
const
|
|
80
|
-
if (
|
|
78
|
+
for (let n = 0; n < e.items.length; n++) {
|
|
79
|
+
const o = e.items[n], r = a.items[n];
|
|
80
|
+
if (o.id !== r.id || o.title !== r.title || o.disabled !== r.disabled || o.description !== r.description)
|
|
81
81
|
return !1;
|
|
82
82
|
}
|
|
83
83
|
return !0;
|
|
84
|
-
}), H = ({ id: e, title: a, icon:
|
|
84
|
+
}), H = ({ id: e, title: a, icon: n, iconPosition: o = "top", onClick: r, disabled: s = !1, className: b, isActive: l, activeClassName: u, onIconHover: x, onIconClick: p, iconTooltipTitle: t, iconTooltipProps: c, iconSize: f = 20, indicatorClassName: h, layoutId: m }) => {
|
|
85
85
|
const y = z(!0);
|
|
86
86
|
E(() => {
|
|
87
87
|
y.current && (y.current = !1);
|
|
88
88
|
}, []);
|
|
89
|
-
const C = (T, g, j, N, k) => j ? /* @__PURE__ */
|
|
90
|
-
return /* @__PURE__ */
|
|
89
|
+
const C = (T, g, j, N, k) => j ? /* @__PURE__ */ i.jsx(M, { title: j, ...N, children: /* @__PURE__ */ i.jsx("div", { onMouseEnter: g, onClick: k, children: T }) }) : /* @__PURE__ */ i.jsx("div", { onMouseEnter: g, onClick: k, children: T });
|
|
90
|
+
return /* @__PURE__ */ i.jsxs(
|
|
91
91
|
"button",
|
|
92
92
|
{
|
|
93
|
-
onClick:
|
|
93
|
+
onClick: r,
|
|
94
94
|
disabled: s,
|
|
95
95
|
className: d(
|
|
96
96
|
"group/tablink-item",
|
|
@@ -98,35 +98,35 @@ const D = $(v, (e, a) => {
|
|
|
98
98
|
s && "hover:text-primary-default-default cursor-pointer",
|
|
99
99
|
s && "opacity-50 cursor-default",
|
|
100
100
|
b,
|
|
101
|
-
|
|
101
|
+
l && u
|
|
102
102
|
),
|
|
103
103
|
tabIndex: s ? -1 : 0,
|
|
104
104
|
"aria-label": a,
|
|
105
105
|
role: "tab",
|
|
106
|
-
"aria-selected":
|
|
106
|
+
"aria-selected": l,
|
|
107
107
|
children: [
|
|
108
|
-
/* @__PURE__ */
|
|
108
|
+
/* @__PURE__ */ i.jsxs("div", { className: d(
|
|
109
109
|
"flex items-center gap-0.5",
|
|
110
|
-
|
|
111
|
-
|
|
110
|
+
o === "left" && "flex-row-reverse",
|
|
111
|
+
o === "top" ? "flex-col-reverse" : "gap-1"
|
|
112
112
|
), children: [
|
|
113
|
-
/* @__PURE__ */
|
|
113
|
+
/* @__PURE__ */ i.jsx(
|
|
114
114
|
"label",
|
|
115
115
|
{
|
|
116
116
|
className: d(
|
|
117
117
|
"transition-all duration-300 ease-in-out relative z-10 group-hover/tablink-item:text-neutral-medium-hover ",
|
|
118
|
-
|
|
119
|
-
"leading-6!
|
|
118
|
+
l ? "text-primary-default-default prometeo-fonts-title-medium group-hover/tablink-item:text-primary-default-default" : "text-neutral-medium-default prometeo-fonts-body-large cursor-pointer",
|
|
119
|
+
"leading-6! min-w-max"
|
|
120
120
|
),
|
|
121
121
|
children: a
|
|
122
122
|
}
|
|
123
123
|
),
|
|
124
|
-
C(S(
|
|
124
|
+
C(S(n, d(
|
|
125
125
|
"transition-all duration-300 ease-in-out group-hover/tablink-item:text-neutral-medium-hover ",
|
|
126
|
-
|
|
127
|
-
), f),
|
|
126
|
+
l ? "text-primary-default-default prometeo-fonts-title-medium group-hover/tablink-item:text-primary-default-default" : "text-neutral-medium-default prometeo-fonts-body-large"
|
|
127
|
+
), f), x, t, c, p)
|
|
128
128
|
] }),
|
|
129
|
-
|
|
129
|
+
l ? /* @__PURE__ */ i.jsx(
|
|
130
130
|
I.div,
|
|
131
131
|
{
|
|
132
132
|
layoutId: m ? `tab-indicator-${m}` : "tab-indicator",
|
package/dist/TabLinks.es.js
CHANGED
|
@@ -6,6 +6,7 @@ export type CheckBoxProps = {
|
|
|
6
6
|
interface ICheckBox extends CheckBoxProps {
|
|
7
7
|
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
8
8
|
value?: string;
|
|
9
|
+
checked?: boolean;
|
|
9
10
|
}
|
|
10
11
|
declare const _default: import('react').NamedExoticComponent<Omit<ICheckBox, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
|
|
11
12
|
export default _default;
|
|
@@ -6,6 +6,7 @@ export interface IHeader {
|
|
|
6
6
|
subtitle?: string;
|
|
7
7
|
subtitleClassName?: string;
|
|
8
8
|
titleClassName?: string;
|
|
9
|
+
mainActionSlot?: ReactNode | (() => ReactNode);
|
|
9
10
|
}
|
|
10
|
-
declare const
|
|
11
|
-
export default
|
|
11
|
+
declare const Header: import('react').MemoExoticComponent<({ title, subtitle, children, className, subtitleClassName, titleClassName, mainActionSlot }: IHeader) => import("react/jsx-runtime").JSX.Element>;
|
|
12
|
+
export default Header;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ButtonVariant, ColorVariant, SizeVariant } from '../Shared/types';
|
|
2
|
+
import { IconComponent } from '../../Icons/types';
|
|
3
|
+
export interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
|
|
4
|
+
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
5
|
+
icon?: IconComponent;
|
|
6
|
+
contentClassName?: string;
|
|
7
|
+
animate?: boolean;
|
|
8
|
+
animateIcon?: boolean;
|
|
9
|
+
isLoading?: boolean;
|
|
10
|
+
children?: IconComponent;
|
|
11
|
+
spinner?: React.ReactNode;
|
|
12
|
+
type?: 'button' | "submit" | "reset";
|
|
13
|
+
className?: string;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
variant?: ButtonVariant;
|
|
16
|
+
form?: string;
|
|
17
|
+
size?: SizeVariant;
|
|
18
|
+
color?: ColorVariant;
|
|
19
|
+
hideSpinner?: boolean;
|
|
20
|
+
}
|
|
21
|
+
declare const _default: import('react').MemoExoticComponent<({ onClick, icon, contentClassName, animate, animateIcon, isLoading, children, hideSpinner, spinner, type, className, disabled, variant, form, size, color }: IconButtonProps) => React.ReactElement>;
|
|
22
|
+
export default _default;
|
package/dist/index.d.ts
CHANGED
|
@@ -22,6 +22,7 @@ export { default as Switch } from './components/Switch/Switch';
|
|
|
22
22
|
export { default as DatePicker } from './components/DatePicker/DatePicker';
|
|
23
23
|
export { default as RecurrentDatePicker } from './components/RecurrentDatePicker/RecurrentDatePicker';
|
|
24
24
|
export { default as RecurrentDatePickerRRule } from './components/RecurrentDatePicker/RecurrentDatePickerRRule';
|
|
25
|
+
export { default as IconButton } from './components/IconButton/IconButton';
|
|
25
26
|
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from './components/Table/Table';
|
|
26
27
|
export { default as TabLinks } from './components/TabLinks/TabLinks';
|
|
27
28
|
export { default as TextArea } from './components/TextArea/TextArea';
|
|
@@ -2,7 +2,7 @@ import { default as h } from "./Avatar.es.js";
|
|
|
2
2
|
import { default as C } from "./Button.es.js";
|
|
3
3
|
import { default as E } from "./CardProfile.es.js";
|
|
4
4
|
import { default as R } from "./CheckBox.es.js";
|
|
5
|
-
import { default as
|
|
5
|
+
import { default as I, useDialogControl as S } from "./DialogModal.es.js";
|
|
6
6
|
import { default as M, useDrawerDesktop as j } from "./DrawerDesktop.es.js";
|
|
7
7
|
import { default as y, useDrawerMobile as H } from "./DrawerMobile.es.js";
|
|
8
8
|
import { default as A } from "./Header.es.js";
|
|
@@ -20,27 +20,28 @@ import { default as fe } from "./Switch.es.js";
|
|
|
20
20
|
import { D as ne } from "./DatePicker-QuBgR5DQ.js";
|
|
21
21
|
import { RecurrentDatePicker as me } from "./RecurrentDatePicker.es.js";
|
|
22
22
|
import { RecurrentDatePickerRRule as ie } from "./RecurrentDatePickerRRule.es.js";
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import { default as Re } from "./
|
|
27
|
-
import { default as
|
|
28
|
-
import { default as Le } from "./
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import { default as Oe
|
|
32
|
-
import { default as Ge } from "./
|
|
33
|
-
import { default as Ze } from "./
|
|
34
|
-
import { default as Je } from "./
|
|
35
|
-
import { default as Qe } from "./
|
|
36
|
-
import {
|
|
23
|
+
import { default as ce } from "./IconButton.es.js";
|
|
24
|
+
import { Table as De, TableBody as ve, TableCaption as Te, TableCell as ge, TableFooter as ke, TableHead as he, TableHeader as Be, TableRow as Ce } from "./Table.es.js";
|
|
25
|
+
import { T as Ee } from "./TabLinks-DnoWdrdk.js";
|
|
26
|
+
import { default as Re } from "./TextArea.es.js";
|
|
27
|
+
import { default as Ie } from "./Tooltip.es.js";
|
|
28
|
+
import { default as Le } from "./Skeleton.es.js";
|
|
29
|
+
import { default as je } from "./SegmentedButton.es.js";
|
|
30
|
+
import { I as ye } from "./ImageGallery-DG9ovlQ-.js";
|
|
31
|
+
import { default as Oe } from "./Image.es.js";
|
|
32
|
+
import { default as _e, toastpyrion as Ge } from "./Toast.es.js";
|
|
33
|
+
import { default as Ze } from "./ToastProvider.es.js";
|
|
34
|
+
import { default as Je } from "./SelectSearch.es.js";
|
|
35
|
+
import { default as Qe } from "./FAButton.es.js";
|
|
36
|
+
import { default as We } from "./RadioButton.es.js";
|
|
37
|
+
import { B as Ye } from "./badge-BEx-0Q-K.js";
|
|
37
38
|
import { j as s } from "./jsx-runtime-GkKLlHH4.js";
|
|
38
39
|
import { CloseNavBarDesktop as l } from "./Icons/CloseNavBarDesktop.es.js";
|
|
39
|
-
import { default as
|
|
40
|
+
import { default as Fe } from "./OtpInput.es.js";
|
|
40
41
|
import n, { useRef as p, useEffect as m } from "react";
|
|
41
42
|
import { useDropzone as d } from "react-dropzone";
|
|
42
|
-
import { u as
|
|
43
|
-
import { default as
|
|
43
|
+
import { u as tt } from "./useDevice-vwn4GLwK.js";
|
|
44
|
+
import { default as ot } from "./DropZone.es.js";
|
|
44
45
|
const D = ({
|
|
45
46
|
isCollapsed: e,
|
|
46
47
|
onToggle: t
|
|
@@ -95,56 +96,57 @@ const T = (e, t = !0) => {
|
|
|
95
96
|
};
|
|
96
97
|
export {
|
|
97
98
|
h as Avatar,
|
|
98
|
-
|
|
99
|
+
Ye as Badge,
|
|
99
100
|
C as Button,
|
|
100
101
|
E as CardProfile,
|
|
101
102
|
R as CheckBox,
|
|
102
103
|
ne as DatePicker,
|
|
103
|
-
|
|
104
|
+
I as DialogModal,
|
|
104
105
|
M as DrawerDesktop,
|
|
105
106
|
y as DrawerMobile,
|
|
106
|
-
|
|
107
|
-
|
|
107
|
+
ot as DropZone,
|
|
108
|
+
Qe as FAButton,
|
|
108
109
|
A as Header,
|
|
109
|
-
|
|
110
|
-
|
|
110
|
+
ce as IconButton,
|
|
111
|
+
Oe as Image,
|
|
112
|
+
ye as ImageGallery,
|
|
111
113
|
G as Input,
|
|
112
114
|
Z as InputMultiple,
|
|
113
115
|
J as Logo,
|
|
114
116
|
Q as Menu,
|
|
115
117
|
D as NavbarCollapseButton,
|
|
116
|
-
|
|
118
|
+
Fe as OtpInput,
|
|
117
119
|
W as Pagination,
|
|
118
120
|
Y as ProfilePictureUpload,
|
|
119
121
|
F as ProgressBar,
|
|
120
|
-
|
|
122
|
+
We as RadioButton,
|
|
121
123
|
me as RecurrentDatePicker,
|
|
122
124
|
ie as RecurrentDatePickerRRule,
|
|
123
|
-
|
|
125
|
+
je as SegmentedButton,
|
|
124
126
|
te as Select,
|
|
125
|
-
|
|
126
|
-
|
|
127
|
+
Je as SelectSearch,
|
|
128
|
+
Le as Skeleton,
|
|
127
129
|
oe as Spinner,
|
|
128
130
|
se as Steps,
|
|
129
131
|
fe as Switch,
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
132
|
+
Ee as TabLinks,
|
|
133
|
+
De as Table,
|
|
134
|
+
ve as TableBody,
|
|
135
|
+
Te as TableCaption,
|
|
136
|
+
ge as TableCell,
|
|
137
|
+
ke as TableFooter,
|
|
138
|
+
he as TableHead,
|
|
139
|
+
Be as TableHeader,
|
|
140
|
+
Ce as TableRow,
|
|
141
|
+
Re as TextArea,
|
|
142
|
+
_e as Toast,
|
|
143
|
+
Ze as ToastProvider,
|
|
144
|
+
Ie as Tooltip,
|
|
145
|
+
Ge as toastpyrion,
|
|
144
146
|
T as useClickOutside,
|
|
145
|
-
|
|
147
|
+
S as useDialogControl,
|
|
146
148
|
j as useDrawerDesktop,
|
|
147
149
|
H as useDrawerMobile,
|
|
148
150
|
v as useFileDropzone,
|
|
149
|
-
|
|
151
|
+
tt as useIsMobile
|
|
150
152
|
};
|