@omniumretail/component-library 1.0.65 → 1.0.66

package/src/components/Label/index.tsx

@@ -1,19 +1,19 @@
-import classNames from 'classnames';
-import styles from './styles.module.scss';
-export interface LabelProps {
-    forAttribute?: string;
-    children?: any;
-    customStyle?: string;
-    isUppercase?: boolean;
-}
-
-export const Label = (props: LabelProps) => {
-    const { forAttribute, children, customStyle, isUppercase } = props;
-    
-    const labelClasses = classNames({
-        [styles.label]: true,
-        [styles.uppercase]: isUppercase,
-    });
-        
-    return <label className={ classNames(labelClasses, customStyle) } htmlFor={ forAttribute }>{ children }</label>
-};
+import classNames from 'classnames';
+import styles from './styles.module.scss';
+export interface LabelProps {
+    forAttribute?: string;
+    children?: any;
+    customStyle?: string;
+    isUppercase?: boolean;
+}
+
+export const Label = (props: LabelProps) => {
+    const { forAttribute, children, customStyle, isUppercase } = props;
+    
+    const labelClasses = classNames({
+        [styles.label]: true,
+        [styles.uppercase]: isUppercase,
+    });
+        
+    return <label className={ classNames(labelClasses, customStyle) } htmlFor={ forAttribute }>{ children }</label>
+};

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

@@ -1,17 +1,17 @@
-
-.label {
-    display: block;
-    color: var(--color-black);
-    text-transform: capitalize;
-    font-size: var(--font-size-body-base);
-    line-height: 125%;
-    font-weight: var(--font-weight-semibold);
-
-    &:not(:first-child) {
-        margin-top: 8px;
-    }
-}
-
-.uppercase {
-    text-transform: uppercase;
+
+.label {
+    display: block;
+    color: var(--color-black);
+    text-transform: capitalize;
+    font-size: var(--font-size-body-base);
+    line-height: 125%;
+    font-weight: var(--font-weight-semibold);
+
+    &:not(:first-child) {
+        margin-top: 8px;
+    }
+}
+
+.uppercase {
+    text-transform: uppercase;
 }

package/src/components/Link/Link.stories.tsx

@@ -1,30 +1,30 @@
-import { Meta, Story } from "@storybook/react";
-import { Link, CustomLinkProps } from '.';
-import { SearchOutlined } from '@ant-design/icons';
-
-export default {
-    title: 'Link',
-    component: Link,
-} as Meta;
-
-const Template: Story<CustomLinkProps> = (args) => <Link {...args}> this is a link </Link>;
-
-export const Primary = Template.bind({});
-Primary.args = {
-    href: '#',
-};
-
-
-export const Secondary = Template.bind({});
-Secondary.args = {
-    href: '#',
-    linkSecondary: true
-};
-
-export const iconAlignRight = Template.bind({});
-iconAlignRight.args = {
-    href: '#',
-    iconAlignRight: true,
-    linkSecondary: true,
-    icon: <SearchOutlined />
-};
+import { Meta, Story } from "@storybook/react";
+import { Link, CustomLinkProps } from '.';
+import { SearchOutlined } from '@ant-design/icons';
+
+export default {
+    title: 'Link',
+    component: Link,
+} as Meta;
+
+const Template: Story<CustomLinkProps> = (args) => <Link {...args}> this is a link </Link>;
+
+export const Primary = Template.bind({});
+Primary.args = {
+    href: '#',
+};
+
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+    href: '#',
+    linkSecondary: true
+};
+
+export const iconAlignRight = Template.bind({});
+iconAlignRight.args = {
+    href: '#',
+    iconAlignRight: true,
+    linkSecondary: true,
+    icon: <SearchOutlined />
+};

package/src/components/Link/index.tsx

