@omniumretail/component-library 1.2.71 → 1.2.73

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-vite";
-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-vite";
-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';
-import merge from '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/locales/en.json

@@ -1,142 +0,0 @@
-{
-    "tableHeadings": {
-        "key": "Key",
-        "name": "Name",
-        "mecanographicNumber": "Employee Code",
-        "store": "Store",
-        "role": "Role",
-        "type": "Type",
-        "id": "ID",
-        "action": "Action"
-    },
-    "userInfoColumn": {
-        "Date": "Date",
-        "Store": "Store",
-        "Team": "Team",
-        "Supervisor": "Supervisor",
-        "TypeOfContract": "Contract Type",
-        "Nationality": "Nationality",
-        "CivilStatus": "Civil Status",
-        "IdentificationDocument": "Identification Document",
-        "NTaxpayer": "Taxpayer Number",
-        "NIB": "NIB",
-        "SocialSecurity": "Social Security",
-        "NChildren": "Number of Children",
-        "Workload": "Workload",
-        "Description": "Description",
-        "Comments": "Comments"
-    },
-    "navigation": {
-        "back": "Back",
-        "logout": "Logout",
-        "home": "Home",
-        "profile": "Profile",
-        "notifications": "Notifications",
-        "create": "Create",
-        "delete": "Delete",
-        "edit": "Edit",
-        "export": "Export",
-        "print": "Print",
-        "update": "Update"
-    },
-    "actions": {
-        "one": "One",
-        "two": "Two"
-    },
-    "components": {
-        "category": {
-            "addQuestion": "Add Question",
-            "placeholderInfo": "Marker Information",
-            "errorInfo": "Information Error",
-            "placeholderQuestion": "Question",
-            "placeholderResponse": "Answer",
-            "errorQuestion": "Error/Missing Question",
-            "placeholderGrade": "Grade",
-            "errorGrade": "Error/Missing Grade",
-            "newCategory": "New Category",
-            "mandatoryAnswer": "Mandatory answer",
-            "emphasisAnswer": "Highlight",
-            "responseType": "Response Type",
-            "errorResponseType": "Response type missing",
-            "header": "Header",
-            "color": "Assigned colour",
-            "flagged": "Emphasise",
-            "multipleChoise": "Multiple selection",
-            "placeholderScore": "Score",
-            "answerNameIsMissing": "Missing name",
-            "typeResponseNameIsMissing": "Name of the missing answer type",
-            "responseTypeName": "Name of response type",
-            "store": "Store",
-            "date": "Date",
-            "author": "Author"
-        },
-        "categorySidBar": {
-            "addCategory": "Add Category",
-            "removeCategory": "Remove Category",
-            "categories": "Categories"
-        },
-        "categoryContent": {
-            "message": "Please select a category in the sidebar",
-            "categoryName": "Category Name",
-            "tamplateName": "Template Name",
-            "editCategory": "Edit Category",
-            "categoryNameError": "Error/Missing Category Name",
-            "templateNameError": "Error/Missing Template Name",
-            "weighting": "Weighting",
-            "openAnswer": "Open Answer",
-            "yesNoAnswer": "Yes/No Answer",
-            "answerOption": "Answer Option",
-            "answers": "Answers"
-        },
-        "categoryResponse": {
-            "notApplicable": "Not Applicable",
-            "answer": "Answer",
-            "yes": "Yes",
-            "no": "No",
-            "note": "Note",
-            "actions": "Actions",
-            "editNote": "Edit Note",
-            "addNote": "Add Note",
-            "createAction": "Action",
-            "loadFile": "Media",
-            "placeholderForMultiple": "Select one or more options",
-            "placeholderForSingular": "Select an option"
-        },
-        "categoryReadOnly": {
-            "categories": "Categories",
-            "categoryAverage": "Category Average",
-            "userResponse": "User Response:",
-            "supervisorResponse": "Supervisor Response:"
-        },
-        "analyticsBar": {
-            "desc": "Descending",
-            "asc": "Ascending"
-        },
-        "tag": {
-            "search": "Search",
-            "advancedFields": "Advanced Filters",
-            "State": "State",
-            "inactiveSwitch": "Include inactives"
-        },
-        "table": {
-            "selectAll": "Select All",
-            "deselectAll": "Deselect All"
-        },
-        "datePickerTag": {
-            "placeholder": "Select Date"
-        },
-        "webCam": {
-            "takePhoto": "Take Photo",
-            "confirm": "Confirm",
-            "takeAgain": "Take Again"
-        },
-        "upload": {
-            "loadFile": "Upload file"
-        },
-        "bellNotifications": {
-            "noNotifications": "No notifications",
-            "onlyShowNoRead": "Only show unread",
-            "markAllAsRead": "Mark all as read"
-        }
-    }
-}