magneto365.ui 2.75.1-job-details.7 → 2.75.1-job-details.9

package/dist/types/components/UI/atoms/ShareButton/ShareButton.interface.d.ts

@@ -0,0 +1,44 @@
+import { iconJobDetailsAction } from '@constants/jobDetails.constants';
+
+interface IShareButton {
+    /**
+     * The title or label associated with the button.
+     * (Optional property)
+     */
+    buttonTitle?: string;
+    /**
+     * The text to be displayed on the share button.
+     * (Optional property)
+     */
+    buttonText?: string;
+    /**
+     * Specifies whether a hover effect should be added to the button.
+     * (Optional property)
+     */
+    addHover?: boolean;
+    /**
+     * The URL to share when the button is clicked.
+     * (Optional property)
+     */
+    detailUrl?: string;
+    /**
+     * Callback function to be executed when copying is successful.
+     */
+    onCopySuccess: () => void;
+    /**
+     * Callback function to be executed when copying encounters an error.
+     * (Optional property)
+     */
+    onCopyError?: () => void;
+    /**
+     * Additional CSS classes to apply to the button.
+     * (Optional property)
+     */
+    className?: string;
+    /**
+     * icon to show
+     */
+    icon: keyof typeof iconJobDetailsAction;
+}
+
+export { IShareButton };

package/dist/types/components/UI/atoms/Skill/Skill.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { ISkill } from './Skill.interface';
+
+declare const Skill: React__default.FC<ISkill>;
+
+export { Skill };

package/dist/types/components/UI/atoms/Skill/Skill.interface.d.ts

@@ -0,0 +1,18 @@
+interface ISkill {
+    className?: string;
+    classNames?: {
+        name?: string;
+        level?: string;
+        circle?: string;
+    };
+    /**
+     * The name or description of the skill
+     */
+    name: string;
+    /**
+     * The score or proficiency level of the skill.
+     */
+    score: number;
+}
+
+export { ISkill };

package/dist/types/components/UI/atoms/Switch/Switch.component.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { ISwitch } from './Switch.interface';
+
+declare const Switch: FC<ISwitch>;
+
+export { Switch };

package/dist/types/components/UI/atoms/Switch/Switch.interface.d.ts

@@ -0,0 +1,24 @@
+interface ISwitch {
+    /**
+     * This is the title switch
+     */
+    title?: string;
+    /**
+     * This is the value of the switch
+     */
+    isActive: boolean;
+    /**
+     * This function change if the item is isActive
+     */
+    setIsActive: (state: boolean) => void;
+    /**
+     * This is the optional className for custom styles
+     */
+    className?: string;
+    /**
+     * this property disables the click event
+     */
+    isDisabled?: boolean;
+}
+
+export { ISwitch };

package/dist/types/components/UI/atoms/Tag/Tag.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { ITag } from './Tag.interface';
+
+declare const Tags: React__default.FC<ITag>;
+
+export { Tags as default };

package/dist/types/components/UI/atoms/Tag/Tag.interface.d.ts

@@ -0,0 +1,24 @@
+interface ITag {
+    /**
+     * this property add icon in the left side
+     */
+    icon?: string;
+    /**
+     * this property click functionality
+     */
+    onClick?: () => void;
+    /**
+     * this prperty show label text
+     */
+    text: string;
+    /**
+     * this property set the background color
+     */
+    bgColor?: string;
+    /**
+     * this property set the text color
+     */
+    textColor?: string;
+}
+
+export { ITag };

package/dist/types/components/UI/atoms/Text/Text.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IText } from './Text.interface';
+
+declare const TextCustom: React__default.FC<IText>;
+
+export { TextCustom };

package/dist/types/components/UI/atoms/Text/Text.interface.d.ts

@@ -0,0 +1,31 @@
+interface IText {
+    /**
+     * This is the main text
+     * */
+    text?: string;
+    /**
+     * This is the custom text
+     * */
+    customText?: ICustomText[];
+    /**
+     * You can add you custom className here
+     */
+    className?: string;
+}
+interface ICustomText {
+    /**
+     * This is the value to the custom text
+     * */
+    value: string | React.ReactNode;
+    /**
+     * This is the custom font weight to text
+     * */
+    fontWeight: EFontWeightType;
+    /**
+     * This is the custom line break to text
+     * */
+    lineBreak?: boolean;
+}
+declare type EFontWeightType = 'normal' | 'bold' | 'lighter';
+
+export { EFontWeightType, ICustomText, IText };

package/dist/types/components/UI/atoms/ToggleButton/ToggleButton.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IToggleButton } from './ToggleButton.interface';
+
+declare const ToggleButton: React__default.FC<IToggleButton>;
+
+export { ToggleButton };

