@orbe-agro/client-core 5.6.150 → 5.6.152
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 +1 -11
- package/dist/@ecme/assets/styles/components/_orbe-loader.css +1 -14
- package/dist/@ecme/assets/styles/components/index.css +1 -11
- package/dist/@ecme/components/shared/Loading.js +3 -4
- package/dist/@ecme/components/shared/Loading.js.map +1 -1
- package/dist/@ecme/components/shared/loaders/OrbeLoader.js +9 -8
- package/dist/@ecme/components/shared/loaders/OrbeLoader.js.map +1 -1
- package/dist/@ecme/components/template/Footer.js +1 -1
- package/dist/@types/@ecme/components/shared/loaders/OrbeLoader.d.ts.map +1 -1
- 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 +1 -11
- package/lib/@ecme/assets/styles/components/_orbe-loader.css +1 -14
- package/lib/@ecme/components/shared/Loading.tsx +3 -3
- package/lib/@ecme/components/shared/loaders/OrbeLoader.tsx +16 -5
- package/package.json +1 -1
|
@@ -2626,26 +2626,16 @@ td {
|
|
|
2626
2626
|
opacity: 1;
|
|
2627
2627
|
}
|
|
2628
2628
|
}
|
|
2629
|
-
/** Tema escuro */
|
|
2629
|
+
/** Tema escuro — override das CSS custom properties */
|
|
2630
2630
|
[data-theme="dark"] .orbe-loader {
|
|
2631
2631
|
--loader-ring: rgba(255, 255, 255, 0.18);
|
|
2632
2632
|
}
|
|
2633
|
-
[data-theme="dark"] .orbe-loader__logo {
|
|
2634
|
-
content: url("/img/logo/orbe-agro/orbe-agro-logo-min-white.svg");
|
|
2635
|
-
}
|
|
2636
|
-
/** Tema claro */
|
|
2637
|
-
[data-theme="light"] .orbe-loader__logo {
|
|
2638
|
-
content: url("/img/logo/orbe-agro/orbe-agro-logo-min.svg");
|
|
2639
|
-
}
|
|
2640
2633
|
/** Estado neutro / desabilitado */
|
|
2641
2634
|
.orbe-loader.is-muted {
|
|
2642
2635
|
--loader-color: #666362;
|
|
2643
2636
|
--loader-color-2: #666362;
|
|
2644
2637
|
--loader-ring: rgba(102, 99, 98, 0.22);
|
|
2645
2638
|
}
|
|
2646
|
-
.orbe-loader.is-muted .orbe-loader__logo {
|
|
2647
|
-
content: url("/img/logo/orbe-agro/orbe-agro-logo-min-gray.svg");
|
|
2648
|
-
}
|
|
2649
2639
|
/** Acessibilidade: reduzir movimento */
|
|
2650
2640
|
@media (prefers-reduced-motion: reduce) {
|
|
2651
2641
|
.orbe-loader__logo,
|
|
@@ -64,20 +64,11 @@
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
-
/** Tema escuro */
|
|
67
|
+
/** Tema escuro — override das CSS custom properties */
|
|
68
68
|
[data-theme="dark"] .orbe-loader {
|
|
69
69
|
--loader-ring: rgba(255, 255, 255, 0.18);
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
[data-theme="dark"] .orbe-loader__logo {
|
|
73
|
-
content: url("/img/logo/orbe-agro/orbe-agro-logo-min-white.svg");
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
/** Tema claro */
|
|
77
|
-
[data-theme="light"] .orbe-loader__logo {
|
|
78
|
-
content: url("/img/logo/orbe-agro/orbe-agro-logo-min.svg");
|
|
79
|
-
}
|
|
80
|
-
|
|
81
72
|
/** Estado neutro / desabilitado */
|
|
82
73
|
.orbe-loader.is-muted {
|
|
83
74
|
--loader-color: #666362;
|
|
@@ -85,10 +76,6 @@
|
|
|
85
76
|
--loader-ring: rgba(102, 99, 98, 0.22);
|
|
86
77
|
}
|
|
87
78
|
|
|
88
|
-
.orbe-loader.is-muted .orbe-loader__logo {
|
|
89
|
-
content: url("/img/logo/orbe-agro/orbe-agro-logo-min-gray.svg");
|
|
90
|
-
}
|
|
91
|
-
|
|
92
79
|
/** Acessibilidade: reduzir movimento */
|
|
93
80
|
@media (prefers-reduced-motion: reduce) {
|
|
94
81
|
.orbe-loader__logo,
|
|
@@ -2625,26 +2625,16 @@ td {
|
|
|
2625
2625
|
opacity: 1;
|
|
2626
2626
|
}
|
|
2627
2627
|
}
|
|
2628
|
-
/** Tema escuro */
|
|
2628
|
+
/** Tema escuro — override das CSS custom properties */
|
|
2629
2629
|
[data-theme="dark"] .orbe-loader {
|
|
2630
2630
|
--loader-ring: rgba(255, 255, 255, 0.18);
|
|
2631
2631
|
}
|
|
2632
|
-
[data-theme="dark"] .orbe-loader__logo {
|
|
2633
|
-
content: url("/img/logo/orbe-agro/orbe-agro-logo-min-white.svg");
|
|
2634
|
-
}
|
|
2635
|
-
/** Tema claro */
|
|
2636
|
-
[data-theme="light"] .orbe-loader__logo {
|
|
2637
|
-
content: url("/img/logo/orbe-agro/orbe-agro-logo-min.svg");
|
|
2638
|
-
}
|
|
2639
2632
|
/** Estado neutro / desabilitado */
|
|
2640
2633
|
.orbe-loader.is-muted {
|
|
2641
2634
|
--loader-color: #666362;
|
|
2642
2635
|
--loader-color-2: #666362;
|
|
2643
2636
|
--loader-ring: rgba(102, 99, 98, 0.22);
|
|
2644
2637
|
}
|
|
2645
|
-
.orbe-loader.is-muted .orbe-loader__logo {
|
|
2646
|
-
content: url("/img/logo/orbe-agro/orbe-agro-logo-min-gray.svg");
|
|
2647
|
-
}
|
|
2648
2638
|
/** Acessibilidade: reduzir movimento */
|
|
2649
2639
|
@media (prefers-reduced-motion: reduce) {
|
|
2650
2640
|
.orbe-loader__logo,
|
|
@@ -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;"}
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
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;
|
|
3
9
|
const OrbeLoader = ({ muted = false, className }) => {
|
|
10
|
+
const mode = useThemeStore((state) => state.mode);
|
|
11
|
+
const logoSrc = muted ? OrbeMinGray : mode === MODE_DARK ? OrbeMinWhite : OrbeMin;
|
|
4
12
|
return /* @__PURE__ */ jsxs(
|
|
5
13
|
"div",
|
|
6
14
|
{
|
|
@@ -8,14 +16,7 @@ const OrbeLoader = ({ muted = false, className }) => {
|
|
|
8
16
|
role: "status",
|
|
9
17
|
"aria-label": "Carregando",
|
|
10
18
|
children: [
|
|
11
|
-
/* @__PURE__ */ jsx(
|
|
12
|
-
"img",
|
|
13
|
-
{
|
|
14
|
-
className: "orbe-loader__logo",
|
|
15
|
-
src: "/img/logo/orbe-agro/orbe-agro-logo-min.svg",
|
|
16
|
-
alt: ""
|
|
17
|
-
}
|
|
18
|
-
),
|
|
19
|
+
/* @__PURE__ */ jsx("img", { className: "orbe-loader__logo", src: logoSrc, alt: "" }),
|
|
19
20
|
/* @__PURE__ */ jsx("span", { className: "orbe-loader__orbit" })
|
|
20
21
|
]
|
|
21
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrbeLoader.js","sources":["../../../../../lib/@ecme/components/shared/loaders/OrbeLoader.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { CommonProps } from '@/@types/common'\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 return (\n <div\n className={classNames('orbe-loader', muted && 'is-muted', className)}\n role=\"status\"\n aria-label=\"Carregando\"\n >\n <img
|
|
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.152" : "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: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrbeLoader.d.ts","sourceRoot":"","sources":["../../../../../../lib/@ecme/components/shared/loaders/OrbeLoader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"OrbeLoader.d.ts","sourceRoot":"","sources":["../../../../../../lib/@ecme/components/shared/loaders/OrbeLoader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAIlD,UAAU,eAAgB,SAAQ,WAAW;IAC3C,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,QAAA,MAAM,UAAU,GAAI,sBAA8B,eAAe,4CAmBhE,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
const OrbeMin = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!--%20Created%20with%20Inkscape%20(http://www.inkscape.org/)%20--%3e%3csvg%20width='94.984344mm'%20height='78.814972mm'%20viewBox='0%200%2094.984344%2078.814972'%20version='1.1'%20id='svg344'%20inkscape:version='1.1.1%20(3bf5ae0d25,%202021-09-20)'%20sodipodi:docname='drawing.svg'%20xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape'%20xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3csodipodi:namedview%20id='namedview346'%20pagecolor='%23ffffff'%20bordercolor='%23666666'%20borderopacity='1.0'%20inkscape:pageshadow='2'%20inkscape:pageopacity='0.0'%20inkscape:pagecheckerboard='0'%20inkscape:document-units='mm'%20showgrid='false'%20inkscape:zoom='0.73406285'%20inkscape:cx='-161.43032'%20inkscape:cy='299.02072'%20inkscape:window-width='1920'%20inkscape:window-height='1009'%20inkscape:window-x='1358'%20inkscape:window-y='-8'%20inkscape:window-maximized='1'%20inkscape:current-layer='layer1'%20/%3e%3cdefs%20id='defs341'%3e%3clinearGradient%20x1='0'%20y1='0'%20x2='1'%20y2='0'%20gradientUnits='userSpaceOnUse'%20gradientTransform='matrix(269.24597,0,0,-269.24597,235.67938,305.07071)'%20spreadMethod='pad'%20id='linearGradient185'%3e%3cstop%20style='stop-opacity:1;stop-color:%2373cfbf'%20offset='0'%20id='stop181'%20/%3e%3cstop%20style='stop-opacity:1;stop-color:%234eb9ea'%20offset='1'%20id='stop183'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20inkscape:label='Layer%201'%20inkscape:groupmode='layer'%20id='layer1'%20transform='translate(-44.41923,-69.444459)'%3e%3cg%20id='g169'%20transform='matrix(0.35277777,0,0,-0.35277777,-38.72303,216.47412)'%3e%3cg%20id='g171'%3e%3cg%20id='g177'%3e%3cg%20id='g179'%3e%3cpath%20d='m%20263.171,311.737%20c%20-0.035,-0.578%20-0.038,-1.15%20-0.063,-1.727%20v%200%20c%2012.145,-17.615%2052.604,-13.878%2085.599,1.046%20v%200%20c%203.256,1.472%206.357,2.887%209.335,4.251%20v%200%20c%203.643,1.921%206.949,4.377%209.825,7.258%20v%200%20c%201.533,1.537%202.944,3.19%204.212,4.954%20v%200%20c%203.839,5.309%206.421,11.561%207.343,18.293%20v%200%20c%200.082,0.561%200.147,1.121%200.195,1.691%20v%200%20c%20-0.197,-0.776%20-0.417,-1.543%20-0.665,-2.3%20v%200%20c%20-1.303,-4.031%20-3.216,-7.804%20-5.651,-11.199%20v%200%20c%20-1.893,-2.65%20-4.096,-5.066%20-6.564,-7.193%20v%200%20c%20-0.311,1.535%20-0.522,3.115%20-0.633,4.725%20v%200%20c%20-0.396,5.788%200.606,11.639%202.932,16.955%20v%200%20c%202.338,5.342%205.984,10.131%2010.585,13.723%20v%200%20c%203.632,2.835%207.508,5.014%2010.51,8.585%20v%200%20c%201.104,1.312%202.101,2.714%202.976,4.19%20v%200%20c%200.44,0.739%200.849,1.497%201.226,2.27%20v%200%20c%200.133,0.274%201.153,2.059%201.002,2.278%20v%200%20c%202.047,-2.87%203.733,-6.026%204.988,-9.402%20v%200%20c%201.34,-3.594%202.185,-7.44%202.46,-11.461%20v%200%20l%200.003,-0.027%20c%200.635,-9.362%20-1.967,-18.182%20-6.81,-25.423%20v%200%20l%200.003,0.002%20c%200,0%20-0.506,-1.266%20-2.722,-3.654%20v%200%20c%20-3.233,-3.833%20-7.174,-7.053%20-11.628,-9.492%20v%200%20c%20-4.943,-3.343%20-11.545,-7.269%20-20.36,-11.721%20v%200%20c%20-12.517,-6.322%20-27.977,-13.207%20-46.719,-20.08%20v%200%20c%20-45.762,-16.787%20-65.678,-16.431%20-73.602,-9.644%20v%200%20c%20-4.926,-7.608%20-6.557,-14.272%20-4.217,-19.441%20v%200%20c%204.028,-8.9%2019.023,-11.662%2040.82,-9.269%20v%200%20c%2018.058,-31.742%2051.283,-54.016%2090.453,-56.358%20v%200%20c%2061.582,-3.681%20114.488,43.256%20118.17,104.838%20v%200%20c%200.145,2.43%200.182,4.842%200.173,7.243%20v%200%20c%20-14.933,-8.077%20-80.046,-25.711%20-120.805,-35.857%20v%200%20l%20-0.01,0.023%20c%20-1.442,-0.363%20-2.426,-0.611%20-2.426,-0.611%20v%200%20l%20-6.201,-12.061%20-7.626,-2.198%20-0.075,-0.441%20c%20-0.277,-1.607%20-1.444,-2.913%20-3.012,-3.364%20v%200%20c%20-2.254,-0.65%20-4.608,0.65%20-5.258,2.905%20v%200%20c%20-0.649,2.254%200.651,4.608%202.906,5.258%20v%200%20c%201.566,0.451%203.25,-0.033%204.339,-1.246%20v%200%20l%200.299,-0.332%206.474,1.866%206.125,11.087%20-36.529,-10.53%200.71,-2.463%20-7.787,1.929%205.565,5.779%200.71,-2.464%2023.665,6.821%20-11.521,6.366%20-4.083,-1.177%200.55,-1.908%20-6.597,-1.901%20-1.9,6.597%206.596,1.9%200.55,-1.908%205.234,1.51%2015.104,-8.345%20c%200,0%207,0.881%2012.826,2.619%20v%200%20c%207.261,2.799%2014.675,5.816%2022.205,9.073%20v%200%20c%2045.833,19.821%2076.556,38.733%2095.219,54.895%20v%200%200.003%20c%2038.715,33.54%2029.88,58.945%20-31.228,49.729%20v%200%20c%20-18.277,16.866%20-42.266,27.773%20-69.03,29.372%20v%200%20c%20-2.266,0.135%20-4.528,0.202%20-6.769,0.203%20v%200%20C%20315.923,416.78%20266.716,371.051%20263.171,311.737'%20style='fill:url(%23linearGradient185);stroke:none'%20id='path187'%20/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
|
|
2
|
+
export {
|
|
3
|
+
OrbeMin as default
|
|
4
|
+
};
|
|
5
|
+
//# sourceMappingURL=orbe-agro-logo-min.svg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"orbe-agro-logo-min.svg.js","sources":["../../../../../lib/base/assets/logo/orbe-agro/orbe-agro-logo-min.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!--%20Created%20with%20Inkscape%20(http://www.inkscape.org/)%20--%3e%3csvg%20width='94.984344mm'%20height='78.814972mm'%20viewBox='0%200%2094.984344%2078.814972'%20version='1.1'%20id='svg344'%20inkscape:version='1.1.1%20(3bf5ae0d25,%202021-09-20)'%20sodipodi:docname='drawing.svg'%20xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape'%20xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3csodipodi:namedview%20id='namedview346'%20pagecolor='%23ffffff'%20bordercolor='%23666666'%20borderopacity='1.0'%20inkscape:pageshadow='2'%20inkscape:pageopacity='0.0'%20inkscape:pagecheckerboard='0'%20inkscape:document-units='mm'%20showgrid='false'%20inkscape:zoom='0.73406285'%20inkscape:cx='-161.43032'%20inkscape:cy='299.02072'%20inkscape:window-width='1920'%20inkscape:window-height='1009'%20inkscape:window-x='1358'%20inkscape:window-y='-8'%20inkscape:window-maximized='1'%20inkscape:current-layer='layer1'%20/%3e%3cdefs%20id='defs341'%3e%3clinearGradient%20x1='0'%20y1='0'%20x2='1'%20y2='0'%20gradientUnits='userSpaceOnUse'%20gradientTransform='matrix(269.24597,0,0,-269.24597,235.67938,305.07071)'%20spreadMethod='pad'%20id='linearGradient185'%3e%3cstop%20style='stop-opacity:1;stop-color:%2373cfbf'%20offset='0'%20id='stop181'%20/%3e%3cstop%20style='stop-opacity:1;stop-color:%234eb9ea'%20offset='1'%20id='stop183'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20inkscape:label='Layer%201'%20inkscape:groupmode='layer'%20id='layer1'%20transform='translate(-44.41923,-69.444459)'%3e%3cg%20id='g169'%20transform='matrix(0.35277777,0,0,-0.35277777,-38.72303,216.47412)'%3e%3cg%20id='g171'%3e%3cg%20id='g177'%3e%3cg%20id='g179'%3e%3cpath%20d='m%20263.171,311.737%20c%20-0.035,-0.578%20-0.038,-1.15%20-0.063,-1.727%20v%200%20c%2012.145,-17.615%2052.604,-13.878%2085.599,1.046%20v%200%20c%203.256,1.472%206.357,2.887%209.335,4.251%20v%200%20c%203.643,1.921%206.949,4.377%209.825,7.258%20v%200%20c%201.533,1.537%202.944,3.19%204.212,4.954%20v%200%20c%203.839,5.309%206.421,11.561%207.343,18.293%20v%200%20c%200.082,0.561%200.147,1.121%200.195,1.691%20v%200%20c%20-0.197,-0.776%20-0.417,-1.543%20-0.665,-2.3%20v%200%20c%20-1.303,-4.031%20-3.216,-7.804%20-5.651,-11.199%20v%200%20c%20-1.893,-2.65%20-4.096,-5.066%20-6.564,-7.193%20v%200%20c%20-0.311,1.535%20-0.522,3.115%20-0.633,4.725%20v%200%20c%20-0.396,5.788%200.606,11.639%202.932,16.955%20v%200%20c%202.338,5.342%205.984,10.131%2010.585,13.723%20v%200%20c%203.632,2.835%207.508,5.014%2010.51,8.585%20v%200%20c%201.104,1.312%202.101,2.714%202.976,4.19%20v%200%20c%200.44,0.739%200.849,1.497%201.226,2.27%20v%200%20c%200.133,0.274%201.153,2.059%201.002,2.278%20v%200%20c%202.047,-2.87%203.733,-6.026%204.988,-9.402%20v%200%20c%201.34,-3.594%202.185,-7.44%202.46,-11.461%20v%200%20l%200.003,-0.027%20c%200.635,-9.362%20-1.967,-18.182%20-6.81,-25.423%20v%200%20l%200.003,0.002%20c%200,0%20-0.506,-1.266%20-2.722,-3.654%20v%200%20c%20-3.233,-3.833%20-7.174,-7.053%20-11.628,-9.492%20v%200%20c%20-4.943,-3.343%20-11.545,-7.269%20-20.36,-11.721%20v%200%20c%20-12.517,-6.322%20-27.977,-13.207%20-46.719,-20.08%20v%200%20c%20-45.762,-16.787%20-65.678,-16.431%20-73.602,-9.644%20v%200%20c%20-4.926,-7.608%20-6.557,-14.272%20-4.217,-19.441%20v%200%20c%204.028,-8.9%2019.023,-11.662%2040.82,-9.269%20v%200%20c%2018.058,-31.742%2051.283,-54.016%2090.453,-56.358%20v%200%20c%2061.582,-3.681%20114.488,43.256%20118.17,104.838%20v%200%20c%200.145,2.43%200.182,4.842%200.173,7.243%20v%200%20c%20-14.933,-8.077%20-80.046,-25.711%20-120.805,-35.857%20v%200%20l%20-0.01,0.023%20c%20-1.442,-0.363%20-2.426,-0.611%20-2.426,-0.611%20v%200%20l%20-6.201,-12.061%20-7.626,-2.198%20-0.075,-0.441%20c%20-0.277,-1.607%20-1.444,-2.913%20-3.012,-3.364%20v%200%20c%20-2.254,-0.65%20-4.608,0.65%20-5.258,2.905%20v%200%20c%20-0.649,2.254%200.651,4.608%202.906,5.258%20v%200%20c%201.566,0.451%203.25,-0.033%204.339,-1.246%20v%200%20l%200.299,-0.332%206.474,1.866%206.125,11.087%20-36.529,-10.53%200.71,-2.463%20-7.787,1.929%205.565,5.779%200.71,-2.464%2023.665,6.821%20-11.521,6.366%20-4.083,-1.177%200.55,-1.908%20-6.597,-1.901%20-1.9,6.597%206.596,1.9%200.55,-1.908%205.234,1.51%2015.104,-8.345%20c%200,0%207,0.881%2012.826,2.619%20v%200%20c%207.261,2.799%2014.675,5.816%2022.205,9.073%20v%200%20c%2045.833,19.821%2076.556,38.733%2095.219,54.895%20v%200%200.003%20c%2038.715,33.54%2029.88,58.945%20-31.228,49.729%20v%200%20c%20-18.277,16.866%20-42.266,27.773%20-69.03,29.372%20v%200%20c%20-2.266,0.135%20-4.528,0.202%20-6.769,0.203%20v%200%20C%20315.923,416.78%20266.716,371.051%20263.171,311.737'%20style='fill:url(%23linearGradient185);stroke:none'%20id='path187'%20/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAA,UAAe;"}
|
|
@@ -2626,26 +2626,16 @@ td {
|
|
|
2626
2626
|
opacity: 1;
|
|
2627
2627
|
}
|
|
2628
2628
|
}
|
|
2629
|
-
/** Tema escuro */
|
|
2629
|
+
/** Tema escuro — override das CSS custom properties */
|
|
2630
2630
|
[data-theme="dark"] .orbe-loader {
|
|
2631
2631
|
--loader-ring: rgba(255, 255, 255, 0.18);
|
|
2632
2632
|
}
|
|
2633
|
-
[data-theme="dark"] .orbe-loader__logo {
|
|
2634
|
-
content: url("/img/logo/orbe-agro/orbe-agro-logo-min-white.svg");
|
|
2635
|
-
}
|
|
2636
|
-
/** Tema claro */
|
|
2637
|
-
[data-theme="light"] .orbe-loader__logo {
|
|
2638
|
-
content: url("/img/logo/orbe-agro/orbe-agro-logo-min.svg");
|
|
2639
|
-
}
|
|
2640
2633
|
/** Estado neutro / desabilitado */
|
|
2641
2634
|
.orbe-loader.is-muted {
|
|
2642
2635
|
--loader-color: #666362;
|
|
2643
2636
|
--loader-color-2: #666362;
|
|
2644
2637
|
--loader-ring: rgba(102, 99, 98, 0.22);
|
|
2645
2638
|
}
|
|
2646
|
-
.orbe-loader.is-muted .orbe-loader__logo {
|
|
2647
|
-
content: url("/img/logo/orbe-agro/orbe-agro-logo-min-gray.svg");
|
|
2648
|
-
}
|
|
2649
2639
|
/** Acessibilidade: reduzir movimento */
|
|
2650
2640
|
@media (prefers-reduced-motion: reduce) {
|
|
2651
2641
|
.orbe-loader__logo,
|
|
@@ -63,20 +63,11 @@
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
/** Tema escuro */
|
|
66
|
+
/** Tema escuro — override das CSS custom properties */
|
|
67
67
|
[data-theme="dark"] .orbe-loader {
|
|
68
68
|
--loader-ring: rgba(255, 255, 255, 0.18);
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
[data-theme="dark"] .orbe-loader__logo {
|
|
72
|
-
content: url("/img/logo/orbe-agro/orbe-agro-logo-min-white.svg");
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
/** Tema claro */
|
|
76
|
-
[data-theme="light"] .orbe-loader__logo {
|
|
77
|
-
content: url("/img/logo/orbe-agro/orbe-agro-logo-min.svg");
|
|
78
|
-
}
|
|
79
|
-
|
|
80
71
|
/** Estado neutro / desabilitado */
|
|
81
72
|
.orbe-loader.is-muted {
|
|
82
73
|
--loader-color: #666362;
|
|
@@ -84,10 +75,6 @@
|
|
|
84
75
|
--loader-ring: rgba(102, 99, 98, 0.22);
|
|
85
76
|
}
|
|
86
77
|
|
|
87
|
-
.orbe-loader.is-muted .orbe-loader__logo {
|
|
88
|
-
content: url("/img/logo/orbe-agro/orbe-agro-logo-min-gray.svg");
|
|
89
|
-
}
|
|
90
|
-
|
|
91
78
|
/** Acessibilidade: reduzir movimento */
|
|
92
79
|
@media (prefers-reduced-motion: reduce) {
|
|
93
80
|
.orbe-loader__logo,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import OrbeLoader from './loaders/OrbeLoader'
|
|
2
2
|
import classNames from 'classnames'
|
|
3
3
|
import type { CommonProps } from '@/@types/common'
|
|
4
4
|
import type { ElementType, ReactNode } from 'react'
|
|
@@ -34,7 +34,7 @@ const DefaultLoading = (props: BaseLoadingProps) => {
|
|
|
34
34
|
{customLoader ? (
|
|
35
35
|
<>{customLoader}</>
|
|
36
36
|
) : (
|
|
37
|
-
<
|
|
37
|
+
<OrbeLoader />
|
|
38
38
|
)}
|
|
39
39
|
</Component>
|
|
40
40
|
) : (
|
|
@@ -63,7 +63,7 @@ const CoveredLoading = (props: BaseLoadingProps) => {
|
|
|
63
63
|
{customLoader ? (
|
|
64
64
|
<>{customLoader}</>
|
|
65
65
|
) : (
|
|
66
|
-
<
|
|
66
|
+
<OrbeLoader />
|
|
67
67
|
)}
|
|
68
68
|
</div>
|
|
69
69
|
)}
|
|
@@ -1,23 +1,34 @@
|
|
|
1
1
|
import classNames from 'classnames'
|
|
2
|
+
import { useThemeStore } from '@/store/themeStore'
|
|
3
|
+
import { THEME_ENUM } from '@/constants/theme.constant'
|
|
4
|
+
import OrbeMin from '@base/assets/logo/orbe-agro/orbe-agro-logo-min.svg'
|
|
5
|
+
import OrbeMinGray from '@base/assets/logo/orbe-agro/orbe-agro-logo-min-gray.svg'
|
|
6
|
+
import OrbeMinWhite from '@base/assets/logo/orbe-agro/orbe-agro-logo-min-white.svg'
|
|
2
7
|
import type { CommonProps } from '@/@types/common'
|
|
3
8
|
|
|
9
|
+
const { MODE_DARK } = THEME_ENUM
|
|
10
|
+
|
|
4
11
|
interface OrbeLoaderProps extends CommonProps {
|
|
5
12
|
/** Quando true, aplica o estilo neutro/desabilitado */
|
|
6
13
|
muted?: boolean
|
|
7
14
|
}
|
|
8
15
|
|
|
9
16
|
const OrbeLoader = ({ muted = false, className }: OrbeLoaderProps) => {
|
|
17
|
+
const mode = useThemeStore((state) => state.mode)
|
|
18
|
+
|
|
19
|
+
const logoSrc = muted
|
|
20
|
+
? OrbeMinGray
|
|
21
|
+
: mode === MODE_DARK
|
|
22
|
+
? OrbeMinWhite
|
|
23
|
+
: OrbeMin
|
|
24
|
+
|
|
10
25
|
return (
|
|
11
26
|
<div
|
|
12
27
|
className={classNames('orbe-loader', muted && 'is-muted', className)}
|
|
13
28
|
role="status"
|
|
14
29
|
aria-label="Carregando"
|
|
15
30
|
>
|
|
16
|
-
<img
|
|
17
|
-
className="orbe-loader__logo"
|
|
18
|
-
src="/img/logo/orbe-agro/orbe-agro-logo-min.svg"
|
|
19
|
-
alt=""
|
|
20
|
-
/>
|
|
31
|
+
<img className="orbe-loader__logo" src={logoSrc} alt="" />
|
|
21
32
|
<span className="orbe-loader__orbit" />
|
|
22
33
|
</div>
|
|
23
34
|
)
|
package/package.json
CHANGED