@@ -1,21 +1,21 @@
-import { Button as AntButton, ButtonProps } from 'antd';
-import styles from './styles.module.scss';
-import classNames from 'classnames';
-
-export interface CustomLinkProps extends ButtonProps {
-    iconAlignRight?: boolean;
-    linkSecondary?: boolean;
-    customClass?: string;
-}
-
-export const Link = ({customClass, iconAlignRight, linkSecondary, ...props}: CustomLinkProps) => {
-    const linkClasses = classNames({ 
-        [styles.iconAlignRight]: iconAlignRight,
-        [styles.linkSecondary]: linkSecondary,
-        [`${customClass}`]: customClass,
-    }, [styles.link]);
-
-    return (
-        <AntButton { ...props } className={ linkClasses } type={'link'} />
-    );
-};
+import { Button as AntButton, ButtonProps } from 'antd';
+import styles from './styles.module.scss';
+import classNames from 'classnames';
+
+export interface CustomLinkProps extends ButtonProps {
+    iconAlignRight?: boolean;
+    linkSecondary?: boolean;
+    customClass?: string;
+}
+
+export const Link = ({customClass, iconAlignRight, linkSecondary, ...props}: CustomLinkProps) => {
+    const linkClasses = classNames({ 
+        [styles.iconAlignRight]: iconAlignRight,
+        [styles.linkSecondary]: linkSecondary,
+        [`${customClass}`]: customClass,
+    }, [styles.link]);
+
+    return (
+        <AntButton { ...props } className={ linkClasses } type={'link'} />
+    );
+};

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

@@ -1,24 +1,24 @@
-.link {
-    display: inline-flex;
-    text-decoration: none;
-    height: auto;
-
-    color: var(--color-black);
-    font-size: var(--font-size-body-3);
-    line-height: 100%;
-    font-weight: 300;
-    font-style: var(--font-style-italic);
-}
-
-.linkSecondary {
-    color: var(--color-orange);
-    font-style: var(--font-style-normal);
-} 
-
-.iconAlignRight {
-    span:nth-child(2) {
-        margin-inline-end: 8px;
-        margin-inline-start: 0;
-        order: -1;
-    }
-}
+.link {
+    display: inline-flex;
+    text-decoration: none;
+    height: auto;
+
+    color: var(--color-black);
+    font-size: var(--font-size-body-3);
+    line-height: 100%;
+    font-weight: 300;
+    font-style: var(--font-style-italic);
+}
+
+.linkSecondary {
+    color: var(--color-orange);
+    font-style: var(--font-style-normal);
+} 
+
+.iconAlignRight {
+    span:nth-child(2) {
+        margin-inline-end: 8px;
+        margin-inline-start: 0;
+        order: -1;
+    }
+}

package/src/components/Menu/Menu.stories.tsx

