@omniumretail/component-library 1.2.70 → 1.2.72

package/src/components/Upload/styles.module.scss

@@ -1,29 +0,0 @@
-.loadFile {
-    color: var(--color-black);
-    background-color: var(--color-white);
-    border: 1px var(--color-black) solid;
-    min-width: 100px;
-    height: 20px;
-    font-size: 10px;
-    padding: unset;
-
-    @media(max-width: 767px) {
-        min-width: 0px;
-    }
-
-    &:hover {
-        background-color: var(--color-grey-light);
-        color: var(--color-black) !important;
-        border: 1px var(--color-black) solid !important;
-    }
-}
-
-:global {
-    .ant-upload-wrapper {
-        line-height: 12px;
-    }
-
-    .ant-upload-wrapper .ant-upload-list .ant-upload-list-item {
-        max-width: 100px;
-    }
-}

package/src/components/UserInfo/UserInfo.stories.tsx

@@ -1,38 +0,0 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
-import { UserInfo } from '.';
-
-export default {
-    title: 'UserInfo',
-    component: UserInfo,
-} as Meta;
-
-const Template: StoryFn<any> = (args: any) => {
-    
-    const data = {
-        Date: "946080000",
-        "Store": [
-            "ola",
-            "adeus"
-        ],
-        "Team": "Delivery Team",
-        "Supervisor": "Jane Dõe Lórd Rings",
-        "TypeOfContract": "Omnium.APE.Services.API.Models.Users.ContractStateDto",
-        "Nationality": "PT",
-        "CivilStatus": "single",
-        "IdentificationDocument": "55613145664",
-        "NTaxpayer": "14244",
-        "NIB": "12312331",
-        "SocialSecurity": "123123132",
-        "NChildren": "2",
-        "Workload": "2 horas",
-        "Description": "One Desccription",
-        "Comments": "One CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne CommentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwOne Commentsdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww",
-        "Image": "https://omnium-user-images.s3.eu-west-1.amazonaws.com/Users/.jpg"
-    };
-    
-    return <UserInfo {...args} userData={data} userName={ "Diogo Carvalho" } userCode={ "121212" } userImage={"https://omnium-user-images.s3.eu-west-1.amazonaws.com/Users/.jpg"} userInfoTranslationsKey={'userInfoColumn'}></UserInfo>;
-}
-
-export const Primary = Template.bind({});
-Primary.args = {
-};

package/src/components/UserInfo/index.tsx

@@ -1,77 +0,0 @@
-import React from 'react';
-import styles from './styles.module.scss';
-import classNames from 'classnames';
-import { Label } from '../Label';
-import { useTranslation } from 'react-i18next';
-
-export interface UserInfoProps {
-  userData: any;
-  userImage: string;
-  userName: string;
-  userCode: string;
-  userInfoTranslationsKey?: string;
-  customClass?: string;
-}
-
-export const UserInfo = ({
-  userData,
-  customClass,
-  userImage,
-  userName,
-  userCode,
-  userInfoTranslationsKey,
-}: UserInfoProps) => {
-  const { t } = useTranslation();
-
-  const userInfoStyle = classNames(
-    {
-      [`${customClass}`]: customClass,
-    },
-    [styles.userInfo]
-  );
-
-  return (
-    <div className={userInfoStyle}>
-      <img src={userImage} className={styles.userImage} />
-
-      <Label customStyle={styles.userName}>{userName}</Label>
-
-      <h3 className={styles.userCode}>{userCode}</h3>
-
-      {Object.entries(userData)?.map(([key, value]: any) => {
-        if (
-          userInfoTranslationsKey &&
-          t(`${userInfoTranslationsKey}.${key}`) === `${userInfoTranslationsKey}.${key}`
-        ) {
-          // Verificar se a chave de tradução não existe
-          return null; // Pular a renderização desse campo
-        }
-
-        if (key === 'Store') {
-          return (
-            <div key={key}>
-              <h3 className={styles.userInfoTitles}>
-                {userInfoTranslationsKey ? t(`${userInfoTranslationsKey}.${key}`) : key}
-              </h3>
-              {value?.map((store: string, index: number) => (
-                <h3 key={`${key}-${index}`} className={styles.userInfoDesc}>
-                  {store}
-                </h3>
-              ))}
-            </div>
-          );
-        }
-
-        return (
-          <div key={key}>
-            <h3 className={styles.userInfoTitles}>
-              {userInfoTranslationsKey ? t(`${userInfoTranslationsKey}.${key}`) : key}
-            </h3>
-
-            <h3 className={styles.userInfoDesc}>{value as string}</h3>
-          </div>
-        );
-      })}
-    </div>
-  );
-};

