@omniumretail/component-library 1.2.71 → 1.2.72

package/src/components/AnalyticsBar/AnalyticsBar.stories.tsx

@@ -1,236 +0,0 @@
-import { Meta, StoryFn } from "@storybook/react-vite";
-import { AnalyticsBar } from '.';
-import { AnalyticsBarProps } from './interfaces/analyticsBar';
-import { getItem } from './helpers/codeMutation';
-import { useMemo, useState } from "react";
-
-export default {
-    title: 'AnalyticsBar',
-    component: AnalyticsBar,
-} as Meta;
-
-const Template: StoryFn<AnalyticsBarProps> = (args: any) => {
-    const [sortedBy, setSortedBy] = useState<any>('');
-    const [optionInUse, setOptionInUse] = useState<any>();
-    const [activeListItem, setActiveListItem] = useState<any>();
-
-    const data = [
-        {
-            "Label": "PeriodOfExperimentation",
-            "Items": [
-                {
-                    "Id": "C446FFA9-329C-4AF3-A81A-080931C6B978",
-                    "Name": "Teste1",
-                    "Categories": {
-                        "Category": {
-                            "Name": "Category Name Here",
-                            "Questions": [
-                                {
-                                    "Name": "Name11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111112222",
-                                    "Id": "abc133"
-                                },
-                                {
-                                    "Name": "Name11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111112222",
-                                    "Id": "abc122"
-                                }
-                            ]
-                        }
-                    } 
-                }
-            ]
-        },
-        {
-            "Label": "PeriodOfExperimentation",
-            "Items": [
-                {
-                    "Id": "C446FFA9-329C-4AF3-A81A-080931C6B978",
-                    "Name": "Name11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111112222"
-                }
-            ]
-        },
-        {
-            "Label": "PeriodOfExperimentation",
-            "Items": [
-                {
-                    "Id": "C446FFA9-329C-4AF3-A81A-080931C6B978",
-                    "Name": "Name"
-                }
-            ]
-        },
-        {
-            "Label": "PeriodOfExperimentation",
-            "Items": [
-                {
-                    "Id": "C446FFA9-329C-4AF3-A81A-080931C6B978",
-                    "Name": "Name"
-                }
-            ]
-        },
-        {
-            "Label": "PeriodOfExperimentation",
-            "Items": [
-                {
-                    "Id": "C446FFA9-329C-4AF3-A81A-080931C6B978",
-                    "Name": "Name"
-                }
-            ]
-        },
-        {
-            "Label": "PeriodOfExperimentation",
-            "Items": [
-                {
-                    "Id": "C446FFA9-329C-4AF3-A81A-080931C6B978",
-                    "Name": "Name"
-                }
-            ]
-        },
-        {
-            "Label": "PeriodOfExperimentation",
-            "Items": [
-                {
-                    "Id": "C446FFA9-329C-4AF3-A81A-080931C6B978",
-                    "Name": "Name"
-                }
-            ]
-        },
-        {
-            "Label": "PeriodOfExperimentation",
-            "Items": [
-                {
-                    "Id": "C446FFA9-329C-4AF3-A81A-080931C6B978",
-                    "Name": "Name"
-                }
-            ]
-        },
-        {
-            "Label": "PeriodOfExperimentation",
-            "Items": [
-                {
-                    "Id": "C446FFA9-329C-4AF3-A81A-080931C6B978",
-                    "Name": "Name"
-                }
-            ]
-        },
-        {
-            "Label": "PeriodOfExperimentation",
-            "Items": [
-                {
-                    "Id": "C446FFA9-329C-4AF3-A81A-080931C6B978",
-                    "Name": "Name"
-                }
-            ]
-        },
-        {
-            "Label": "Permanent",
-            "Items": [
-                {
-                    "Id": "A3FE0C73-E771-40BB-B87D-1E40597841A6",
-                    "Name": "Evaluation Cycle"
-                },
-                {
-                    "Id": "05A411CC-4350-4779-93C4-B8A511CBBCCD",
-                    "Name": "Evaluation Cycle 2"
-                },
-                {
-                    "Id": "D5A77A3B-1163-4590-9C98-2E6D62442F62",
-                    "Name": "EV2"
-                },
-                {
-                    "Id": "42A6EFDD-6D74-4905-94AE-5B5588967BE6",
-                    "Name": "EV2"
-                },
-                {
-                    "Id": "E39FE86D-6CE1-400A-8BA2-AE31A8E9D9BE",
-                    "Name": "Suuuup"
-                },
-                {
-                    "Id": "7FC59CF0-9478-4705-B1E0-C1B709FFB81B",
-                    "Name": "CicloParaRespostas1"
-                },
-                {
-                    "Id": "767DF403-C33D-4074-B7CA-FE3F4E4B41DD",
-                    "Name": "XPTO"
-                },
-                {
-                    "Id": "DB821A00-D516-467C-8F22-710EA18BFD23",
-                    "Name": "EvaluationCycle for Notifications"
-                }
-            ]
-        }
-    ];
-
-
-    // const items = useMemo(() => data.map((el: any, index: any) => {
-    //     return (
-    //         getItem(
-    //             el.Label,
-    //             index,
-    //             null,
-    //             el.Items?.map((item: any, subIndex: any) => {
-    //                 return getItem(item.Name, item.Id);
-    //             })
-    //         )
-    //     )
-    // }), [data]);
-
-    const items = useMemo(() => {
-        const createQuestionItems = (questionsData: any[]): any[] => {
-            return questionsData.map((question: any) => {
-                return getItem(question.Name, question.Id);
-            });
-        };
-    
-        const createCategoryItems = (categoryData: any): any[] => {
-            if (categoryData) {
-                return [
-                    getItem(
-                        categoryData.Name,
-                        categoryData.Name,
-                        null,
-                        createQuestionItems(categoryData.Questions)
-                    ),
-                ];
-            }
-            return [];
-        };
-    
-        return data.map((el: any, index: any) => {
-            return getItem(
-                el.Label,
-                index,
-                null,
-                el.Items?.map((item: any) => {
-                    const categoryItems = createCategoryItems(item.Categories?.Category);
-                    return getItem(
-                        item.Name,
-                        item.Id,
-                        null,
-                        categoryItems.length ? categoryItems : undefined
-                    );
-                })
-            );
-        });
-    }, [data]);
-
-
-    const selectOptions = [
-        {
-            value: 'ano',
-            label: 'ANO',
-        },
-        {
-            value: 'tipo_de_ciclo',
-            label: 'TIPO DE CICLO',
-        },
-    ];
-
-    // console.log('stories:', sortedBy, optionInUse, activeListItem);
-
-    return <div style={{height: '500px'}}>
-        <AnalyticsBar {...args} data={items} selectOptions={selectOptions} selectDefault={selectOptions[0]} sortedBy={setSortedBy} selectUserOption={setOptionInUse} activeListItem={setActiveListItem}></AnalyticsBar>
-    </div>;
-}
-
-export const Primary = Template.bind({});
-Primary.args = {
-};

