@nextelco/common-ui 1.5.86 → 1.6.1

package/dist/types/components/organisms/LazyLoading/LazyLoading.d.ts

@@ -0,0 +1,77 @@
+/**
+import React, { useEffect } from 'react'
+import InfiniteScroll from 'react-infinite-scroll-component'
+import { useApi } from '../../../hooks/useApi'
+
+interface LazyLoadListProps {
+  items: any[]
+  setItems: (items: any[]) => void
+  page: number
+  limit: number
+  setPage: (page: number) => void
+  hasMore: boolean
+  setHasMore: (hasMore: boolean) => void
+  filters: { [key: string]: string }
+}
+
+const LazyLoadList: React.FC<LazyLoadListProps> = ({
+  items,
+  setItems,
+  page,
+  limit,
+  setPage,
+  hasMore,
+  setHasMore,
+  filters,
+}) => {
+  const { request, errors, loading } = useApi()
+
+  const fetchData = async (pageNum: number) => {
+    const response = await request({
+      method: 'get',
+      url: `/api/items`,
+      params: { page: pageNum, limit, ...filters },
+    })
+
+    if (response) {
+      if (response.length === 0) {
+        setHasMore(false)
+        return
+      }
+      setItems([...items, ...response])
+    }
+  }
+
+  useEffect(() => {
+    fetchData(page)
+  }, [page, filters])
+
+  const loadMore = () => {
+    setPage(page + 1)
+  }
+
+  return (
+    <div>
+      {errors && errors}
+      <InfiniteScroll
+        dataLength={items.length}
+        next={loadMore}
+        hasMore={hasMore}
+        loader={<h4>Loading...</h4>}
+        endMessage={<p>No more items to load</p>}
+      >
+        {items.map((item, index) => (
+          <div
+            key={index}
+            style={{ padding: '20px', borderBottom: '1px solid #ccc' }}
+          >
+            {item.name || `Item ${index}`}{' '}
+          </div>
+        ))}
+      </InfiniteScroll>
+    </div>
+  )
+}
+
+export default LazyLoadList
+*/

package/dist/types/components/organisms/Profile/Profile.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { LoggedUser } from '../../../types/LoggedUser';
 import './Profile.scss';
 type Props = {
     user: LoggedUser;
     handleLogout: () => void;
+    notifications?: ReactNode;
 };
-declare const Profile: ({ user, handleLogout }: Props) => React.JSX.Element;
+declare const Profile: ({ user, handleLogout, notifications }: Props) => React.JSX.Element;
 export default Profile;

package/dist/types/components/organisms/Profile/Profile.stories.d.ts

@@ -1,8 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
 import Profile from './Profile';
-import { ComponentProps } from 'react';
-type StoryProps = ComponentProps<typeof Profile>;
-declare const meta: Meta<StoryProps>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ProfileStory: Story;
+type Story = StoryObj<typeof Profile>;
+declare const _default: Meta<typeof Profile>;
+export default _default;
+export declare const Default: Story;
+export declare const WithLongName: Story;

package/dist/types/index.d.ts

@@ -1,7 +1,6 @@
 export { default as Label } from './components/atoms/Label/Label';
 export { default as BreadCrumb } from './components/atoms/BreadCrumb/BreadCrumb';
 export { default as CustomSwitch } from './components/atoms/Switch/CustomSwitch';
-export { default as Operators } from './components/moleculas/Operators/Operators';
 export { default as Field } from './components/atoms/Field/Field';
 export { default as Card1 } from './components/atoms/Card/Card1';
 export { default as Card2 } from './components/atoms/Card/Card2';
@@ -25,6 +24,7 @@ export { default as Error } from './components/layout/Error/Error';
 export { default as Spinner } from './components/layout/Spinner/Spinner';
 export { default as LoadingPage } from './pages/Loading/Loading';
 export { default as ErrorPage } from './pages/Error/ErrorPage';
+export { default as NotFoundPage } from './pages/NotFound/NotFound';
 export { useAuth, AuthProvider } from './contexts/authContext';
 export { ApiProvider } from './contexts/apiContext';
 export { useApi } from './hooks/useApi';

package/dist/types/types/ButtonTheme.d.ts

@@ -1,5 +1,5 @@
-export type ButtonTheme = {
+export interface ButtonTheme {
     backgroundColor: string;
     fontColor: string;
     iconColor: string;
-};
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextelco/common-ui",
-  "version": "1.5.86",
+  "version": "1.6.1",
   "description": "",
   "main": "dist/bundle.js",
   "types": "dist/types/index.d.ts",
@@ -39,6 +39,7 @@
     "@types/react-dom": "^19.0.3",
     "@types/storybook__react": "^5.2.1",
     "css-loader": "^7.1.2",
+    "msw": "^2.7.3",
     "sass": "^1.84.0",
     "sass-loader": "^16.0.4",
     "storybook": "^8.5.3",
@@ -56,8 +57,10 @@
     "@fortawesome/react-fontawesome": "^0.2.2",
     "axios": "^1.8.1",
     "js-cookie": "^3.0.5",
-    "keycloak-js": "^25.0.6",
+    "keycloak-js": "^25.0.0",
+    "react-infinite-scroll-component": "^6.1.0",
     "react-switch": "^7.1.0",
-    "react-tooltip": "^5.28.0"
+    "react-tooltip": "^5.28.0",
+    "tough-cookie": "^5.1.2"
   }
 }

package/dist/types/components/moleculas/Operators/Operators.d.ts

@@ -1,15 +0,0 @@
-import "./Operators.scss";
-import React from "react";
-type Props = {
-    label: string;
-    name: string;
-    type: "cui-choose_operator_title" | "cui-add_operator_title";
-    placeholder?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
-    mode?: "cui-add_logo";
-    selected?: boolean;
-    onSelect?: () => void;
-};
-declare const Operators: ({ label, name, type, placeholder, disabled, readOnly, mode, selected, onSelect, }: Props) => React.JSX.Element;
-export default Operators;

package/dist/types/components/moleculas/Operators/Operators.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import Operators from "./Operators";
-declare const meta: Meta<typeof Operators>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Operadora_01: Story;
-export declare const Operadora_02: Story;
-export declare const Nova_operadora: Story;