@omniumretail/component-library 1.2.71 → 1.2.73

package/src/components/Radio/index.tsx

@@ -1,26 +0,0 @@
-import { Radio as RadioAntd } from 'antd';
-import type { RadioProps } from 'antd';
-import type { RadioGroupProps } from 'antd/lib/radio';
-import styles from './styles.module.scss';
-
-export const Radio = ({...radioProps }: RadioProps) => {
-    return (
-        <RadioAntd className={styles.radio} {...radioProps} />
-    )
-};
-
-export interface CustomRadioGroupProps extends RadioGroupProps {
-    options: { label: string; value: string }[];
-}
-
-export const RadioGroup = ({ options, ...radioGroupProps }: CustomRadioGroupProps) => {
-    return (
-        <RadioAntd.Group {...radioGroupProps}>
-            {options.map((option) => (
-                <Radio key={option.value} value={option.value}>
-                    {option.label}
-                </Radio>
-            ))}
-        </RadioAntd.Group>
-    );
-};

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

@@ -1,24 +0,0 @@
-.radio {
-    :global {
-        .ant-radio-checked .ant-radio-inner{
-            border-color: var(--color-black);
-        }
-
-        .ant-radio-checked .ant-radio-inner:after{
-            background-color: var(--color-black);
-        }
-
-        .ant-radio-checked:hover .ant-radio-inner:after{
-            background-color: var(--color-orange);
-        }
-
-        .ant-radio:hover .ant-radio-inner {
-            border-color: var(--color-orange);
-        }
-    }
-
-    font-weight: var(--font-weight-medium);
-    font-size: var(--font-size-body-3);
-    margin-right: 44px;
-    margin-top: 18px;
-}

package/src/components/ResponseType/ResponseType.stories.tsx

