@orbe-agro/client-core 5.6.122 → 5.6.124

package/lib/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.tsx

@@ -1,179 +1,157 @@
-import Tooltip from "@/components/ui/Tooltip";
-import Menu from "@/components/ui/Menu";
-import AuthorityCheck from "@/components/shared/AuthorityCheck";
-import VerticalMenuIcon from "./VerticalMenuIcon";
-import { Link } from "react-router-dom";
-import Dropdown from "@/components/ui/Dropdown";
-import type { CommonProps } from "@/@types/common";
-import type { Direction } from "@/@types/theme";
-import type { NavigationTree } from "@/@types/navigation";
+import Tooltip from '@/components/ui/Tooltip'
+import Menu from '@/components/ui/Menu'
+import ScrollBar from '@/components/ui/ScrollBar'
+import VerticalMenuIcon from './VerticalMenuIcon'
+import { Link } from 'react-router-dom'
+import type { CommonProps } from '@/@types/common'
+import type { Direction } from '@/@types/theme'
+import type { NavigationTree } from '@/@types/navigation'
 
-const { MenuItem } = Menu;
+const { MenuItem } = Menu
 
 type LinkRenderer = (
-  nav: NavigationTree,
-  children: React.ReactNode
-) => React.ReactNode;
+    nav: NavigationTree,
+    children: React.ReactNode,
+) => React.ReactNode
 
 interface CollapsedItemProps extends CommonProps {
-  nav: NavigationTree;
-  direction?: Direction;
-  linkRenderer?: LinkRenderer;
-  onLinkClick?: (link: { key: string; title: string; path: string }) => void;
-  t: (
-    key: string,
-    fallback?: string | Record<string, string | number>
-  ) => string;
-  renderAsIcon?: boolean;
-  userAuthority: string[];
-  currentKey?: string;
-  parentKeys?: string[];
+    nav: NavigationTree
+    direction?: Direction
+    linkRenderer?: LinkRenderer
+    onLinkClick?: (link: { key: string; title: string; path: string }) => void
+    t: (
+        key: string,
+        fallback?: string | Record<string, string | number>,
+    ) => string
+    renderAsIcon?: boolean
+    userAuthority: string[]
+    currentKey?: string
+    parentKeys?: string[]
 }
 
 interface DefaultItemProps {
-  nav: NavigationTree;
-  onLinkClick?: (link: { key: string; title: string; path: string }) => void;
-  sideCollapsed?: boolean;
-  t: (
-    key: string,
-    fallback?: string | Record<string, string | number>
-  ) => string;
-  indent?: boolean;
-  userAuthority: string[];
-  showIcon?: boolean;
-  showTitle?: boolean;
-  linkRenderer?: LinkRenderer;
+    nav: NavigationTree
+    onLinkClick?: (link: { key: string; title: string; path: string }) => void
+    sideCollapsed?: boolean
+    t: (
+        key: string,
+        fallback?: string | Record<string, string | number>,
+    ) => string
+    indent?: boolean
+    userAuthority: string[]
+    showIcon?: boolean
+    showTitle?: boolean
+    linkRenderer?: LinkRenderer
 }
 
 interface VerticalMenuItemProps extends CollapsedItemProps, DefaultItemProps {}
 
