@orbe-agro/client-core 5.6.149 → 5.6.151
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/@ecme/assets/styles/app.css +78 -1
- package/dist/@ecme/assets/styles/components/_orbe-loader.css +85 -0
- package/dist/@ecme/assets/styles/components/index.css +77 -0
- package/dist/@ecme/components/index.js +58 -56
- package/dist/@ecme/components/index.js.map +1 -1
- package/dist/@ecme/components/shared/Loading.js +3 -4
- package/dist/@ecme/components/shared/Loading.js.map +1 -1
- package/dist/@ecme/components/shared/index.js +6 -4
- package/dist/@ecme/components/shared/index.js.map +1 -1
- package/dist/@ecme/components/shared/loaders/GlobalLoading.js +2 -5
- package/dist/@ecme/components/shared/loaders/GlobalLoading.js.map +1 -1
- package/dist/@ecme/components/shared/loaders/OrbeLoader.js +28 -0
- package/dist/@ecme/components/shared/loaders/OrbeLoader.js.map +1 -0
- package/dist/@ecme/components/template/Footer.js +1 -1
- package/dist/@ecme/index.js +136 -134
- package/dist/@ecme/index.js.map +1 -1
- package/dist/@types/@ecme/components/shared/index.d.ts +1 -0
- package/dist/@types/@ecme/components/shared/index.d.ts.map +1 -1
- package/dist/@types/@ecme/components/shared/loaders/GlobalLoading.d.ts.map +1 -1
- package/dist/@types/@ecme/components/shared/loaders/OrbeLoader.d.ts +8 -0
- package/dist/@types/@ecme/components/shared/loaders/OrbeLoader.d.ts.map +1 -0
- package/dist/base/assets/logo/orbe-agro/orbe-agro-logo-min.svg.js +5 -0
- package/dist/base/assets/logo/orbe-agro/orbe-agro-logo-min.svg.js.map +1 -0
- package/dist/base/assets/styles/init.css +78 -1
- package/lib/@ecme/assets/styles/components/_orbe-loader.css +84 -0
- package/lib/@ecme/assets/styles/components/index.css +1 -0
- package/lib/@ecme/components/shared/Loading.tsx +3 -3
- package/lib/@ecme/components/shared/index.tsx +1 -0
- package/lib/@ecme/components/shared/loaders/GlobalLoading.tsx +2 -4
- package/lib/@ecme/components/shared/loaders/OrbeLoader.tsx +37 -0
- package/package.json +1 -1
|
@@ -2566,6 +2566,83 @@ td {
|
|
|
2566
2566
|
margin-right: 0.5rem;
|
|
2567
2567
|
padding: 0.75rem;
|
|
2568
2568
|
}
|
|
2569
|
+
.orbe-loader {
|
|
2570
|
+
--loader-size: 48px;
|
|
2571
|
+
--loader-color: #4eb9ea;
|
|
2572
|
+
--loader-color-2: #73cfbf;
|
|
2573
|
+
--loader-ring: rgba(78, 185, 234, 0.22);
|
|
2574
|
+
|
|
2575
|
+
position: relative;
|
|
2576
|
+
width: var(--loader-size);
|
|
2577
|
+
height: var(--loader-size);
|
|
2578
|
+
display: inline-flex;
|
|
2579
|
+
align-items: center;
|
|
2580
|
+
justify-content: center;
|
|
2581
|
+
}
|
|
2582
|
+
.orbe-loader__logo {
|
|
2583
|
+
width: 68%;
|
|
2584
|
+
height: 68%;
|
|
2585
|
+
-o-object-fit: contain;
|
|
2586
|
+
object-fit: contain;
|
|
2587
|
+
animation: orbePulse 1.4s ease-in-out infinite;
|
|
2588
|
+
}
|
|
2589
|
+
.orbe-loader__orbit {
|
|
2590
|
+
position: absolute;
|
|
2591
|
+
inset: 0;
|
|
2592
|
+
border-radius: 999px;
|
|
2593
|
+
border: 1.5px solid var(--loader-ring);
|
|
2594
|
+
animation: orbeRotate 1.1s linear infinite;
|
|
2595
|
+
}
|
|
2596
|
+
.orbe-loader__orbit::before {
|
|
2597
|
+
content: "";
|
|
2598
|
+
position: absolute;
|
|
2599
|
+
top: -3px;
|
|
2600
|
+
left: 50%;
|
|
2601
|
+
width: 7px;
|
|
2602
|
+
height: 7px;
|
|
2603
|
+
border-radius: 999px;
|
|
2604
|
+
background: linear-gradient(
|
|
2605
|
+
135deg,
|
|
2606
|
+
var(--loader-color-2),
|
|
2607
|
+
var(--loader-color)
|
|
2608
|
+
);
|
|
2609
|
+
transform: translateX(-50%);
|
|
2610
|
+
box-shadow: 0 0 8px rgba(78, 185, 234, 0.45);
|
|
2611
|
+
}
|
|
2612
|
+
@keyframes orbeRotate {
|
|
2613
|
+
to {
|
|
2614
|
+
transform: rotate(360deg);
|
|
2615
|
+
}
|
|
2616
|
+
}
|
|
2617
|
+
@keyframes orbePulse {
|
|
2618
|
+
0%,
|
|
2619
|
+
100% {
|
|
2620
|
+
transform: scale(0.96);
|
|
2621
|
+
opacity: 0.72;
|
|
2622
|
+
}
|
|
2623
|
+
|
|
2624
|
+
50% {
|
|
2625
|
+
transform: scale(1);
|
|
2626
|
+
opacity: 1;
|
|
2627
|
+
}
|
|
2628
|
+
}
|
|
2629
|
+
/** Tema escuro — override das CSS custom properties */
|
|
2630
|
+
[data-theme="dark"] .orbe-loader {
|
|
2631
|
+
--loader-ring: rgba(255, 255, 255, 0.18);
|
|
2632
|
+
}
|
|
2633
|
+
/** Estado neutro / desabilitado */
|
|
2634
|
+
.orbe-loader.is-muted {
|
|
2635
|
+
--loader-color: #666362;
|
|
2636
|
+
--loader-color-2: #666362;
|
|
2637
|
+
--loader-ring: rgba(102, 99, 98, 0.22);
|
|
2638
|
+
}
|
|
2639
|
+
/** Acessibilidade: reduzir movimento */
|
|
2640
|
+
@media (prefers-reduced-motion: reduce) {
|
|
2641
|
+
.orbe-loader__logo,
|
|
2642
|
+
.orbe-loader__orbit {
|
|
2643
|
+
animation: none;
|
|
2644
|
+
}
|
|
2645
|
+
}
|
|
2569
2646
|
.header{
|
|
2570
2647
|
position: sticky;
|
|
2571
2648
|
top: 0px;
|
|
@@ -3529,7 +3606,7 @@ td {
|
|
|
3529
3606
|
--tw-contain-paint: ;
|
|
3530
3607
|
--tw-contain-style: ;
|
|
3531
3608
|
}
|
|
3532
|
-
|
|
3609
|
+
/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
|
|
3533
3610
|
/*
|
|
3534
3611
|
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
3535
3612
|
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
.orbe-loader {
|
|
2
|
+
--loader-size: 48px;
|
|
3
|
+
--loader-color: #4eb9ea;
|
|
4
|
+
--loader-color-2: #73cfbf;
|
|
5
|
+
--loader-ring: rgba(78, 185, 234, 0.22);
|
|
6
|
+
|
|
7
|
+
position: relative;
|
|
8
|
+
width: var(--loader-size);
|
|
9
|
+
height: var(--loader-size);
|
|
10
|
+
display: inline-flex;
|
|
11
|
+
align-items: center;
|
|
12
|
+
justify-content: center;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.orbe-loader__logo {
|
|
16
|
+
width: 68%;
|
|
17
|
+
height: 68%;
|
|
18
|
+
-o-object-fit: contain;
|
|
19
|
+
object-fit: contain;
|
|
20
|
+
animation: orbePulse 1.4s ease-in-out infinite;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.orbe-loader__orbit {
|
|
24
|
+
position: absolute;
|
|
25
|
+
inset: 0;
|
|
26
|
+
border-radius: 999px;
|
|
27
|
+
border: 1.5px solid var(--loader-ring);
|
|
28
|
+
animation: orbeRotate 1.1s linear infinite;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.orbe-loader__orbit::before {
|
|
32
|
+
content: "";
|
|
33
|
+
position: absolute;
|
|
34
|
+
top: -3px;
|
|
35
|
+
left: 50%;
|
|
36
|
+
width: 7px;
|
|
37
|
+
height: 7px;
|
|
38
|
+
border-radius: 999px;
|
|
39
|
+
background: linear-gradient(
|
|
40
|
+
135deg,
|
|
41
|
+
var(--loader-color-2),
|
|
42
|
+
var(--loader-color)
|
|
43
|
+
);
|
|
44
|
+
transform: translateX(-50%);
|
|
45
|
+
box-shadow: 0 0 8px rgba(78, 185, 234, 0.45);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
@keyframes orbeRotate {
|
|
49
|
+
to {
|
|
50
|
+
transform: rotate(360deg);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@keyframes orbePulse {
|
|
55
|
+
0%,
|
|
56
|
+
100% {
|
|
57
|
+
transform: scale(0.96);
|
|
58
|
+
opacity: 0.72;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
50% {
|
|
62
|
+
transform: scale(1);
|
|
63
|
+
opacity: 1;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
/** Tema escuro — override das CSS custom properties */
|
|
68
|
+
[data-theme="dark"] .orbe-loader {
|
|
69
|
+
--loader-ring: rgba(255, 255, 255, 0.18);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
/** Estado neutro / desabilitado */
|
|
73
|
+
.orbe-loader.is-muted {
|
|
74
|
+
--loader-color: #666362;
|
|
75
|
+
--loader-color-2: #666362;
|
|
76
|
+
--loader-ring: rgba(102, 99, 98, 0.22);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
/** Acessibilidade: reduzir movimento */
|
|
80
|
+
@media (prefers-reduced-motion: reduce) {
|
|
81
|
+
.orbe-loader__logo,
|
|
82
|
+
.orbe-loader__orbit {
|
|
83
|
+
animation: none;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
@@ -2565,3 +2565,80 @@ td {
|
|
|
2565
2565
|
margin-right: 0.5rem;
|
|
2566
2566
|
padding: 0.75rem;
|
|
2567
2567
|
}
|
|
2568
|
+
.orbe-loader {
|
|
2569
|
+
--loader-size: 48px;
|
|
2570
|
+
--loader-color: #4eb9ea;
|
|
2571
|
+
--loader-color-2: #73cfbf;
|
|
2572
|
+
--loader-ring: rgba(78, 185, 234, 0.22);
|
|
2573
|
+
|
|
2574
|
+
position: relative;
|
|
2575
|
+
width: var(--loader-size);
|
|
2576
|
+
height: var(--loader-size);
|
|
2577
|
+
display: inline-flex;
|
|
2578
|
+
align-items: center;
|
|
2579
|
+
justify-content: center;
|
|
2580
|
+
}
|
|
2581
|
+
.orbe-loader__logo {
|
|
2582
|
+
width: 68%;
|
|
2583
|
+
height: 68%;
|
|
2584
|
+
-o-object-fit: contain;
|
|
2585
|
+
object-fit: contain;
|
|
2586
|
+
animation: orbePulse 1.4s ease-in-out infinite;
|
|
2587
|
+
}
|
|
2588
|
+
.orbe-loader__orbit {
|
|
2589
|
+
position: absolute;
|
|
2590
|
+
inset: 0;
|
|
2591
|
+
border-radius: 999px;
|
|
2592
|
+
border: 1.5px solid var(--loader-ring);
|
|
2593
|
+
animation: orbeRotate 1.1s linear infinite;
|
|
2594
|
+
}
|
|
2595
|
+
.orbe-loader__orbit::before {
|
|
2596
|
+
content: "";
|
|
2597
|
+
position: absolute;
|
|
2598
|
+
top: -3px;
|
|
2599
|
+
left: 50%;
|
|
2600
|
+
width: 7px;
|
|
2601
|
+
height: 7px;
|
|
2602
|
+
border-radius: 999px;
|
|
2603
|
+
background: linear-gradient(
|
|
2604
|
+
135deg,
|
|
2605
|
+
var(--loader-color-2),
|
|
2606
|
+
var(--loader-color)
|
|
2607
|
+
);
|
|
2608
|
+
transform: translateX(-50%);
|
|
2609
|
+
box-shadow: 0 0 8px rgba(78, 185, 234, 0.45);
|
|
2610
|
+
}
|
|
2611
|
+
@keyframes orbeRotate {
|
|
2612
|
+
to {
|
|
2613
|
+
transform: rotate(360deg);
|
|
2614
|
+
}
|
|
2615
|
+
}
|
|
2616
|
+
@keyframes orbePulse {
|
|
2617
|
+
0%,
|
|
2618
|
+
100% {
|
|
2619
|
+
transform: scale(0.96);
|
|
2620
|
+
opacity: 0.72;
|
|
2621
|
+
}
|
|
2622
|
+
|
|
2623
|
+
50% {
|
|
2624
|
+
transform: scale(1);
|
|
2625
|
+
opacity: 1;
|
|
2626
|
+
}
|
|
2627
|
+
}
|
|
2628
|
+
/** Tema escuro — override das CSS custom properties */
|
|
2629
|
+
[data-theme="dark"] .orbe-loader {
|
|
2630
|
+
--loader-ring: rgba(255, 255, 255, 0.18);
|
|
2631
|
+
}
|
|
2632
|
+
/** Estado neutro / desabilitado */
|
|
2633
|
+
.orbe-loader.is-muted {
|
|
2634
|
+
--loader-color: #666362;
|
|
2635
|
+
--loader-color-2: #666362;
|
|
2636
|
+
--loader-ring: rgba(102, 99, 98, 0.22);
|
|
2637
|
+
}
|
|
2638
|
+
/** Acessibilidade: reduzir movimento */
|
|
2639
|
+
@media (prefers-reduced-motion: reduce) {
|
|
2640
|
+
.orbe-loader__logo,
|
|
2641
|
+
.orbe-loader__orbit {
|
|
2642
|
+
animation: none;
|
|
2643
|
+
}
|
|
2644
|
+
}
|
|
@@ -62,42 +62,43 @@ import { default as default48 } from "./shared/MetricCard.js";
|
|
|
62
62
|
import { default as default49 } from "./shared/NavToggle.js";
|
|
63
63
|
import { default as default50 } from "./ui/Notification/Notification.js";
|
|
64
64
|
import { default as default51 } from "./shared/NumericInput.js";
|
|
65
|
-
import { default as default52 } from "./shared/
|
|
66
|
-
import { default as default53 } from "./
|
|
67
|
-
import { default as default54 } from "./
|
|
65
|
+
import { default as default52 } from "./shared/loaders/OrbeLoader.js";
|
|
66
|
+
import { default as default53 } from "./shared/OtpInput.js";
|
|
67
|
+
import { default as default54 } from "./ui/Pagination/Pagination.js";
|
|
68
|
+
import { default as default55 } from "./shared/PasswordInput.js";
|
|
68
69
|
import { PatternInput } from "./shared/PatternInput.js";
|
|
69
|
-
import { default as
|
|
70
|
-
import { default as
|
|
71
|
-
import { default as
|
|
72
|
-
import { default as
|
|
70
|
+
import { default as default56 } from "./shared/PresetSegmentItemOption.js";
|
|
71
|
+
import { default as default57 } from "./ui/Progress/Progress.js";
|
|
72
|
+
import { default as default58 } from "./route/ProtectedRoute.js";
|
|
73
|
+
import { default as default59 } from "./route/PublicRoute.js";
|
|
73
74
|
import { Radio } from "./ui/Radio/index.js";
|
|
74
|
-
import { default as
|
|
75
|
-
import { default as
|
|
76
|
-
import { default as
|
|
75
|
+
import { default as default60 } from "./ui/DatePicker/RangeCalendar.js";
|
|
76
|
+
import { default as default61 } from "./shared/RichTextEditor/RichTextEditor.js";
|
|
77
|
+
import { default as default62 } from "./ui/ScrollBar/ScrollBar.js";
|
|
77
78
|
import { Segment } from "./ui/Segment/index.js";
|
|
78
|
-
import { default as
|
|
79
|
-
import { default as
|
|
80
|
-
import { default as
|
|
79
|
+
import { default as default63 } from "./ui/Select/Select.js";
|
|
80
|
+
import { default as default64 } from "./ui/Skeleton/Skeleton.js";
|
|
81
|
+
import { default as default65 } from "./ui/Spinner/Spinner.js";
|
|
81
82
|
import { Steps } from "./ui/Steps/index.js";
|
|
82
|
-
import { default as
|
|
83
|
-
import { default as
|
|
84
|
-
import { default as
|
|
85
|
-
import { default as
|
|
83
|
+
import { default as default66 } from "./shared/StickyFooter.js";
|
|
84
|
+
import { default as default67 } from "./shared/StrictModeDroppable.js";
|
|
85
|
+
import { default as default68 } from "./ui/Switcher/Switcher.js";
|
|
86
|
+
import { default as default69 } from "./shared/SyntaxHighlighter.js";
|
|
86
87
|
import { Table } from "./ui/Table/index.js";
|
|
87
|
-
import { default as
|
|
88
|
+
import { default as default70 } from "./shared/loaders/TableRowSkeleton.js";
|
|
88
89
|
import { Tabs } from "./ui/Tabs/index.js";
|
|
89
|
-
import { default as
|
|
90
|
-
import { default as
|
|
91
|
-
import { default as
|
|
90
|
+
import { default as default71 } from "./ui/Tag/Tag.js";
|
|
91
|
+
import { default as default72 } from "./view/TaskItem/TaskItem.js";
|
|
92
|
+
import { default as default73 } from "./shared/loaders/TextBlockSkeleton.js";
|
|
92
93
|
import { TimeInput } from "./ui/TimeInput/index.js";
|
|
93
94
|
import { Timeline } from "./ui/Timeline/index.js";
|
|
94
|
-
import { default as
|
|
95
|
-
import { default as
|
|
96
|
-
import { default as
|
|
97
|
-
import { default as
|
|
98
|
-
import { default as
|
|
99
|
-
import { default as
|
|
100
|
-
import { default as
|
|
95
|
+
import { default as default74 } from "./shared/ToggleDrawer.js";
|
|
96
|
+
import { default as default75 } from "./ui/Tooltip/Tooltip.js";
|
|
97
|
+
import { default as default76 } from "./ui/Upload/Upload.js";
|
|
98
|
+
import { default as default77 } from "./ui/UploadCustom/UploadCustom.js";
|
|
99
|
+
import { default as default78 } from "./shared/UsersAvatarGroup.js";
|
|
100
|
+
import { default as default79 } from "./ui/hooks/index.js";
|
|
101
|
+
import { default as default80 } from "./ui/toast/toast.js";
|
|
101
102
|
export {
|
|
102
103
|
default5 as AbbreviateNumber,
|
|
103
104
|
default6 as ActionLink,
|
|
@@ -157,42 +158,43 @@ export {
|
|
|
157
158
|
default49 as NavToggle,
|
|
158
159
|
default50 as Notification,
|
|
159
160
|
default51 as NumericInput,
|
|
160
|
-
default52 as
|
|
161
|
-
default53 as
|
|
162
|
-
default54 as
|
|
161
|
+
default52 as OrbeLoader,
|
|
162
|
+
default53 as OtpInput,
|
|
163
|
+
default54 as Pagination,
|
|
164
|
+
default55 as PasswordInput,
|
|
163
165
|
PatternInput,
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
166
|
+
default56 as PresetSegmentItemOption,
|
|
167
|
+
default57 as Progress,
|
|
168
|
+
default58 as ProtectedRoute,
|
|
169
|
+
default59 as PublicRoute,
|
|
168
170
|
Radio,
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
171
|
+
default60 as RangeCalendar,
|
|
172
|
+
default61 as RichTextEditor,
|
|
173
|
+
default62 as ScrollBar,
|
|
172
174
|
Segment,
|
|
173
|
-
|
|
175
|
+
default63 as Select,
|
|
174
176
|
default2 as SideNav,
|
|
175
|
-
|
|
176
|
-
|
|
177
|
+
default64 as Skeleton,
|
|
178
|
+
default65 as Spinner,
|
|
177
179
|
Steps,
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
180
|
+
default66 as StickyFooter,
|
|
181
|
+
default67 as StrictModeDroppable,
|
|
182
|
+
default68 as Switcher,
|
|
183
|
+
default69 as SyntaxHighlighter,
|
|
182
184
|
Table,
|
|
183
|
-
|
|
185
|
+
default70 as TableRowSkeleton,
|
|
184
186
|
Tabs,
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
187
|
+
default71 as Tag,
|
|
188
|
+
default72 as TaskItem,
|
|
189
|
+
default73 as TextBlockSkeleton,
|
|
188
190
|
TimeInput,
|
|
189
191
|
Timeline,
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
192
|
+
default74 as ToggleDrawer,
|
|
193
|
+
default75 as Tooltip,
|
|
194
|
+
default76 as Upload,
|
|
195
|
+
default77 as UploadCustom,
|
|
196
|
+
default78 as UsersAvatarGroup,
|
|
197
|
+
default79 as hooks,
|
|
198
|
+
default80 as toast
|
|
197
199
|
};
|
|
198
200
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import "
|
|
2
|
+
import OrbeLoader from "./loaders/OrbeLoader.js";
|
|
3
3
|
import classNames from "classnames";
|
|
4
|
-
import Spinner from "../ui/Spinner/Spinner.js";
|
|
5
4
|
const DefaultLoading = (props) => {
|
|
6
5
|
const {
|
|
7
6
|
loading,
|
|
@@ -18,7 +17,7 @@ const DefaultLoading = (props) => {
|
|
|
18
17
|
!customLoader && "flex items-center justify-center h-full",
|
|
19
18
|
className
|
|
20
19
|
),
|
|
21
|
-
children: customLoader ? /* @__PURE__ */ jsx(Fragment, { children: customLoader }) : /* @__PURE__ */ jsx(
|
|
20
|
+
children: customLoader ? /* @__PURE__ */ jsx(Fragment, { children: customLoader }) : /* @__PURE__ */ jsx(OrbeLoader, {})
|
|
22
21
|
}
|
|
23
22
|
) : /* @__PURE__ */ jsx(Fragment, { children });
|
|
24
23
|
};
|
|
@@ -34,7 +33,7 @@ const CoveredLoading = (props) => {
|
|
|
34
33
|
return /* @__PURE__ */ jsxs(Component, { className: classNames(loading ? "relative" : "", className), children: [
|
|
35
34
|
children,
|
|
36
35
|
loading && /* @__PURE__ */ jsx("div", { className: "w-full h-full bg-white dark:bg-gray-800 dark:bg-opacity-60 bg-opacity-50 absolute inset-0" }),
|
|
37
|
-
loading && /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10", children: customLoader ? /* @__PURE__ */ jsx(Fragment, { children: customLoader }) : /* @__PURE__ */ jsx(
|
|
36
|
+
loading && /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10", children: customLoader ? /* @__PURE__ */ jsx(Fragment, { children: customLoader }) : /* @__PURE__ */ jsx(OrbeLoader, {}) })
|
|
38
37
|
] });
|
|
39
38
|
};
|
|
40
39
|
const Loading = ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loading.js","sources":["../../../../lib/@ecme/components/shared/Loading.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"Loading.js","sources":["../../../../lib/@ecme/components/shared/Loading.tsx"],"sourcesContent":["import OrbeLoader from './loaders/OrbeLoader'\nimport classNames from 'classnames'\nimport type { CommonProps } from '@/@types/common'\nimport type { ElementType, ReactNode } from 'react'\n\ninterface BaseLoadingProps extends CommonProps {\n asElement?: ElementType\n customLoader?: ReactNode\n loading: boolean\n spinnerClass?: string\n}\n\ninterface LoadingProps extends BaseLoadingProps {\n type?: 'default' | 'cover'\n}\n\nconst DefaultLoading = (props: BaseLoadingProps) => {\n const {\n loading,\n children,\n spinnerClass,\n className,\n asElement: Component = 'div',\n customLoader,\n } = props\n\n return loading ? (\n <Component\n className={classNames(\n !customLoader && 'flex items-center justify-center h-full',\n className,\n )}\n >\n {customLoader ? (\n <>{customLoader}</>\n ) : (\n <OrbeLoader />\n )}\n </Component>\n ) : (\n <>{children}</>\n )\n}\n\nconst CoveredLoading = (props: BaseLoadingProps) => {\n const {\n loading,\n children,\n spinnerClass,\n className,\n asElement: Component = 'div',\n customLoader,\n } = props\n\n return (\n <Component className={classNames(loading ? 'relative' : '', className)}>\n {children}\n {loading && (\n <div className=\"w-full h-full bg-white dark:bg-gray-800 dark:bg-opacity-60 bg-opacity-50 absolute inset-0\" />\n )}\n {loading && (\n <div className=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10\">\n {customLoader ? (\n <>{customLoader}</>\n ) : (\n <OrbeLoader />\n )}\n </div>\n )}\n </Component>\n )\n}\n\nconst Loading = ({\n type = 'default',\n loading = false,\n asElement = 'div',\n ...rest\n}: LoadingProps) => {\n switch (type) {\n case 'default':\n return (\n <DefaultLoading\n loading={loading}\n asElement={asElement}\n {...rest}\n />\n )\n case 'cover':\n return (\n <CoveredLoading\n loading={loading}\n asElement={asElement}\n {...rest}\n />\n )\n default:\n return (\n <DefaultLoading\n loading={loading}\n asElement={asElement}\n {...rest}\n />\n )\n }\n}\n\nexport default Loading\n"],"names":[],"mappings":";;;AAgBA,MAAM,iBAAiB,CAAC,UAA4B;AAChD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,YAAY;AAAA,IACvB;AAAA,EAAA,IACA;AAEJ,SAAO,UACH;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,CAAC,gBAAgB;AAAA,QACjB;AAAA,MAAA;AAAA,MAGH,UAAA,eACG,oBAAA,UAAA,EAAG,UAAA,cAAa,wBAEf,YAAA,CAAA,CAAW;AAAA,IAAA;AAAA,EAAA,oCAIjB,UAAS;AAEpB;AAEA,MAAM,iBAAiB,CAAC,UAA4B;AAChD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,YAAY;AAAA,IACvB;AAAA,EAAA,IACA;AAEJ,SACI,qBAAC,aAAU,WAAW,WAAW,UAAU,aAAa,IAAI,SAAS,GAChE,UAAA;AAAA,IAAA;AAAA,IACA,WACG,oBAAC,OAAA,EAAI,WAAU,4FAAA,CAA4F;AAAA,IAE9G,WACG,oBAAC,OAAA,EAAI,WAAU,8EACV,UAAA,eACG,oBAAA,UAAA,EAAG,UAAA,aAAA,CAAa,IAEhB,oBAAC,YAAA,CAAA,CAAW,EAAA,CAEpB;AAAA,EAAA,GAER;AAER;AAEA,MAAM,UAAU,CAAC;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,GAAG;AACP,MAAoB;AAChB,UAAQ,MAAA;AAAA,IACJ,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB;AACI,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,EACR;AAGhB;"}
|
|
@@ -33,9 +33,10 @@ import { default as default28 } from "./ToggleDrawer.js";
|
|
|
33
33
|
import { default as default29 } from "./UsersAvatarGroup.js";
|
|
34
34
|
import { default as default30 } from "./loaders/TableRowSkeleton.js";
|
|
35
35
|
import { default as default31 } from "./loaders/TextBlockSkeleton.js";
|
|
36
|
-
import { default as default32 } from "./
|
|
36
|
+
import { default as default32 } from "./loaders/OrbeLoader.js";
|
|
37
|
+
import { default as default33 } from "./GanttChart/GanttChart.js";
|
|
37
38
|
import { Masonry } from "./Masonry/Masonry.js";
|
|
38
|
-
import { default as
|
|
39
|
+
import { default as default34 } from "./RichTextEditor/RichTextEditor.js";
|
|
39
40
|
export {
|
|
40
41
|
default2 as AbbreviateNumber,
|
|
41
42
|
default3 as ActionLink,
|
|
@@ -52,7 +53,7 @@ export {
|
|
|
52
53
|
DataTable,
|
|
53
54
|
default14 as DebounceInput,
|
|
54
55
|
default15 as DoubleSidedImage,
|
|
55
|
-
|
|
56
|
+
default33 as GanttChart,
|
|
56
57
|
default16 as GrowShrinkValue,
|
|
57
58
|
default17 as IconText,
|
|
58
59
|
default18 as ImageGallery,
|
|
@@ -60,11 +61,12 @@ export {
|
|
|
60
61
|
default19 as MetricCard,
|
|
61
62
|
default20 as NavToggle,
|
|
62
63
|
default21 as NumericInput,
|
|
64
|
+
default32 as OrbeLoader,
|
|
63
65
|
default22 as OtpInput,
|
|
64
66
|
default23 as PasswordInput,
|
|
65
67
|
PatternInput,
|
|
66
68
|
default24 as PresetSegmentItemOption,
|
|
67
|
-
|
|
69
|
+
default34 as RichTextEditor,
|
|
68
70
|
default25 as StickyFooter,
|
|
69
71
|
default26 as StrictModeDroppable,
|
|
70
72
|
default27 as SyntaxHighlighter,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import "../../ui/index.js";
|
|
3
2
|
import "../../../store/index.js";
|
|
4
3
|
import "../../../../base/store/index.js";
|
|
4
|
+
import OrbeLoader from "./OrbeLoader.js";
|
|
5
5
|
import { useThemeStore } from "../../../store/themeStore.js";
|
|
6
6
|
import { useLoadingConfigStore, getCurrentMicrofrontendId } from "../../../../base/store/loadingConfigStore.js";
|
|
7
|
-
import Spinner from "../../ui/Spinner/Spinner.js";
|
|
8
7
|
const GlobalLoading = () => {
|
|
9
8
|
const { loading } = useThemeStore();
|
|
10
9
|
const globalLoadingEnabled = useLoadingConfigStore((state) => {
|
|
@@ -20,9 +19,7 @@ const GlobalLoading = () => {
|
|
|
20
19
|
pointerEvents: "all",
|
|
21
20
|
userSelect: "none"
|
|
22
21
|
},
|
|
23
|
-
|
|
24
|
-
"aria-label": "Carregando...",
|
|
25
|
-
children: /* @__PURE__ */ jsx(Spinner, {})
|
|
22
|
+
children: /* @__PURE__ */ jsx(OrbeLoader, {})
|
|
26
23
|
}
|
|
27
24
|
);
|
|
28
25
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalLoading.js","sources":["../../../../../lib/@ecme/components/shared/loaders/GlobalLoading.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"GlobalLoading.js","sources":["../../../../../lib/@ecme/components/shared/loaders/GlobalLoading.tsx"],"sourcesContent":["import { useThemeStore } from \"@/store\";\nimport { useLoadingConfigStore, getCurrentMicrofrontendId } from \"@base/store\";\nimport OrbeLoader from \"./OrbeLoader\";\n\nconst GlobalLoading = () => {\n const { loading } = useThemeStore();\n \n const globalLoadingEnabled = useLoadingConfigStore((state) => {\n const microfrontendId = getCurrentMicrofrontendId();\n return state.microfrontendConfigs[microfrontendId] ?? true;\n });\n\n if (!loading || !globalLoadingEnabled) return null;\n\n return (\n <div\n className=\"fixed inset-0 z-[9999] flex items-center justify-center bg-black bg-opacity-50\"\n style={{\n pointerEvents: \"all\",\n userSelect: \"none\",\n }}\n >\n <OrbeLoader />\n </div>\n );\n};\n\nexport default GlobalLoading;\n"],"names":[],"mappings":";;;;;;AAIA,MAAM,gBAAgB,MAAM;AAC1B,QAAM,EAAE,QAAA,IAAY,cAAA;AAEpB,QAAM,uBAAuB,sBAAsB,CAAC,UAAU;AAC5D,UAAM,kBAAkB,0BAAA;AACxB,WAAO,MAAM,qBAAqB,eAAe,KAAK;AAAA,EACxD,CAAC;AAED,MAAI,CAAC,WAAW,CAAC,qBAAsB,QAAO;AAE9C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,eAAe;AAAA,QACf,YAAY;AAAA,MAAA;AAAA,MAGd,8BAAC,YAAA,CAAA,CAAW;AAAA,IAAA;AAAA,EAAA;AAGlB;"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import { useThemeStore } from "../../../store/themeStore.js";
|
|
4
|
+
import { THEME_ENUM } from "../../../constants/theme.constant.js";
|
|
5
|
+
import OrbeMin from "../../../../base/assets/logo/orbe-agro/orbe-agro-logo-min.svg.js";
|
|
6
|
+
import OrbeMinGray from "../../../../base/assets/logo/orbe-agro/orbe-agro-logo-min-gray.svg.js";
|
|
7
|
+
import OrbeMinWhite from "../../../../base/assets/logo/orbe-agro/orbe-agro-logo-min-white.svg.js";
|
|
8
|
+
const { MODE_DARK } = THEME_ENUM;
|
|
9
|
+
const OrbeLoader = ({ muted = false, className }) => {
|
|
10
|
+
const mode = useThemeStore((state) => state.mode);
|
|
11
|
+
const logoSrc = muted ? OrbeMinGray : mode === MODE_DARK ? OrbeMinWhite : OrbeMin;
|
|
12
|
+
return /* @__PURE__ */ jsxs(
|
|
13
|
+
"div",
|
|
14
|
+
{
|
|
15
|
+
className: classNames("orbe-loader", muted && "is-muted", className),
|
|
16
|
+
role: "status",
|
|
17
|
+
"aria-label": "Carregando",
|
|
18
|
+
children: [
|
|
19
|
+
/* @__PURE__ */ jsx("img", { className: "orbe-loader__logo", src: logoSrc, alt: "" }),
|
|
20
|
+
/* @__PURE__ */ jsx("span", { className: "orbe-loader__orbit" })
|
|
21
|
+
]
|
|
22
|
+
}
|
|
23
|
+
);
|
|
24
|
+
};
|
|
25
|
+
export {
|
|
26
|
+
OrbeLoader as default
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=OrbeLoader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrbeLoader.js","sources":["../../../../../lib/@ecme/components/shared/loaders/OrbeLoader.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useThemeStore } from '@/store/themeStore'\nimport { THEME_ENUM } from '@/constants/theme.constant'\nimport OrbeMin from '@base/assets/logo/orbe-agro/orbe-agro-logo-min.svg'\nimport OrbeMinGray from '@base/assets/logo/orbe-agro/orbe-agro-logo-min-gray.svg'\nimport OrbeMinWhite from '@base/assets/logo/orbe-agro/orbe-agro-logo-min-white.svg'\nimport type { CommonProps } from '@/@types/common'\n\nconst { MODE_DARK } = THEME_ENUM\n\ninterface OrbeLoaderProps extends CommonProps {\n /** Quando true, aplica o estilo neutro/desabilitado */\n muted?: boolean\n}\n\nconst OrbeLoader = ({ muted = false, className }: OrbeLoaderProps) => {\n const mode = useThemeStore((state) => state.mode)\n\n const logoSrc = muted\n ? OrbeMinGray\n : mode === MODE_DARK\n ? OrbeMinWhite\n : OrbeMin\n\n return (\n <div\n className={classNames('orbe-loader', muted && 'is-muted', className)}\n role=\"status\"\n aria-label=\"Carregando\"\n >\n <img className=\"orbe-loader__logo\" src={logoSrc} alt=\"\" />\n <span className=\"orbe-loader__orbit\" />\n </div>\n )\n}\n\nexport default OrbeLoader"],"names":[],"mappings":";;;;;;;AAQA,MAAM,EAAE,cAAc;AAOtB,MAAM,aAAa,CAAC,EAAE,QAAQ,OAAO,gBAAiC;AACpE,QAAM,OAAO,cAAc,CAAC,UAAU,MAAM,IAAI;AAEhD,QAAM,UAAU,QACZ,cACA,SAAS,YACP,eACA;AAEN,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,eAAe,SAAS,YAAY,SAAS;AAAA,MACnE,MAAK;AAAA,MACL,cAAW;AAAA,MAEX,UAAA;AAAA,QAAA,oBAAC,SAAI,WAAU,qBAAoB,KAAK,SAAS,KAAI,IAAG;AAAA,QACxD,oBAAC,QAAA,EAAK,WAAU,qBAAA,CAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3C;"}
|
|
@@ -3,7 +3,7 @@ import Container from "../shared/Container.js";
|
|
|
3
3
|
import classNames from "../../utils/classNames.js";
|
|
4
4
|
import { APP_NAME } from "../../constants/app.constant.js";
|
|
5
5
|
import { PAGE_CONTAINER_GUTTER_X } from "../../constants/theme.constant.js";
|
|
6
|
-
const version = true ? "5.6.
|
|
6
|
+
const version = true ? "5.6.151" : "0.0.0";
|
|
7
7
|
const FooterContent = () => {
|
|
8
8
|
return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-auto items-center justify-between", children: [
|
|
9
9
|
/* @__PURE__ */ jsxs("span", { children: [
|