@@ -1,393 +0,0 @@
-import { Meta, StoryFn } from "@storybook/react-vite";
-import { useEffect, useState } from "react";
-import { ResponseType } from '.';
-
-export default {
-    title: 'ResponseType',
-    component: ResponseType,
-} as Meta;
-
-const Template: StoryFn<any> = (args: any) => {
-    const [categoryContentInfo, setCategoryContentInfo] = useState<any>();
-
-    const getAnswer = {
-        "Id": "57859452-4B79-4005-BB6C-3695C78270FD",
-        "Name": "Levi's Stores",
-        "IsOpenAnswer": false,
-        "IsCheckBox": false,
-        "IsNumeric": false,
-        "IsDate": false,
-        "HasGrade": false,
-        "IsEmphasis": false,
-        "IsMultipleChoise": false,
-        "IsStore": false,
-        "State": "Finished",
-        "Grade": 0,
-        "Rank": 8,
-        "Options": [
-            {
-                "Value": "2 - LS Via Catarina Shopping",
-                "Grade": "N/A",
-                "Color": "#000000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "4 - LS Amoreiras Shopping",
-                "Grade": "N/A",
-                "Color": "#000000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "5 - Levis GaiaShopping",
-                "Grade": "N/A",
-                "Color": "#000000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "6 - LS Arrábida Shopping",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "9 - LS Artea",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "10 - LS Nova Arcada",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "11 - LS Rio Shopping",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "12 - LS Garbera",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "13 - LS La Maquinista",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "14 - LS GuimarãesShopping",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "15 - LS Moyua",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "17 - LS As Cancelas",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "19 - LS Intu-Asturias",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "20 - LS Gran Via II",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "21 - LS NorteShopping",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "22 - LS Forum Coimbra",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "24 - LS Marineda City",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "26 - LS Girona",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "27 - LS Vasco da Gama",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "30 - LS Alameda Shop & Spot",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "31 - LS AlgarveShopping",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "32 - LS CascaiShopping",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "33 - LS Vitoria Boulevard",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "34 - LS Oeiras Parque",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "35 - LS LeiriaShopping",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "36 - LS Braga Parque",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "37 - LS Alegro Sintra",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "42 - LS Palácio do Gelo",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "44 - LS Chiado",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "45 - LS Colombo",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "47 - LS Almada Forum",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "48 - LS MarShopping",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "49 - LS Forum Aveiro",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "50 - LS Berceo Mall",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "51 - LS Sant Cugat",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "53 - LS Anec Blau",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "54 - LS Puerto Venecia",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "55 - LS FAN Mallorca",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "56 - LS Ramblas",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "57 - LS Ubbo",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "58 - LS Forum Algarve",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "59 - LS Parc Central",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "60 - LS Pamplona La Morea",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "65 - LS Santander",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "68 - LS Principe",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "69 - LS Restauradores",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "78 - LS Espacio Leon",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "80 - LS Salamanca",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "81 - LS Porto Pi",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "82 - LS Mataró Parc",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "83 - LS Diagonal 605",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "85 - LS Arcs",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "86 - LS Lleida",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "88 - LS Valle Real Santander",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            },
-            {
-                "Value": "25 - Levis La Vaguada",
-                "Grade": "N/A",
-                "Color": "#00000",
-                "NeedsAction": false
-            }
-        ],
-        "CreateDate": "2024-07-04T11:32:36.118Z",
-        "UpdateDate": "2024-12-26T13:18:23.016Z",
-        "StartDate": "2024-12-26T13:18:23.016Z",
-        "Status": "A",
-        "ShowAnswerType": true,
-        "IsInUse": false,
-        "UseName": true
-    };
-
-    let initialValues;
-
-    initialValues = {
-        name: getAnswer?.Name,
-        questions: getAnswer?.Options?.map((option) => ({
-            question: option?.Value,
-            score: option?.Grade,
-            color: option?.Color,
-            flagged: option?.NeedsAction
-
-        }))
-    };
-
-    useEffect(() => {
-        console.log(categoryContentInfo);
-    }, [categoryContentInfo])
-
-    return <ResponseType {...args} categoryContentInfo={setCategoryContentInfo} data={initialValues}  ></ResponseType>
-};
-
-export const Primary = Template.bind({});
-Primary.args = {
-};
-
-
-

package/src/components/ResponseType/index.tsx

@@ -1,100 +0,0 @@
-import { Form } from 'antd';
-import { useForm } from 'antd/es/form/Form';
-import { InputField } from '../Input';
-import { Label } from '../Label';
-import { Questions } from '../Questions';
-import { useCallback, useEffect, useState } from 'react';
-import styles from './styles.module.scss';
-import { t } from 'i18next';
-
-interface categoryContent {
-    categoryContentInfo: any;
-    responseTypeOptions?: any;
-    data?: any;
-}
-
-const defaultInitialValues = {
-    questions: [],
-};
-
-export const ResponseType = (props: categoryContent) => {
-    const {
-        responseTypeOptions,
-        data
-    } = props;
-
-    const [contentInfo, setContentInfo] = useState<any>(data);
-    const [initialValues,] = useState<any>(data || defaultInitialValues)
-    const [form] = useForm();
-
-    const onFinish = (values: any) => {
-        const combinedValues = { ...initialValues, ...values };
-        setContentInfo(combinedValues);
-    };
-
-    const handleInputChange = useCallback(() => {
-        // Check if all required fields are filled
-        const allRequiredFieldsFilled = form.getFieldsError().every(fieldError => !fieldError.errors.length);
-
-        if (allRequiredFieldsFilled) {
-            // Add a small delay before submitting the form
-            form.submit();
-        }
-    }, [form]);
-
-    useEffect(() => {
-        props.categoryContentInfo(contentInfo);
-    }, [contentInfo]);
-
-    useEffect(() => {
-        form.resetFields();
-        form.setFieldsValue(initialValues);
-    }, [form, initialValues]);
-
-    return (
-        <div className={styles.categoryContent}>
-            <Form
-                initialValues={initialValues}
-                name="dynamic_form_nest_item"
-                onFinish={onFinish}
-                autoComplete="off"
-                form={form}
-            >
-                <div className={styles.formHeader}>
-                    <div className={styles.categoryNameContainer}>
-                        <div className={styles.categoryName}>
-                            <Label isUppercase>
-                                {t('components.category.responseTypeName')}
-                            </Label>
-                            <Form.Item
-                                name={['name']}
-                                rules={[{ required: true, message: t('components.category.typeResponseNameIsMissing')! }]}
-                                validateTrigger="onBlur"
-                            >
-                                <InputField
-                                    placeholder={t('components.category.responseTypeName')!}
-                                    onBlur={handleInputChange}
-                                    customClass={styles.input}
-                                />
-                            </Form.Item>
-                        </div>
-                    </div>
-                </div>
-
-                <div className={styles.questionsWrapper}>
-                    <Label isUppercase>
-                        {t('components.categoryContent.answers')}
-                    </Label>
-                    <Form.Item>
-                        <Questions
-                            handleChanges={handleInputChange}
-                            responseTypeOptions={responseTypeOptions}
-                            responseTypeComponent
-                            form={form}
-                        />
-                    </Form.Item>
-                </div>
-            </Form>
-        </div>
-    );
-};

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

@@ -1,31 +0,0 @@
-
-.categoryNameContainer {
-    display: flex;
-    gap: 32px;
-}
-
-.categoryContent {
-    padding: 12px;
-}
-
-.categoryName {
-    width: 100%;
-}
-
-.formHeader {
-    display: grid;
-    grid-template-columns: minmax(200px, 1fr) auto auto auto auto;
-    gap: 46px;
-}
-
-.questionsWrapper {
-    margin-top: 16px;
-}
-
-Label {
-    margin-bottom: 8px;
-}
-
-.input {
-    height: 36px;
-}