package/dist/types/components/UI/atoms/ToggleButton/ToggleButton.interface.d.ts

@@ -0,0 +1,40 @@
+interface IToggleButtonOnchangeValues {
+    name?: string;
+    id: string | number;
+}
+interface IToggleButton {
+    /**
+     * You can extend the style properties with class names
+     */
+    className?: string;
+    /**
+     * this property sets the background and border color when is selected
+     */
+    color?: string;
+    /**
+     * this property sets the background when is not selected
+     */
+    baseColor?: string;
+    /**
+     * this property sets the button name
+     */
+    name: string;
+    /**
+     * this property sets the button id
+     */
+    id: string | number;
+    /**
+     * this property sets default value
+     */
+    currentSelect?: boolean;
+    /**
+     *  this function returns the name and id value of the button when clicked on
+     */
+    onChange?: (value: IToggleButtonOnchangeValues) => void;
+    /**
+     * this property sets custom Icon
+     */
+    customIcon?: string;
+}
+
+export { IToggleButton, IToggleButtonOnchangeValues };

package/dist/types/components/UI/atoms/Typography/Typography.component.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { ITypographyBase } from './Typography.interface';
+import { ITypographyTitle } from './children/TypographyTitle/TypographyTitle.interface';
+
+/**
+ * Atom UI of typography. It includes titles, paragraphs, texts and links.
+ */
+declare const Typography: {
+    Link: React.ForwardRefExoticComponent<ITypographyBase & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+    Paragraph: React.ForwardRefExoticComponent<ITypographyBase & React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+    Text: React.ForwardRefExoticComponent<ITypographyBase & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+    Title: React.ForwardRefExoticComponent<ITypographyTitle & React.RefAttributes<HTMLHeadingElement>>;
+};
+
+export { Typography };

package/dist/types/{TypographyLink.interface-7c9f7ed6.d.ts → components/UI/atoms/Typography/Typography.interface.d.ts}

@@ -76,6 +76,4 @@ declare enum ETypographyFontWeight {
 }
 declare type TTypographyFontWeight = `${ETypographyFontWeight}`;
 
-declare type ITypographyLink = ITypographyBase & React.AnchorHTMLAttributes<HTMLAnchorElement>;
-
-export { ITypographyLink as I };
+export { ETypographyFontWeight, ITypographyBase, ITypographyEllipsis, TTypographyFontWeight };

package/dist/types/components/UI/atoms/Typography/children/TypographyLink/TypographyLink.interface.d.ts

@@ -0,0 +1,5 @@
+import { ITypographyBase } from '../../Typography.interface';
+
+declare type ITypographyLink = ITypographyBase & React.AnchorHTMLAttributes<HTMLAnchorElement>;
+
+export { ITypographyLink };

package/dist/types/components/UI/atoms/Typography/children/TypographyParagraph/TypographyParagraph.interface.d.ts

@@ -0,0 +1,5 @@
+import { ITypographyBase } from '../../Typography.interface';
+
+declare type TTypographyParagraph = ITypographyBase & React.HTMLAttributes<HTMLParagraphElement>;
+
+export { TTypographyParagraph };

package/dist/types/components/UI/atoms/Typography/children/TypographyText/TypographyText.interface.d.ts

@@ -0,0 +1,5 @@
+import { ITypographyBase } from '../../Typography.interface';
+
+declare type ITypographyText = ITypographyBase & React.HTMLAttributes<HTMLSpanElement>;
+
+export { ITypographyText };

package/dist/types/components/UI/atoms/Typography/children/TypographyTitle/TypographyTitle.interface.d.ts

@@ -0,0 +1,13 @@
+import { ITypographyBase } from '../../Typography.interface';
+
+interface ITypographyTitle extends ITypographyBase, Omit<React.HTMLAttributes<HTMLHeadingElement>, 'color'> {
+    /**
+     * Level of the html tag title.
+     *
+     * @default 2
+     * @example "1" | "2" | "3" | "4" | "5" | "6"
+     */
+    level?: number;
+}
+
+export { ITypographyTitle };

package/dist/types/components/UI/atoms/UserMenuButtonAnalyst/UserMenuButtonAnalyst.component.d.ts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import { IUserMenuButtonAnalystProps } from './UserMenuButtonAnalyst.interface';
+
+/**
+ * Atom UI component of user menu button analyst
+ */
+declare const UserMenuButtonAnalyst: React__default.FC<IUserMenuButtonAnalystProps>;
+
+export { UserMenuButtonAnalyst };

package/dist/types/components/UI/atoms/UserMenuButtonAnalyst/UserMenuButtonAnalyst.interface.d.ts

