magneto365.ui 2.75.10 → 2.75.11-alpha-2

package/dist/cjs/types/components/UI/atoms/Button/Button.interface.d.ts

@@ -8,7 +8,7 @@ export interface IButton {
     /**
      * Callback function to be executed when the save button is clicked.
      */
-    onClick: () => void;
+    onClick?: () => void;
     /**
      * Button classname
      */
@@ -34,4 +34,12 @@ export interface IButton {
      * Icon size
      */
     iconSize?: number;
+    /**
+     * Button type
+     */
+    type?: 'button' | 'submit' | 'reset';
+    /**
+     * Disable the button
+     */
+    disabled?: boolean;
 }

package/dist/cjs/types/components/UI/atoms/HorizontalBar/HorizontalBar.component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IHorizontalBarProps } from './HorizontalBar.interfaces';
+export declare const HorizontalBar: React.FC<IHorizontalBarProps>;

package/dist/cjs/types/components/UI/atoms/HorizontalBar/HorizontalBar.interfaces.d.ts

@@ -0,0 +1,40 @@
+export interface IClassNames {
+    /**
+     * Custom styles for the bar
+     */
+    bar?: string;
+    /**
+     * Custom styles for the fill container
+     */
+    container?: string;
+    /**
+     * Custom styles for the text description
+     */
+    text?: string;
+    /**
+     * Custom styles for the fill value within the bar
+     */
+    value?: string;
+    /**
+     * Custom styles for the fill
+     */
+    fill?: string;
+}
+export interface IHorizontalBarProps {
+    /**
+     * Sets the value to show within the bar
+     */
+    value: number;
+    /**
+     * Sets the text of the bar
+     */
+    text?: string;
+    /**
+     * Sets the range of the bar
+     */
+    maxPercentage?: number;
+    /**
+     * Sets custom classnames
+     */
+    classNames?: IClassNames;
+}

package/dist/cjs/types/components/UI/atoms/HorizontalBar/index.d.ts

@@ -0,0 +1 @@
+export { HorizontalBar } from './HorizontalBar.component';

package/dist/cjs/types/components/UI/atoms/index.d.ts

@@ -43,3 +43,4 @@ export * from './ToggleButton';
 export * from './Typography';
 export * from './UserMenuButtonAnalyst';
 export * from './InlineDetails';
+export * from './HorizontalBar';

package/dist/cjs/types/components/UI/template/TestsFormHandler/TestsFormHandler.component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IFormHandler } from './TestsFormHandler.interface';
+declare const TestFormHandler: React.FC<IFormHandler>;
+export default TestFormHandler;

package/dist/cjs/types/components/UI/template/TestsFormHandler/TestsFormHandler.context.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+import { IFormHandlerContext } from './TestsFormHandlerContext.interface';
+export declare const FormHandlerProvider: React.FC<{
+    children: ReactNode;
+}>;
+export declare const useFormHandler: () => IFormHandlerContext;
+export default FormHandlerProvider;

package/dist/cjs/types/components/UI/template/TestsFormHandler/TestsFormHandler.interface.d.ts

@@ -0,0 +1,56 @@
+import { AnswerType } from './children/GlobalQuestion/GlobalQuestion.interface';
+import { ReactNode } from 'react';
+export interface ICustomButtonText {
+    /**
+     * The text to display on the previous button
+     */
+    previous: string;
+    /**
+     * The text to display on the next button
+     */
+    next: string;
+    /**
+     * The text to display on the submit button
+     */
+    finish: string;
+}
+export interface IFormHandler {
+    /**
+     * Determines if the form should be displayed as multiple steps
+     */
+    multiStep?: boolean;
+    /**
+     * Function to customize the submit action
+     */
+    onSubmit: (answers: {
+        [key: string]: AnswerType;
+    }) => void;
+    /**
+     * Custom classname for the form container
+     */
+    className?: string;
+    /**
+     * Enable resend the test
+     */
+    isDisabled?: boolean;
+    /**
+     * Children components to render (questions)
+     */
+    children: ReactNode;
+    /**
+     * Total number of steps for multi-step forms
+     */
+    totalSteps?: number;
+    /**
+     * Current step for multi-step forms
+     */
+    currentStep?: number;
+    /**
+     * Callback for step changes
+     */
+    onStepChange?: (step: number) => void;
+    /**
+     * Object with custom texts for the form buttons
+     */
+    customButtonText: ICustomButtonText;
+}

package/dist/cjs/types/components/UI/template/TestsFormHandler/TestsFormHandlerContext.interface.d.ts

@@ -0,0 +1,14 @@
+import { AnswerType } from './children/GlobalQuestion';
+export interface IFormHandlerContext {
+    answers: {
+        [key: string]: AnswerType;
+    };
+    submitted: boolean;
+    handleChange: (questionId: string, value: AnswerType) => void;
+    setSubmitted: (value: boolean) => void;
+    currentStepQuestions: {
+        [key: string]: 'single' | 'multiple' | 'text';
+    };
+    registerQuestion: (questionId: string, questionType: 'single' | 'multiple' | 'text') => void;
+    unregisterQuestion: (questionId: string) => void;
+}

