pixel-react 1.11.22 → 1.11.23

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

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

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

@@ -0,0 +1,16 @@
+export interface MachineType {
+    type: string;
+    label: string;
+}
+export interface MachineInputFieldProps {
+    width: string;
+    options: MachineType[];
+    runCount: number;
+    className?: string;
+    contentReverse?: boolean;
+    onClick?: () => void;
+    modalId?: string;
+    trucatedLable?: boolean;
+    scriptType?: string;
+    readOnly?: boolean;
+}

package/lib/components/MachineInputField/types.js

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

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

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

package/lib/components/MediaPreview/MediaPreview.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './MediaPreview.scss';
+declare const MediaPreview: React.FC<MediaPreviewProps>;
+export default MediaPreview;

package/lib/components/MediaPreview/MediaPreview.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import AttachMedia from '../AttachMedia';
+import Modal from '../Modal';
+import Icon from '../Icon';
+import './MediaPreview.scss';
+const MediaPreview = ({ MediaSrc, fileName, onDeleteClick, mediaType, fileId, thumbnailMediaSrc, }) => {
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const handleExpand = () => setIsModalOpen(true);
+    const handleClose = () => setIsModalOpen(false);
+    const handleDownload = () => {
+        const downloadLink = document.createElement('a');
+        downloadLink.href = MediaSrc;
+        downloadLink.download = fileName || 'download';
+        downloadLink.click();
+    };
+    return (_jsxs("div", { children: [_jsx(AttachMedia, { mediaSrc: MediaSrc, mediaType: mediaType, onDownloadClick: handleDownload, onDeleteClick: () => onDeleteClick(MediaSrc), onExpandClick: handleExpand, fileName: fileName, fileId: fileId, thumbnailMediaSrc: thumbnailMediaSrc }), isModalOpen && (_jsxs(Modal, { isOpen: isModalOpen, onClose: handleClose, isFooterDisplayed: false, isHeaderDisplayed: false, customWidth: "1129px", customHeight: "570px", zIndex: 10000, children: [_jsxs("div", { className: "ff-expand-icons", children: [_jsx(Icon, { name: "download_file_icon", onClick: handleDownload, color: "var(--icons-default-color)", className: "header-icons" }), _jsx(Icon, { name: "close", onClick: handleClose, color: "var(--icons-default-color)", className: "header-icons" })] }), mediaType === 'image' ? (_jsx("img", { src: MediaSrc, alt: "fileName", width: '1129px', height: '570px' })) : (_jsx("video", { src: MediaSrc, controls: true, width: '1129px', height: '570px', controlsList: "nodownload" }))] }))] }));
+};
+export default MediaPreview;
+//# sourceMappingURL=MediaPreview.js.map

package/lib/components/MediaPreview/MediaPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaPreview.js","sourceRoot":"","sources":["../../../src/components/MediaPreview/MediaPreview.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAE7B,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,SAAS,EACT,MAAM,EACN,iBAAiB,GAClB,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACjD,YAAY,CAAC,IAAI,GAAG,QAAQ,CAAC;QAC7B,YAAY,CAAC,QAAQ,GAAG,QAAQ,IAAI,UAAU,CAAC;QAC/C,YAAY,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC,CAAC;IACF,OAAO,CACL,0BACE,KAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,cAAc,EAC/B,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,EAC5C,aAAa,EAAE,YAAY,EAC3B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,iBAAiB,GACpC,EAED,WAAW,IAAI,CACd,MAAC,KAAK,IACJ,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,WAAW,EACpB,iBAAiB,EAAE,KAAK,EACxB,iBAAiB,EAAE,KAAK,EACxB,WAAW,EAAC,QAAQ,EACpB,YAAY,EAAC,OAAO,EACpB,MAAM,EAAE,KAAK,aAEb,eAAK,SAAS,EAAC,iBAAiB,aAC9B,KAAC,IAAI,IACH,IAAI,EAAC,oBAAoB,EACzB,OAAO,EAAE,cAAc,EACvB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,cAAc,GACxB,EACF,KAAC,IAAI,IACH,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,cAAc,GACxB,IACE,EAEL,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,CACvB,cACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,UAAU,EACd,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,OAAO,GACf,CACH,CAAC,CAAC,CAAC,CACF,gBACE,GAAG,EAAE,QAAQ,EACb,QAAQ,QACR,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,OAAO,EACf,YAAY,EAAC,YAAY,GAClB,CACV,IACK,CACT,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1 @@
+export { default } from './MediaPreview';

