@nextelco/common-ui 1.7.51 → 1.7.52

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

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+interface LazyLoaderProps<T> {
+    endpoint: string;
+    params?: Record<string, unknown>;
+    children: (items: T[], loading: boolean, error: ReactNode | null) => ReactNode;
+    scrollableTarget?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    height?: number | string;
+    scrollThreshold?: number | string;
+    pageSize?: number;
+    initialPage?: number;
+    responseType?: 'blob';
+}
+export declare const LazyLoader: <T extends {
+    id: string | number;
+}>({ endpoint, params, children, scrollableTarget, className, style, height, scrollThreshold, pageSize, initialPage, responseType, }: LazyLoaderProps<T>) => React.JSX.Element;
+export {};

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

@@ -6,5 +6,5 @@ type Props = {
     handleLogout: () => void;
     notifications?: ReactNode;
 };
-declare const Profile: ({ user, handleLogout, notifications }: Props) => React.JSX.Element;
-export default Profile;
+export declare const Profile: ({ user, handleLogout, notifications }: Props) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+type Props = {};
+declare const Selector: (props: Props) => React.JSX.Element;
+export default Selector;

package/dist/types/exports/organisms.d.ts

@@ -1 +1,2 @@
-export { default as Profile } from '../components/organisms/Profile/Profile';
+export { Profile } from '../components/organisms/Profile/Profile';
+export { LazyLoader } from '../components/organisms/LazyLoader/LazyLoader';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextelco/common-ui",
-  "version": "1.7.51",
+  "version": "1.7.52",
   "description": "",
   "main": "dist/bundle.js",
   "types": "dist/types/index.d.ts",

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

@@ -1,77 +0,0 @@
-/**
-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
-*/