-const CollapsedItem = ({
-  nav,
-  children,
-  direction,
-  renderAsIcon,
-  onLinkClick,
-  userAuthority,
-  t,
-  currentKey,
-  linkRenderer,
-}: CollapsedItemProps) => {
-  const linkContent = <span>{t(nav.translateKey, nav.title)}</span>;
-
-  const renderLink = () => {
-    if (linkRenderer) {
-      return linkRenderer(nav, linkContent);
-    }
-
-    return (
-      <Link
-        id={nav.path}
-        className="flex h-full w-full items-center outline-none"
-        to={nav.path}
-        target={nav.isExternalLink ? "_blank" : ""}
-        onClick={() =>
-          onLinkClick?.({
-            key: nav.key,
-            title: nav.title,
-            path: nav.path,
-          })
-        }
-      >
-        {linkContent}
-      </Link>
-    );
-  };
-
-  return (
-    <Dropdown.Item active={currentKey === nav.key}>
-      {nav.path ? renderLink() : <span>{t(nav.translateKey, nav.title)}</span>}
-    </Dropdown.Item>
-  );
-};
-
 const DefaultItem = (props: DefaultItemProps) => {
-  const {
-    nav,
-    onLinkClick,
-    showTitle,
-    indent,
-    showIcon = true,
-    userAuthority,
-    t,
-    linkRenderer,
-  } = props;
-
-  const linkContent = (
-    <>
-      {showIcon && <VerticalMenuIcon icon={nav.icon} />}
-      {showTitle && <span>{t(nav.translateKey, nav.title)}</span>}
-    </>
-  );
+    const {
+        nav,
+        onLinkClick,
+        showTitle,
+        indent,
+        showIcon = true,
+        t,
+        linkRenderer,
+    } = props
+
+    const translatedTitle = t(nav.translateKey, nav.title)
+
+    const renderItemContent = (titleClassName?: string) => (
+        <>
+            {showIcon && <VerticalMenuIcon icon={nav.icon} />}
+            {showTitle && (
+                <span className={titleClassName}>{translatedTitle}</span>
+            )}
+        </>
+    )
+
+    const linkContent = (
+        <span className="relative flex min-w-0 flex-1 items-center gap-2">
+            <span className="flex min-w-0 flex-1 items-center gap-2 overflow-hidden">
+                {renderItemContent('truncate')}
+            </span>
+            {showTitle && (
+                <div className="w-100 absolute -left-3 top-1/2 z-20 hidden min-w-[calc(100%+1.5rem)] -translate-y-1/2 group-hover/item:block group-focus-visible/item:block">
+                    <ScrollBar
+                        autoHide
+                        className="max-h-16 rounded-lg bg-gray-100 text-gray-900 dark:bg-gray-700 dark:text-gray-100"
+                    >
+                        <div className="flex h-full w-max min-w-full items-center gap-2 whitespace-nowrap rounded-lg px-3 font-semibold">
+                            {renderItemContent()}
+                        </div>
+                    </ScrollBar>
+                </div>
+            )}
+        </span>
+    )
+
+    const renderLink = () => {
+        if (linkRenderer) {
+            return linkRenderer(nav, linkContent)
+        }
 
-  const renderLink = () => {
-    if (linkRenderer) {
-      return linkRenderer(nav, linkContent);
+        return (
+            <Link
+                to={nav.path}
+                className="group/item relative flex w-full min-w-0 items-center gap-2"
+                target={nav.isExternalLink ? '_blank' : ''}
+                onClick={() =>
+                    onLinkClick?.({
+                        key: nav.key,
+                        title: nav.title,
+                        path: nav.path,
+                    })
+                }
+            >
+                {linkContent}
+            </Link>
+        )
     }
 
     return (
-      <Link
-        to={nav.path}
-        className="flex h-full w-full items-center gap-2"
-        target={nav.isExternalLink ? "_blank" : ""}
-        onClick={() =>
-          onLinkClick?.({
-            key: nav.key,
-            title: nav.title,
-            path: nav.path,
-          })
-        }
-      >
-        {linkContent}
-      </Link>
-    );
-  };
-
-  return (
-    <MenuItem key={nav.key} eventKey={nav.key} dotIndent={indent}>
-      {renderLink()}
-    </MenuItem>
-  );
-};
+        <MenuItem key={nav.key} eventKey={nav.key} dotIndent={indent}>
+            {renderLink()}
+        </MenuItem>
+    )
+}
 const VerticalSingleMenuItem = (props: VerticalMenuItemProps) => {
-  const { sideCollapsed, nav, t, userAuthority, onLinkClick, linkRenderer } =
-    props;
+    const { sideCollapsed, nav, t, userAuthority, onLinkClick, linkRenderer } =
+        props
+
+    if (sideCollapsed) {
+        return (
+            <Tooltip
+                title={t(nav.translateKey, nav.title)}
+                placement={props.direction === 'rtl' ? 'left' : 'right'}
+            >
+                <DefaultItem
+                    nav={nav}
+                    onLinkClick={onLinkClick}
+                    t={t}
+                    userAuthority={userAuthority}
+                    linkRenderer={linkRenderer}
+                    showIcon={true}
+                    showTitle={false}
+                    indent={props.indent}
+                />
+            </Tooltip>
+        )
+    }
 
-  if (sideCollapsed) {
     return (
-      <Tooltip
-        title={t(nav.translateKey, nav.title)}
-        placement={props.direction === "rtl" ? "left" : "right"}
-      >
         <DefaultItem
-          nav={nav}
-          onLinkClick={onLinkClick}
-          t={t}
-          userAuthority={userAuthority}
-          linkRenderer={linkRenderer}
-          showIcon={true}
-          showTitle={false}
-          indent={props.indent}
+            nav={nav}
+            onLinkClick={onLinkClick}
+            t={t}
+            userAuthority={userAuthority}
+            linkRenderer={linkRenderer}
+            showIcon={true}
+            showTitle={true}
+            indent={props.indent}
         />
-      </Tooltip>
-    );
-  }
-
-  return (
-    <DefaultItem
-      nav={nav}
-      onLinkClick={onLinkClick}
-      t={t}
-      userAuthority={userAuthority}
-      linkRenderer={linkRenderer}
-      showIcon={true}
-      showTitle={true}
-      indent={props.indent}
-    />
-  );
-};
-export default VerticalSingleMenuItem;
+    )
+}
+export default VerticalSingleMenuItem