package/src/components/AnalyticsBar/helpers/codeMutation.tsx

@@ -1,19 +0,0 @@
-import type { MenuProps } from 'antd';
-
-export type MenuItem = Required<MenuProps>['items'][number];
-
-export function getItem(
-    label: React.ReactNode,
-    key: React.Key,
-    icon?: React.ReactNode,
-    children?: MenuItem[],
-    type?: 'group',
-): MenuItem {
-    return {
-        key,
-        icon,
-        children,
-        label,
-        type,
-    } as MenuItem;
-}

package/src/components/AnalyticsBar/index.tsx

@@ -1,76 +0,0 @@
-import styles from './styles.module.scss';
-import { MinusOutlined, PlusOutlined, SortAscendingOutlined, SortDescendingOutlined } from '@ant-design/icons';
-import { Select } from '../Select';
-import type { MenuProps } from 'antd';
-import { Menu, Tooltip } from 'antd';
-import { AnalyticsBarProps, sortBy } from './interfaces/analyticsBar';
-import { useCallback, useEffect, useState } from 'react';
-import { t } from 'i18next';
-
-export const AnalyticsBar = (props: AnalyticsBarProps) => {
-    const {
-        data: items = [],
-        selectOptions,
-        selectDefault,
-        selectUserOption,
-        sortedBy,
-        activeListItem
-    } = props;
-
-    const [selectedKeys, setSelectedKeys] = useState<string[]>([]);
-    const [sortInfo, setSortInfo] = useState<any>(sortBy.desc);
-
-    const selectOnChange = useCallback((value: any) => {
-        selectUserOption(value);
-    }, [selectUserOption]);
-
-    const setSorter = useCallback(() => {
-        sortInfo === sortBy.desc
-            ? setSortInfo(sortBy.asc)
-            : setSortInfo(sortBy.desc);
-
-        sortedBy(sortInfo);
-    }, [sortInfo]);
-
-    const onClick: MenuProps['onClick'] = (e: any) => {
-        const { key } = e;
-        if (selectedKeys.includes(key)) {
-            setSelectedKeys([]);
-        } else {
-            setSelectedKeys([key]);
-        }
-
-        activeListItem(key);
-    };
-
-    return (
-        <div className={styles.analyticsbar}>
-            <div className={styles.header}>
-                <Select
-                    options={selectOptions}
-                    customClass={styles.select}
-                    onChange={selectOnChange}
-                    defaultActiveFirstOption
-                    defaultValue={selectDefault}
-                />
-
-                <div className={styles.sorterWrapper} onClick={() => setSorter()}>
-                    {sortInfo === sortBy.desc
-                        ? <>{t('components.analyticsBar.desc')}<SortDescendingOutlined /></>
-                        : <>{t('components.analyticsBar.asc')}<SortAscendingOutlined /></>
-                    }
-                </div>
-            </div>
-
-            <div className={styles.content}>
-                <Menu
-                    selectedKeys={selectedKeys}
-                    onClick={onClick}
-                    mode="inline"
-                    items={items}
-                    expandIcon={({ isOpen }) => (isOpen ? <MinusOutlined /> : <PlusOutlined />)}
-                />
-            </div>
-        </div>
-    );
-};