package/src/components/UserInfo/styles.module.scss

@@ -1,35 +0,0 @@
-.userInfo {
-    display: flex;
-    flex-direction: column;
-    background-color: var(--white-color);
-    padding: 24px;
-    color: var(--color-black);
-    width: 150px;
-    word-wrap: break-word;
-}
-
-.userImage {
-    width: 150px;
-}
-
-.userName {
-    color: var(--color-blue) !important;
-    font-size: var(--font-size-body-5);
-    font-weight: var(--font-weight-bold);
-}
-
-.userCode {
-    font-weight: var(--font-weight-semibold);
-    font-size: var(--font-size-label);
-    margin-top: 0px;
-}
-
-.userInfoTitles {
-    font-weight: var(--font-weight-bold);
-    font-size: var(--font-size-body-base);
-}
-
-.userInfoDesc {
-    font-weight: var(--font-weight-regular);
-    font-size: var(--font-size-label);
-}

package/src/components/WebCam/WebCam.stories.tsx

@@ -1,24 +0,0 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
-import { CameraCapture } from '.';
-import { useState } from "react";
-import { Button } from "antd";
-
-export default {
-    title: 'CameraCapture',
-    component: CameraCapture,
-} as Meta;
-
-const Template: StoryFn<any> = (args: any) => {
-    const [openCamera, setOpenCamera] = useState(false);
-    const [imgSrc, setImgSrc] = useState("");
-
-    return <>
-        <p>Source: {imgSrc}</p>
-        <Button onClick={() => setOpenCamera(!openCamera)}>Open</Button>
-        <CameraCapture {...args} setImgSrc={setImgSrc} isCameraOn={openCamera}></CameraCapture>
-    </>;
-}
-
-export const Primary = Template.bind({});
-Primary.args = {
-};

package/src/components/WebCam/index.tsx

@@ -1,73 +0,0 @@
-import React, { useRef, useState } from 'react';
-import styles from './styles.module.scss';
-import Webcam from 'react-webcam';
-import { useTranslation } from 'react-i18next';
-import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
-import classNames from 'classnames';
-import { Button } from 'antd';
-
-interface CameraCaptureProps {
-  isCameraOn: boolean;
-  customClass?: string;
-  setImgSrc: React.Dispatch<React.SetStateAction<string>>;
-}
-
-export const CameraCapture: React.FC<CameraCaptureProps> = ({ isCameraOn, customClass, setImgSrc }) => {
-  const { t } = useTranslation();
-
-  const webcamRef = useRef<Webcam>(null);
-  const [imageSrc, setImageSrc] = useState<string | null>(null);
-  const [captured, setCaptured] = useState(false);
-
-  const capture = () => {
-    const imageSrc = webcamRef.current?.getScreenshot();
-    if (imageSrc) {
-      setImageSrc(imageSrc);
-      setCaptured(true);
-    }
-  };
-
-  const retake = () => {
-    setImageSrc(null);
-    setCaptured(false);
-  };
-
-
-  const confirm = () => {
-    setImgSrc(imageSrc as string);
-    setCaptured(false);
-  };
-
-  const webCamStyle = classNames({
-    [`${customClass}`]: customClass,
-  }, [styles.webCam]);
-
-  return (
-    <div className={styles.cameraCapture}>
-      <div>
-        {isCameraOn && !captured && (
-          <Webcam
-            audio={false}
-            ref={webcamRef}
-            screenshotFormat="image/jpeg"
-            className={webCamStyle}
-          />
-        )}
-      </div>
-
-      {isCameraOn && !captured && (
-        <Button onClick={capture}>{t('components.webCam.takePhoto')}</Button>
-      )}
-
-      {captured && (
-        <div className={styles.capturedImage}>
-          <img src={imageSrc || ''} alt="Captured" />
-          <div className={styles.buttonGroup}>
-            <CloseOutlined onClick={retake} title={t('components.webCam.takeAgain')!} className={styles.closeButton} />
-            <CheckOutlined onClick={confirm} title={t('components.webCam.confirm')!} className={styles.checkButton} />
-          </div>
-        </div>
-      )}
-    </div>
-  );
-};