package/dist/cjs/types/components/UI/template/TestsFormHandler/children/GlobalQuestion/GlobalQuestion.component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IGlobalQuestionProps } from './GlobalQuestion.interface';
+declare const GlobalQuestion: React.FC<IGlobalQuestionProps>;
+export default GlobalQuestion;

package/dist/cjs/types/components/UI/template/TestsFormHandler/children/GlobalQuestion/GlobalQuestion.interface.d.ts

@@ -0,0 +1,46 @@
+export interface IGlobalQuestionProps {
+    /**
+     * The question to be displayed
+     */
+    question: IQuestion;
+    /**
+     * The text to be displayed in the error message
+     */
+    errorText: string;
+    /**
+     * Index of the question (optional, will use context if not provided)
+     */
+    idx?: number;
+}
+export interface IQuestion {
+    /**
+     * Unique identifier for the question
+     */
+    id: string;
+    /**
+     * The text of the question
+     */
+    text: string;
+    /**
+     * The type of the question: single, multiple, or text
+     */
+    type: 'single' | 'multiple' | 'text';
+    /**
+     * Array of options for the question, if any
+     */
+    options?: IQuestionOptions[];
+}
+export interface IQuestionOptions {
+    /**
+     * Unique identifier for the option
+     */
+    id: number;
+    /**
+     * The text of the option
+     */
+    label: string;
+}
+export declare type AnswerType = string | IQuestionOptions | IQuestionOptions[];
+export interface QuestionTypeValidators {
+    [key: string]: (answer: AnswerType) => boolean;
+}

package/dist/cjs/types/components/UI/template/TestsFormHandler/children/GlobalQuestion/index.d.ts

@@ -0,0 +1 @@
+export * from './GlobalQuestion.interface';

package/dist/cjs/types/components/UI/template/TestsFormHandler/children/GlobalQuestionError/GlobalQuestionError.component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IGlobalQuestionErrorProps } from './GlobalQuestionError.interface';
+declare const GlobalQuestionError: React.FC<IGlobalQuestionErrorProps>;
+export default GlobalQuestionError;

package/dist/cjs/types/components/UI/template/TestsFormHandler/children/GlobalQuestionError/GlobalQuestionError.interface.d.ts

@@ -0,0 +1,6 @@
+export interface IGlobalQuestionErrorProps {
+    /**
+     * The text to be displayed in the error message
+     */
+    errorText: string;
+}

package/dist/cjs/types/components/UI/template/TestsFormHandler/index.d.ts

@@ -0,0 +1,5 @@
+export * from './TestsFormHandler.interface';
+export * from './children/GlobalQuestion/GlobalQuestion.interface';
+export * from './TestsFormHandler.context';
+export { default as TestFormHandler } from './TestsFormHandler.component';
+export { default as GlobalQuestion } from './children/GlobalQuestion/GlobalQuestion.component';

package/dist/cjs/types/components/UI/template/index.d.ts

@@ -10,3 +10,4 @@ export * from './MegaMenu';
 export * from './SideFilter';
 export * from './SortBar';
 export * from './VacantPositionsTemplate';
+export * from './TestsFormHandler';

package/dist/cjs/types/constants/icons.constants.d.ts

@@ -192,5 +192,6 @@ export { default as WhatsAppDark } from '../assets/Whatsapp.svg';
 export { default as X } from '../assets/X.svg';
 export { default as Youtube } from '../assets/Youtube.svg';
 export { default as YoutubeSolid } from '../assets/YoutubeSolid.svg';
+export { default as InfoRed } from '../assets/info-circle-red.svg';
 export { default as AdvertisementOutline } from '../assets/advertisement.svg';
 export { default as AdvertisementBold } from '../assets/advertisementBold.svg';

package/dist/cjs/types/utils/colors/getContrastColor.d.ts

@@ -0,0 +1 @@
+export declare const getContrastColor: (hexColor: string) => "#000000" | "#ffffff";

package/dist/cjs/types/utils/validateAnswers/validateStepAnswers.d.ts

@@ -0,0 +1,12 @@
+import { AnswerType, IQuestion } from '@components/UI/template';
+export declare const validateCurrentStepAnswers: (currentStepQuestions: {
+    [key: string]: "text" | "multiple" | "single";
+}, answers: {
+    [key: string]: AnswerType;
+}) => boolean;
+export declare const questionTypeValidators: {
+    multiple: (answer: AnswerType) => boolean;
+    single: (answer: AnswerType) => boolean;
+    text: (answer: AnswerType) => boolean;
+};
+export declare const isMissingValidator: (answer: AnswerType, question: IQuestion) => boolean;