@nextelco/common-ui 1.5.68 → 1.5.69

package/dist/types/components/atoms/Button/variants/ActionButton.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
 import { PropsWithChildren } from 'react';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { ButtonTheme } from '../../../../types/ButtonTheme';
 import './ActionButton.scss';
 type Props = PropsWithChildren<{
     icon: IconProp;
     title: string;
+    theme: ButtonTheme;
     onClick: () => void;
 }>;
-declare const ActionButton: ({ title, icon, onClick }: Props) => React.JSX.Element;
+declare const ActionButton: ({ icon, title, theme, onClick }: Props) => React.JSX.Element;
 export default ActionButton;

package/dist/types/components/atoms/Button/variants/ActionButton.stories.d.ts

@@ -4,3 +4,5 @@ declare const meta: Meta<typeof ActionButton>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Logout: Story;
+export declare const Confirmar: Story;
+export declare const Negar: Story;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { PropsWithChildren } from 'react';
+import './Card1.scss';
+type Props = PropsWithChildren<{
+    title: string;
+    subtitle: string;
+    thumbnail: string;
+    isVideo: boolean;
+    clickable: boolean;
+    fontColor: string;
+    backgroundColor: string;
+    onClick: () => void;
+}>;
+declare const Card1: ({ title, subtitle, thumbnail, isVideo, clickable, fontColor, backgroundColor, onClick }: Props) => React.JSX.Element;
+export default Card1;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Card1 from './Card1';
+declare const meta: Meta<typeof Card1>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { PropsWithChildren } from 'react';
+import './Card2.scss';
+type Props = PropsWithChildren<{
+    icon: string;
+    title: string;
+    subtitle: string;
+    thumbnail: string;
+    isVideo: boolean;
+    clickable: boolean;
+    fontColor: string;
+    backgroundColor: string;
+    onClick: () => void;
+}>;
+declare const Card2: ({ icon, title, subtitle, thumbnail, isVideo, clickable, fontColor, backgroundColor, onClick }: Props) => React.JSX.Element;
+export default Card2;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Card2 from './Card2';
+declare const meta: Meta<typeof Card2>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { PropsWithChildren } from 'react';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import './Card3.scss';
+type Props = PropsWithChildren<{
+    image: string;
+    title: string;
+    subtitle: string;
+    fontColor: string;
+    backgroundColor: string;
+    buttonIcon: IconProp;
+    buttonFontColor: string;
+    buttonBackgroundColor: string;
+    onClick: () => void;
+}>;
+declare const Card3: ({ image, title, subtitle, fontColor, backgroundColor, buttonIcon, buttonFontColor, buttonBackgroundColor, onClick }: Props) => React.JSX.Element;
+export default Card3;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Card3 from './Card3';
+declare const meta: Meta<typeof Card3>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { PropsWithChildren } from 'react';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import './Card4.scss';
+type Props = PropsWithChildren<{
+    icon: IconProp;
+    iconColor: string;
+    title: string;
+    thumbnail: string;
+    isVideo: boolean;
+    clickable: boolean;
+    fontColor: string;
+    backgroundColor: string;
+    onClick: () => void;
+}>;
+declare const Card4: ({ icon, iconColor, title, thumbnail, isVideo, clickable, fontColor, backgroundColor, onClick }: Props) => React.JSX.Element;
+export default Card4;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Card4 from './Card4';
+declare const meta: Meta<typeof Card4>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { PropsWithChildren } from 'react';
+import './Card5.scss';
+type Props = PropsWithChildren<{
+    image: string;
+    title: string;
+    subtitle: string;
+    undertitle: string;
+    icon: string;
+    fontColor: string;
+    backgroundColor: string;
+    fixedSize: boolean;
+    onClick: () => void;
+}>;
+declare const Card5: ({ image, title, subtitle, undertitle, icon, fontColor, backgroundColor, onClick }: Props) => React.JSX.Element;
+export default Card5;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Card5 from './Card5';
+declare const meta: Meta<typeof Card5>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PropsWithChildren } from 'react';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import './Card6.scss';
+type Props = PropsWithChildren<{
+    title: string;
+    subtitle: string;
+    content: string;
+    content2: string;
+    buttonContent: string;
+    buttonIcon: IconProp;
+    buttonFontColor: string;
+    buttonBackgroundColor: string;
+    fontColor: string;
+    backgroundColor: string;
+    image: string;
+    onClick: () => void;
+}>;
+declare const Card6: ({ title, subtitle, content, content2, buttonContent, buttonIcon, buttonFontColor, buttonBackgroundColor, fontColor, backgroundColor, image, onClick }: Props) => React.JSX.Element;
+export default Card6;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Card6 from './Card6';
+declare const meta: Meta<typeof Card6>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/components/atoms/Select/Select.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './Select.scss';
+interface SelectOption {
+    value: string;
+    label: string;
+}
+interface SelectProps {
+    placeholder: string;
+    options: SelectOption[];
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+}
+declare const Select: React.FC<SelectProps>;
+export default Select;

package/dist/types/components/atoms/Select/Select.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Select from './Select';
+import './Select.scss';
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const SmallContainer: Story;
+export declare const LargeContainer: Story;
+export declare const NoOptions: Story;
+export declare const LongPlaceholder: Story;
+export declare const Responsive: Story;
+export declare const WithSelectedValue: Story;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+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;
+    };
+}
+declare const LazyLoadList: React.FC<LazyLoadListProps>;
+export default LazyLoadList;

package/dist/types/index.d.ts

@@ -3,6 +3,13 @@ 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';
+export { default as Card3 } from './components/atoms/Card/Card3';
+export { default as Card4 } from './components/atoms/Card/Card4';
+export { default as Card5 } from './components/atoms/Card/Card5';
+export { default as Card6 } from './components/atoms/Card/Card6';
+export { default as Select } from './components/atoms/Select/Select';
 export { default as ActionButton } from './components/atoms/Button/variants/ActionButton';
 export { default as FilterButton } from './components/atoms/Button/variants/FilterButton';
 export { default as IconButton } from './components/atoms/Button/variants/IconButton';
@@ -22,3 +29,4 @@ export { useAuth, AuthProvider } from './contexts/authContext';
 export { ApiProvider } from './contexts/apiContext';
 export { useApi } from './hooks/useApi';
 export { LoggedUser } from './types/LoggedUser';
+export { ButtonTheme } from './types/ButtonTheme';

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextelco/common-ui",
-  "version": "1.5.68",
+  "version": "1.5.69",
   "description": "",
   "main": "dist/bundle.js",
   "types": "dist/types/index.d.ts",
@@ -11,7 +11,8 @@
     "build": "webpack --mode production",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "pub": "git add . && git commit -m \"update\" && git push && npm version patch && npm run build && npm publish"
+    "pub": "git add . && git commit -m \"update\" && git push && npm version patch && npm run build && npm publish",
+    "pubOnly": "npm run build && npm publish"
   },
   "keywords": [],
   "author": "",
@@ -38,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,7 +58,9 @@
     "axios": "^1.8.1",
     "js-cookie": "^3.0.5",
     "keycloak-js": "^25.0.6",
+    "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"
   }
 }