package/src/components/WebCam/styles.module.scss

@@ -1,37 +0,0 @@
-.cameraCapture {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-.webCam {
-  height: 300px;
-  width: 400px;
-}
-
-.buttonGroup {
-  display: flex;
-  justify-content: space-between;
-  margin: 10px 10px 0px 10px;
-  font-size: 20px;
-}
-
-.closeButton {
-  color: #ff4d4f;
-}
-
-.checkButton {
-  color: #52c41a;
-}
-
-.capturedImage {
-  margin-top: 20px;
-  border-radius: 4px;
-  overflow: hidden;
-}
-
-.capturedImage img {
-  width: 100%;
-  height: auto;
-}

package/src/components/index.tsx

@@ -1,34 +0,0 @@
-export * from './Button';
-export * from './Navigation';
-export * from './Input';
-export * from './InputCountryCode';
-export * from './Label';
-export * from './Link';
-export * from './Select';
-export * from './Separator';
-export * from './Table';
-export * from './Tag';
-export * from './DatePicker';
-export * from './Radio';
-export * from './Footer';
-export * from './ModalConfirmation';
-export * from './ModalWithTable';
-export * from './Sidebar';
-export * from './Switch';
-export * from './Category';
-export * from './DatePickerTag';
-export * from './AnalyticsBar';
-export * from './CategoryResponse';
-export * from './Upload';
-export * from './UserInfo';
-export * from './CategoryReadOnly';
-export * from './Notification';
-export * from './ExportTableData';
-export * from './DropdownButton';
-export * from './ResponsiveTable';
-export * from './WebCam';
-export * from './ResponseType';
-export * from './Header';
-export * from './BellNotifications';
-export * from './MobileTable';
-export * from './Footer2';

package/src/constants/i18n.ts

@@ -1,25 +0,0 @@
-import i18next from 'i18next';
-import LanguageDetector from 'i18next-browser-languagedetector';
-import { initReactI18next } from "react-i18next";
-import en from '../locales/en.json';
-import es from '../locales/es.json';
-import pt from '../locales/pt.json';
-var merge = require('lodash.merge');
-
-export const mergei18n = (appResources: any) => {
-    i18next
-    .use(initReactI18next)
-    .use(LanguageDetector)
-    .init({
-        resources: merge({
-            en: { translation: en },
-            pt: { translation: pt },
-            es: { translation: es },
-        }, appResources),
-        detection: {
-            order: ['querystring', 'navigator', 'htmlTag'],
-            lookupQuerystring: 'lng',
-            htmlTag: document.documentElement,
-        },
-    });
-}

package/src/constants/logoCompanyHelper.ts

@@ -1,52 +0,0 @@
-import omniumIcon from '../assets/images/omnium-retail-logo.png';
-import a2ai from '../assets/images/A2AI-logo.png';
-import omniumWhiteIcon from '../assets/images/omnium-retail-logo-white.png';
-
-export interface CompanyLogo {
-    normal: string;
-    white: string;
-    alt: string;
-}
-
-const logoMap: Record<string, CompanyLogo> = {
-    omnium: {
-        normal: omniumIcon,
-        white: omniumWhiteIcon,
-        alt: 'Omnium Retail Logo'
-    },
-    a2ai: {
-        normal: a2ai,
-        white: a2ai,
-        alt: 'A2AI Logo'
-    }
-};
-
-/**
- * Obtém os logos de uma empresa específica
- * @param companyName - Nome da empresa
- * @returns Objeto com os logos normal, white e alt da empresa
- */
-export const getCompanyLogos = (companyName: string): CompanyLogo => {
-    const companyKey = companyName.toLowerCase();
-    return logoMap[companyKey] || logoMap['omnium']; // Fallback para omnium se não encontrar
-};
-
-/**
- * Verifica se uma empresa possui logos configurados
- * @param companyName - Nome da empresa
- * @returns Boolean indicando se a empresa existe no mapa de logos
- */
-export const hasCompanyLogos = (companyName: string): boolean => {
-    const companyKey = companyName.toLowerCase();
-    return companyKey in logoMap;
-};
-
-/**
- * Obtém a lista de empresas disponíveis
- * @returns Array com os nomes das empresas configuradas
- */
-export const getAvailableCompanies = (): string[] => {
-    return Object.keys(logoMap);
-};
-
-export default { getCompanyLogos, hasCompanyLogos, getAvailableCompanies };

package/src/constants/translationHelper.ts

@@ -1,7 +0,0 @@
-import i18next from 'i18next';
-
-const translate = (key: any, options = {}) => {
-    return i18next.t(key, options);
-};
-
-export default translate;

package/src/index.ts

@@ -1,3 +0,0 @@
-export * from './components';
-export * from './constants/i18n';
-export * from './constants/logoCompanyHelper';

package/src/types/Global.d.ts

@@ -1,4 +0,0 @@
-declare module "*.module.css";
-declare module "*.module.scss";
-declare module "*.png";
-declare module "*.svg";

package/tsconfig.json

@@ -1,29 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "declaration": true,
-    "declarationDir": "./dist/types",
-    "noEmit": false,
-    "baseUrl": "src",
-    "jsx": "react-jsx"
-  },
-  "include": [
-    "src"
-  ]
-}

