prometeo-design-system 2.7.6 → 2.7.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/Button.es.js +5 -5
- package/dist/{CardProfile-DV3gwvqE.js → CardProfile-WHoeSibd.js} +24 -24
- package/dist/CardProfile.es.js +1 -1
- package/dist/CheckBox.es.js +2 -2
- package/dist/CheckboxFormik.es.js +2 -2
- package/dist/DatePicker.es.js +68 -68
- package/dist/DrawerDesktop.es.js +4 -4
- package/dist/DropZone.es.js +32 -32
- package/dist/FAButton.es.js +2 -2
- package/dist/HelperComponent-BeNlTMqI.js +24 -0
- package/dist/Icons/Icons.d.ts +61 -1
- package/dist/Icons.es.js +68 -8
- package/dist/{ImageGallery-D8nIvBpV.js → ImageGallery-WKzUevOQ.js} +43 -43
- package/dist/ImageGallery.es.js +1 -1
- package/dist/{Input-60IT1aGF.js → Input-D6as6xD-.js} +61 -61
- package/dist/Input.es.js +1 -1
- package/dist/InputFormik.es.js +32 -32
- package/dist/InputFormikV2.es.js +1 -1
- package/dist/InputMultiple.es.js +51 -51
- package/dist/Logo.es.js +3 -3
- package/dist/Menu.es.js +2 -2
- package/dist/OtpInput.es.js +42 -42
- package/dist/Pagination.es.js +1 -1
- package/dist/RadioButton.es.js +1 -1
- package/dist/{Select-C4UvSsof.js → Select-sdfP2TL0.js} +164 -164
- package/dist/Select.es.js +1 -1
- package/dist/SelectFormik.es.js +1 -1
- package/dist/SelectFormikLegacy.es.js +25 -25
- package/dist/SelectSearch.es.js +1 -1
- package/dist/Steps.es.js +14 -14
- package/dist/TabLinks.es.js +2 -2
- package/dist/Table.es.js +2 -2
- package/dist/Toast.es.js +23 -23
- package/dist/Tooltip.es.js +7 -7
- package/dist/components/Spinner/SpinnerV2.d.ts +12 -0
- package/dist/components/Toaster/Toaster.d.ts +3 -3
- package/dist/exports/Icons.d.ts +1 -1
- package/dist/prometeo-design-system.css +1 -1
- package/dist/prometeo-design-system.es.js +126 -125
- package/package.json +1 -1
- package/dist/HelperComponent-U6mPwuDH.js +0 -24
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { j as e } from "./jsx-runtime-DKDX3adD.js";
|
|
2
|
+
import { memo as i } from "react";
|
|
3
|
+
import { c as r } from "./cn-B6yFEsav.js";
|
|
4
|
+
import { Check as o, Error as n, Info as d } from "./Icons.es.js";
|
|
5
|
+
const a = (s) => {
|
|
6
|
+
const { variant: t, className: m } = s, l = {
|
|
7
|
+
default: "text-neutral-medium-default pt-[1px]",
|
|
8
|
+
error: "text-error-medium-default pt-[1px]",
|
|
9
|
+
success: "text-success-medium-default"
|
|
10
|
+
}, c = {
|
|
11
|
+
default: /* @__PURE__ */ e.jsx(d, { size: 16, className: "text-neutral-medium-default " }),
|
|
12
|
+
error: /* @__PURE__ */ e.jsx(n, { size: 16, className: "text-error-medium-default" }),
|
|
13
|
+
success: /* @__PURE__ */ e.jsx(o, { size: 16, className: "text-success-medium-default" })
|
|
14
|
+
};
|
|
15
|
+
return /* @__PURE__ */ e.jsx("div", { ref: s.ref, className: r("pl-3 mt-1", m), children: typeof s.children == "string" ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-0.5 items-start", children: [
|
|
16
|
+
c[t],
|
|
17
|
+
/* @__PURE__ */ e.jsx("p", { className: r(" prometeo-fonts-body-small", l[t]), children: s.children })
|
|
18
|
+
] }) : s.children });
|
|
19
|
+
};
|
|
20
|
+
a.displayName = "HelperText";
|
|
21
|
+
const j = i(a);
|
|
22
|
+
export {
|
|
23
|
+
j as H
|
|
24
|
+
};
|
package/dist/Icons/Icons.d.ts
CHANGED
|
@@ -4,7 +4,67 @@ export interface IconProps {
|
|
|
4
4
|
className?: string;
|
|
5
5
|
props?: React.SVGProps<SVGSVGElement>;
|
|
6
6
|
}
|
|
7
|
-
|
|
7
|
+
declare const Ticket: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
8
|
+
declare const TicketFilled: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
9
|
+
declare const Home: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
10
|
+
declare const Boards: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
11
|
+
declare const Notifications: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
12
|
+
declare const Help: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
13
|
+
declare const Settings: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
14
|
+
declare const CrevronLeft: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
15
|
+
declare const CrevronRight: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
16
|
+
declare const ArrowLeft: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
17
|
+
declare const Shared: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
18
|
+
declare const ChevronDown: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
19
|
+
declare const Collapse: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
20
|
+
declare const Calendar: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
21
|
+
declare const Close: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
22
|
+
declare const UserPerson: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
23
|
+
declare const Logout: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
24
|
+
declare const ArrowUpDown: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
25
|
+
declare const Filter: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
26
|
+
declare const Search: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
27
|
+
declare const Stars: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
28
|
+
declare const MoreVert: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
29
|
+
declare const Add: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
30
|
+
declare const Edit: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
31
|
+
declare const Upload: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
32
|
+
declare const Copy: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
33
|
+
declare const FaLock: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
34
|
+
declare const AccountCircle: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
35
|
+
declare const UserAdd: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
36
|
+
declare const AttachFile: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
37
|
+
declare const HistoryActivity: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
38
|
+
declare const MessageSquare: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
39
|
+
declare const CloseNavBarDesktop: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
40
|
+
declare const EyeVisibility: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
41
|
+
declare const EyeVisibilityOff: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
42
|
+
declare const Check: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
43
|
+
declare const Info: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
44
|
+
declare const Error: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
45
|
+
declare const UploadCloud: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
46
|
+
declare const Clock: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
47
|
+
declare const Pause: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
48
|
+
declare const FastForward: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
49
|
+
declare const Trash: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
50
|
+
declare const Sort: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
51
|
+
declare const Cancel: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
52
|
+
declare const CheckCircle: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
53
|
+
declare const FormatColorText: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
54
|
+
declare const CheckList: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
55
|
+
declare const WhatsApp: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
56
|
+
declare const Email: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
57
|
+
declare const File: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
58
|
+
declare const Download: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
59
|
+
declare const Reload: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
60
|
+
declare const Image: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
61
|
+
declare const DocumentFill: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
62
|
+
declare const MessageSquareFill: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
63
|
+
declare const UserAddFill: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
64
|
+
declare const EditFill: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
65
|
+
declare const TrashFill: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
66
|
+
declare const Company: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
67
|
+
export { Ticket, Home, Boards, Notifications, Help, Settings, CrevronLeft, CrevronRight, ArrowLeft, Shared, ChevronDown, Collapse, Calendar, Close, UserPerson, Logout, ArrowUpDown, Filter, Search, Stars, MoreVert, Add, Edit, Upload, Copy, FaLock, AccountCircle, UserAdd, AttachFile, HistoryActivity, MessageSquare, CloseNavBarDesktop, EyeVisibility, EyeVisibilityOff, Check, Info, Error, TicketFilled, UploadCloud, Clock, Pause, FastForward, Trash, Sort, Cancel, CheckCircle, FormatColorText, CheckList, WhatsApp, File, Email, Download, Reload, Image, DocumentFill, Company, EditFill, TrashFill, MessageSquareFill, UserAddFill };
|
|
8
68
|
declare const Icons: {
|
|
9
69
|
readonly Ticket: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
|
10
70
|
readonly Home: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
|
package/dist/Icons.es.js
CHANGED
|
@@ -726,7 +726,7 @@ const s = (t) => o(t), n = s(({
|
|
|
726
726
|
fill: "currentColor",
|
|
727
727
|
...h,
|
|
728
728
|
className: l,
|
|
729
|
-
children: /* @__PURE__ */ r.jsx("path", { d: "M2 18C1.45 18 0.979167 17.8042 0.5875 17.4125C0.195833 17.0208 0 16.55 0 16V2C0 1.45 0.195833 0.979167 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0H16C16.55 0 17.0208 0.195833 17.4125 0.5875C17.8042 0.979167 18 1.45 18 2V16C18 16.55 17.8042 17.0208 17.4125 17.4125C17.0208 17.8042 16.55 18 16 18H2ZM2 16H16V2H2V16ZM3 14H15L11.25 9L8.25 13L6 10L3 14ZM5.5 7C5.91667 7 6.27083 6.85417 6.5625 6.5625C6.85417 6.27083 7 5.91667 7 5.5C7 5.08333 6.85417 4.72917 6.5625 4.4375C6.27083 4.14583 5.91667 4 5.5 4C5.08333 4 4.72917 4.14583 4.4375 4.4375C4.14583 4.72917 4 5.08333 4 5.5C4 5.91667 4.14583 6.27083 4.4375 6.5625C4.72917 6.85417 5.08333 7 5.5 7Z", fill: "currentColor", transform: "translate(480,-480) scale(
|
|
729
|
+
children: /* @__PURE__ */ r.jsx("path", { d: "M2 18C1.45 18 0.979167 17.8042 0.5875 17.4125C0.195833 17.0208 0 16.55 0 16V2C0 1.45 0.195833 0.979167 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0H16C16.55 0 17.0208 0.195833 17.4125 0.5875C17.8042 0.979167 18 1.45 18 2V16C18 16.55 17.8042 17.0208 17.4125 17.4125C17.0208 17.8042 16.55 18 16 18H2ZM2 16H16V2H2V16ZM3 14H15L11.25 9L8.25 13L6 10L3 14ZM5.5 7C5.91667 7 6.27083 6.85417 6.5625 6.5625C6.85417 6.27083 7 5.91667 7 5.5C7 5.08333 6.85417 4.72917 6.5625 4.4375C6.27083 4.14583 5.91667 4 5.5 4C5.08333 4 4.72917 4.14583 4.4375 4.4375C4.14583 4.72917 4 5.08333 4 5.5C4 5.91667 4.14583 6.27083 4.4375 6.5625C4.72917 6.85417 5.08333 7 5.5 7Z", fill: "currentColor", transform: "translate(480,-480) scale(48,48) translate(-9,-9)" })
|
|
730
730
|
}
|
|
731
731
|
)), n0 = s(({
|
|
732
732
|
size: t = 24,
|
|
@@ -742,7 +742,7 @@ const s = (t) => o(t), n = s(({
|
|
|
742
742
|
fill: "currentColor",
|
|
743
743
|
...h,
|
|
744
744
|
className: l,
|
|
745
|
-
children: /* @__PURE__ */ r.jsx("path", { d: "M1.33333 13.3333C0.966667 13.3333 0.652778 13.2028 0.391667 12.9417C0.130556 12.6806 0 12.3667 0 12V1.33333C0 0.966667 0.130556 0.652778 0.391667 0.391667C0.652778 0.130556 0.966667 0 1.33333 0H6.66667L10.6667 4V12C10.6667 12.3667 10.5361 12.6806 10.275 12.9417C10.0139 13.2028 9.7 13.3333 9.33333 13.3333H1.33333ZM6 4.66667H9.33333L6 1.33333V4.66667Z", fill: "currentColor", transform: "translate(480,-480) scale(
|
|
745
|
+
children: /* @__PURE__ */ r.jsx("path", { d: "M1.33333 13.3333C0.966667 13.3333 0.652778 13.2028 0.391667 12.9417C0.130556 12.6806 0 12.3667 0 12V1.33333C0 0.966667 0.130556 0.652778 0.391667 0.391667C0.652778 0.130556 0.966667 0 1.33333 0H6.66667L10.6667 4V12C10.6667 12.3667 10.5361 12.6806 10.275 12.9417C10.0139 13.2028 9.7 13.3333 9.33333 13.3333H1.33333ZM6 4.66667H9.33333L6 1.33333V4.66667Z", fill: "currentColor", transform: "translate(480,-480) scale(48,48) translate(-5.3333,-6.6667)" })
|
|
746
746
|
}
|
|
747
747
|
)), e0 = s(({
|
|
748
748
|
size: t = 24,
|
|
@@ -758,7 +758,7 @@ const s = (t) => o(t), n = s(({
|
|
|
758
758
|
fill: "currentColor",
|
|
759
759
|
...h,
|
|
760
760
|
className: l,
|
|
761
|
-
children: /* @__PURE__ */ r.jsx("path", { d: "M0 13.3333V1.33333C0 0.966667 0.130556 0.652778 0.391667 0.391667C0.652778 0.130556 0.966667 0 1.33333 0H12C12.3667 0 12.6806 0.130556 12.9417 0.391667C13.2028 0.652778 13.3333 0.966667 13.3333 1.33333V9.33333C13.3333 9.7 13.2028 10.0139 12.9417 10.275C12.6806 10.5361 12.3667 10.6667 12 10.6667H2.66667L0 13.3333Z", fill: "currentColor", transform: "translate(480,-480) scale(
|
|
761
|
+
children: /* @__PURE__ */ r.jsx("path", { d: "M0 13.3333V1.33333C0 0.966667 0.130556 0.652778 0.391667 0.391667C0.652778 0.130556 0.966667 0 1.33333 0H12C12.3667 0 12.6806 0.130556 12.9417 0.391667C13.2028 0.652778 13.3333 0.966667 13.3333 1.33333V9.33333C13.3333 9.7 13.2028 10.0139 12.9417 10.275C12.6806 10.5361 12.3667 10.6667 12 10.6667H2.66667L0 13.3333Z", fill: "currentColor", transform: "translate(480,-480) scale(48,48) translate(-6.6667,-6.6667)" })
|
|
762
762
|
}
|
|
763
763
|
)), w0 = s(({
|
|
764
764
|
size: t = 24,
|
|
@@ -774,7 +774,7 @@ const s = (t) => o(t), n = s(({
|
|
|
774
774
|
fill: "currentColor",
|
|
775
775
|
...h,
|
|
776
776
|
className: l,
|
|
777
|
-
children: /* @__PURE__ */ r.jsx("path", { d: "M11.3333 6.66667V4.66667H9.33333V3.33333H11.3333V1.33333H12.6667V3.33333H14.6667V4.66667H12.6667V6.66667H11.3333ZM5.33333 5.33333C4.6 5.33333 3.97222 5.07222 3.45 4.55C2.92778 4.02778 2.66667 3.4 2.66667 2.66667C2.66667 1.93333 2.92778 1.30556 3.45 0.783333C3.97222 0.261111 4.6 0 5.33333 0C6.06667 0 6.69444 0.261111 7.21667 0.783333C7.73889 1.30556 8 1.93333 8 2.66667C8 3.4 7.73889 4.02778 7.21667 4.55C6.69444 5.07222 6.06667 5.33333 5.33333 5.33333ZM0 10.6667V8.8C0 8.42222 0.0972222 8.075 0.291667 7.75833C0.486111 7.44167 0.744444 7.2 1.06667 7.03333C1.75556 6.68889 2.45556 6.43056 3.16667 6.25833C3.87778 6.08611 4.6 6 5.33333 6C6.06667 6 6.78889 6.08611 7.5 6.25833C8.21111 6.43056 8.91111 6.68889 9.6 7.03333C9.92222 7.2 10.1806 7.44167 10.375 7.75833C10.5694 8.075 10.6667 8.42222 10.6667 8.8V10.6667H0Z", fill: "currentColor", transform: "translate(480,-480) scale(
|
|
777
|
+
children: /* @__PURE__ */ r.jsx("path", { d: "M11.3333 6.66667V4.66667H9.33333V3.33333H11.3333V1.33333H12.6667V3.33333H14.6667V4.66667H12.6667V6.66667H11.3333ZM5.33333 5.33333C4.6 5.33333 3.97222 5.07222 3.45 4.55C2.92778 4.02778 2.66667 3.4 2.66667 2.66667C2.66667 1.93333 2.92778 1.30556 3.45 0.783333C3.97222 0.261111 4.6 0 5.33333 0C6.06667 0 6.69444 0.261111 7.21667 0.783333C7.73889 1.30556 8 1.93333 8 2.66667C8 3.4 7.73889 4.02778 7.21667 4.55C6.69444 5.07222 6.06667 5.33333 5.33333 5.33333ZM0 10.6667V8.8C0 8.42222 0.0972222 8.075 0.291667 7.75833C0.486111 7.44167 0.744444 7.2 1.06667 7.03333C1.75556 6.68889 2.45556 6.43056 3.16667 6.25833C3.87778 6.08611 4.6 6 5.33333 6C6.06667 6 6.78889 6.08611 7.5 6.25833C8.21111 6.43056 8.91111 6.68889 9.6 7.03333C9.92222 7.2 10.1806 7.44167 10.375 7.75833C10.5694 8.075 10.6667 8.42222 10.6667 8.8V10.6667H0Z", fill: "currentColor", transform: "translate(480,-480) scale(48,48) translate(-7.3333,-5.3333)" })
|
|
778
778
|
}
|
|
779
779
|
)), q0 = s(({
|
|
780
780
|
size: t = 24,
|
|
@@ -790,7 +790,7 @@ const s = (t) => o(t), n = s(({
|
|
|
790
790
|
fill: "currentColor",
|
|
791
791
|
...h,
|
|
792
792
|
className: l,
|
|
793
|
-
children: /* @__PURE__ */ r.jsx("path", { d: "M0 12V9.16667L8.8 0.383333C8.93333 0.261111 9.08056 0.166667 9.24167 0.1C9.40278 0.0333333 9.57222 0 9.75 0C9.92778 0 10.1 0.0333333 10.2667 0.1C10.4333 0.166667 10.5778 0.266667 10.7 0.4L11.6167 1.33333C11.75 1.45556 11.8472 1.6 11.9083 1.76667C11.9694 1.93333 12 2.1 12 2.26667C12 2.44444 11.9694 2.61389 11.9083 2.775C11.8472 2.93611 11.75 3.08333 11.6167 3.21667L2.83333 12H0ZM9.73333 3.2L10.6667 2.26667L9.73333 1.33333L8.8 2.26667L9.73333 3.2Z", fill: "currentColor", transform: "translate(480,-480) scale(
|
|
793
|
+
children: /* @__PURE__ */ r.jsx("path", { d: "M0 12V9.16667L8.8 0.383333C8.93333 0.261111 9.08056 0.166667 9.24167 0.1C9.40278 0.0333333 9.57222 0 9.75 0C9.92778 0 10.1 0.0333333 10.2667 0.1C10.4333 0.166667 10.5778 0.266667 10.7 0.4L11.6167 1.33333C11.75 1.45556 11.8472 1.6 11.9083 1.76667C11.9694 1.93333 12 2.1 12 2.26667C12 2.44444 11.9694 2.61389 11.9083 2.775C11.8472 2.93611 11.75 3.08333 11.6167 3.21667L2.83333 12H0ZM9.73333 3.2L10.6667 2.26667L9.73333 1.33333L8.8 2.26667L9.73333 3.2Z", fill: "currentColor", transform: "translate(480,-480) scale(48,48) translate(-6,-6)" })
|
|
794
794
|
}
|
|
795
795
|
)), v0 = s(({
|
|
796
796
|
size: t = 24,
|
|
@@ -806,7 +806,7 @@ const s = (t) => o(t), n = s(({
|
|
|
806
806
|
fill: "currentColor",
|
|
807
807
|
...h,
|
|
808
808
|
className: l,
|
|
809
|
-
children: /* @__PURE__ */ r.jsx("path", { d: "M2 12C1.63333 12 1.31944 11.8694 1.05833 11.6083C0.797222 11.3472 0.666667 11.0333 0.666667 10.6667V2H0V0.666667H3.33333V0H7.33333V0.666667H10.6667V2H10V10.6667C10 11.0333 9.86944 11.3472 9.60833 11.6083C9.34722 11.8694 9.03333 12 8.66667 12H2ZM3.33333 9.33333H4.66667V3.33333H3.33333V9.33333ZM6 9.33333H7.33333V3.33333H6V9.33333Z", fill: "currentColor", transform: "translate(480,-480) scale(
|
|
809
|
+
children: /* @__PURE__ */ r.jsx("path", { d: "M2 12C1.63333 12 1.31944 11.8694 1.05833 11.6083C0.797222 11.3472 0.666667 11.0333 0.666667 10.6667V2H0V0.666667H3.33333V0H7.33333V0.666667H10.6667V2H10V10.6667C10 11.0333 9.86944 11.3472 9.60833 11.6083C9.34722 11.8694 9.03333 12 8.66667 12H2ZM3.33333 9.33333H4.66667V3.33333H3.33333V9.33333ZM6 9.33333H7.33333V3.33333H6V9.33333Z", fill: "currentColor", transform: "translate(480,-480) scale(48,48) translate(-5.3333,-6)" })
|
|
810
810
|
}
|
|
811
811
|
)), i0 = s(({
|
|
812
812
|
size: t = 24,
|
|
@@ -822,7 +822,7 @@ const s = (t) => o(t), n = s(({
|
|
|
822
822
|
fill: "currentColor",
|
|
823
823
|
...h,
|
|
824
824
|
className: l,
|
|
825
|
-
children: /* @__PURE__ */ r.jsx("path", { d: "M0 12V0H6.66667V2.66667H13.3333V8H12V4H6.66667V5.33333H8V6.66667H6.66667V8H8V9.33333H6.66667V10.6667H9.33333V12H0ZM1.33333 10.6667H2.66667V9.33333H1.33333V10.6667ZM1.33333 8H2.66667V6.66667H1.33333V8ZM1.33333 5.33333H2.66667V4H1.33333V5.33333ZM1.33333 2.66667H2.66667V1.33333H1.33333V2.66667ZM4 10.6667H5.33333V9.33333H4V10.6667ZM4 8H5.33333V6.66667H4V8ZM4 5.33333H5.33333V4H4V5.33333ZM4 2.66667H5.33333V1.33333H4V2.66667ZM12 13.3333V12H10.6667V10.6667H12V9.33333H13.3333V10.6667H14.6667V12H13.3333V13.3333H12ZM9.33333 6.66667V5.33333H10.6667V6.66667H9.33333ZM9.33333 9.33333V8H10.6667V9.33333H9.33333Z", fill: "currentColor", transform: "translate(480,-480) scale(
|
|
825
|
+
children: /* @__PURE__ */ r.jsx("path", { d: "M0 12V0H6.66667V2.66667H13.3333V8H12V4H6.66667V5.33333H8V6.66667H6.66667V8H8V9.33333H6.66667V10.6667H9.33333V12H0ZM1.33333 10.6667H2.66667V9.33333H1.33333V10.6667ZM1.33333 8H2.66667V6.66667H1.33333V8ZM1.33333 5.33333H2.66667V4H1.33333V5.33333ZM1.33333 2.66667H2.66667V1.33333H1.33333V2.66667ZM4 10.6667H5.33333V9.33333H4V10.6667ZM4 8H5.33333V6.66667H4V8ZM4 5.33333H5.33333V4H4V5.33333ZM4 2.66667H5.33333V1.33333H4V2.66667ZM12 13.3333V12H10.6667V10.6667H12V9.33333H13.3333V10.6667H14.6667V12H13.3333V13.3333H12ZM9.33333 6.66667V5.33333H10.6667V6.66667H9.33333ZM9.33333 9.33333V8H10.6667V9.33333H9.33333Z", fill: "currentColor", transform: "translate(480,-480) scale(48,48) translate(-7.3333,-6.6667)" })
|
|
826
826
|
}
|
|
827
827
|
)), T0 = {
|
|
828
828
|
Ticket: n,
|
|
@@ -889,5 +889,65 @@ const s = (t) => o(t), n = s(({
|
|
|
889
889
|
for (const [t, l] of Object.entries(T0))
|
|
890
890
|
l.displayName = `${t}_Icon`;
|
|
891
891
|
export {
|
|
892
|
-
|
|
892
|
+
k as AccountCircle,
|
|
893
|
+
V as Add,
|
|
894
|
+
g as ArrowLeft,
|
|
895
|
+
H as ArrowUpDown,
|
|
896
|
+
A as AttachFile,
|
|
897
|
+
q as Boards,
|
|
898
|
+
a as Calendar,
|
|
899
|
+
Q as Cancel,
|
|
900
|
+
b as Check,
|
|
901
|
+
X as CheckCircle,
|
|
902
|
+
z as CheckList,
|
|
903
|
+
d as ChevronDown,
|
|
904
|
+
G as Clock,
|
|
905
|
+
m as Close,
|
|
906
|
+
D as CloseNavBarDesktop,
|
|
907
|
+
Z as Collapse,
|
|
908
|
+
i0 as Company,
|
|
909
|
+
F as Copy,
|
|
910
|
+
C as CrevronLeft,
|
|
911
|
+
x as CrevronRight,
|
|
912
|
+
n0 as DocumentFill,
|
|
913
|
+
h0 as Download,
|
|
914
|
+
B as Edit,
|
|
915
|
+
q0 as EditFill,
|
|
916
|
+
r0 as Email,
|
|
917
|
+
P as Error,
|
|
918
|
+
I as EyeVisibility,
|
|
919
|
+
O as EyeVisibilityOff,
|
|
920
|
+
y as FaLock,
|
|
921
|
+
$ as FastForward,
|
|
922
|
+
l0 as File,
|
|
923
|
+
j as Filter,
|
|
924
|
+
Y as FormatColorText,
|
|
925
|
+
i as Help,
|
|
926
|
+
E as HistoryActivity,
|
|
927
|
+
w as Home,
|
|
928
|
+
T0 as Icons,
|
|
929
|
+
o0 as Image,
|
|
930
|
+
N as Info,
|
|
931
|
+
u as Logout,
|
|
932
|
+
S as MessageSquare,
|
|
933
|
+
e0 as MessageSquareFill,
|
|
934
|
+
f as MoreVert,
|
|
935
|
+
v as Notifications,
|
|
936
|
+
W as Pause,
|
|
937
|
+
s0 as Reload,
|
|
938
|
+
M as Search,
|
|
939
|
+
T as Settings,
|
|
940
|
+
c as Shared,
|
|
941
|
+
K as Sort,
|
|
942
|
+
L as Stars,
|
|
943
|
+
n as Ticket,
|
|
944
|
+
e as TicketFilled,
|
|
945
|
+
J as Trash,
|
|
946
|
+
v0 as TrashFill,
|
|
947
|
+
_ as Upload,
|
|
948
|
+
R as UploadCloud,
|
|
949
|
+
U as UserAdd,
|
|
950
|
+
w0 as UserAddFill,
|
|
951
|
+
p as UserPerson,
|
|
952
|
+
t0 as WhatsApp
|
|
893
953
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { j as t } from "./jsx-runtime-DKDX3adD.js";
|
|
2
|
-
import
|
|
2
|
+
import Q, { memo as M, forwardRef as A, useRef as v, useEffect as ee, useCallback as i, useState as R, useImperativeHandle as te } from "react";
|
|
3
3
|
import { c as X } from "./cn-B6yFEsav.js";
|
|
4
|
-
import { u as
|
|
4
|
+
import { u as ne } from "./useDragScroll-CHN9OMwn.js";
|
|
5
5
|
import S from "./Button.es.js";
|
|
6
|
-
import {
|
|
7
|
-
const
|
|
8
|
-
const { ref: d, bind: a } =
|
|
6
|
+
import { Close as re, CrevronLeft as se, CrevronRight as ae } from "./Icons.es.js";
|
|
7
|
+
const L = M(A(({ images: n, className: c }, r) => {
|
|
8
|
+
const { ref: d, bind: a } = ne({
|
|
9
9
|
axis: "x",
|
|
10
10
|
friction: 0.9,
|
|
11
11
|
minVelocity: 0.5,
|
|
@@ -27,7 +27,7 @@ const O = D(L(({ images: n, className: c }, r) => {
|
|
|
27
27
|
onPointerCancel: a.onPointerCancel,
|
|
28
28
|
onClickCapture: a.onClickCapture,
|
|
29
29
|
"aria-label": "Image gallery",
|
|
30
|
-
children: n && n.length > 0 && n.map((l, o) =>
|
|
30
|
+
children: n && n.length > 0 && n.map((l, o) => Q.cloneElement(l, {
|
|
31
31
|
key: l.props.src || o,
|
|
32
32
|
...l.props,
|
|
33
33
|
galleryRef: r,
|
|
@@ -36,8 +36,8 @@ const O = D(L(({ images: n, className: c }, r) => {
|
|
|
36
36
|
}
|
|
37
37
|
);
|
|
38
38
|
}));
|
|
39
|
-
|
|
40
|
-
const
|
|
39
|
+
L.displayName = "GalleryPreview";
|
|
40
|
+
const O = M(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails: d, thumbnailsClassName: a, currentIndex: l, goToNext: o, goToPrevious: s, goToIndex: N }) => {
|
|
41
41
|
const h = v(null), y = v(null), w = v(null), m = v({
|
|
42
42
|
scale: 1,
|
|
43
43
|
translateX: 0,
|
|
@@ -49,23 +49,23 @@ const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
|
|
|
49
49
|
distanceX: 0,
|
|
50
50
|
distanceY: 0
|
|
51
51
|
});
|
|
52
|
-
|
|
52
|
+
ee(() => {
|
|
53
53
|
w.current && w.current.focus();
|
|
54
54
|
}, []);
|
|
55
55
|
const k = i((e) => {
|
|
56
56
|
e.preventDefault(), e.stopPropagation(), e.key === "Escape" ? r() : e.key === "ArrowLeft" ? s() : e.key === "ArrowRight" && o();
|
|
57
|
-
}, [r, s, o]),
|
|
57
|
+
}, [r, s, o]), P = i((e) => {
|
|
58
58
|
u.current = { startX: e.touches[0].clientX, startY: e.touches[0].clientY, isDragging: !0, distanceX: 0, distanceY: 0 };
|
|
59
59
|
}, []), j = i((e) => {
|
|
60
60
|
const g = e.touches[0];
|
|
61
61
|
u.current = { ...u.current, isDragging: !0, distanceX: g.clientX - u.current.startX, distanceY: g.clientY - u.current.startY };
|
|
62
|
-
}, []),
|
|
62
|
+
}, []), z = i(() => {
|
|
63
63
|
u.current = { ...u.current, startX: 0, startY: 0, isDragging: !1 }, Math.abs(u.current.distanceX) > Math.abs(u.current.distanceY) && (u.current.distanceX < 0 ? o() : s());
|
|
64
64
|
}, [o, s]), C = i(() => {
|
|
65
65
|
const e = h.current;
|
|
66
66
|
if (!e) return;
|
|
67
|
-
const { scale: g, translateX: p, translateY:
|
|
68
|
-
e.style.transform = `scale(${g}) translate(${p}px, ${
|
|
67
|
+
const { scale: g, translateX: p, translateY: I } = m.current;
|
|
68
|
+
e.style.transform = `scale(${g}) translate(${p}px, ${I}px)`, e.style.transformOrigin = "center center", e.style.transition = "transform 0.1s ease-out";
|
|
69
69
|
}, []), b = i(() => {
|
|
70
70
|
m.current = { scale: 1, translateX: 0, translateY: 0 }, h.current && (h.current.style.transform = "scale(1) translate(0px, 0px)", h.current.style.transformOrigin = "center center");
|
|
71
71
|
}, []), f = i((e) => {
|
|
@@ -75,17 +75,17 @@ const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
|
|
|
75
75
|
e.deltaY < 0 ? o() : e.deltaY > 0 && s();
|
|
76
76
|
return;
|
|
77
77
|
}
|
|
78
|
-
const
|
|
79
|
-
let x =
|
|
80
|
-
if (x = Math.max(
|
|
78
|
+
const I = 2e-3, D = 1, B = 8, F = -e.deltaY * I, E = m.current.scale;
|
|
79
|
+
let x = E + F;
|
|
80
|
+
if (x = Math.max(D, Math.min(B, x)), x === D) {
|
|
81
81
|
b();
|
|
82
82
|
return;
|
|
83
83
|
}
|
|
84
|
-
const Y = p.getBoundingClientRect(),
|
|
84
|
+
const Y = p.getBoundingClientRect(), G = e.clientX - Y.left, W = e.clientY - Y.top, H = Y.width / 2, K = Y.height / 2, $ = G - H, q = W - K, T = x / E, U = m.current.translateX, V = m.current.translateY, Z = U - $ * (T - 1) / x, J = V - q * (T - 1) / x;
|
|
85
85
|
m.current = {
|
|
86
86
|
scale: x,
|
|
87
|
-
translateX:
|
|
88
|
-
translateY:
|
|
87
|
+
translateX: Z,
|
|
88
|
+
translateY: J
|
|
89
89
|
}, C();
|
|
90
90
|
}, [o, s, C, b]);
|
|
91
91
|
return n.length === 0 ? null : /* @__PURE__ */ t.jsxs(
|
|
@@ -95,9 +95,9 @@ const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
|
|
|
95
95
|
className: X("fixed inset-0 z-50 bg-black/90 flex items-center justify-center lg:px-16", c),
|
|
96
96
|
onClick: r,
|
|
97
97
|
onKeyDown: k,
|
|
98
|
-
onTouchStart:
|
|
98
|
+
onTouchStart: P,
|
|
99
99
|
onTouchMove: j,
|
|
100
|
-
onTouchEnd:
|
|
100
|
+
onTouchEnd: z,
|
|
101
101
|
tabIndex: 0,
|
|
102
102
|
role: "dialog",
|
|
103
103
|
"aria-modal": "true",
|
|
@@ -109,9 +109,9 @@ const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
|
|
|
109
109
|
color: "secondary",
|
|
110
110
|
size: "small",
|
|
111
111
|
onClick: r,
|
|
112
|
-
className: "
|
|
112
|
+
className: "text-white! hover:text-gray-300! w-auto! h-auto! p-2!",
|
|
113
113
|
"aria-label": "Close gallery",
|
|
114
|
-
children: /* @__PURE__ */ t.jsx(
|
|
114
|
+
children: /* @__PURE__ */ t.jsx(re, { size: 24 })
|
|
115
115
|
}
|
|
116
116
|
) }),
|
|
117
117
|
n.length > 1 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
@@ -131,9 +131,9 @@ const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
|
|
|
131
131
|
onClick: (e) => {
|
|
132
132
|
e.stopPropagation(), s();
|
|
133
133
|
},
|
|
134
|
-
className: "
|
|
134
|
+
className: "text-white! hover:text-gray-300! w-auto! h-auto! p-2!",
|
|
135
135
|
"aria-label": "Previous image",
|
|
136
|
-
children: /* @__PURE__ */ t.jsx(
|
|
136
|
+
children: /* @__PURE__ */ t.jsx(se, { size: 24 })
|
|
137
137
|
}
|
|
138
138
|
)
|
|
139
139
|
}
|
|
@@ -154,9 +154,9 @@ const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
|
|
|
154
154
|
onClick: (e) => {
|
|
155
155
|
e.stopPropagation(), o();
|
|
156
156
|
},
|
|
157
|
-
className: "
|
|
157
|
+
className: "text-white! hover:text-gray-300! w-auto! h-auto! p-2!",
|
|
158
158
|
"aria-label": "Next image",
|
|
159
|
-
children: /* @__PURE__ */ t.jsx(
|
|
159
|
+
children: /* @__PURE__ */ t.jsx(ae, { size: 24 })
|
|
160
160
|
}
|
|
161
161
|
)
|
|
162
162
|
}
|
|
@@ -194,7 +194,7 @@ const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
|
|
|
194
194
|
)
|
|
195
195
|
}
|
|
196
196
|
),
|
|
197
|
-
d && /* @__PURE__ */ t.jsx("div", { className: " w-full absolute items-center flex justify-center left-0 right-0 z-
|
|
197
|
+
d && /* @__PURE__ */ t.jsx("div", { className: " w-full absolute items-center flex justify-center left-0 right-0 z-100 bottom-0", children: /* @__PURE__ */ t.jsx(_, { images: n, currentIndex: l, goToIndex: N, thumbnailsClassName: a }) }),
|
|
198
198
|
n.length > 1 && /* @__PURE__ */ t.jsxs("div", { className: "absolute bottom-20 left-1/2 transform -translate-x-1/2 text-neutral-default-default prometeo-fonts-label-xlarge px-4 py-2 rounded-full", children: [
|
|
199
199
|
l + 1,
|
|
200
200
|
" / ",
|
|
@@ -204,13 +204,13 @@ const _ = D(({ images: n, lightboxClassName: c, closeLightbox: r, showThumbnails
|
|
|
204
204
|
}
|
|
205
205
|
);
|
|
206
206
|
});
|
|
207
|
-
|
|
208
|
-
const
|
|
207
|
+
O.displayName = "LightBox";
|
|
208
|
+
const le = (n, c) => {
|
|
209
209
|
if (n.currentIndex !== c.currentIndex || n.thumbnailsClassName !== c.thumbnailsClassName || n.images.length !== c.images.length) return !1;
|
|
210
210
|
for (let r = 0; r < n.images.length; r++)
|
|
211
211
|
if (n.images[r].src !== c.images[r].src) return !1;
|
|
212
212
|
return !0;
|
|
213
|
-
},
|
|
213
|
+
}, _ = M(({ images: n, currentIndex: c, goToIndex: r, thumbnailsClassName: d }) => /* @__PURE__ */ t.jsxs(
|
|
214
214
|
"div",
|
|
215
215
|
{
|
|
216
216
|
className: "flex gap-4 w-max overflow-x-auto overflow-y-visible max-w-full px-16 py-4",
|
|
@@ -250,9 +250,9 @@ const se = (n, c) => {
|
|
|
250
250
|
))
|
|
251
251
|
]
|
|
252
252
|
}
|
|
253
|
-
),
|
|
254
|
-
|
|
255
|
-
const
|
|
253
|
+
), le);
|
|
254
|
+
_.displayName = "Thumbnails";
|
|
255
|
+
const oe = A(
|
|
256
256
|
(n, c) => {
|
|
257
257
|
const {
|
|
258
258
|
children: r,
|
|
@@ -262,15 +262,15 @@ const ae = L(
|
|
|
262
262
|
thumbnailsClassName: o
|
|
263
263
|
} = n, [s, N] = R([]), [h, y] = R(!1), [w, m] = R(0), u = r ? Array.isArray(r) ? r : [r] : [], k = i((f) => {
|
|
264
264
|
N((e) => e.some((p) => p.src === f.src) ? e : [...e, f]);
|
|
265
|
-
}, []),
|
|
265
|
+
}, []), P = i((f = 0) => {
|
|
266
266
|
m(f), y(!0);
|
|
267
267
|
}, []), j = i(() => {
|
|
268
268
|
y(!1);
|
|
269
269
|
}, []);
|
|
270
|
-
|
|
270
|
+
te(
|
|
271
271
|
c,
|
|
272
272
|
() => ({
|
|
273
|
-
openLightbox:
|
|
273
|
+
openLightbox: P,
|
|
274
274
|
closeLightbox: j,
|
|
275
275
|
isOpen: h,
|
|
276
276
|
addImage: k,
|
|
@@ -278,7 +278,7 @@ const ae = L(
|
|
|
278
278
|
}),
|
|
279
279
|
[s]
|
|
280
280
|
);
|
|
281
|
-
const
|
|
281
|
+
const z = i(() => {
|
|
282
282
|
m((f) => (f + 1) % s.length);
|
|
283
283
|
}, [s.length]), C = i(() => {
|
|
284
284
|
m((f) => (f - 1 + s.length) % s.length);
|
|
@@ -287,7 +287,7 @@ const ae = L(
|
|
|
287
287
|
}, []);
|
|
288
288
|
return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
289
289
|
/* @__PURE__ */ t.jsx(
|
|
290
|
-
|
|
290
|
+
L,
|
|
291
291
|
{
|
|
292
292
|
images: u,
|
|
293
293
|
className: d,
|
|
@@ -295,7 +295,7 @@ const ae = L(
|
|
|
295
295
|
}
|
|
296
296
|
),
|
|
297
297
|
h && /* @__PURE__ */ t.jsx(
|
|
298
|
-
|
|
298
|
+
O,
|
|
299
299
|
{
|
|
300
300
|
images: s,
|
|
301
301
|
closeLightbox: j,
|
|
@@ -303,7 +303,7 @@ const ae = L(
|
|
|
303
303
|
lightboxClassName: a,
|
|
304
304
|
thumbnailsClassName: o,
|
|
305
305
|
currentIndex: w,
|
|
306
|
-
goToNext:
|
|
306
|
+
goToNext: z,
|
|
307
307
|
goToPrevious: C,
|
|
308
308
|
goToIndex: b
|
|
309
309
|
}
|
|
@@ -311,7 +311,7 @@ const ae = L(
|
|
|
311
311
|
] });
|
|
312
312
|
}
|
|
313
313
|
);
|
|
314
|
-
|
|
314
|
+
oe.displayName = "ImageGallery";
|
|
315
315
|
export {
|
|
316
|
-
|
|
316
|
+
oe as I
|
|
317
317
|
};
|
package/dist/ImageGallery.es.js
CHANGED