package/lib/components/MediaPreview/index.js

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

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

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

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

@@ -0,0 +1,8 @@
+type MediaPreviewProps = {
+    MediaSrc: string;
+    fileName?: string;
+    onDeleteClick: (src: string) => void;
+    mediaType: string;
+    fileId: string;
+    thumbnailMediaSrc?: string;
+};

package/lib/components/MediaPreview/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

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

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

package/lib/components/MenuOption/MenuOption.d.ts

@@ -0,0 +1,4 @@
+import './MenuOption.scss';
+import { MenuOptionProps } from './types';
+declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant, targetRef, treeRowRef, isAddResourceButton, disabled, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuOption;

package/lib/components/MenuOption/MenuOption.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useContext, useEffect } from 'react';
+import './MenuOption.scss';
+import Icon from '../Icon';
+import classNames from 'classnames';
+import Tooltip from '../Tooltip';
+import Typography from '../Typography';
+import { createPortal } from 'react-dom';
+import { ThemeContext } from '../ThemeProvider/ThemeProvider';
+import useClickOutside from '../../hooks/useClickOutside';
+import { getAnchorElement } from '../../utils/getAnchorElement/getAnchorElement';
+const Option = ({ option, onClick }) => (_jsxs("div", { className: classNames('ff-options', {
+        'ff-disable-option': option.disable,
+    }), onClick: () => !option.disable && onClick(option), children: [option.icon && (_jsx(Icon, { name: option.icon, color: option.iconColor, height: 16, width: 16 })), _jsx(Tooltip, { placement: "top", title: option.label, children: _jsx(Typography, { as: "label", lineHeight: "18px", color: option.icon === 'delete' ? 'var(--delete-text-color)' : '', children: option.label }) })] }));
+const calculatePosition = (menuPosition, dropdownPlacement, optionCardHeight, optionCardWidth) => {
+    const { top, left, height, width } = menuPosition;
+    const availableSpace = {
+        top,
+        bottom: window.innerHeight - (top + height),
+        left,
+        right: window.innerWidth - (left + width),
+    };
+    const gap = 2;
+    let newTop = top;
+    let newLeft = left;
+    switch (dropdownPlacement) {
+        case 'top':
+            newTop = availableSpace.top > optionCardHeight + gap ? top - optionCardHeight - gap : top + height + gap;
+            break;
+        case 'down':
+            newTop = availableSpace.bottom > optionCardHeight + gap ? top + height + gap : top - optionCardHeight - gap;
+            break;
+        case 'left':
+            newLeft = availableSpace.left > width + gap ? left - width - gap : left + width + gap;
+            break;
+        case 'right':
+            newLeft = availableSpace.right > width + gap ? left + width + gap : left - width - gap;
+            break;
+        case 'bottomLeft':
+            newTop = availableSpace.bottom > optionCardHeight + gap ? top + height + gap : top - optionCardHeight - gap;
+            if (optionCardWidth) {
+                newLeft = left - optionCardWidth + width;
+            }
+            break;
+        default:
+            newTop = top;
+            newLeft = left;
+    }
+    // Ensure menu stays within viewport
+    newTop = Math.max(0, Math.min(newTop, window.innerHeight - optionCardHeight));
+    newLeft = Math.max(0, Math.min(newLeft, window.innerWidth - width));
+    return { top: newTop, left: newLeft };
+};
+const OptionCard = ({ options, onClick, menuPosition, menuRef, closeDropdown, zIndex = 1500, dropdownPlacement, variant, isAddResourceButton, }) => {
+    const themeContext = useContext(ThemeContext);
+    const currentTheme = themeContext?.currentTheme;
+    const optionCardRef = useRef(null);
+    const [optionCardHeight, setOptionCardHeight] = useState(0);
+    const [optionCardWidth, setOptionCardWidth] = useState(0);
+    useClickOutside(menuRef, closeDropdown, [optionCardRef]);
+    useEffect(() => {
+        if (optionCardRef.current) {
+            setOptionCardHeight(optionCardRef.current.offsetHeight);
+            setOptionCardWidth(optionCardRef.current.offsetWidth);
+        }
+    }, [options]);
+    const style = calculatePosition(menuPosition, dropdownPlacement, optionCardHeight, optionCardWidth);
+    return createPortal(_jsx("div", { className: classNames('ff-option-card', { 'ff-option-card--primary': variant === 'primary' }, { 'ff-option-card--default': variant === 'default' }, currentTheme), style: { ...style, zIndex, margin: isAddResourceButton ? '0px' : '4px' }, ref: optionCardRef, children: options.map((opt) => !opt.hide && _jsx(Option, { option: opt, onClick: onClick }, opt.value)) }), document.body);
+};
+const MenuOption = ({ labelName, iconName, tooltipTitle, tooltipPlacement = 'bottom', options = [], onClick = () => { }, onOptionClick = () => { }, iconButtonSize = 20, iconButtonBorderRadius = 7, iconSize = 16, variant = 'light', zIndex = 1500, dropdownPlacement = 'down', optionCardVariant, targetRef = null, treeRowRef, isAddResourceButton, disabled, }) => {
+    const [isClicked, setIsClicked] = useState(false);
+    const menuRef = useRef(null);
+    const menuIconRef = useRef(null);
+    const [menuPosition, setMenuPosition] = useState({
+        top: 0,
+        left: 0,
+        height: 0,
+        right: 0,
+        width: 0,
+    });
+    const closeDropDown = () => setIsClicked(false);
+    useEffect(() => {
+        if (targetRef) {
+            const parentDom = getAnchorElement(targetRef);
+            parentDom?.classList.toggle('hover', isClicked);
+        }
+        return () => {
+            if (targetRef) {
+                const parentDom = getAnchorElement(targetRef);
+                parentDom?.classList.remove('hover');
+            }
+        };
+    }, [isClicked, targetRef]);
+    useEffect(() => {
+        const handleScroll = () => {
+            setIsClicked(false); // Close menu on scroll
+        };
+        window.addEventListener('scroll', handleScroll, { passive: true });
+        return () => {
+            window.removeEventListener('scroll', handleScroll);
+        };
+    }, []);
+    const onIconClickHandler = () => {
+        if (disabled)
+            return;
+        onClick();
+        calculateDims();
+        setIsClicked((prev) => !prev);
+    };
+    const handleOptionClick = (option) => {
+        treeRowRef?.current?.children[0]?.children[2]?.classList.remove('table-row-add-button');
+        onOptionClick(option);
+        closeDropDown();
+    };
+    const calculateDims = () => {
+        if (menuIconRef.current) {
+            const rect = menuIconRef.current.getBoundingClientRect();
+            setMenuPosition({
+                top: rect.top + window.scrollY,
+                left: rect.left + window.scrollX,
+                height: rect.height,
+                right: rect.right,
+                width: rect.width,
+            });
+        }
+    };
+    return (_jsxs("div", { className: "ff-menu-option-container", ref: menuRef, children: [_jsx(Tooltip, { title: tooltipTitle, placement: tooltipPlacement, children: _jsxs("div", { className: "ff-icon-label", children: [_jsx("div", { className: classNames('ff-menuicon-container', {
+                                'ff-menuicon-container-clicked': isClicked,
+                                dark: variant === 'dark',
+                                'ff-menuicon-container-add-resource': isAddResourceButton,
+                            }), ref: menuIconRef, onClick: onIconClickHandler, style: {
+                                width: `${iconButtonSize}px`,
+                                height: `${iconButtonSize}px`,
+                                borderRadius: `${iconButtonBorderRadius}px`,
+                            }, children: _jsx(Icon, { height: iconSize, width: iconSize, name: iconName, disabled: disabled, color: isClicked === (variant === 'dark') ? 'var(--menu-option-icon-clicked)' : 'var(--menu-option-icon-color)' }) }), labelName && _jsx(Typography, { as: "label", children: labelName })] }) }), isClicked && (_jsx(OptionCard, { options: options, onClick: handleOptionClick, menuPosition: menuPosition, menuRef: menuRef, closeDropdown: closeDropDown, zIndex: zIndex, dropdownPlacement: dropdownPlacement, variant: optionCardVariant, isAddResourceButton: isAddResourceButton }))] }));
+};
+export default MenuOption;
+//# sourceMappingURL=MenuOption.js.map