package/webpack.config.js

@@ -1,51 +0,0 @@
-const path = require('path');
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-
-module.exports = {
-    mode: 'production',
-    entry: './src/index.ts',
-    devtool: false,
-    output: {
-        path: path.resolve(__dirname, 'dist'),
-        filename: 'bundle.js',
-        libraryTarget: 'umd',
-        library: 'lib',
-    },
-    resolve: {
-        extensions: ['.js', '.jsx', '.ts', '.tsx'],
-    },
-    module: {
-        rules: [
-            {
-                test: /\.s?css$/,
-                use: [
-                    { loader: MiniCssExtractPlugin.loader },
-                    {
-                        loader: 'css-loader',
-                        options: {
-                            modules: true
-                        }
-                    },
-                    { loader: 'sass-loader' }
-                ]
-            },
-            {
-                test: /\.(png|svg|jpg|gif)$/,
-                loader: 'url-loader',
-                options: {
-                    limit: Infinity, // everything
-                    name: '[name].[hash:7].[ext]',
-                }
-            },
-            { test: /\.tsx?$/, use: 'ts-loader' },
-        ],
-    },
-    plugins: [new MiniCssExtractPlugin()],
-    externals: {
-        react: "react",
-        "react-dom": "react-dom",
-        "react-router-dom": "react-router-dom",
-        "react-i18next": "react-i18next",
-        "i18next": "i18next",
-    },
-};