@@ -0,0 +1,20 @@
+interface IUserMenuButtonAnalystProps {
+    /**
+     * Class name of the button main container
+     */
+    className?: string;
+    /**
+     * Function to execute on click event
+     */
+    onClick?: () => void;
+    /**
+     * Title
+     */
+    title: string;
+    /**
+     * User name
+     */
+    user: string;
+}
+
+export { IUserMenuButtonAnalystProps };

package/dist/types/components/UI/molecules/Actions/Actions.component.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+import { IActions, IShareLinksActions } from './Actions.interface';
+
+/**
+ * UI Molecule componet of Actions
+ */
+declare const Actions: React__default.FC<IActions> & {
+    ShareLinks: React__default.FC<IShareLinksActions>;
+};
+
+export { Actions };

package/dist/types/components/UI/molecules/Actions/Actions.interface.d.ts

@@ -0,0 +1,78 @@
+import { ISaveButton } from '@components/UI/atoms/SaveButton';
+import React__default, { ReactNode } from 'react';
+import { ISharePopover } from '../SharePopover/SharePopover.interface';
+
+interface IActions {
+    /**
+     * An array of string icons to be displayed for each anchor link in the actions section.
+     * (Optional property)
+     */
+    ActionsAnchorIcons?: string[];
+    /**
+     * An array of string URLs representing anchor links for each item in the actions section.
+     */
+    ActionsAnchorLinks: string[];
+    /**
+     * An array of string text for each anchor link in the actions section.
+     * (Optional property)
+     */
+    ActionAnchorText?: string[];
+    /**
+     * Specifies whether the UI is in mobile mode or not.
+     * (Optional property)
+     */
+    isMobile?: boolean;
+    /**
+     * The header or title for the actions section.
+     */
+    ActionsHeader: string;
+    /**
+     * Content to be displayed as an external button.
+     */
+    externalButtonChild: ReactNode;
+    /**
+     * Props for the save button component.
+     */
+    saveButtonProps: ISaveButton;
+    /**
+     * Props for the share button component.
+     */
+    copyButtonProps: ISharePopover;
+    /**
+     * props for sharebutton that display sharelinks.
+     */
+    shareButtonProps: {
+        title: string;
+        content: React__default.ReactChild;
+    };
+    /**
+     * company name.
+     */
+    offerCompanyName?: string;
+    /**
+     * just a text to inform about back action.
+     */
+    backText?: string;
+    /**
+     * Props for show apply button
+     */
+    isApplied?: boolean;
+}
+interface IShareLinksActions {
+    onBack: () => void;
+    /**
+     * The header or title for the actions section.
+     */
+    ActionsHeader: string;
+    shareButtonProps: ISharePopover;
+    /**
+     * company name.
+     */
+    offerCompanyName?: string;
+    /**
+     * just a text to inform about back action.
+     */
+    backText?: string;
+}
+
+export { IActions, IShareLinksActions };

package/dist/types/components/UI/molecules/Alert/Alert.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IAlert } from './Alert.interface';
+
+declare const Alert: React__default.FC<IAlert>;
+
+export { Alert };

package/dist/types/components/UI/molecules/Alert/Alert.interface.d.ts

@@ -0,0 +1,39 @@
+import { ICustomText } from '@components/UI/atoms/Text/Text.interface';
+
+interface IAlert {
+    /**
+     * This is the type in the alert
+     * */
+    type: EAlertType;
+    /**
+     * This is the main text in the alert
+     * */
+    text?: string;
+    /**
+     * This is the custom text in the alert
+     * */
+    customText?: ICustomText[];
+    /**
+     * This is the custom text in the alert
+     * */
+    border?: boolean;
+    /**
+     * this property set the size the alert
+     */
+    size?: number;
+    /**
+     * this property set close onClick on the alert
+     */
+    onClose?: (() => void) | null;
+    /**
+     * this property set custom classname
+     */
+    className?: string;
+    /**
+     * this property add a new button or component on the alert
+     */
+    extraButton?: React.ReactChild;
+}
+declare type EAlertType = 'success' | 'warning' | 'info' | 'error';
+
+export { EAlertType, IAlert };

package/dist/types/components/UI/molecules/AlertJobModal/AlertJobModal.component.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { IAlertJobModal } from './AlertJobModal.interface';
+
+declare const AlertJobModal: React__default.FC<IAlertJobModal> & {
+    Header: React__default.FC<IAlertJobModal.Header>;
+    Body: React__default.FC<IAlertJobModal.Body>;
+    Footer: React__default.FC<IAlertJobModal.Footer>;
+    Title: React__default.FC<IAlertJobModal.Title>;
+    Icon: React__default.FC<IAlertJobModal.Icon>;
+    Button: React__default.FC<IAlertJobModal.Button>;
+};
+
+export { AlertJobModal };

