@orbe-agro/client-core 5.6.149 → 5.6.151

package/lib/@ecme/components/shared/Loading.tsx

@@ -1,4 +1,4 @@
-import Spinner from '@/components/ui/Spinner'
+import OrbeLoader from './loaders/OrbeLoader'
 import classNames from 'classnames'
 import type { CommonProps } from '@/@types/common'
 import type { ElementType, ReactNode } from 'react'
@@ -34,7 +34,7 @@ const DefaultLoading = (props: BaseLoadingProps) => {
             {customLoader ? (
                 <>{customLoader}</>
             ) : (
-                <Spinner className={spinnerClass} size={40} />
+                <OrbeLoader />
             )}
         </Component>
     ) : (
@@ -63,7 +63,7 @@ const CoveredLoading = (props: BaseLoadingProps) => {
                     {customLoader ? (
                         <>{customLoader}</>
                     ) : (
-                        <Spinner className={spinnerClass} size={40} />
+                        <OrbeLoader />
                     )}
                 </div>
             )}

package/lib/@ecme/components/shared/index.tsx

@@ -33,3 +33,4 @@ export { default as ToggleDrawer } from './ToggleDrawer'
 export { default as UsersAvatarGroup } from './UsersAvatarGroup'
 export { default as TableRowSkeleton } from './loaders/TableRowSkeleton'
 export { default as TextBlockSkeleton } from './loaders/TextBlockSkeleton'
+export { default as OrbeLoader } from './loaders/OrbeLoader'

package/lib/@ecme/components/shared/loaders/GlobalLoading.tsx

@@ -1,6 +1,6 @@
-import { Spinner } from "@/components/ui";
 import { useThemeStore } from "@/store";
 import { useLoadingConfigStore, getCurrentMicrofrontendId } from "@base/store";
+import OrbeLoader from "./OrbeLoader";
 
 const GlobalLoading = () => {
   const { loading } = useThemeStore();
@@ -19,10 +19,8 @@ const GlobalLoading = () => {
         pointerEvents: "all",
         userSelect: "none",
       }}
-      role="progressbar"
-      aria-label="Carregando..."
     >
-      <Spinner />
+      <OrbeLoader />
     </div>
   );
 };

package/lib/@ecme/components/shared/loaders/OrbeLoader.tsx

@@ -0,0 +1,37 @@
+import classNames from 'classnames'
+import { useThemeStore } from '@/store/themeStore'
+import { THEME_ENUM } from '@/constants/theme.constant'
+import OrbeMin from '@base/assets/logo/orbe-agro/orbe-agro-logo-min.svg'
+import OrbeMinGray from '@base/assets/logo/orbe-agro/orbe-agro-logo-min-gray.svg'
+import OrbeMinWhite from '@base/assets/logo/orbe-agro/orbe-agro-logo-min-white.svg'
+import type { CommonProps } from '@/@types/common'
+
+const { MODE_DARK } = THEME_ENUM
+
+interface OrbeLoaderProps extends CommonProps {
+  /** Quando true, aplica o estilo neutro/desabilitado */
+  muted?: boolean
+}
+
+const OrbeLoader = ({ muted = false, className }: OrbeLoaderProps) => {
+  const mode = useThemeStore((state) => state.mode)
+
+  const logoSrc = muted
+    ? OrbeMinGray
+    : mode === MODE_DARK
+      ? OrbeMinWhite
+      : OrbeMin
+
+  return (
+    <div
+      className={classNames('orbe-loader', muted && 'is-muted', className)}
+      role="status"
+      aria-label="Carregando"
+    >
+      <img className="orbe-loader__logo" src={logoSrc} alt="" />
+      <span className="orbe-loader__orbit" />
+    </div>
+  )
+}
+
+export default OrbeLoader

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbe-agro/client-core",
-  "version": "5.6.149",
+  "version": "5.6.151",
   "description": "Biblioteca principal de componentes e utilidades para os microfrontends do Orbe Agro.",
   "type": "module",
   "main": "./dist/index.js",