package/src/components/AnalyticsBar/interfaces/analyticsBar.tsx

@@ -1,13 +0,0 @@
-export interface AnalyticsBarProps {
-    data: any;
-    selectOptions: any;
-    selectDefault: any;
-    selectUserOption?: any;
-    sortedBy?: any;
-    activeListItem?: any;
-}
-
-export enum sortBy {
-    asc = 'asc',
-    desc = 'desc',
-}

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

@@ -1,137 +0,0 @@
-.select {
-    width: 100%;
-}
-
-.analyticsbar {
-    background: #2C2D2E0D;
-    height: 100%;
-    position: relative;
-
-    :global {
-        .ant-menu-light {
-            background-color: transparent !important;
-            border-inline-end: none !important;
-        }
-
-        .ant-menu-title-content {
-            font-size: 17px;
-            line-height: 20px;
-            font-weight: var(--font-weight-semibold);
-
-            &:hover {
-                color: var(--color-orange);
-            }
-        }
-
-        .ant-menu-sub {
-            .ant-menu-title-content {
-                font-size: 15px;
-                line-height: 18px;
-                font-weight: var(--font-weight-medium);
-            }
-
-            .ant-menu-item {
-                height: 30px;
-                line-height: 30px;
-                margin-bottom: 16px;
-
-                &:first-child {
-                    margin-top: -10px;
-                }
-            }
-        }
-
-        .ant-menu-submenu {
-            border-top: 1px solid var(--color-orange);
-            border-radius: 0;
-        }
-
-        .ant-menu-item {
-            &:hover {
-                background-color: initial !important;
-            }
-        }
-
-        .ant-menu-item-selected,
-        .ant-menu-submenu-selected>.ant-menu-submenu-title {
-            color: var(--color-orange);
-            background-color: initial;
-        }
-
-        .ant-menu-inline .ant-menu-sub.ant-menu-inline {
-            background: initial;
-        }
-
-        .ant-menu-submenu-title {
-            height: 50px !important;
-            line-height: 50px !important;
-
-            &:hover {
-                background-color: initial !important;
-            }
-
-            .anticon {
-                color: var(--color-orange);
-            }
-        }
-
-        .ant-menu-inline.ant-menu-root .ant-menu-item>.ant-menu-title-content {
-            overflow-x: auto;
-            text-overflow: unset;
-        }
-    }
-}
-
-.header {
-    position: absolute;
-    top: 24px;
-    left: 24px;
-    right: 24px;
-    height: 144px;
-}
-
-.sorterWrapper {
-    font-size: var(--font-size-body-2);
-    line-height: 14px;
-    font-weight: var(--font-weight-light);
-    display: inline-block;
-    padding: 12px;
-    cursor: pointer;
-    position: absolute;
-    right: 0;
-    top: 60px;
-}
-
-.content {
-    position: absolute;
-    top: 144px;
-    left: 24px;
-    right: 24px;
-    bottom: 0;
-    overflow-y: auto;
-    overflow-x: hidden;
-    padding-bottom: 24px;
-}
-
-::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-}
-
-::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: rgba(0, 0, 0, 0.1);
-}
-
-::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: rgba(0, 0, 0, 0.2);
-}
-
-::-webkit-scrollbar-thumb:hover {
-    background: rgba(0, 0, 0, 0.4);
-}
-
-::-webkit-scrollbar-thumb:active {
-    background: rgba(0, 0, 0, .9);
-}