package/dist/types/components/UI/molecules/AlertJobModal/AlertJobModal.interface.d.ts

@@ -0,0 +1,110 @@
+interface IAlertJobModal {
+    /**
+     * React children to be rendered inside the component.
+     */
+    children: JSX.Element | JSX.Element[];
+    /**
+     * Additional class names for custom styling.
+     */
+    className?: string;
+    /**
+     * Additional class names for custom styling.
+     */
+    mobileClassName?: string;
+    /**
+     * Represents whether the modal is open or closed.
+     */
+    open: boolean;
+    /**
+     * Callback function to be executed when the modal is closed.
+     */
+    onClose: () => void;
+}
+declare namespace IAlertJobModal {
+    interface Header {
+        /**
+         * React children to be rendered inside the container.
+         */
+        children?: React.ReactNode;
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+    }
+    interface Body {
+        /**
+         * React children to be rendered inside the container.
+         */
+        children?: React.ReactNode;
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+    }
+    interface Footer {
+        /**
+         * React children to be rendered inside the container.
+         */
+        children?: React.ReactNode;
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+    }
+    interface Icon {
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+        /**
+         * Here is the icon component
+         */
+        src?: string | null;
+        /**
+         * You can change the size of the icon by adding a numeric value here
+         */
+        size?: number;
+        /**
+         * Text alt in the img element
+         */
+        alt?: string | null;
+    }
+    interface Title {
+        /**
+         * Set title text on modal header
+         */
+        title: string;
+        /**
+         * Set subtitle text on modal header
+         */
+        subtitle?: string | null;
+        /**
+         * React children to be rendered inside the container.
+         */
+        children?: React.ReactNode;
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+    }
+    interface Button extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+        /**
+         * React children to be rendered inside the container.
+         */
+        children?: React.ReactNode;
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+        /**
+         * Here is the icon button component
+         */
+        icon?: string | null;
+        /**
+         * You can change the size of the icon by adding a numeric value here
+         */
+        sizeIcon?: number;
+    }
+}
+
+export { IAlertJobModal };

package/dist/types/components/UI/molecules/AlertJobStatus/AlertJobStatus.component.d.ts

@@ -0,0 +1,12 @@
+import { IText } from '../../atoms/Text/Text.interface';
+import React__default from 'react';
+import { IAlertJobStatus } from './AlertJobStatus.interface';
+
+declare const AlertJobStatus: React__default.FC<IAlertJobStatus> & {
+    Container: React__default.FC<IAlertJobStatus.Container>;
+    Icon: React__default.FC<IAlertJobStatus.Icon>;
+    Button: React__default.FC<IAlertJobStatus.Button>;
+    Text: React__default.FC<IText>;
+};
+
+export { AlertJobStatus };

package/dist/types/components/UI/molecules/AlertJobStatus/AlertJobStatus.interface.d.ts

@@ -0,0 +1,71 @@
+interface IAlertJobStatus {
+    /**
+     * React children to be rendered inside the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional class names for custom styling.
+     */
+    className?: string;
+    /**
+     * type to background alert 'warning' or 'normal'.
+     * default: warning
+     */
+    type?: EAlertJobStatusType;
+}
+declare namespace IAlertJobStatus {
+    interface Container {
+        /**
+         * React children to be rendered inside the container.
+         */
+        children?: React.ReactNode;
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+    }
+    interface Icon {
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+        /**
+         * Here is the icon component
+         */
+        src?: string | null;
+        /**
+         * You can change the size of the icon by adding a numeric value here
+         */
+        size?: number;
+        /**
+         * Text alt in the img element
+         */
+        alt?: string | null;
+        /**
+         * type to icon alert 'warning' or 'success'.
+         */
+        type?: EAlertJobStatusIcon;
+    }
+    interface Button extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+        /**
+         * React children to be rendered inside the container.
+         */
+        children?: React.ReactNode;
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+        /**
+         * Here is the icon button component
+         */
+        icon?: string | null;
+        /**
+         * You can change the size of the icon by adding a numeric value here
+         */
+        sizeIcon?: number;
+    }
+}
+declare type EAlertJobStatusType = 'warning' | 'normal';
+declare type EAlertJobStatusIcon = 'success' | 'warning';
+
+export { EAlertJobStatusIcon, EAlertJobStatusType, IAlertJobStatus };

package/dist/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusContainer/AlertJobStatusContainer.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IAlertJobStatus } from '../../AlertJobStatus.interface';
+
+declare const AlertJobStatusContainer: React__default.FC<IAlertJobStatus.Container>;
+
+export { AlertJobStatusContainer };