package/lib/components/MenuOption/MenuOption.js.map

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

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

@@ -0,0 +1 @@
+export { default } from './MenuOption';

package/lib/components/MenuOption/index.js

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

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

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

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

@@ -0,0 +1,208 @@
+import { ReactNode } from 'react';
+interface OptionClick {
+    /**
+     * The label displayed for the option.
+     * @type {string}
+     * @required
+     */
+    label: string | ReactNode;
+    /**
+     * The value(s) associated with the option, which can be a single string or an array of strings.
+     * @type {Array<string> | string}
+     * @required
+     */
+    value: any;
+}
+interface OptionType extends OptionClick {
+    /**
+     * The name of the icon associated with the option.
+     * @type {string}
+     * @optional
+     */
+    icon?: string;
+    iconColor?: string;
+    name?: string | ReactNode;
+    /**
+     * Indicates whether the option is disabled.
+     * @type {boolean}
+     * @optional
+     */
+    disable?: boolean;
+    /**
+    * To hide the option.
+    * @type {boolean}
+    * @optional
+    */
+    hide?: boolean;
+}
+interface OptionCardProps {
+    /**
+     * The list of options displayed in the card.
+     * @type {Array<OptionType>}
+     * @required
+     */
+    options: Array<OptionType>;
+    /**
+     * Callback function triggered when an option is clicked.
+     * @param {OptionClick} data - The data associated with the clicked option.
+     * @type {function}
+     * @required
+     */
+    onClick: (data: OptionClick) => void;
+    /**
+     * Optional styles applied to the card.
+     * @type {React.CSSProperties}
+     * @optional
+     */
+    styles?: React.CSSProperties;
+    /**
+     * The z-index of the option card.
+     * @type {number}
+     * @optional
+     */
+    zIndex?: number;
+    /**
+     * The position of the menu relative to the triggering element.
+     * @type {dropdownPosition}
+     * @required
+     */
+    menuPosition: any;
+    /**
+     * Reference to the menu DOM element.
+     * @type {React.RefObject<HTMLElement>}
+     * @required
+     */
+    menuRef: React.RefObject<HTMLElement>;
+    /**
+     * Callback function to close the dropdown.
+     * @type {() => void}
+     * @required
+     */
+    closeDropdown: () => void;
+    /**
+     * Placement of the dropdown menu relative to the icon.
+     * @type {dropdownPosition}
+     * @optional
+     */
+    dropdownPlacement?: 'top' | 'down' | 'left' | 'right' | 'bottomLeft';
+    /**
+     * Variant for backgroung color of options card.
+     * @type {string}
+     * @optional
+     */
+    variant?: 'primary' | 'default';
+    isAddResourceButton?: boolean;
+}
+interface MenuOptionProps {
+    /**
+     * The name of the label displayed next to the icon.
+     * @type {string}
+     * @optional
+     */
+    labelName?: string;
+    /**
+     * The name of the icon to be displayed.
+     * @type {string}
+     * @required
+     */
+    iconName: string;
+    /**
+     * The list of options available in the dropdown.
+     * @type {Array<OptionType>}
+     * @required
+     */
+    options: Array<OptionType>;
+    /**
+     * The title displayed in the tooltip when hovering over the icon.
+     * @type {string}
+     * @optional
+     */
+    tooltipTitle?: string;
+    /**
+     * The placement of the tooltip relative to the icon.
+     * @type {'bottom' | 'left' | 'right' | 'top' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'}
+     * @optional
+     */
+    tooltipPlacement?: 'bottom' | 'left' | 'right' | 'top' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+    /**
+     * The placement of the dropdown menu relative to the icon.
+     * @type {dropdownPosition}
+     * @optional
+     */
+    dropdownPlacement?: 'top' | 'down' | 'left' | 'right' | 'bottomLeft';
+    /**
+     * The variant of the menu option, either 'dark' or 'light'.
+     * @type {'dark' | 'light'}
+     * @default 'light'
+     * @optional
+     */
+    variant?: 'dark' | 'light';
+    /**
+     * Callback function triggered when the icon is clicked.
+     * @type {() => void}
+     * @optional
+     */
+    onClick?: () => void;
+    /**
+     * Callback function triggered when an option is clicked.
+     * @param {OptionClick} option - The option that was clicked.
+     * @type {(option: OptionClick) => void}
+     * @optional
+     */
+    onOptionClick?: (option: OptionClick) => void;
+    /**
+     * The size of the icon button.
+     * @type {number}
+     * @default 20
+     */
+    iconButtonSize?: number;
+    /**
+     * The size of the icon.
+     * @type {number}
+     * @default 16
+     */
+    iconSize?: number;
+    /**
+     * The border radius of the icon button.
+     * @type {number}
+     * @default 7
+     */
+    iconButtonBorderRadius?: number;
+    /**
+     * Providing z-index for the options card.
+     * @type {number}
+     * @optional
+     */
+    zIndex?: number;
+    /**
+     * Variant for backgroung color of options card.
+     * @type {string}
+     * @optional
+     */
+    optionCardVariant?: 'primary' | 'default';
+    targetRef?: string | React.RefObject<HTMLElement> | null;
+    treeRowRef?: React.RefObject<HTMLDivElement | null>;
+    isAddResourceButton?: boolean;
+    /**
+     * to enable or disable the options card.
+     * @type {boolean}
+     * @optional
+     */
+    disabled?: boolean;
+}
+interface OptionProps {
+    /**
+     * The option to be displayed.
+     * @type {OptionType}
+     * @required
+     */
+    option: OptionType;
+    /**
+     * Callback function triggered when the option is clicked.
+     * @param {OptionClick} option - The clicked option.
+     * @type {(option: OptionClick) => void}
+     * @required
+     */
+    onClick: (option: OptionClick) => void;
+}
+export { OptionProps, MenuOptionProps, OptionCardProps, OptionClick };