package/lib/@ecme/components/ui/Button/Button.stories.tsx

@@ -0,0 +1,22 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+import Button from '../Button'
+
+// Define os metadados utilizados pelo Storybook para expor o componente na lista de componentes
+// e garante que o objeto esteja de acordo com a tipagem esperada pelo Storybook.
+const meta = {
+    title: '@ecme/Components/Button',
+    component: Button,
+} satisfies Meta<typeof Button>
+
+// Exporta para o Storybook identificar o novo story.
+export default meta
+
+// Tipo do Story baseado no tipo do meta, garantindo que os argumentos estejam de acordo com as props do componente.
+type TStory = StoryObj<typeof meta>
+
+export const Sandbox: TStory = {
+    args: {
+        children: 'Click Me',
+        disabled: false,
+    },
+}

package/lib/base/@types/models/ativos/centralAtivosUser.ts

@@ -0,0 +1,42 @@
+export type TCentralAtivosUserColumnDef = {
+    id: number
+    dataCriacao: string
+    usuarioCriacaoId: number
+    usuarioCriacaoNome: string
+    ativoId: number
+    formularioCamposId: number
+    item: string
+    categoriaId: number
+    categoria: string
+    modeloId: number
+    modelo: string
+    empresaId: number
+    empresaBusinessPartner: string
+    empresaNomeCompleto: string
+    fabricanteId: number
+    fabricanteBusinessPartner: string
+    fabricanteNomeCompleto: string
+    statusAtivo: string
+    statusContrato: string
+    departamentoId: number
+    departamento: string
+    responsavelAtivoId: number
+    responsavelAtivoNome: string
+    contratoId?: number | null
+    contratoDocusignId?: string | null
+}
+
+export type TCentralAtivosUser = {
+    id?: number
+    ativoId: number
+    categoriaId: number
+    modeloId: number
+    empresaId: number
+    fabricanteId: number
+    statusAtivo: string
+    statusContrato: string
+    departamentoId: number
+    responsavelAtivoId: number
+    contratoId?: number | null
+    contratoDocusignId?: string | null
+}

package/lib/base/@types/models/ativos/tipo.ts

