pixel-react-excel-sheet 1.2.0 → 1.2.2

package/lib/components/TabsWithSilder/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/TabsWithSilder/types.ts"],"names":[],"mappings":""}

package/lib/components/TextArea/Textarea.d.ts

@@ -1,4 +1,4 @@
 import './Textarea.scss';
 import { TextareaProps } from './Types';
-declare const Textarea: ({ capacity, name, label, value, variant, error, helperText, disabled, required, placeholder, className, onChange, onBlur, onFocus, rows, cols, resize, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
+declare const Textarea: ({ capacity, name, label, value, variant, error, helperText, disabled, required, placeholder, className, onChange, onBlur, onFocus, onPaste, rows, cols, resize, errorText, readOnly, displayCapacity, isLabelRequired, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
 export default Textarea;

package/lib/components/TextArea/Textarea.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import './Textarea.scss';
+import Typography from '../Typography';
+import { ENTER_NEW_LINE_REGEX } from '../../validations/regex';
+const getCharacterCount = (value) => {
+    return value.replace(ENTER_NEW_LINE_REGEX, '').length;
+};
+const Textarea = ({ capacity = 200, name, label, value = '', variant = 'primary', error, helperText = '', disabled = false, required = false, placeholder = 'Enter text', className = '', onChange, onBlur, onFocus, onPaste, rows = 4, cols = 40, resize = false, errorText, readOnly = false, displayCapacity = true, isLabelRequired = true, ...props }) => {
+    const labelClasses = classNames('ff-textarea-label ff-textarea-label--' + variant, {
+        'ff-textarea-label--danger': error,
+        'ff-textarea-label--disabled': disabled && !value,
+    });
+    const textareaClasses = classNames(`ff-textarea ff-textarea--${variant}`, className, {
+        'ff-textarea--danger': error,
+        'ff-textarea--resize': !resize,
+        'ff-textarea--placeholder': !isLabelRequired,
+    });
+    const containerClasses = classNames('ff-textarea-container', {
+        'ff-textarea-container--disabled': disabled,
+        'ff-textarea-container--float': Boolean(value),
+    });
+    const isError = error || !value;
+    const errorMessage = isError ? (_jsx("span", { className: "ff-textarea-error-text", children: _jsx(Typography, { fontSize: 10, children: errorText }) })) : null;
+    const handleChange = (e) => {
+        const newValue = e.target.value;
+        const characterCount = getCharacterCount(newValue);
+        if (characterCount <= capacity) {
+            onChange?.(e);
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            const textarea = e.currentTarget;
+            const cursorPos = textarea.selectionStart;
+            const value = textarea.value;
+            const textBeforeCursor = value.substring(0, cursorPos);
+            const currentLine = textBeforeCursor.split('\n').pop() || '';
+            if (currentLine.trim() === '') {
+                e.preventDefault();
+            }
+        }
+        props.onKeyDown?.(e);
+    };
+    const handlePaste = (e) => {
+        e.preventDefault();
+        const pastedText = e.clipboardData.getData('text/plain');
+        const processedText = pastedText
+            .split('\n')
+            .filter((line) => line.trim() !== '')
+            .join('\n');
+        const textarea = e.currentTarget;
+        const start = textarea.selectionStart;
+        const end = textarea.selectionEnd;
+        const textBefore = textarea.value.slice(0, start);
+        const textAfter = textarea.value.slice(end);
+        const currentCount = getCharacterCount(textBefore + textAfter);
+        let allowedCount = capacity - currentCount;
+        let limitedPastedText = '';
+        for (const char of processedText) {
+            if (char === '\n') {
+                limitedPastedText += char;
+            }
+            else if (allowedCount > 0) {
+                limitedPastedText += char;
+                allowedCount--;
+            }
+        }
+        const newValue = textBefore + limitedPastedText + textAfter;
+        const event = {
+            ...e,
+            target: {
+                ...textarea,
+                value: newValue,
+            },
+        };
+        onChange?.(event);
+        onPaste?.(e);
+    };
+    return (_jsxs("div", { className: containerClasses, children: [isLabelRequired && (_jsx("label", { htmlFor: name, className: classNames('ff-textarea-label-container', {
+                    'ff-textarea-label-container--danger': error,
+                }), children: _jsxs("span", { className: labelClasses, children: [required && _jsx("span", { className: "required-asterisk", children: "*" }), label] }) })), _jsx("textarea", { name: name, value: value, id: name, className: textareaClasses, placeholder: placeholder, disabled: disabled, onChange: handleChange, onBlur: onBlur, onFocus: onFocus, onKeyDown: handleKeyDown, onPaste: handlePaste, required: required, rows: rows, cols: cols, readOnly: readOnly, ...props }), _jsxs("div", { className: isError ? 'ff-textarea-error-alignment' : 'msg-character-count', children: [errorMessage, capacity > 0 && !readOnly && displayCapacity && (_jsxs("div", { className: 'ff-textarea-character-count', children: [_jsxs(Typography, { fontSize: 8, children: [getCharacterCount(value), "/"] }), _jsx(Typography, { fontSize: 8, children: capacity })] }))] })] }));
+};
+export default Textarea;
+//# sourceMappingURL=Textarea.js.map

package/lib/components/TextArea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/TextArea/Textarea.tsx"],"names":[],"mappings":"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"}

package/lib/components/TextArea/Types.d.ts

@@ -46,6 +46,7 @@ export interface TextareaProps {
     onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
     onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onPaste?: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
     /**
      * id to select the textarea field uniquely
      */
@@ -75,4 +76,17 @@ export interface TextareaProps {
      * for resizing purpose
      */
     resize?: boolean;
+    errorText?: string;
+    /**
+     * To make text are read only state
+     */
+    readOnly?: boolean;
+    /**
+     * To show the capacity of textArea chars.
+     */
+    displayCapacity?: boolean;
+    /**
+     * isLabe lRequired for the textArea field without label, showing placeholder
+     */
+    isLabelRequired?: boolean;
 }

package/lib/components/TextArea/Types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Types.js.map

package/lib/components/TextArea/Types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../../src/components/TextArea/Types.ts"],"names":[],"mappings":""}

package/lib/components/TextArea/index.js

@@ -0,0 +1,2 @@
+export { default } from './Textarea';
+//# sourceMappingURL=index.js.map

package/lib/components/TextArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/TextEditor/TextEditor.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import './TextEditor.scss';
+import RichTextEditorProps from './types';
+declare const TextEditor: FC<RichTextEditorProps>;
+export default TextEditor;

package/lib/components/TextEditor/TextEditor.js

@@ -0,0 +1,265 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useRef } from 'react';
+import { EditorState, ContentState, convertFromRaw, convertToRaw, CompositeDecorator, } from 'draft-js';
+import { Editor as DraftEditor } from 'react-draft-wysiwyg';
+import './TextEditor.scss';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+import Typography from '../Typography';
+import Tooltip from '../Tooltip';
+import Icon from '../Icon';
+import useClickOutside from '../../hooks/useClickOutside';
+const Link = (props) => {
+    const { contentState, entityKey, children } = props;
+    const entity = contentState.getEntity(entityKey);
+    const { url, target } = entity.getData();
+    const handleClick = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (url) {
+            if (target === '_blank' || !target) {
+                window.open(url, '_blank', 'noopener,noreferrer');
+            }
+            else {
+                window.open(url, target);
+            }
+        }
+    };
+    return (_jsx("a", { href: url, target: target || '_blank', rel: "noopener noreferrer", onClick: handleClick, style: {
+            color: "var(--ff-step-element-color)",
+            textDecoration: 'underline',
+            cursor: 'pointer',
+        }, children: children }));
+};
+const createLinkDecorator = () => {
+    return new CompositeDecorator([
+        {
+            strategy: (contentBlock, callback, contentState) => {
+                contentBlock.findEntityRanges((character) => {
+                    const entityKey = character.getEntity();
+                    return entityKey !== null && contentState.getEntity(entityKey).getType() === 'LINK';
+                }, callback);
+            },
+            component: Link,
+        },
+    ]);
+};
+const TextEditor = ({ convertedContent, setConvertedContent, readOnly, toolbarHidden, toolbarOptions, label, required = false, onBlur, mode, helperText, analyticsClasses = false, error, editableTextEditor = false, onSubmit, onFocus, }) => {
+    const [editorState, setEditorState] = useState(null);
+    const [focusState, setFocusState] = useState(false);
+    const [errorMsg, setErrorMsg] = useState(false);
+    const [isEditing, setIsEditing] = useState(false);
+    const [initialContent, setInitialContent] = useState(convertedContent);
+    const editorRef = useRef(null);
+    const buttonsRef = useRef(null);
+    const linkDecorator = createLinkDecorator();
+    const defaultToolBarOptions = [
+        'inline',
+        'blockType',
+        'fontSize',
+        'fontFamily',
+        'list',
+        'textAlign',
+        'colorPicker',
+        'link',
+        'emoji',
+        'image',
+        'remove',
+        'history',
+    ];
+    const parseContent = (content) => {
+        if (!content)
+            return null;
+        try {
+            const parsed = JSON.parse(content);
+            if (parsed && typeof parsed === 'object' && parsed.blocks) {
+                return parsed;
+            }
+            return convertToRaw(ContentState.createFromText(content));
+        }
+        catch (e) {
+            return convertToRaw(ContentState.createFromText(content));
+        }
+    };
+    useEffect(() => {
+        let newEditorState;
+        try {
+            if (!checkEmpty(convertedContent)) {
+                const content = parseContent(convertedContent);
+                if (content) {
+                    newEditorState = EditorState.createWithContent(convertFromRaw(content), linkDecorator);
+                }
+                else {
+                    newEditorState = EditorState.createEmpty(linkDecorator);
+                }
+            }
+            else {
+                newEditorState =
+                    mode === 'view' || (editableTextEditor && !isEditing)
+                        ? EditorState.createWithContent(ContentState.createFromText('---'), linkDecorator)
+                        : EditorState.createEmpty(linkDecorator);
+            }
+        }
+        catch (e) {
+            console.error('Error creating editor state:', e);
+            newEditorState = EditorState.createWithContent(ContentState.createFromText(convertedContent || 'Invalid content'), linkDecorator);
+        }
+        setEditorState(newEditorState);
+        setInitialContent(convertedContent);
+    }, [convertedContent, mode, isEditing, editableTextEditor]);
+    useEffect(() => {
+        if (convertedContent?.length === 0) {
+            let newEditorState;
+            if (mode === 'view' || (editableTextEditor && !isEditing)) {
+                const content = ContentState.createFromText('---');
+                newEditorState = EditorState.createWithContent(content, linkDecorator);
+            }
+            else {
+                newEditorState = EditorState.createEmpty(linkDecorator);
+            }
+            setEditorState(newEditorState);
+        }
+    }, [convertedContent, mode, isEditing, editableTextEditor]);
+    useEffect(() => {
+        if (!editorRef.current)
+            return;
+        const handleLinkClick = (e) => {
+            const target = e.target;
+            const linkElement = target.closest('a');
+            if (linkElement && editorRef.current?.contains(linkElement)) {
+                e.preventDefault();
+                e.stopPropagation();
+                const href = linkElement.getAttribute('href');
+                const targetAttr = linkElement.getAttribute('target') || '_blank';
+                if (href) {
+                    if (targetAttr === '_blank') {
+                        window.open(href, '_blank', 'noopener,noreferrer');
+                    }
+                    else {
+                        window.open(href, targetAttr);
+                    }
+                }
+            }
+        };
+        const editorElement = editorRef.current;
+        editorElement.addEventListener('click', handleLinkClick);
+        return () => {
+            editorElement.removeEventListener('click', handleLinkClick);
+        };
+    }, []);
+    const handleEditorChange = (state) => {
+        setEditorState(state);
+        const currentContentAsRaw = convertToRaw(state.getCurrentContent());
+        if (isEditing && currentContentAsRaw?.blocks[0]?.text === '' && required) {
+            setErrorMsg(true);
+        }
+        else if (currentContentAsRaw?.blocks[0]?.text !== '') {
+            setErrorMsg(false);
+        }
+    };
+    const handleClickOutside = () => {
+        if (editableTextEditor && isEditing && !errorMsg) {
+            setIsEditing(false);
+            setConvertedContent(initialContent || '');
+            const content = parseContent(initialContent);
+            const newEditorState = content
+                ? EditorState.createWithContent(convertFromRaw(content), linkDecorator)
+                : EditorState.createWithContent(ContentState.createFromText('---'), linkDecorator);
+            setEditorState(newEditorState);
+        }
+    };
+    useClickOutside(editorRef, handleClickOutside, [buttonsRef]);
+    const handleEditorBlur = (event) => {
+        if (!editableTextEditor && editorState) {
+            const currentContentAsRaw = convertToRaw(editorState.getCurrentContent());
+            setConvertedContent(JSON.stringify(currentContentAsRaw));
+            if (currentContentAsRaw?.blocks[0]?.text === '') {
+                setErrorMsg(true);
+            }
+        }
+        if (onBlur) {
+            onBlur(event);
+        }
+    };
+    const handleDoubleClick = () => {
+        if (editableTextEditor && !isEditing) {
+            setIsEditing(true);
+            setInitialContent(convertedContent);
+            const content = parseContent(convertedContent);
+            const isDashContent = content?.blocks[0]?.text === '---';
+            const newEditorState = isDashContent
+                ? EditorState.createEmpty(linkDecorator)
+                : content
+                    ? EditorState.createWithContent(convertFromRaw(content), linkDecorator)
+                    : EditorState.createEmpty(linkDecorator);
+            setEditorState(newEditorState);
+        }
+    };
+    const handleSubmit = () => {
+        if (errorMsg || !editorState) {
+            return;
+        }
+        const currentContentAsRaw = convertToRaw(editorState.getCurrentContent());
+        let contentString = JSON.stringify(currentContentAsRaw);
+        if (currentContentAsRaw?.blocks[0]?.text === '') {
+            contentString = JSON.stringify(convertToRaw(ContentState.createFromText('---')));
+        }
+        setConvertedContent(contentString);
+        if (onSubmit) {
+            onSubmit(contentString);
+        }
+        setInitialContent(contentString);
+        setIsEditing(false);
+    };
+    const handleCancel = () => {
+        setIsEditing(false);
+        setConvertedContent(initialContent || '');
+        const content = parseContent(initialContent);
+        const newEditorState = content
+            ? EditorState.createWithContent(convertFromRaw(content), linkDecorator)
+            : EditorState.createWithContent(ContentState.createFromText('---'), linkDecorator);
+        setEditorState(newEditorState);
+        setErrorMsg(false);
+    };
+    const handleFocus = () => {
+        setFocusState(true);
+        if (onFocus) {
+            onFocus();
+        }
+    };
+    const EditorComponent = DraftEditor;
+    return (_jsxs("div", { className: "ff-textEditor-container", children: [_jsxs("div", { className: "ff-title-button", children: [_jsxs("div", { className: "ff-textEditor-label-asterisk-container", children: [required && (_jsx(Typography, { className: "required-asterisk", children: "* " })), label && (_jsx(Typography, { lineHeight: "10px", fontWeight: "medium", fontSize: "12px", children: label }))] }), editableTextEditor && isEditing && (_jsxs("div", { ref: buttonsRef, className: "ff-textEditor-buttons", children: [_jsx(Tooltip, { title: "Update", placement: "bottom", children: _jsx(Icon, { name: "update_icon", color: "var(--label-edit-confirm-icon)", height: 20, width: 20, hoverEffect: true, onClick: handleSubmit }) }), _jsx(Tooltip, { title: "Cancel", placement: "bottom", children: _jsx(Icon, { name: "close", color: "var(--label-edit-cancel-icon)", height: 20, width: 20, onClick: handleCancel, hoverEffect: true }) })] }))] }), _jsx("div", { onDoubleClick: handleDoubleClick, children: editorState && (_jsx(EditorComponent, { editorState: editorState, onEditorStateChange: handleEditorChange, wrapperClassName: "wrapperClass", editorClassName: `ff-heading-TextEditor-style ${analyticsClasses ? 'fontSm' : 'fontMd'}`, editorStyle: mode !== 'view' && (!editableTextEditor || isEditing)
+                        ? !focusState
+                            ? {
+                                border: '1px solid var(--text-editor-out-focus-border-color) ',
+                                borderRadius: '4px',
+                                padding: '0px 8px',
+                            }
+                            : {
+                                border: '1px solid var(--text-editor-in-focus-border-color)',
+                                borderRadius: '4px',
+                                padding: '0px 8px',
+                            }
+                        : { border: 'none' }, onFocus: handleFocus, onBlur: handleEditorBlur, readOnly: editableTextEditor ? !isEditing : readOnly, toolbarHidden: editableTextEditor ? !isEditing : toolbarHidden, toolbarClassName: "ff-toolbarClass", handlePastedText: () => false, toolbar: {
+                        options: Array.isArray(toolbarOptions) && toolbarOptions?.length > 0
+                            ? toolbarOptions
+                            : defaultToolBarOptions,
+                        fontFamily: {
+                            options: [
+                                'Arial',
+                                'Georgia',
+                                'Impact',
+                                'OpenSans-Regular',
+                                'Tahoma',
+                                'Times New Roman',
+                                'Verdana',
+                                'poppins',
+                            ],
+                        },
+                        link: {
+                            defaultTargetOption: '_blank',
+                            showOpenOptionOnHover: true,
+                        },
+                    } })) }), (required && errorMsg) || (helperText && error) ? (_jsx(Typography, { fontSize: 10, className: 'ff-textEditor-error-msg', as: "span", children: helperText })) : null] }));
+};
+export default TextEditor;
+//# sourceMappingURL=TextEditor.js.map

package/lib/components/TextEditor/TextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.js","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":"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"}

package/lib/components/TextEditor/index.d.ts

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

package/lib/components/TextEditor/index.js

@@ -0,0 +1,2 @@
+export * from './TextEditor';
+//# sourceMappingURL=index.js.map

package/lib/components/TextEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextEditor/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib/components/TextEditor/types.d.ts

@@ -0,0 +1,19 @@
+export interface RichTextEditorProps {
+    convertedContent: string;
+    label?: string;
+    setConvertedContent: (content: string) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    readOnly?: boolean;
+    toolbarHidden?: boolean;
+    toolbarOptions?: string[];
+    mode?: 'view' | 'edit';
+    analyticsClasses?: boolean;
+    descriptionContentNotEditable?: boolean;
+    required?: boolean;
+    helperText?: string;
+    error?: boolean;
+    editableTextEditor?: boolean;
+    onSubmit?: (content: string) => void;
+    onFocus?: (event?: React.FocusEvent<HTMLTextAreaElement>) => void;
+}
+export default RichTextEditorProps;

package/lib/components/TextEditor/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/TextEditor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/TextEditor/types.ts"],"names":[],"mappings":""}

package/lib/components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useState, useEffect } from 'react';
+import '../../assets/Themes/Theme.scss';
+const ThemeContext = createContext(undefined);
+const ThemeProvider = ({ children, theme }) => {
+    const [currentTheme, setCurrentTheme] = useState(theme || 'ff-light-theme');
+    const applyTheme = (newTheme) => setCurrentTheme(newTheme);
+    useEffect(() => {
+        document.body.className = currentTheme;
+        return () => {
+            document.body.className = '';
+        };
+    }, [currentTheme]);
+    return (_jsx(ThemeContext.Provider, { value: { currentTheme, setCurrentTheme, applyTheme }, children: children }));
+};
+export { ThemeContext };
+export default ThemeProvider;
+//# sourceMappingURL=ThemeProvider.js.map

package/lib/components/ThemeProvider/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,gCAAgC,CAAC;AAExC,MAAM,YAAY,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAC;AAE5E,MAAM,aAAa,GAAiC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAQ,KAAK,IAAI,gBAAgB,CAAC,CAAC;IAEnF,MAAM,UAAU,GAAG,CAAC,QAAe,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC;QACvC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,YACxE,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,eAAe,aAAa,CAAC"}

package/lib/components/ThemeProvider/index.js

@@ -0,0 +1,2 @@
+export { default } from './ThemeProvider';
+//# sourceMappingURL=index.js.map

package/lib/components/ThemeProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ThemeProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/components/ThemeProvider/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-export type Theme = 'ff-light-theme' | 'ff-dark-theme' | 'ff-grey-theme';
+export type Theme = 'ff-light-theme' | 'ff-dark-theme' | 'ff-grey-theme' | 'ff-blue-theme';
 export interface ThemeContextType {
     currentTheme: Theme;
     setCurrentTheme: React.Dispatch<React.SetStateAction<Theme>>;

package/lib/components/ThemeProvider/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/ThemeProvider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/ThemeProvider/types.ts"],"names":[],"mappings":""}

package/lib/components/Toast/Toast.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useContext } from 'react';
+import { createPortal } from 'react-dom';
+import Icon from '../Icon';
+import './Toast.scss';
+import Button from '../Button';
+import classNames from 'classnames';
+import Typography from '../Typography';
+import { ThemeContext } from '../ThemeProvider/ThemeProvider';
+const Toaster = ({ isOpen = false, variant = 'success', toastTitle = 'Success', onCancelClick = () => { }, onConfirmation = () => { }, toastMessage = 'Hello this is child element', displayDuration = 5000, confirmationText = 'Confirm', zIndex = 1300, }) => {
+    const [isExiting, setIsExiting] = useState(false);
+    const iconMap = {
+        success: 'success',
+        info: 'toast_info',
+        warning: 'warning',
+        danger: 'error',
+        confirm: 'delete',
+        alert: 'alert',
+    };
+    const getToasterIcon = (variant) => {
+        const name = iconMap[variant];
+        return _jsx(Icon, { name: name, height: 40, width: 40 });
+    };
+    const themeContext = useContext(ThemeContext);
+    const currentTheme = themeContext?.currentTheme;
+    useEffect(() => {
+        if (isOpen && variant !== 'confirm') {
+            const timer = setTimeout(() => {
+                setIsExiting(true);
+                setTimeout(onCancelClick, 500); // Duration of exit animation
+            }, displayDuration);
+            return () => {
+                clearTimeout(timer);
+                setIsExiting(false);
+            };
+        }
+        return () => { };
+    }, [isOpen]);
+    const handleClose = () => {
+        setIsExiting(true);
+        setTimeout(() => {
+            onCancelClick();
+            setIsExiting(false);
+        }, 500);
+    };
+    if (!isOpen && !isExiting)
+        return null;
+    return createPortal(_jsx("div", { role: "alert", "aria-live": "assertive", className: classNames('ff-toaster-overlay', {
+            exiting: isExiting,
+            [currentTheme || '']: true,
+        }), style: { zIndex }, children: _jsx("div", { className: classNames('ff-toaster', { exiting: isExiting }), children: _jsxs("div", { className: `ff-toaster-container ff-toaster--${variant}`, children: [getToasterIcon(variant), _jsxs("div", { className: "ff-toaster-content", children: [_jsx(Typography, { color: 'var(--tooltip-bg-color)', fontWeight: "semi-bold", lineHeight: "18px", className: "ff-toaster-content__title", children: toastTitle }), _jsx(Typography, { color: 'var(--input-default-label-color)', fontWeight: "semi-bold", fontSize: '10px', className: "ff-toaster-content__message", children: toastMessage }), variant === 'confirm' && (_jsxs("div", { className: "ff-toaster-content__prompt", children: [_jsx(Button, { onClick: handleClose, variant: "secondary", children: "Cancel" }), _jsx(Button, { onClick: onConfirmation, variant: "delete", children: confirmationText })] }))] }), _jsx("div", { className: "ff-close-icon-wrapper", onClick: handleClose, children: _jsx(Icon, { name: "close" }) })] }) }) }), document.body);
+};
+export default Toaster;
+//# sourceMappingURL=Toast.js.map

package/lib/components/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"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"}

package/lib/components/Toast/index.js

@@ -0,0 +1,2 @@
+export { default } from './Toast';
+//# sourceMappingURL=index.js.map

package/lib/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/Toast/types.d.ts

@@ -2,7 +2,7 @@ export interface ToasterProps {
     /**Boolean value to handle state of toaster. */
     isOpen: boolean;
     /**Variant for different type of toast message. */
-    variant: 'success' | 'warning' | 'danger' | 'info' | 'confirm';
+    variant: 'success' | 'warning' | 'danger' | 'info' | 'confirm' | 'alert';
     /**Title of the toaster  */
     toastTitle: string;
     /**Message for the toaster. */

package/lib/components/Toast/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/Toast/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Toast/types.ts"],"names":[],"mappings":""}

package/lib/components/Toastify/Toastify.d.ts

@@ -0,0 +1,10 @@
+import { AcceptedType } from './types';
+export declare const Toastify: () => import("react/jsx-runtime").JSX.Element;
+export default Toastify;
+export declare const toast: {
+    success: (arg1: AcceptedType, arg2?: AcceptedType) => void;
+    error: (arg1: AcceptedType, arg2?: AcceptedType) => void;
+    warning: (arg1: AcceptedType, arg2?: AcceptedType) => void;
+    info: (arg1: AcceptedType, arg2?: AcceptedType) => void;
+    alert: (arg1: AcceptedType, arg2?: AcceptedType) => void;
+};