package/lib/components/MenuOption/types.js

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

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

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

package/lib/components/MessageBox/MessageBox.d.ts

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

package/lib/components/MessageBox/MessageBox.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './MessageBox.scss';
+import Typography from '../Typography';
+import classNames from 'classnames';
+const MessageBox = ({ content, isVisible, maxWidth = 300, onClick, isClickable = true, arrowPosition = 'left', }) => {
+    return (_jsx("div", { onClick: onClick, style: {
+            width: `${maxWidth}px`,
+            '--triangle-position': `${maxWidth - 4}px`,
+        }, className: classNames('ff-chat-msg-box', {
+            visible: isVisible,
+            hidden: !isVisible,
+            pointer: isClickable,
+            default: !isClickable,
+            'chat-arrow-left': arrowPosition === 'left',
+            'chat-arrow-right': arrowPosition !== 'left',
+        }), children: _jsx("div", { className: classNames('content', `arrow-${arrowPosition}`), children: _jsx(Typography, { children: content }) }) }));
+};
+export default MessageBox;
+//# sourceMappingURL=MessageBox.js.map

package/lib/components/MessageBox/MessageBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBox.js","sourceRoot":"","sources":["../../../src/components/MessageBox/MessageBox.tsx"],"names":[],"mappings":";AAEA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAGvC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,UAAU,GAA8B,CAAC,EAC7C,OAAO,EACP,SAAS,EACT,QAAQ,GAAG,GAAG,EACd,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,aAAa,GAAG,MAAM,GACvB,EAAE,EAAE;IACH,OAAO,CACL,cACE,OAAO,EAAE,OAAO,EAChB,KAAK,EACH;YACE,KAAK,EAAE,GAAG,QAAQ,IAAI;YACtB,qBAAqB,EAAE,GAAG,QAAQ,GAAG,CAAC,IAAI;SACpB,EAE1B,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE;YACvC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,CAAC,SAAS;YAClB,OAAO,EAAE,WAAW;YACpB,OAAO,EAAE,CAAC,WAAW;YACrB,iBAAiB,EAAE,aAAa,KAAK,MAAM;YAC3C,kBAAkB,EAAE,aAAa,KAAK,MAAM;SAC7C,CAAC,YAEF,cAAK,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,SAAS,aAAa,EAAE,CAAC,YAC7D,KAAC,UAAU,cAAE,OAAO,GAAc,GAC9B,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1 @@
+export { default } from './MessageBox';

package/lib/components/MessageBox/index.js

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

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

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

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

@@ -0,0 +1,8 @@
+export interface MessageBoxProps {
+    content?: React.ReactNode;
+    isVisible: boolean;
+    maxWidth?: number;
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    isClickable: boolean;
+    arrowPosition: 'left' | 'right';
+}

package/lib/components/MessageBox/types.js

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

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

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

package/lib/components/MiniModal/MiniModal.d.ts

@@ -0,0 +1,4 @@
+import { MiniEditModalProps } from './types.js';
+import './MiniModal.scss';
+declare const MiniModal: import("react").ForwardRefExoticComponent<MiniEditModalProps & import("react").RefAttributes<HTMLDivElement>>;
+export default MiniModal;