@@ -1,178 +1,178 @@
-import { Meta, Story } from "@storybook/react";
-import { Menu } from '.';
-import { MenuProps } from 'antd';
-import { getItem } from './helpers/codeMutation';
-
-export default {
-    title: 'Menu',
-    component: Menu,
-} as Meta;
-
-const Template: Story<MenuProps> = (args) => {
-    const data = [
-        {
-            "Year": 2023,
-            "EvaluationCycles": [
-                {
-                    "Id": "D5A77A3B-1163-4590-9C98-2E6D62442F62",
-                    "Type": "Permanent",
-                    "Name": "EV1",
-                    "Year": 2023,
-                    "StartDate": "2023-03-01T00:00:00Z",
-                    "EndDate": "2023-05-31T23:00:00Z",
-                    "Users": [
-                        {
-                            "UserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
-                            "UserAnswer": null,
-                            "UserScore": null,
-                            "SupervisorId": null,
-                            "SupervisorAnswer": null,
-                            "SupervisorScore": null
-                        },
-                        {
-                            "UserId": "9D361E92-A748-4E4A-BC5E-0134CE62328E",
-                            "UserAnswer": "982FF376-56AD-4E3F-B0D0-5BD4282A7F78",
-                            "UserScore": 3.333,
-                            "SupervisorId": null,
-                            "SupervisorAnswer": null,
-                            "SupervisorScore": null
-                        },
-                        {
-                            "UserId": "594A4DD5-12B1-4ED0-B00C-EDF729B85C57",
-                            "UserAnswer": null,
-                            "UserScore": null,
-                            "SupervisorId": null,
-                            "SupervisorAnswer": null,
-                            "SupervisorScore": null
-                        }
-                    ],
-                    "QuestionnaireId": "4C15A0A0-7DDF-4952-810C-B46105807CB7",
-                    "State": "Started",
-                    "Notifications": [],
-                    "NotificationAgenda": null,
-                    "Status": "A",
-                    "IsOnlyForUsers": false,
-                    "CreateDate": "2023-02-27T10:50:41.737Z",
-                    "UpdateDate": "2023-02-27T10:52:50.661Z",
-                    "CreateUserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
-                    "UpdateUserId": null,
-                    "InitiatDate": "2023-02-27T10:51:00Z",
-                    "CancelDate": "0001-01-01T00:00:00Z"
-                },
-                {
-                    "Id": "42A6EFDD-6D74-4905-94AE-5B5588967BE6",
-                    "Type": "Permanent",
-                    "Name": "EV1",
-                    "Year": 2023,
-                    "StartDate": "2023-03-01T00:00:00Z",
-                    "EndDate": "2023-05-31T23:00:00Z",
-                    "Users": [],
-                    "QuestionnaireId": "4C15A0A0-7DDF-4952-810C-B46105807CB7",
-                    "State": "Draft",
-                    "Notifications": [],
-                    "NotificationAgenda": null,
-                    "Status": "A",
-                    "IsOnlyForUsers": false,
-                    "CreateDate": "2023-02-27T14:52:16.523Z",
-                    "UpdateDate": "2023-02-27T14:53:04.987Z",
-                    "CreateUserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
-                    "UpdateUserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
-                    "InitiatDate": "0001-01-01T00:00:00Z",
-                    "CancelDate": "0001-01-01T00:00:00Z"
-                }
-            ]
-        },
-        {
-            "Year": 2024,
-            "EvaluationCycles": [
-                {
-                    "Id": "D5A77A3B-1163-4590-9C98-2E6D62442F62",
-                    "Type": "Permanent",
-                    "Name": "EV2",
-                    "Year": 2024,
-                    "StartDate": "2023-03-01T00:00:00Z",
-                    "EndDate": "2023-05-31T23:00:00Z",
-                    "Users": [
-                        {
-                            "UserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
-                            "UserAnswer": null,
-                            "UserScore": null,
-                            "SupervisorId": null,
-                            "SupervisorAnswer": null,
-                            "SupervisorScore": null
-                        },
-                        {
-                            "UserId": "9D361E92-A748-4E4A-BC5E-0134CE62328E",
-                            "UserAnswer": "982FF376-56AD-4E3F-B0D0-5BD4282A7F78",
-                            "UserScore": 3.333,
-                            "SupervisorId": null,
-                            "SupervisorAnswer": null,
-                            "SupervisorScore": null
-                        },
-                        {
-                            "UserId": "594A4DD5-12B1-4ED0-B00C-EDF729B85C57",
-                            "UserAnswer": null,
-                            "UserScore": null,
-                            "SupervisorId": null,
-                            "SupervisorAnswer": null,
-                            "SupervisorScore": null
-                        }
-                    ],
-                    "QuestionnaireId": "4C15A0A0-7DDF-4952-810C-B46105807CB7",
-                    "State": "Started",
-                    "Notifications": [],
-                    "NotificationAgenda": null,
-                    "Status": "A",
-                    "IsOnlyForUsers": false,
-                    "CreateDate": "2023-02-27T10:50:41.737Z",
-                    "UpdateDate": "2023-02-27T10:52:50.661Z",
-                    "CreateUserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
-                    "UpdateUserId": null,
-                    "InitiatDate": "2023-02-27T10:51:00Z",
-                    "CancelDate": "0001-01-01T00:00:00Z"
-                },
-                {
-                    "Id": "42A6EFDD-6D74-4905-94AE-5B5588967BE6",
-                    "Type": "Permanent",
-                    "Name": "EV2",
-                    "Year": 2024,
-                    "StartDate": "2023-03-01T00:00:00Z",
-                    "EndDate": "2023-05-31T23:00:00Z",
-                    "Users": [],
-                    "QuestionnaireId": "4C15A0A0-7DDF-4952-810C-B46105807CB7",
-                    "State": "Draft",
-                    "Notifications": [],
-                    "NotificationAgenda": null,
-                    "Status": "A",
-                    "IsOnlyForUsers": false,
-                    "CreateDate": "2023-02-27T14:52:16.523Z",
-                    "UpdateDate": "2023-02-27T14:53:04.987Z",
-                    "CreateUserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
-                    "UpdateUserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
-                    "InitiatDate": "0001-01-01T00:00:00Z",
-                    "CancelDate": "0001-01-01T00:00:00Z"
-                }
-            ]
-        }
-    ];
-
-    const items = data.map((el: any, index: any) => {
-        return (
-            getItem(
-                el.Year, 
-                index, 
-                <></>,  
-                el.EvaluationCycles?.map((evCycle: any, subIndex: any) => {
-                    return getItem(evCycle.Name, `${index}-${subIndex}`);
-                })
-            )
-        )
-    });
-
-
-    return <Menu {...args} items={items}></Menu>;
-} 
-
-export const Primary = Template.bind({});
-Primary.args = {
-};
+import { Meta, Story } from "@storybook/react";
+import { Menu } from '.';
+import { MenuProps } from 'antd';
+import { getItem } from './helpers/codeMutation';
+
+export default {
+    title: 'Menu',
+    component: Menu,
+} as Meta;
+
+const Template: Story<MenuProps> = (args) => {
+    const data = [
+        {
+            "Year": 2023,
+            "EvaluationCycles": [
+                {
+                    "Id": "D5A77A3B-1163-4590-9C98-2E6D62442F62",
+                    "Type": "Permanent",
+                    "Name": "EV1",
+                    "Year": 2023,
+                    "StartDate": "2023-03-01T00:00:00Z",
+                    "EndDate": "2023-05-31T23:00:00Z",
+                    "Users": [
+                        {
+                            "UserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
+                            "UserAnswer": null,
+                            "UserScore": null,
+                            "SupervisorId": null,
+                            "SupervisorAnswer": null,
+                            "SupervisorScore": null
+                        },
+                        {
+                            "UserId": "9D361E92-A748-4E4A-BC5E-0134CE62328E",
+                            "UserAnswer": "982FF376-56AD-4E3F-B0D0-5BD4282A7F78",
+                            "UserScore": 3.333,
+                            "SupervisorId": null,
+                            "SupervisorAnswer": null,
+                            "SupervisorScore": null
+                        },
+                        {
+                            "UserId": "594A4DD5-12B1-4ED0-B00C-EDF729B85C57",
+                            "UserAnswer": null,
+                            "UserScore": null,
+                            "SupervisorId": null,
+                            "SupervisorAnswer": null,
+                            "SupervisorScore": null
+                        }
+                    ],
+                    "QuestionnaireId": "4C15A0A0-7DDF-4952-810C-B46105807CB7",
+                    "State": "Started",
+                    "Notifications": [],
+                    "NotificationAgenda": null,
+                    "Status": "A",
+                    "IsOnlyForUsers": false,
+                    "CreateDate": "2023-02-27T10:50:41.737Z",
+                    "UpdateDate": "2023-02-27T10:52:50.661Z",
+                    "CreateUserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
+                    "UpdateUserId": null,
+                    "InitiatDate": "2023-02-27T10:51:00Z",
+                    "CancelDate": "0001-01-01T00:00:00Z"
+                },
+                {
+                    "Id": "42A6EFDD-6D74-4905-94AE-5B5588967BE6",
+                    "Type": "Permanent",
+                    "Name": "EV1",
+                    "Year": 2023,
+                    "StartDate": "2023-03-01T00:00:00Z",
+                    "EndDate": "2023-05-31T23:00:00Z",
+                    "Users": [],
+                    "QuestionnaireId": "4C15A0A0-7DDF-4952-810C-B46105807CB7",
+                    "State": "Draft",
+                    "Notifications": [],
+                    "NotificationAgenda": null,
+                    "Status": "A",
+                    "IsOnlyForUsers": false,
+                    "CreateDate": "2023-02-27T14:52:16.523Z",
+                    "UpdateDate": "2023-02-27T14:53:04.987Z",
+                    "CreateUserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
+                    "UpdateUserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
+                    "InitiatDate": "0001-01-01T00:00:00Z",
+                    "CancelDate": "0001-01-01T00:00:00Z"
+                }
+            ]
+        },
+        {
+            "Year": 2024,
+            "EvaluationCycles": [
+                {
+                    "Id": "D5A77A3B-1163-4590-9C98-2E6D62442F62",
+                    "Type": "Permanent",
+                    "Name": "EV2",
+                    "Year": 2024,
+                    "StartDate": "2023-03-01T00:00:00Z",
+                    "EndDate": "2023-05-31T23:00:00Z",
+                    "Users": [
+                        {
+                            "UserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
+                            "UserAnswer": null,
+                            "UserScore": null,
+                            "SupervisorId": null,
+                            "SupervisorAnswer": null,
+                            "SupervisorScore": null
+                        },
+                        {
+                            "UserId": "9D361E92-A748-4E4A-BC5E-0134CE62328E",
+                            "UserAnswer": "982FF376-56AD-4E3F-B0D0-5BD4282A7F78",
+                            "UserScore": 3.333,
+                            "SupervisorId": null,
+                            "SupervisorAnswer": null,
+                            "SupervisorScore": null
+                        },
+                        {
+                            "UserId": "594A4DD5-12B1-4ED0-B00C-EDF729B85C57",
+                            "UserAnswer": null,
+                            "UserScore": null,
+                            "SupervisorId": null,
+                            "SupervisorAnswer": null,
+                            "SupervisorScore": null
+                        }
+                    ],
+                    "QuestionnaireId": "4C15A0A0-7DDF-4952-810C-B46105807CB7",
+                    "State": "Started",
+                    "Notifications": [],
+                    "NotificationAgenda": null,
+                    "Status": "A",
+                    "IsOnlyForUsers": false,
+                    "CreateDate": "2023-02-27T10:50:41.737Z",
+                    "UpdateDate": "2023-02-27T10:52:50.661Z",
+                    "CreateUserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
+                    "UpdateUserId": null,
+                    "InitiatDate": "2023-02-27T10:51:00Z",
+                    "CancelDate": "0001-01-01T00:00:00Z"
+                },
+                {
+                    "Id": "42A6EFDD-6D74-4905-94AE-5B5588967BE6",
+                    "Type": "Permanent",
+                    "Name": "EV2",
+                    "Year": 2024,
+                    "StartDate": "2023-03-01T00:00:00Z",
+                    "EndDate": "2023-05-31T23:00:00Z",
+                    "Users": [],
+                    "QuestionnaireId": "4C15A0A0-7DDF-4952-810C-B46105807CB7",
+                    "State": "Draft",
+                    "Notifications": [],
+                    "NotificationAgenda": null,
+                    "Status": "A",
+                    "IsOnlyForUsers": false,
+                    "CreateDate": "2023-02-27T14:52:16.523Z",
+                    "UpdateDate": "2023-02-27T14:53:04.987Z",
+                    "CreateUserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
+                    "UpdateUserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
+                    "InitiatDate": "0001-01-01T00:00:00Z",
+                    "CancelDate": "0001-01-01T00:00:00Z"
+                }
+            ]
+        }
+    ];
+
+    const items = data.map((el: any, index: any) => {
+        return (
+            getItem(
+                el.Year, 
+                index, 
+                <></>,  
+                el.EvaluationCycles?.map((evCycle: any, subIndex: any) => {
+                    return getItem(evCycle.Name, `${index}-${subIndex}`);
+                })
+            )
+        )
+    });
+
+
+    return <Menu {...args} items={items}></Menu>;
+} 
+
+export const Primary = Template.bind({});
+Primary.args = {
+};

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

@@ -1,19 +1,19 @@
-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;
-}
+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;
+}