@@ -9,4 +9,5 @@ export type TTipoColumnDef = {
 export type TTipo = {
     id?: number
     tipo: string
+    formularioCamposId?: number | null
 }

package/lib/base/configs/endpoints.config/ativos/ativos.ts

@@ -2,6 +2,7 @@ import aplicacao from "./config/aplicacao"
 import ativo from "./config/ativo"
 import bancoDados from "./config/bancoDados"
 import categoria from "./config/categoria"
+import centralAtivosUser from "./config/centralAtivosUser"
 import documentacao from "./config/documentacao"
 import formularioCampos from "./config/formularioCampos"
 import hardDisk from "./config/hardDisk"
@@ -25,6 +26,7 @@ const ativos = {
     ativo: ativo,
     bancoDados: bancoDados,
     categoria: categoria,
+    centralAtivosUser: centralAtivosUser,
     documentacao: documentacao,
     formularioCampos: formularioCampos,
     hardDisk: hardDisk,

package/lib/base/configs/endpoints.config/ativos/config/centralAtivosUser.ts

@@ -0,0 +1,11 @@
+const CENTRAL_ATIVOS_USER_BASE_URL = '/ativos/api/ativos/central-ativos-user'
+
+const centralAtivosUser = {
+    findOne: { endpoint: `${CENTRAL_ATIVOS_USER_BASE_URL}/`, method: 'get' },
+    add: { endpoint: `${CENTRAL_ATIVOS_USER_BASE_URL}`, method: 'post' },
+    update: { endpoint: `${CENTRAL_ATIVOS_USER_BASE_URL}`, method: 'put' },
+    delete: { endpoint: `${CENTRAL_ATIVOS_USER_BASE_URL}/`, method: 'delete' },
+    findMonitor: { endpoint: `${CENTRAL_ATIVOS_USER_BASE_URL}/find-monitor`, method: 'post' },
+}
+
+export default centralAtivosUser

package/lib/base/configs/endpoints.config/ativos/config/tipo.ts

@@ -6,6 +6,7 @@ const tipo = {
     update: { endpoint: `${TIPO_BASE_URL}`, method: 'put' },
     delete: { endpoint: `${TIPO_BASE_URL}/`, method: 'delete' },
     findMonitor: { endpoint: `${TIPO_BASE_URL}/find-monitor`, method: 'post' },
+    findByTipoAndFormulario: { endpoint: `${TIPO_BASE_URL}/find-by-tipo-and-formulario`, method: 'post' },
 }
 
 export default tipo

package/lib/base/configs/navigation.config/submenu/ativos/ativos.submenu.ts

@@ -2,9 +2,11 @@ import type { NavigationTree } from '@/@types/navigation'
 import subMenuCadastros from '../../modules.submenu/ativos/cadastros/submenu.cadastro'
 import subMenuDocumentacoes from '../../modules.submenu/ativos/documentacoes/submenu.documentacoes'
 import ativoSubmenu from './config/ativo.submenu'
+import centralAtivosUserSubmenu from './config/centralAtivosUser.submenu'
 
 const ativosSubmenu: NavigationTree[] = [
     subMenuCadastros,
+    centralAtivosUserSubmenu,
     subMenuDocumentacoes,
     ativoSubmenu
 ]

package/lib/base/configs/navigation.config/submenu/ativos/config/centralAtivosUser.submenu.ts

@@ -0,0 +1,16 @@
+import { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'
+import { ADMIN } from '@/constants/roles.constant'
+import { NavigationTree } from '@/@types/navigation'
+
+const centralAtivosUserSubmenu: NavigationTree = {
+    key: 'modules.ativos.centralAtivosUser',
+    path: '/ativos/central-ativos-user',
+    title: 'Central de Ativos por Usuário',
+    translateKey: 'nav.modules.ativos.centralAtivosUser',
+    icon: 'centralAtivosUser',
+    type: NAV_ITEM_TYPE_ITEM,
+    authority: [ADMIN],
+    subMenu: [],
+}
+
+export default centralAtivosUserSubmenu

package/lib/base/services/modules/ativos/centralAtivosUser/CentralAtivosUserService.ts

@@ -0,0 +1,44 @@
+import ApiService from "@/services/ApiService";
+import { IFilterParams, TQueryResponse } from "@base/@types/api";
+import { TCentralAtivosUser } from "@base/@types/models/ativos/centralAtivosUser";
+import endpointConfig from "@base/configs/endpoints.config/endpoints.navigation";
+
+const CENTRAL_ATIVOS_USER_ENDPOINT = endpointConfig.ativos.centralAtivosUser;
+
+export async function apiGetAtivosCentralAtivosUser(id: number) {
+    return ApiService.fetchDataWithAxios<TCentralAtivosUser>({
+        url: CENTRAL_ATIVOS_USER_ENDPOINT.findOne.endpoint + `${id}`,
+        method: CENTRAL_ATIVOS_USER_ENDPOINT.findOne.method,
+    })
+}
+
+export async function apiAddAtivosCentralAtivosUser(body: TCentralAtivosUser) {
+    return ApiService.fetchDataWithAxios<TQueryResponse<TCentralAtivosUser>>({
+        url: CENTRAL_ATIVOS_USER_ENDPOINT.add.endpoint,
+        method: CENTRAL_ATIVOS_USER_ENDPOINT.add.method,
+        data: body,
+    })
+}
+
+export async function apiUpdateAtivosCentralAtivosUser(body: TCentralAtivosUser) {
+    return ApiService.fetchDataWithAxios<TQueryResponse<TCentralAtivosUser>>({
+        url: CENTRAL_ATIVOS_USER_ENDPOINT.update.endpoint,
+        method: CENTRAL_ATIVOS_USER_ENDPOINT.update.method,
+        data: body,
+    })
+}
+
+export async function apiDeleteAtivosCentralAtivosUser(id: number) {
+    return ApiService.fetchDataWithAxios<TQueryResponse<TCentralAtivosUser>>({
+        url: CENTRAL_ATIVOS_USER_ENDPOINT.delete.endpoint + `${id}`,
+        method: CENTRAL_ATIVOS_USER_ENDPOINT.delete.method,
+    })
+}
+
+export async function apiFindMonitorAtivosCentralAtivosUser(body?: IFilterParams) {
+    return ApiService.fetchDataWithAxios<TQueryResponse<TCentralAtivosUser>>({
+        url: CENTRAL_ATIVOS_USER_ENDPOINT.findMonitor.endpoint,
+        method: CENTRAL_ATIVOS_USER_ENDPOINT.findMonitor.method,
+        data: body,
+    })
+}

package/lib/base/services/modules/ativos/tipo/TipoService.ts

@@ -42,3 +42,11 @@ export async function apiFindMonitorAtivosTipo(body?: IFilterParams) {
         data: body,
     })
 }
+
+export async function apiFindByTipoAndFormulario(body: { tipo: string; formularioCamposId?: number | null }) {
+    return ApiService.fetchDataWithAxios<any[]>({
+        url: TIPO_ENDPOINT.findByTipoAndFormulario.endpoint,
+        method: TIPO_ENDPOINT.findByTipoAndFormulario.method,
+        data: body,
+    })
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbe-agro/client-core",
-  "version": "5.6.122",
+  "version": "5.6.124",
   "description": "Biblioteca principal de componentes e utilidades para os microfrontends do Orbe Agro.",
   "type": "module",
   "main": "./dist/index.js",
@@ -123,6 +123,11 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.1",
+    "@storybook/addon-links": "^10.4.4",
+    "@storybook/addon-onboarding": "^10.4.4",
+    "@storybook/addon-styling-webpack": "^3.0.2",
+    "@storybook/react": "^10.4.4",
+    "@storybook/react-vite": "^10.4.4",
     "@tailwindcss/typography": "^0.5.15",
     "@types/d3-fetch": "^3.0.7",
     "@types/d3-scale": "^4.0.8",
@@ -146,6 +151,7 @@
     "postcss": "^8.4.45",
     "postcss-nesting": "^13.0.0",
     "prettier": "^3.3.3",
+    "storybook": "^10.4.4",
     "tailwindcss": "^3.4.10",
     "tw-colors": "^3.3.2",
     "typescript": "^5.7.2",
@@ -181,6 +187,8 @@
     "dev": "vite",
     "build:dev": "tsc -b ./tsconfig.lib.json && vite build --mode development",
     "build:lib": "tsc -b ./tsconfig.lib.json && vite build --mode production",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
     "lint": "oxlint .",
     "bump": "pnpm version patch --git-tag-version false"
   }