@nextelco/common-ui 1.7.51 → 1.7.53

package/dist/types/components/atoms/Card/Card1.d.ts

@@ -8,9 +8,12 @@ type Props = PropsWithChildren<{
     backgroundColor: string;
     image: string;
     isVideo: boolean;
+    isYoutubeVideo: boolean;
+    fontStyle?: string;
     videoUrl?: string;
     showVideo?: boolean;
+    disabled?: boolean;
     onClick: () => void;
 }>;
-declare const Card1: ({ text1, text2, textFontColor, backgroundColor, image, videoUrl, showVideo, isVideo, onClick }: Props) => React.JSX.Element;
+declare const Card1: ({ text1, text2, textFontColor, backgroundColor, image, fontStyle, videoUrl, showVideo, isVideo, isYoutubeVideo, disabled, onClick }: Props) => React.JSX.Element;
 export default Card1;

package/dist/types/components/atoms/Card/Card2.d.ts

@@ -11,7 +11,8 @@ type Props = PropsWithChildren<{
     videoUrl?: string;
     showVideo?: boolean;
     isVideo: boolean;
+    disabled?: boolean;
     onClick: () => void;
 }>;
-declare const Card2: ({ text1, text2, textFontColor, backgroundColor, image, image2, isVideo, videoUrl, showVideo, onClick }: Props) => React.JSX.Element;
+declare const Card2: ({ text1, text2, textFontColor, backgroundColor, image, image2, isVideo, videoUrl, showVideo, disabled, onClick }: Props) => React.JSX.Element;
 export default Card2;

package/dist/types/components/atoms/Card/Card3.d.ts

@@ -10,7 +10,9 @@ type Props = PropsWithChildren<{
     textButtonFontColor: string;
     buttonBackgroundColor: string;
     image: string;
+    disabled?: boolean;
     onClick: () => void;
+    onClickFull?: () => void;
 }>;
-declare const Card3: ({ text1, text2, textFontColor, backgroundColor, textButton, textButtonFontColor, buttonBackgroundColor, image, onClick, }: Props) => React.JSX.Element;
+declare const Card3: (props: Props) => React.JSX.Element;
 export default Card3;

package/dist/types/components/atoms/Card/Card4.d.ts

@@ -6,9 +6,11 @@ type Props = PropsWithChildren<{
     text2: string;
     textFontColor: string;
     backgroundColor: string;
-    hoveredBackgroundColor?: string;
-    icon: string;
+    hoveredBackgroundColor: string;
+    icon1: string;
+    icon2?: string;
+    disabled?: boolean;
     onClick: () => void;
 }>;
-declare const Card4: ({ text1, text2, textFontColor, backgroundColor, hoveredBackgroundColor, icon, onClick }: Props) => React.JSX.Element;
+declare const Card4: ({ text1, text2, textFontColor, backgroundColor, hoveredBackgroundColor, icon1, icon2, disabled, onClick }: Props) => React.JSX.Element;
 export default Card4;

package/dist/types/components/atoms/Card/Card5.d.ts

@@ -8,7 +8,8 @@ type Props = PropsWithChildren<{
     textFontColor: string;
     backgroundColor: string;
     image: string;
+    disabled?: boolean;
     onClick: () => void;
 }>;
-declare const Card5: ({ text1, text2, text3, textFontColor, backgroundColor, image, onClick }: Props) => React.JSX.Element;
+declare const Card5: ({ text1, text2, text3, textFontColor, backgroundColor, image, disabled, onClick }: Props) => React.JSX.Element;
 export default Card5;

package/dist/types/components/atoms/Card/Card6.d.ts

@@ -12,7 +12,8 @@ type Props = PropsWithChildren<{
     textButtonFontColor: string;
     buttonBackgroundColor: string;
     image: string;
+    disabled?: boolean;
     onClick: () => void;
 }>;
-declare const Card6: ({ text1, text2, text3, text4, textFontColor, backgroundColor, textButton, textButtonFontColor, buttonBackgroundColor, image, onClick, }: Props) => React.JSX.Element;
+declare const Card6: (props: Props) => React.JSX.Element;
 export default Card6;

package/dist/types/components/atoms/Card/Card7.d.ts

@@ -10,7 +10,8 @@ type Props = PropsWithChildren<{
     isVideo: boolean;
     videoUrl?: string;
     showVideo?: boolean;
+    disabled?: boolean;
     onClick: () => void;
 }>;
-declare const Card7: ({ text1, textFontColor, backgroundColor, icon, image, isVideo, showVideo, videoUrl, onClick }: Props) => React.JSX.Element;
+declare const Card7: ({ text1, textFontColor, backgroundColor, icon, image, isVideo, showVideo, videoUrl, disabled, onClick }: Props) => React.JSX.Element;
 export default Card7;

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.53",
   "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
-*/