package/src/components/BellNotifications/BellNotifications.stories.tsx

@@ -1,200 +0,0 @@
-import { Meta, StoryFn } from "@storybook/react-vite";
-import { BellNotifications, BellNotificationsProps } from '.';
-
-export default {
-    title: 'BellNotifications',
-    component: BellNotifications,
-} as Meta;
-
-const Template: StoryFn<BellNotificationsProps> = (args: any) => <BellNotifications {...args}></BellNotifications>;
-
-const notifications = [
-    {
-        "Id": "662C390B-A38F-45AB-B97C-2D00F0A8ACAD",
-        "Title": "Creation of an Evaluation Cycle",
-        "Description": "A new evaluation cycle was created. You must answer it.",
-        "RedirectURL": "https://www.google.pt",
-        "Icon": "https://omniumfont.s3.eu-west-1.amazonaws.com/Assets/images/aacp-image.png",
-        "ExpirationDate": 1736899200,
-        "Criticality": {
-            "Id": "F133ED4C-6C72-4CDC-86A1-27A76E6BDE7F",
-            "Name": "High",
-            "ColorHex": "#E05151"
-        },
-        "IsRead": true
-    },
-    {
-        "Id": "0AF18720-1C94-48CD-8DF3-D254077E8363",
-        "Title": "Creation of an Evaluation Cycle",
-        "Description": "A new evaluation cycle was created. You must answer it.",
-        "RedirectURL": "https://www.google.pt",
-        "Icon": "https://omniumfont.s3.eu-west-1.amazonaws.com/Assets/images/aacp-image.png",
-        "ExpirationDate": 1736899200,
-        "Criticality": {
-            "Id": "F133ED4C-6C72-4CDC-86A1-27A76E6BDE7F",
-            "Name": "High",
-            "ColorHex": "#E05151"
-        },
-        "IsRead": true
-    },
-    {
-        "Id": "0419654F-66FE-41EA-BBA4-D8BB6E3D6B33",
-        "Title": "Creation of an Evaluation Cycle",
-        "Description": "A new evaluation cycle was created. You must answer it.",
-        "RedirectURL": "https://www.google.pt",
-        "Icon": "https://omniumfont.s3.eu-west-1.amazonaws.com/Assets/images/aacp-image.png",
-        "ExpirationDate": 1736899200,
-        "Criticality": {
-            "Id": "F133ED4C-6C72-4CDC-86A1-27A76E6BDE7F",
-            "Name": "High",
-            "ColorHex": "#E05151"
-        },
-        "IsRead": true
-    },
-    {
-        "Id": "CC98EDA1-0461-4D08-982E-8424EF4AFB3B",
-        "Title": "Creation of an Evaluation Cycle",
-        "Description": "A new evaluation cycle was created. You must answer it.",
-        "RedirectURL": "https://www.google.pt",
-        "Icon": "https://omniumfont.s3.eu-west-1.amazonaws.com/Assets/images/aacp-image.png",
-        "ExpirationDate": 1736899200,
-        "Criticality": {
-            "Id": "F133ED4C-6C72-4CDC-86A1-27A76E6BDE7F",
-            "Name": "High",
-            "ColorHex": "#E05151"
-        },
-        "IsRead": false
-    },
-    {
-        "Id": "3DB9310A-4BF8-4B90-8D5A-7583473664BB",
-        "Title": "Creation of an Evaluation Cycle",
-        "Description": "A new evaluation cycle was created. You must answer it.",
-        "RedirectURL": "https://www.google.pt",
-        "Icon": "https://omniumfont.s3.eu-west-1.amazonaws.com/Assets/images/aacp-image.png",
-        "ExpirationDate": 1736899200,
-        "Criticality": {
-            "Id": "F133ED4C-6C72-4CDC-86A1-27A76E6BDE7F",
-            "Name": "High",
-            "ColorHex": "#E05151"
-        },
-        "IsRead": false
-    },
-    {
-        "Id": "D6FB93EE-3255-42B2-8EC1-27E7AC3F5249",
-        "Title": "Creation of a new user",
-        "Description": "A new user was created in the platform with the mecanographic number 8111.",
-        "RedirectURL": "https://www.google.pt",
-        "Icon": "https://omnium-user-images.s3.eu-west-1.amazonaws.com/omniumretail-bigwingame-logotipo-vermelho.svg",
-        "ExpirationDate": 1736985600,
-        "Criticality": {
-            "Id": "F133ED4C-6C72-4CDC-86A1-27A76E6BDE7F",
-            "Name": "High",
-            "ColorHex": "#E05151"
-        },
-        "IsRead": false
-    },
-    {
-        "Id": "D6FB96EE-3255-42B2-8EC1-27E7AC3F5249",
-        "Title": "Creation of a new action of inspection",
-        "Description": "A new inspection action was created.",
-        "RedirectURL": "https://www.google.pt",
-        "Icon": "https://omnium-user-images.s3.eu-west-1.amazonaws.com/omniumretail-bigwingame-logotipo-vermelho.svg",
-        "ExpirationDate": 1736985600,
-        "Criticality": {
-            "Id": "F133ED4C-6C72-4CDC-86A1-27A76E6BDE7F",
-            "Name": "High",
-            "ColorHex": "#E05151"
-        },
-        "IsRead": false
-    },
-    {
-        "Id": "D6FB96EE-3655-42B2-8EC1-27E7AC3F5249",
-        "Title": "Creation of a new action of inspection",
-        "Description": "A new inspection action was created.",
-        "RedirectURL": "https://www.google.pt",
-        "Icon": "https://omnium-user-images.s3.eu-west-1.amazonaws.com/omniumretail-bigwingame-logotipo-vermelho.svg",
-        "ExpirationDate": 1736985600,
-        "Criticality": {
-            "Id": "F133ED4C-6C72-4CDC-86A1-27A76E6BDE7F",
-            "Name": "High",
-            "ColorHex": "#E05151"
-        },
-        "IsRead": false
-    },
-    {
-        "Id": "D6FB96EE-3255-46B2-8EC1-27E7AC3F5249",
-        "Title": "Creation of a new action of inspection",
-        "Description": "A new inspection action was created.",
-        "RedirectURL": "https://www.google.pt",
-        "Icon": "https://omnium-user-images.s3.eu-west-1.amazonaws.com/omniumretail-bigwingame-logotipo-vermelho.svg",
-        "ExpirationDate": 1736985600,
-        "Criticality": {
-            "Id": "F133ED4C-6C72-4CDC-86A1-27A76E6BDE7F",
-            "Name": "High",
-            "ColorHex": "#E05151"
-        },
-        "IsRead": false
-    },
-    {
-        "Id": "D9FB96EE-3255-42B2-8EC1-27E7AC3F5249",
-        "Title": "Creation of a new action of inspection",
-        "Description": "A new inspection action was created.",
-        "RedirectURL": "https://www.google.pt",
-        "Icon": "https://omnium-user-images.s3.eu-west-1.amazonaws.com/omniumretail-bigwingame-logotipo-vermelho.svg",
-        "ExpirationDate": 1736985600,
-        "Criticality": {
-            "Id": "F133ED4C-6C72-4CDC-86A1-27A76E6BDE7F",
-            "Name": "High",
-            "ColorHex": "#E05151"
-        },
-        "IsRead": false
-    },
-    {
-        "Id": "D6FB96EE-5955-42B2-8EC1-27E7AC3F5249",
-        "Title": "Creation of a new action of inspection",
-        "Description": "A new inspection action was created.",
-        "RedirectURL": "https://www.google.pt",
-        "Icon": "https://omnium-user-images.s3.eu-west-1.amazonaws.com/omniumretail-bigwingame-logotipo-vermelho.svg",
-        "ExpirationDate": 1736985600,
-        "Criticality": {
-            "Id": "F133ED4C-6C72-4CDC-86A1-27A76E6BDE7F",
-            "Name": "High",
-            "ColorHex": "#E05151"
-        },
-        "IsRead": false
-    },
-    {
-        "Id": "D6FB96EE-3255-42B7-8EC1-27E7AC3F5249",
-        "Title": "Creation of a new action of inspection",
-        "Description": "A new inspection action was created.",
-        "RedirectURL": "https://www.google.pt",
-        "Icon": "https://omnium-user-images.s3.eu-west-1.amazonaws.com/omniumretail-bigwingame-logotipo-vermelho.svg",
-        "ExpirationDate": 1736985600,
-        "Criticality": {
-            "Id": "F133ED4C-6C72-4CDC-86A1-27A76E6BDE7F",
-            "Name": "High",
-            "ColorHex": "#E05151"
-        },
-        "IsRead": false
-    },
-    {
-        "Id": "D6FB96EE-3255-42B7-8EC1-27E7AC3F5249",
-        "Title": "Creation of a new action of inspection",
-        "Description": "A new inspection action was created.",
-        "RedirectURL": "https://www.google.pt",
-        "Icon": "https://omnium-user-images.s3.eu-west-1.amazonaws.com/omniumretail-bigwingame-logotipo-vermelho.svg",
-        "ExpirationDate": 1736985600,
-        "Criticality": {
-            "Id": "F133ED4C-6C72-4CDC-86A1-27A76E6BDE7F",
-            "Name": "High",
-            "ColorHex": "#E05151"
-        },
-        "IsRead": false
-    }
-];
-
-export const Primary = Template.bind({});
-Primary.args = {
-    notifications: notifications
-};
-