pixel-react 1.20.17 → 1.20.19

package/lib/components/Excel/ExcelToolBar/ExcelToolBar.scss.js

@@ -0,0 +1 @@
+import b from"../../../node_modules/style-inject/dist/style-inject.es.js";b(".ff-excel-toolbar{align-items:center;display:flex;height:24px!important;width:100%}.ff-excel-toolbar .ff-excel-toolbar-divider{background-color:var(--excel-toolbar-divider);border-radius:1px;height:20px;margin:0 24px;width:1px;z-index:1000}.ff-excel-toolbar .ff-excel-toolbar-font{display:flex;gap:8px;justify-content:space-between}.ff-excel-toolbar .ff-excel-toolbar-font .ff-excel-toolbar-font-family{width:120px}.ff-excel-toolbar .ff-excel-toolbar-font .ff-excel-toolbar-font-size{width:56px}.ff-excel-toolbar .ff-excel-toolbar-text{display:flex;gap:8px;height:24px;justify-content:space-between;width:100px}.ff-excel-toolbar .ff-excel-toolbar-text .ff-excel-toolbar-icon-underline{align-items:center;display:flex}.ff-excel-toolbar .ff-excel-toolbar-icon{display:flex;gap:8px;height:24px;justify-content:space-between;width:88px}.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color{align-items:center;border-radius:4px;display:flex;flex-direction:column;height:25px;position:relative;width:24px}.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color:hover{background-color:var(--icon-hover-color);border-radius:4px}.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color{background-color:var(--brand-color)}.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover{background-color:var(--primary-button-text-color)}.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover svg path{fill:var(--brand-color)}.ff-excel-toolbar .ff-excel-toolbar-menu{align-items:center;display:flex;height:24px;width:36px}.ff-excel-toolbar .ff-excel-toolbar-menu .ff-excel-toolbar-menu-option{align-items:center;display:flex}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkV4Y2VsVG9vbEJhci5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGtCQUlFLGtCQUFtQixDQUZuQixZQUFhLENBQ2IscUJBQXVCLENBRnZCLFVBSUYsQ0FDQSw0Q0FHRSw2Q0FBOEMsQ0FFOUMsaUJBQWtCLENBSGxCLFdBQVksQ0FFWixhQUFjLENBSGQsU0FBVSxDQUtWLFlBQ0YsQ0FDQSx5Q0FDRSxZQUFhLENBQ2IsT0FBUSxDQUNSLDZCQUNGLENBQ0EsdUVBQ0UsV0FDRixDQUNBLHFFQUNFLFVBQ0YsQ0FDQSx5Q0FHRSxZQUFhLENBQ2IsT0FBUSxDQUZSLFdBQVksQ0FHWiw2QkFBOEIsQ0FKOUIsV0FLRixDQUNBLDBFQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0EseUNBR0UsWUFBYSxDQUNiLE9BQVEsQ0FGUixXQUFZLENBR1osNkJBQThCLENBSjlCLFVBS0YsQ0FDQSxzRUFPRSxrQkFBbUIsQ0FKbkIsaUJBQWtCLENBRWxCLFlBQWEsQ0FDYixxQkFBc0IsQ0FKdEIsV0FBWSxDQUVaLGlCQUFrQixDQUhsQixVQU9GLENBY0EsNEVBRUUsd0NBQXlDLENBRHpDLGlCQUVGLENBQ0Esb0ZBQ0UsbUNBQ0YsQ0FDQSx3R0FDRSxpREFDRixDQUNBLGlIQUNFLHVCQUNGLENBQ0EseUNBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FHYixXQUFZLENBRFosVUFFRixDQUNBLHVFQUVFLGtCQUFtQixDQURuQixZQUVGIiwiZmlsZSI6IkV4Y2VsVG9vbEJhci5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZmLWV4Y2VsLXRvb2xiYXIge1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiAyNHB4ICFpbXBvcnRhbnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uZmYtZXhjZWwtdG9vbGJhciAuZmYtZXhjZWwtdG9vbGJhci1kaXZpZGVyIHtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1leGNlbC10b29sYmFyLWRpdmlkZXIpO1xuICBtYXJnaW46IDAgMjRweDtcbiAgYm9yZGVyLXJhZGl1czogMXB4O1xuICB6LWluZGV4OiAxMDAwO1xufVxuLmZmLWV4Y2VsLXRvb2xiYXIgLmZmLWV4Y2VsLXRvb2xiYXItZm9udCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogOHB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG59XG4uZmYtZXhjZWwtdG9vbGJhciAuZmYtZXhjZWwtdG9vbGJhci1mb250IC5mZi1leGNlbC10b29sYmFyLWZvbnQtZmFtaWx5IHtcbiAgd2lkdGg6IDEyMHB4O1xufVxuLmZmLWV4Y2VsLXRvb2xiYXIgLmZmLWV4Y2VsLXRvb2xiYXItZm9udCAuZmYtZXhjZWwtdG9vbGJhci1mb250LXNpemUge1xuICB3aWR0aDogNTZweDtcbn1cbi5mZi1leGNlbC10b29sYmFyIC5mZi1leGNlbC10b29sYmFyLXRleHQge1xuICB3aWR0aDogMTAwcHg7XG4gIGhlaWdodDogMjRweDtcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiA4cHg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cbi5mZi1leGNlbC10b29sYmFyIC5mZi1leGNlbC10b29sYmFyLXRleHQgLmZmLWV4Y2VsLXRvb2xiYXItaWNvbi11bmRlcmxpbmUge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLmZmLWV4Y2VsLXRvb2xiYXIgLmZmLWV4Y2VsLXRvb2xiYXItaWNvbiB7XG4gIHdpZHRoOiA4OHB4O1xuICBoZWlnaHQ6IDI0cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogOHB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG59XG4uZmYtZXhjZWwtdG9vbGJhciAuZmYtZXhjZWwtdG9vbGJhci1pY29uIC5mZi1leGNlbC10b29sYmFyLWljb24tY29sb3Ige1xuICB3aWR0aDogMjRweDtcbiAgaGVpZ2h0OiAyNXB4O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5mZi1leGNlbC10b29sYmFyIC5mZi1leGNlbC10b29sYmFyLWljb24gLmZmLWV4Y2VsLXRvb2xiYXItaWNvbi1jb2xvcjpob3ZlciB7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWNvbi1ob3Zlci1jb2xvcik7XG59XG4uZmYtaWNvbi1kYXJrIC5mZi1leGNlbC10b29sYmFyIC5mZi1leGNlbC10b29sYmFyLWljb24gLmZmLWV4Y2VsLXRvb2xiYXItaWNvbi1jb2xvciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJyYW5kLWNvbG9yKTtcbn1cbi5mZi1pY29uLWRhcmsgLmZmLWV4Y2VsLXRvb2xiYXIgLmZmLWV4Y2VsLXRvb2xiYXItaWNvbiAuZmYtZXhjZWwtdG9vbGJhci1pY29uLWNvbG9yLmZmLWljb24tY2xpY2s6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wcmltYXJ5LWJ1dHRvbi10ZXh0LWNvbG9yKTtcbn1cbi5mZi1pY29uLWRhcmsgLmZmLWV4Y2VsLXRvb2xiYXIgLmZmLWV4Y2VsLXRvb2xiYXItaWNvbiAuZmYtZXhjZWwtdG9vbGJhci1pY29uLWNvbG9yLmZmLWljb24tY2xpY2s6aG92ZXIgc3ZnIHBhdGgge1xuICBmaWxsOiB2YXIoLS1icmFuZC1jb2xvcik7XG59XG4uZmYtZXhjZWwtdG9vbGJhciAuZmYtZXhjZWwtdG9vbGJhci1pY29uIC5mZi1leGNlbC10b29sYmFyLWljb24tY29sb3I6aG92ZXIge1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWljb24taG92ZXItY29sb3IpO1xufVxuLmZmLWljb24tZGFyayAuZmYtZXhjZWwtdG9vbGJhciAuZmYtZXhjZWwtdG9vbGJhci1pY29uIC5mZi1leGNlbC10b29sYmFyLWljb24tY29sb3Ige1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1icmFuZC1jb2xvcik7XG59XG4uZmYtaWNvbi1kYXJrIC5mZi1leGNlbC10b29sYmFyIC5mZi1leGNlbC10b29sYmFyLWljb24gLmZmLWV4Y2VsLXRvb2xiYXItaWNvbi1jb2xvci5mZi1pY29uLWNsaWNrOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcHJpbWFyeS1idXR0b24tdGV4dC1jb2xvcik7XG59XG4uZmYtaWNvbi1kYXJrIC5mZi1leGNlbC10b29sYmFyIC5mZi1leGNlbC10b29sYmFyLWljb24gLmZmLWV4Y2VsLXRvb2xiYXItaWNvbi1jb2xvci5mZi1pY29uLWNsaWNrOmhvdmVyIHN2ZyBwYXRoIHtcbiAgZmlsbDogdmFyKC0tYnJhbmQtY29sb3IpO1xufVxuLmZmLWV4Y2VsLXRvb2xiYXIgLmZmLWV4Y2VsLXRvb2xiYXItbWVudSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiAzNnB4O1xuICBoZWlnaHQ6IDI0cHg7XG59XG4uZmYtZXhjZWwtdG9vbGJhciAuZmYtZXhjZWwtdG9vbGJhci1tZW51IC5mZi1leGNlbC10b29sYmFyLW1lbnUtb3B0aW9uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn0iXX0= */");

package/lib/components/Excel/dataConversion.js

@@ -1,144 +1 @@
-import { convertPtToPx, convertPxToPt, fontFamilyList, fontSizeList, } from './ExcelFile/ExcelFileComponents/util';
-const getTextAlignment = (alignment) => {
-    switch (alignment.toUpperCase()) {
-        case 'LEFT':
-            return 'left';
-        case 'RIGHT':
-            return 'right';
-        case 'CENTER':
-            return 'center';
-        case 'JUSTIFY':
-            return 'justify';
-        case 'BOTTOM':
-            return 'end';
-        case 'TOP':
-            return 'start';
-        default:
-            return 'left';
-    }
-};
-const getTextAlignmentBack = (alignment) => {
-    switch (alignment) {
-        case 'left':
-            return 'LEFT';
-        case 'right':
-            return 'RIGHT';
-        case 'center':
-            return 'CENTER';
-        case 'justify':
-            return 'JUSTIFY';
-        case 'end':
-            return 'BOTTOM';
-        case 'start':
-            return 'TOP';
-        default:
-            return 'BOTTOM';
-    }
-};
-const getFontFamily = (selectedFontType) => {
-    const fontFamilyExists = fontFamilyList.some((element) => {
-        return element.label === selectedFontType;
-    });
-    if (!fontFamilyExists) {
-        return 'Poppins';
-    }
-    return selectedFontType;
-};
-const closestFontSize = (fontSize) => fontSizeList.reduce((closest, current) => {
-    return Math.abs(current - parseFloat(fontSize)) <
-        Math.abs(closest - parseFloat(fontSize))
-        ? current
-        : closest;
-});
-export function convertStyleToFrontend(backendStyle) {
-    const { border } = backendStyle;
-    let borderTop = '';
-    let borderRight = '';
-    let borderBottom = '';
-    let borderLeft = '';
-    if (border.top !== 'THIN') {
-        borderTop =
-            border.top === 'MEDIUM'
-                ? '2px solid var(--input-hover-border-color)'
-                : '1px solid var(--excel-header-border)';
-    }
-    if (border.right !== 'THIN') {
-        borderRight =
-            border.right === 'MEDIUM'
-                ? '2px solid var(--input-hover-border-color)'
-                : '1px solid var(--excel-header-border)';
-    }
-    if (border.bottom !== 'THIN') {
-        borderBottom =
-            border.bottom === 'MEDIUM'
-                ? '2px solid var(--input-hover-border-color)'
-                : '1px solid var(--excel-header-border)';
-    }
-    if (border.left !== 'THIN') {
-        borderLeft =
-            border.left === 'MEDIUM'
-                ? '2px solid var(--input-hover-border-color)'
-                : '1px solid var(--excel-header-border)';
-    }
-    return {
-        fontSize: convertPtToPx(closestFontSize(String(backendStyle.size))),
-        fontFamily: getFontFamily(backendStyle.name),
-        color: `#${backendStyle.color}`,
-        backgroundColor: `#${backendStyle.backgroundColor}`,
-        fontWeight: backendStyle.bold ? 'bold' : 'normal',
-        fontStyle: backendStyle.italic ? 'italic' : 'normal',
-        textDecoration: backendStyle.underline ? 'underline' : 'normal',
-        borderTop: borderTop,
-        borderRight: borderRight,
-        borderBottom: borderBottom,
-        borderLeft: borderLeft,
-        textAlign: getTextAlignment(backendStyle.alignment.horizontal),
-        alignContent: getTextAlignment(backendStyle.alignment.vertical),
-    };
-}
-const getBorderStyle = (border) => {
-    if (!border || border === 'none') {
-        return 'THIN';
-    }
-    if (border.includes('solid') ||
-        border.includes('dashed') ||
-        border.includes('dotted')) {
-        if (border.includes('2px') || border.includes('medium')) {
-            return 'MEDIUM';
-        }
-        else if (border.includes('3px') || border.includes('medium')) {
-            return 'THICK';
-        }
-    }
-    return 'THIN';
-};
-export const convertStyleToBackend = (frontendStyle) => {
-    return {
-        name: frontendStyle.fontFamily || 'Arial',
-        size: convertPxToPt(frontendStyle.fontSize?.toString() || '12'),
-        bold: frontendStyle.fontWeight === 'bold',
-        italic: frontendStyle.fontStyle === 'italic',
-        underline: frontendStyle.textDecoration === 'underline',
-        color: frontendStyle.color?.replace('#', '') || '000000',
-        backgroundColor: frontendStyle.backgroundColor?.replace('#', '') || 'FFFFFF',
-        borderColor: 'F2F2F2',
-        border: {
-            top: getBorderStyle(frontendStyle.borderTop ? frontendStyle.borderTop.toString() : undefined),
-            right: getBorderStyle(frontendStyle.borderRight
-                ? frontendStyle.borderRight.toString()
-                : undefined),
-            bottom: getBorderStyle(frontendStyle.borderBottom
-                ? frontendStyle.borderBottom.toString()
-                : undefined),
-            left: getBorderStyle(frontendStyle.borderLeft
-                ? frontendStyle.borderLeft.toString()
-                : undefined),
-        },
-        alignment: {
-            horizontal: getTextAlignmentBack(frontendStyle.textAlign),
-            vertical: getTextAlignmentBack(frontendStyle.alignContent),
-            wrapText: false,
-        },
-    };
-};
-//# sourceMappingURL=dataConversion.js.map
+import{convertPxToPt as r,convertPtToPx as e,fontFamilyList as o,fontSizeList as t}from"./ExcelFile/ExcelFileComponents/util.js";const n=r=>{switch(r.toUpperCase()){case"LEFT":default:return"left";case"RIGHT":return"right";case"CENTER":return"center";case"JUSTIFY":return"justify";case"BOTTOM":return"end";case"TOP":return"start"}},i=r=>{switch(r){case"left":return"LEFT";case"right":return"RIGHT";case"center":return"CENTER";case"justify":return"JUSTIFY";case"end":default:return"BOTTOM";case"start":return"TOP"}};function l(r){const{border:i}=r;let l="",a="",d="",c="";return"THIN"!==i.top&&(l="MEDIUM"===i.top?"2px solid var(--input-hover-border-color)":"1px solid var(--excel-header-border)"),"THIN"!==i.right&&(a="MEDIUM"===i.right?"2px solid var(--input-hover-border-color)":"1px solid var(--excel-header-border)"),"THIN"!==i.bottom&&(d="MEDIUM"===i.bottom?"2px solid var(--input-hover-border-color)":"1px solid var(--excel-header-border)"),"THIN"!==i.left&&(c="MEDIUM"===i.left?"2px solid var(--input-hover-border-color)":"1px solid var(--excel-header-border)"),{fontSize:e((u=String(r.size),t.reduce((r,e)=>Math.abs(e-parseFloat(u))<Math.abs(r-parseFloat(u))?e:r))),fontFamily:(s=r.name,o.some(r=>r.label===s)?s:"Poppins"),color:`#${r.color}`,backgroundColor:`#${r.backgroundColor}`,fontWeight:r.bold?"bold":"normal",fontStyle:r.italic?"italic":"normal",textDecoration:r.underline?"underline":"normal",borderTop:l,borderRight:a,borderBottom:d,borderLeft:c,textAlign:n(r.alignment.horizontal),alignContent:n(r.alignment.vertical)};var s,u}const a=r=>{if(!r||"none"===r)return"THIN";if(r.includes("solid")||r.includes("dashed")||r.includes("dotted")){if(r.includes("2px")||r.includes("medium"))return"MEDIUM";if(r.includes("3px")||r.includes("medium"))return"THICK"}return"THIN"},d=e=>({name:e.fontFamily||"Arial",size:r(e.fontSize?.toString()||"12"),bold:"bold"===e.fontWeight,italic:"italic"===e.fontStyle,underline:"underline"===e.textDecoration,color:e.color?.replace("#","")||"000000",backgroundColor:e.backgroundColor?.replace("#","")||"FFFFFF",borderColor:"F2F2F2",border:{top:a(e.borderTop?e.borderTop.toString():void 0),right:a(e.borderRight?e.borderRight.toString():void 0),bottom:a(e.borderBottom?e.borderBottom.toString():void 0),left:a(e.borderLeft?e.borderLeft.toString():void 0)},alignment:{horizontal:i(e.textAlign),vertical:i(e.alignContent),wrapText:!1}});export{d as convertStyleToBackend,l as convertStyleToFrontend};

package/lib/components/ExpandableMenu/ExpandableMenu.js

@@ -1,42 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import './ExpandableMenu.scss';
-import classNames from 'classnames';
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-import Icon from '../Icon';
-import './ExpandableMenu.scss';
-import Typography from '../Typography';
-import Tooltip from '../Tooltip';
-const ExpandableMenu = ({ label = '', icon = (_jsx(Icon, { name: "arrow_right", height: 5, width: 8, color: 'var(--icons-default-color)' })), variant = 'primary', size = 'medium', disable = false, subMenus = [], selectedMenu = '', onSubMenuClick = () => { }, menuExpandStatus, tooltipTitle = '', }) => {
-    const [isExpanded, setIsExpanded] = useState(menuExpandStatus || false);
-    const [isHovered, setIsHovered] = useState(false);
-    const toggleExpand = () => {
-        setIsExpanded((prev) => !prev);
-        setIsHovered(false);
-    };
-    const handleMouseEnter = useCallback(() => {
-        if (!isExpanded)
-            setIsHovered(true);
-    }, [isExpanded]);
-    const handleMouseLeave = useCallback(() => {
-        if (!isExpanded)
-            setIsHovered(false);
-    }, [isExpanded]);
-    const handleSelectedMenu = (chip) => {
-        if (!disable) {
-            onSubMenuClick(chip);
-            setIsExpanded(true);
-        }
-    };
-    const hasExpanded = isExpanded || isHovered;
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: classNames('ff-expandable-chip-menu', `ff-expandable-chip-menu--${variant}`, {
-                'ff-expandable-chip-menu--disabled': disable,
-                expanded: hasExpanded,
-            }), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsx(Tooltip, { title: tooltipTitle, disabled: !disable, children: _jsxs(Typography, { className: `ff-label-chip ff-label-chip--${variant} ff-expandable-chip-menu--${size}`, onClick: toggleExpand, cursor: disable ? 'not-allowed' : 'pointer', children: [_jsx(Typography, { children: label }), _jsx("span", { className: "arrow-icon", children: icon })] }) }), hasExpanded && !checkEmpty(subMenus) && (_jsx("div", { className: classNames('ff-sub-chips', {
-                        expanded: hasExpanded,
-                    }), children: subMenus.map((chip, index) => (_jsx(Tooltip, { title: tooltipTitle, disabled: !disable, children: _jsx(Typography, { className: classNames('ff-sub-chip', `ff-sub-chip--${variant}`, `ff-sub-chip--${size}`, {
-                                selected: selectedMenu === chip,
-                            }), onClick: () => handleSelectedMenu(chip), cursor: disable ? 'not-allowed' : 'pointer', children: chip }, index) }))) }))] }) }));
-};
-export default ExpandableMenu;
-//# sourceMappingURL=ExpandableMenu.js.map
+import{jsx as e,Fragment as i,jsxs as o}from"react/jsx-runtime";import{useState as a,useCallback as r}from"react";import"./ExpandableMenu.scss.js";import l from"../../_virtual/index.js";import{checkEmpty as n}from"../../utils/checkEmpty/checkEmpty.js";import c from"../Icon/Icon.js";import s from"../Typography/Typography.js";import t from"../Tooltip/Tooltip.js";const p=({label:p="",icon:d=e(c,{name:"arrow_right",height:5,width:8,color:"var(--icons-default-color)"}),variant:m="primary",size:f="medium",disable:h=!1,subMenus:u=[],selectedMenu:b="",onSubMenuClick:x=()=>{},menuExpandStatus:j,tooltipTitle:y=""})=>{const[v,M]=a(j||!1),[k,w]=a(!1),E=r(()=>{v||w(!0)},[v]),N=r(()=>{v||w(!1)},[v]),T=v||k;return e(i,{children:o("div",{className:l("ff-expandable-chip-menu",`ff-expandable-chip-menu--${m}`,{"ff-expandable-chip-menu--disabled":h,expanded:T}),onMouseEnter:E,onMouseLeave:N,children:[e(t,{title:y,disabled:!h,children:o(s,{className:`ff-label-chip ff-label-chip--${m} ff-expandable-chip-menu--${f}`,onClick:()=>{M(e=>!e),w(!1)},cursor:h?"not-allowed":"pointer",children:[e(s,{children:p}),e("span",{className:"arrow-icon",children:d})]})}),T&&!n(u)&&e("div",{className:l("ff-sub-chips",{expanded:T}),children:u.map((i,o)=>e(t,{title:y,disabled:!h,children:e(s,{className:l("ff-sub-chip",`ff-sub-chip--${m}`,`ff-sub-chip--${f}`,{selected:b===i}),onClick:()=>(e=>{h||(x(e),M(!0))})(i),cursor:h?"not-allowed":"pointer",children:i},o)}))})]})})};export{p as default};

package/lib/components/ExpandableMenu/ExpandableMenu.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i(".fontXs{font-family:Poppins;font-size:10px}.ff-expandable-chip-menu .ff-sub-chip--medium,.ff-expandable-chip-menu--medium,.fontSm{font-family:Poppins;font-size:12px}.fontMd{font-size:14px}.fontLg,.fontMd{font-family:Poppins}.fontLg{font-size:16px}.fontXL{font-size:18px}.font2Xl,.fontXL{font-family:Poppins}.font2Xl{font-size:24px}.font-size-8{font-family:Poppins;font-size:8px}.font-size-10{font-family:Poppins;font-size:10px}.font-size-20{font-family:Poppins;font-size:20px}.font-size-32{font-family:Poppins;font-size:32px}.font-size-80{font-family:Poppins;font-size:80px}.ff-expandable-chip-menu{align-items:center;border-radius:16px;cursor:pointer;display:inline-flex;gap:16px;overflow:hidden;padding:4px 8px;transition:all .3s ease;width:auto}.ff-expandable-chip-menu--primary{background-color:var(--expandable-menu-default-bg);border:.5px solid var(--brand-color)}.ff-expandable-chip-menu .ff-label-chip{align-items:center;display:flex;gap:4px;justify-content:space-between;padding:2px 0;white-space:nowrap}.ff-expandable-chip-menu .ff-label-chip .arrow-icon{display:grid;height:14px;place-items:center;width:14px}.ff-expandable-chip-menu .ff-label-chip--primary{color:var(--brand-color)}.ff-expandable-chip-menu--disabled{cursor:not-allowed;opacity:.5}.ff-expandable-chip-menu--disabled:disabled{pointer-events:none}.ff-expandable-chip-menu--medium{line-height:18px}.ff-expandable-chip-menu .ff-sub-chips{-ms-overflow-style:none;display:flex;gap:8px;max-width:500px;overflow-x:auto}.ff-expandable-chip-menu .ff-sub-chips::-webkit-scrollbar{display:none}.ff-expandable-chip-menu .ff-sub-chips{opacity:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease,opacity .3s ease}.ff-expandable-chip-menu.expanded .ff-sub-chips{opacity:1;transform:scaleX(1)}.ff-expandable-chip-menu .ff-sub-chip{animation:fadeIn .5s ease forwards;border-radius:12px;opacity:0;padding:2px 8px;transform:translateX(-10px);transition:background-color .3s ease,color .3s ease;white-space:nowrap}.ff-expandable-chip-menu .ff-sub-chip--primary{background:var(--expandable-menu-option-bg);color:var(--brand-color)}.ff-expandable-chip-menu .ff-sub-chip--primary.selected,.ff-expandable-chip-menu .ff-sub-chip--primary:hover{background-color:var(--brand-color);color:var(--expandable-menu-default-bg)}.ff-expandable-chip-menu .ff-sub-chip--medium{line-height:18px}@keyframes fadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.ff-expandable-chip-menu.expanded .ff-sub-chip{animation:fadeIn .5s ease forwards}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkV4cGFuZGFibGVNZW51LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsUUFDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLHVGQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsUUFFRSxjQUNGLENBRUEsZ0JBSkUsbUJBT0YsQ0FIQSxRQUVFLGNBQ0YsQ0FFQSxRQUVFLGNBQ0YsQ0FFQSxpQkFKRSxtQkFPRixDQUhBLFNBRUUsY0FDRixDQUVBLGFBQ0UsbUJBQXNCLENBQ3RCLGFBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEseUJBR0Usa0JBQW1CLENBQ25CLGtCQUFtQixDQUNuQixjQUFlLENBSmYsbUJBQW9CLENBQ3BCLFFBQVMsQ0FJVCxlQUFnQixDQUVoQixlQUFnQixDQUNoQix1QkFBeUIsQ0FGekIsVUFHRixDQUNBLGtDQUVFLGtEQUFtRCxDQURuRCxvQ0FFRixDQUNBLHdDQUVFLGtCQUFtQixDQURuQixZQUFhLENBR2IsT0FBUSxDQURSLDZCQUE4QixDQUc5QixhQUFjLENBRGQsa0JBRUYsQ0FDQSxvREFHRSxZQUFhLENBRmIsV0FBWSxDQUdaLGtCQUFtQixDQUZuQixVQUdGLENBQ0EsaURBQ0Usd0JBQ0YsQ0FDQSxtQ0FFRSxrQkFBbUIsQ0FEbkIsVUFFRixDQUNBLDRDQUNFLG1CQUNGLENBQ0EsaUNBQ0UsZ0JBQ0YsQ0FDQSx1Q0FLRSx1QkFBd0IsQ0FKeEIsWUFBYSxDQUNiLE9BQVEsQ0FDUixlQUFnQixDQUNoQixlQUVGLENBQ0EsMERBQ0UsWUFDRixDQUNBLHVDQUlFLFNBQVUsQ0FIVixtQkFBb0IsQ0FDcEIscUJBQXNCLENBQ3RCLDhDQUVGLENBQ0EsZ0RBRUUsU0FBVSxDQURWLG1CQUVGLENBQ0Esc0NBT0Usa0NBQW9DLENBTHBDLGtCQUFtQixDQUduQixTQUFVLENBSlYsZUFBZ0IsQ0FLaEIsMkJBQTRCLENBRjVCLG1EQUF1RCxDQUR2RCxrQkFLRixDQUNBLCtDQUNFLDJDQUE0QyxDQUM1Qyx3QkFDRixDQUNBLDZHQUNFLG1DQUFvQyxDQUNwQyx1Q0FDRixDQUNBLDhDQUNFLGdCQUNGLENBQ0Esa0JBQ0UsR0FDRSxTQUFVLENBQ1YsMkJBQ0YsQ0FDQSxHQUNFLFNBQVUsQ0FDVix1QkFDRixDQUNGLENBQ0EsK0NBQ0Usa0NBQ0YiLCJmaWxlIjoiRXhwYW5kYWJsZU1lbnUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mb250WHMge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTBweDtcbn1cblxuLmZvbnRTbSwgLmZmLWV4cGFuZGFibGUtY2hpcC1tZW51LS1tZWRpdW0sIC5mZi1leHBhbmRhYmxlLWNoaXAtbWVudSAuZmYtc3ViLWNoaXAtLW1lZGl1bSB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZm9udE1kIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE0cHg7XG59XG5cbi5mb250TGcge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTZweDtcbn1cblxuLmZvbnRYTCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uZm9udDJYbCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAyNHB4O1xufVxuXG4uZm9udC1zaXplLTgge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogOHB4O1xufVxuXG4uZm9udC1zaXplLTEwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDEwcHg7XG59XG5cbi5mb250LXNpemUtMjAge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMjBweDtcbn1cblxuLmZvbnQtc2l6ZS0zMiB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAzMnB4O1xufVxuXG4uZm9udC1zaXplLTgwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDgwcHg7XG59XG5cbi5mZi1leHBhbmRhYmxlLWNoaXAtbWVudSB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBnYXA6IDE2cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2lkdGg6IGF1dG87XG4gIHBhZGRpbmc6IDRweCA4cHg7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG59XG4uZmYtZXhwYW5kYWJsZS1jaGlwLW1lbnUtLXByaW1hcnkge1xuICBib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLWJyYW5kLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZXhwYW5kYWJsZS1tZW51LWRlZmF1bHQtYmcpO1xufVxuLmZmLWV4cGFuZGFibGUtY2hpcC1tZW51IC5mZi1sYWJlbC1jaGlwIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBnYXA6IDRweDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgcGFkZGluZzogMnB4IDA7XG59XG4uZmYtZXhwYW5kYWJsZS1jaGlwLW1lbnUgLmZmLWxhYmVsLWNoaXAgLmFycm93LWljb24ge1xuICBoZWlnaHQ6IDE0cHg7XG4gIHdpZHRoOiAxNHB4O1xuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xufVxuLmZmLWV4cGFuZGFibGUtY2hpcC1tZW51IC5mZi1sYWJlbC1jaGlwLS1wcmltYXJ5IHtcbiAgY29sb3I6IHZhcigtLWJyYW5kLWNvbG9yKTtcbn1cbi5mZi1leHBhbmRhYmxlLWNoaXAtbWVudS0tZGlzYWJsZWQge1xuICBvcGFjaXR5OiAwLjU7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uZmYtZXhwYW5kYWJsZS1jaGlwLW1lbnUtLWRpc2FibGVkOmRpc2FibGVkIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG4uZmYtZXhwYW5kYWJsZS1jaGlwLW1lbnUtLW1lZGl1bSB7XG4gIGxpbmUtaGVpZ2h0OiAxOHB4O1xufVxuLmZmLWV4cGFuZGFibGUtY2hpcC1tZW51IC5mZi1zdWItY2hpcHMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDhweDtcbiAgbWF4LXdpZHRoOiA1MDBweDtcbiAgb3ZlcmZsb3cteDogYXV0bztcbiAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xufVxuLmZmLWV4cGFuZGFibGUtY2hpcC1tZW51IC5mZi1zdWItY2hpcHM6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5mZi1leHBhbmRhYmxlLWNoaXAtbWVudSAuZmYtc3ViLWNoaXBzIHtcbiAgdHJhbnNmb3JtOiBzY2FsZVgoMCk7XG4gIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQ7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjNzIGVhc2UsIG9wYWNpdHkgMC4zcyBlYXNlO1xuICBvcGFjaXR5OiAwO1xufVxuLmZmLWV4cGFuZGFibGUtY2hpcC1tZW51LmV4cGFuZGVkIC5mZi1zdWItY2hpcHMge1xuICB0cmFuc2Zvcm06IHNjYWxlWCgxKTtcbiAgb3BhY2l0eTogMTtcbn1cbi5mZi1leHBhbmRhYmxlLWNoaXAtbWVudSAuZmYtc3ViLWNoaXAge1xuICBwYWRkaW5nOiAycHggOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuM3MgZWFzZSwgY29sb3IgMC4zcyBlYXNlO1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwcHgpO1xuICBhbmltYXRpb246IGZhZGVJbiAwLjVzIGVhc2UgZm9yd2FyZHM7XG59XG4uZmYtZXhwYW5kYWJsZS1jaGlwLW1lbnUgLmZmLXN1Yi1jaGlwLS1wcmltYXJ5IHtcbiAgYmFja2dyb3VuZDogdmFyKC0tZXhwYW5kYWJsZS1tZW51LW9wdGlvbi1iZyk7XG4gIGNvbG9yOiB2YXIoLS1icmFuZC1jb2xvcik7XG59XG4uZmYtZXhwYW5kYWJsZS1jaGlwLW1lbnUgLmZmLXN1Yi1jaGlwLS1wcmltYXJ5OmhvdmVyLCAuZmYtZXhwYW5kYWJsZS1jaGlwLW1lbnUgLmZmLXN1Yi1jaGlwLS1wcmltYXJ5LnNlbGVjdGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnJhbmQtY29sb3IpO1xuICBjb2xvcjogdmFyKC0tZXhwYW5kYWJsZS1tZW51LWRlZmF1bHQtYmcpO1xufVxuLmZmLWV4cGFuZGFibGUtY2hpcC1tZW51IC5mZi1zdWItY2hpcC0tbWVkaXVtIHtcbiAgbGluZS1oZWlnaHQ6IDE4cHg7XG59XG5Aa2V5ZnJhbWVzIGZhZGVJbiB7XG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTBweCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gIH1cbn1cbi5mZi1leHBhbmRhYmxlLWNoaXAtbWVudS5leHBhbmRlZCAuZmYtc3ViLWNoaXAge1xuICBhbmltYXRpb246IGZhZGVJbiAwLjVzIGVhc2UgZm9yd2FyZHM7XG59Il19 */");

package/lib/components/FF_Captcha/Recaptcha.js

@@ -1,24 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, forwardRef } from 'react';
-import ReCAPTCHA from 'react-google-recaptcha';
-import './Recaptcha.scss';
-import classNames from 'classnames';
-import Typography from '../Typography';
-// Extend the props to include React.RefAttributes
-const FixedReCAPTCHA = ReCAPTCHA;
-const Recaptcha = forwardRef(({ onVerify, className = '', error: externalError, sitekey, ...props }, ref) => {
-    const [internalError, setInternalError] = useState(null);
-    const handleChange = (token) => {
-        if (token) {
-            setInternalError(null);
-            onVerify(token);
-        }
-        else {
-            setInternalError('Please complete the CAPTCHA');
-        }
-    };
-    const error = externalError || internalError;
-    return (_jsxs("div", { className: classNames('ff-recaptcha-wrapper', className), children: [_jsx(FixedReCAPTCHA, { ref: ref, sitekey: sitekey, onChange: handleChange, ...props }), error && (_jsx("div", { className: "ff-recaptcha-error", children: _jsx(Typography, { fontSize: 12, children: error }) }))] }));
-});
-export default Recaptcha;
-//# sourceMappingURL=Recaptcha.js.map
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useState as o}from"react";import t from"../../node_modules/react-google-recaptcha/lib/esm/recaptcha-wrapper.js";import"../../node_modules/react-google-recaptcha/lib/esm/recaptcha.js";import"./Recaptcha.scss.js";import c from"../../_virtual/index.js";import s from"../Typography/Typography.js";const p=t,i=a(({onVerify:a,className:t="",error:i,sitekey:m,...l},n)=>{const[h,f]=o(null),d=i||h;return e("div",{className:c("ff-recaptcha-wrapper",t),children:[r(p,{ref:n,sitekey:m,onChange:e=>{e?(f(null),a(e)):f("Please complete the CAPTCHA")},...l}),d&&r("div",{className:"ff-recaptcha-error",children:r(s,{fontSize:12,children:d})})]})});export{i as default};

package/lib/components/FF_Captcha/Recaptcha.scss.js

@@ -0,0 +1 @@
+import c from"../../node_modules/style-inject/dist/style-inject.es.js";c(".ff-recaptcha-wrapper{display:flex;flex-direction:column;gap:8px}.ff-recaptcha-wrapper .ff-recaptcha-error{color:var(--input-error-text-color);font-size:12px;margin-top:4px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlY2FwdGNoYS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHNCQUNFLFlBQWEsQ0FDYixxQkFBc0IsQ0FDdEIsT0FDRixDQUNBLDBDQUNFLG1DQUFvQyxDQUNwQyxjQUFlLENBQ2YsY0FDRiIsImZpbGUiOiJSZWNhcHRjaGEuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mZi1yZWNhcHRjaGEtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogOHB4O1xufVxuLmZmLXJlY2FwdGNoYS13cmFwcGVyIC5mZi1yZWNhcHRjaGEtZXJyb3Ige1xuICBjb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbWFyZ2luLXRvcDogNHB4O1xufSJdfQ== */");

package/lib/components/FieldSet/FieldSet.js

@@ -1,8 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './FieldSet.scss';
-import Typography from '../Typography';
-const FieldSet = ({ legendName, height, width, children, }) => {
-    return (_jsx("div", { className: "ff_fieldSet_container", children: _jsxs("fieldset", { className: "ff_fieldSet", style: { height, width }, children: [_jsx("legend", { className: "ff_legend_container", children: _jsx(Typography, { color: "var(--license_header_text_color)", fontSize: 8, lineHeight: "12px", children: legendName }) }), _jsx("div", { className: "ff_children_container", children: children })] }) }));
-};
-export default FieldSet;
-//# sourceMappingURL=FieldSet.js.map
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import"./FieldSet.scss.js";import l from"../Typography/Typography.js";const r=({legendName:r,height:t,width:n,children:c})=>e("div",{className:"ff_fieldSet_container",children:i("fieldset",{className:"ff_fieldSet",style:{height:t,width:n},children:[e("legend",{className:"ff_legend_container",children:e(l,{color:"var(--license_header_text_color)",fontSize:8,lineHeight:"12px",children:r})}),e("div",{className:"ff_children_container",children:c})]})});export{r as default};

package/lib/components/FieldSet/FieldSet.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i(".ff_fieldSet_container .ff_fieldSet{border:1px solid var(--ff-select-border-color);border-radius:5px}.ff_fieldSet_container .ff_fieldSet .ff_legend_container{display:flex;margin-left:8px}.ff_fieldSet_container .ff_fieldSet .ff_children_container{padding-left:8px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZWxkU2V0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0NBQ0UsOENBQStDLENBQy9DLGlCQUNGLENBQ0EseURBQ0UsWUFBYSxDQUNiLGVBQ0YsQ0FDQSwyREFDRSxnQkFDRiIsImZpbGUiOiJGaWVsZFNldC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZmX2ZpZWxkU2V0X2NvbnRhaW5lciAuZmZfZmllbGRTZXQge1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1mZi1zZWxlY3QtYm9yZGVyLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xufVxuLmZmX2ZpZWxkU2V0X2NvbnRhaW5lciAuZmZfZmllbGRTZXQgLmZmX2xlZ2VuZF9jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tbGVmdDogOHB4O1xufVxuLmZmX2ZpZWxkU2V0X2NvbnRhaW5lciAuZmZfZmllbGRTZXQgLmZmX2NoaWxkcmVuX2NvbnRhaW5lciB7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xufSJdfQ== */");

package/lib/components/FileDropzone/Dropzone.js

@@ -1,30 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRef } from 'react';
-import classNames from 'classnames';
-import './FileDropzone.scss';
-import Button from '../Button';
-import Typography from '../Typography';
-import RadioGroup from '../RadioGroup';
-import RadioFilePreview from './RadioFilePreview';
-const Dropzone = ({ icon, primaryLabel, secondaryLabel, buttonLabel, getRootProps, getInputProps, isDragActive = false, height = 188, isWebServiceFileDropZone = false, selectedRadioOption, radioOptions, handleOptionChange, selectedFile, setSelectedFile, handleRemoveFile, isDisable, setShowDrawer, setFileContent, }) => {
-    const isWebServiceFile = selectedFile?.name && isWebServiceFileDropZone;
-    const inputRef = useRef(null);
-    const handleOnClick = (e) => {
-        if (!isDisable && inputRef.current) {
-            inputRef.current.click();
-            e.currentTarget.blur();
-        }
-    };
-    return (_jsx("div", { ...getRootProps(), className: classNames('ff-file-dropzone', {
-            'ff-file-dropzone--active': isDragActive,
-            'ff-file-dropzone--webservice-file': isWebServiceFile,
-            'ff-file-dropzone--webservice-container': isWebServiceFileDropZone,
-            'ff-disable-file-dropzone-wrapper': isDisable,
-        }), style: { height: height }, children: isWebServiceFile ? (_jsx(RadioFilePreview, { selectedFile: selectedFile.name, onFileRemoveClick: handleRemoveFile, onFileReplaceClick: setSelectedFile, setSelectedFile: setSelectedFile, selectedRadioOption: selectedRadioOption, setShowDrawer: setShowDrawer, setFileContent: setFileContent })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "ff-file-dropzone-content__icon", children: icon }), _jsxs("div", { className: "ff-file-dropzone-content__labels", children: [_jsx(Typography, { as: "p", fontWeight: "semi-bold", lineHeight: "18px", textAlign: "center", color: 'var(--text-color)', children: primaryLabel }), _jsx(Typography, { as: "p", lineHeight: "18px", textAlign: "center", color: 'var(--text-color)', children: secondaryLabel }), isWebServiceFileDropZone ? (_jsxs("div", { className: "ff-radio-group-wrapper", children: [_jsxs(Typography, { fontWeight: "semi-bold", children: [' ', "Choose file from", ' '] }), _jsx(RadioGroup, { name: "radio_btn_file_dropzone", options: radioOptions ?? [
-                                        { label: 'Default Label', value: 'default_value' },
-                                    ], selectedValue: selectedRadioOption?.value, onChange: handleOptionChange })] })) : (_jsx(Button, { variant: "primary", label: buttonLabel, className: "choose-file-btn", disabled: isDisable, onClick: handleOnClick, children: _jsx("input", { ref: inputRef, ...(isDisable
-                                    ? { style: { cursor: 'not-allowed' }, disabled: true }
-                                    : getInputProps()), title: "", "aria-label": "", style: { display: 'none' } }) }))] })] })) }));
-};
-export default Dropzone;
-//# sourceMappingURL=Dropzone.js.map
+import{jsx as e,jsxs as o,Fragment as i}from"react/jsx-runtime";import{useRef as l}from"react";import r from"../../_virtual/index.js";import"./FileDropzone.scss.js";import t from"../Button/Button.js";import n from"../Typography/Typography.js";import a from"../RadioGroup/RadioGroup.js";import s from"./RadioFilePreview.js";const c=({icon:c,primaryLabel:d,secondaryLabel:p,buttonLabel:f,getRootProps:m,getInputProps:h,isDragActive:u=!1,height:b=188,isWebServiceFileDropZone:v=!1,selectedRadioOption:g,radioOptions:F,handleOptionChange:y,selectedFile:w,setSelectedFile:x,handleRemoveFile:z,isDisable:R,setShowDrawer:_,setFileContent:C})=>{const j=w?.name&&v,D=l(null);return e("div",{...m(),className:r("ff-file-dropzone",{"ff-file-dropzone--active":u,"ff-file-dropzone--webservice-file":j,"ff-file-dropzone--webservice-container":v,"ff-disable-file-dropzone-wrapper":R}),style:{height:b},children:j?e(s,{selectedFile:w.name,onFileRemoveClick:z,onFileReplaceClick:x,setSelectedFile:x,selectedRadioOption:g,setShowDrawer:_,setFileContent:C}):o(i,{children:[e("div",{className:"ff-file-dropzone-content__icon",children:c}),o("div",{className:"ff-file-dropzone-content__labels",children:[e(n,{as:"p",fontWeight:"semi-bold",lineHeight:"18px",textAlign:"center",color:"var(--text-color)",children:d}),e(n,{as:"p",lineHeight:"18px",textAlign:"center",color:"var(--text-color)",children:p}),v?o("div",{className:"ff-radio-group-wrapper",children:[o(n,{fontWeight:"semi-bold",children:[" ","Choose file from"," "]}),e(a,{name:"radio_btn_file_dropzone",options:F??[{label:"Default Label",value:"default_value"}],selectedValue:g?.value,onChange:y})]}):e(t,{variant:"primary",label:f,className:"choose-file-btn",disabled:R,onClick:e=>{!R&&D.current&&(D.current.click(),e.currentTarget.blur())},children:e("input",{ref:D,...R?{style:{cursor:"not-allowed"},disabled:!0}:h(),title:"","aria-label":"",style:{display:"none"}})})]})]})})};export{c as default};

package/lib/components/FileDropzone/FileDropzone.js

@@ -1,56 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import useFileDropzone from '../../hooks/useFileDropzone';
-import './FileDropzone.scss';
-import Icon from '../Icon';
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-import { useEffect, useMemo } from 'react';
-import Dropzone from './Dropzone';
-import FilePreview from './FilePreview';
-import classNames from 'classnames';
-import Typography from '../Typography';
-import Toastify from '../Toastify';
-const FileDropzone = ({ icon = (_jsx(Icon, { name: "dropzone_icon", height: 80, width: 80, hoverEffect: false })), primaryLabel = 'Drag & drop your file to upload', secondaryLabel = 'Or', buttonLabel = 'Choose File to upload', accept = [], multiple = false, maxFiles, maxSize, onMaxFilesError, maxSizeErrorMessage = '', invalidFileMessage = '', fileExistMessage = '', validateMIMEType = false, width = 640, height = 188, getAcceptedFiles = () => { }, getRejectedFiles = () => { }, isWebServiceFileDropZone = false, selectedRadioOption, radioOptions, handleOptionChange, selectedFile, setSelectedFile, handleFileChange, handleRemoveFile, isApiResponseError = false, isDisable = false, setShowDrawer, setFileContent, fileContent = '', isUploadIcon = false, onUploadFile, fileInputRef, showNoFilesUploadedMessage = false, noFileUploadedText = 'No files are uploaded', handleReplaceFile, isRemoveDisabled, isReplaceDisabled, showRejectedFileDetails = true, disabledDragAndDrop = false, tooltipPosition = 'bottom', }) => {
-    const { getRootProps, getInputProps, acceptedFiles, rejectedFiles, isDragActive, handleRemoveClick, handleReplaceClick, } = useFileDropzone({
-        accept,
-        multiple,
-        maxFiles,
-        maxSize,
-        onMaxFilesError,
-        maxSizeErrorMessage,
-        invalidFileMessage,
-        fileExistMessage,
-        validateMIMEType,
-        isApiResponseError,
-        selectedFile,
-        setSelectedFile,
-        handleReplaceFile,
-        showRejectedFileDetails,
-        disabledDragAndDrop,
-        // onDrop: (accepted, rejected, event) => {}, //onDrop function to handle dropped or selected files explicitly.
-    });
-    useEffect(() => {
-        selectedFile ? acceptedFiles : (acceptedFiles.length = 0);
-    }, [selectedFile]);
-    getAcceptedFiles(acceptedFiles);
-    getRejectedFiles(rejectedFiles);
-    const acceptedFilesList = useMemo(() => acceptedFiles.map((file) => (_jsx(FilePreview, { file: file, onRemoveClick: handleRemoveClick, onReplaceClick: handleReplaceClick, onUploadFile: onUploadFile, isUploadIcon: isUploadIcon, error: invalidFileMessage, isError: isApiResponseError, isRemoveDisabled: isRemoveDisabled, isReplaceDisabled: isReplaceDisabled, tooltipPosition: tooltipPosition }, file.name))), [
-        acceptedFiles,
-        handleRemoveClick,
-        handleReplaceClick,
-        isUploadIcon,
-        onUploadFile,
-    ]);
-    useEffect(() => {
-        if (selectedRadioOption?.value === 'Local File' && fileInputRef?.current) {
-            fileInputRef.current.click();
-        }
-    }, [selectedRadioOption]);
-    useEffect(() => {
-        if (!checkEmpty(acceptedFiles) && setSelectedFile) {
-            setSelectedFile(acceptedFiles[0] || null);
-        }
-    }, [acceptedFiles, setSelectedFile]);
-    return (_jsxs("div", { className: classNames('ff-file-dropzone-wrapper'), style: { width: `${width}px` }, children: [_jsx(Toastify, {}), _jsx(Dropzone, { icon: icon, primaryLabel: primaryLabel, secondaryLabel: secondaryLabel, buttonLabel: buttonLabel, getRootProps: getRootProps, getInputProps: getInputProps, isDragActive: isDragActive, height: `${height}px`, isWebServiceFileDropZone: isWebServiceFileDropZone, selectedRadioOption: selectedRadioOption, radioOptions: radioOptions ?? [{ label: 'Default Label', value: 'default_value' }], handleOptionChange: handleOptionChange, selectedFile: selectedFile, handleFileChange: handleFileChange, handleRemoveFile: handleRemoveFile, setSelectedFile: setSelectedFile, isDisable: isDisable, setShowDrawer: setShowDrawer, setFileContent: setFileContent, fileContent: fileContent }), isWebServiceFileDropZone && (_jsx("input", { ref: fileInputRef, type: "file", className: "ff-input-ref", onChange: handleFileChange, accept: accept.join(',') })), isWebServiceFileDropZone ? null : (_jsxs("div", { className: 'ff-file-details-wrapper', style: { width: `${width}px` }, children: [showNoFilesUploadedMessage && checkEmpty(acceptedFiles) && (_jsx(Typography, { fontWeight: "semi-bold", lineHeight: "18px", textAlign: "center", color: 'var(--text-color)', className: "ff-no-apps-message", children: noFileUploadedText })), !checkEmpty(acceptedFiles) && (_jsx("div", { className: "ff-file-details", children: acceptedFilesList }))] }))] }));
-};
-export default FileDropzone;
-//# sourceMappingURL=FileDropzone.js.map
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import l from"../../hooks/useFileDropzone.js";import"./FileDropzone.scss.js";import o from"../Icon/Icon.js";import{checkEmpty as t}from"../../utils/checkEmpty/checkEmpty.js";import{useEffect as a,useMemo as s}from"react";import r from"./Dropzone.js";import n from"./FilePreview.js";import p from"../../_virtual/index.js";import d from"../Typography/Typography.js";import{Toastify as c}from"../Toastify/Toastify.js";const m=({icon:m=e(o,{name:"dropzone_icon",height:80,width:80,hoverEffect:!1}),primaryLabel:h="Drag & drop your file to upload",secondaryLabel:f="Or",buttonLabel:F="Choose File to upload",accept:g=[],multiple:u=!1,maxFiles:v,maxSize:D,onMaxFilesError:b,maxSizeErrorMessage:R="",invalidFileMessage:x="",fileExistMessage:y="",validateMIMEType:j=!1,width:w=640,height:C=188,getAcceptedFiles:E=()=>{},getRejectedFiles:M=()=>{},isWebServiceFileDropZone:S=!1,selectedRadioOption:z,radioOptions:I,handleOptionChange:k,selectedFile:L,setSelectedFile:A,handleFileChange:N,handleRemoveFile:O,isApiResponseError:P=!1,isDisable:T=!1,setShowDrawer:U,setFileContent:W,fileContent:$="",isUploadIcon:_=!1,onUploadFile:Z,fileInputRef:H,showNoFilesUploadedMessage:q=!1,noFileUploadedText:B="No files are uploaded",handleReplaceFile:G,isRemoveDisabled:J,isReplaceDisabled:K,showRejectedFileDetails:Q=!0,disabledDragAndDrop:V=!1,tooltipPosition:X="bottom"})=>{const{getRootProps:Y,getInputProps:ee,acceptedFiles:ie,rejectedFiles:le,isDragActive:oe,handleRemoveClick:te,handleReplaceClick:ae}=l({accept:g,multiple:u,maxFiles:v,maxSize:D,onMaxFilesError:b,maxSizeErrorMessage:R,invalidFileMessage:x,fileExistMessage:y,validateMIMEType:j,selectedFile:L,setSelectedFile:A,handleReplaceFile:G,showRejectedFileDetails:Q,disabledDragAndDrop:V});a(()=>{L||(ie.length=0)},[L]),E(ie),M(le);const se=s(()=>ie.map(i=>e(n,{file:i,onRemoveClick:te,onReplaceClick:ae,onUploadFile:Z,isUploadIcon:_,error:x,isError:P,isRemoveDisabled:J,isReplaceDisabled:K,tooltipPosition:X},i.name)),[ie,te,ae,_,Z]);return a(()=>{"Local File"===z?.value&&H?.current&&H.current.click()},[z]),a(()=>{!t(ie)&&A&&A(ie[0]||null)},[ie,A]),i("div",{className:p("ff-file-dropzone-wrapper"),style:{width:`${w}px`},children:[e(c,{}),e(r,{icon:m,primaryLabel:h,secondaryLabel:f,buttonLabel:F,getRootProps:Y,getInputProps:ee,isDragActive:oe,height:`${C}px`,isWebServiceFileDropZone:S,selectedRadioOption:z,radioOptions:I??[{label:"Default Label",value:"default_value"}],handleOptionChange:k,selectedFile:L,handleFileChange:N,handleRemoveFile:O,setSelectedFile:A,isDisable:T,setShowDrawer:U,setFileContent:W,fileContent:$}),S&&e("input",{ref:H,type:"file",className:"ff-input-ref",onChange:N,accept:g.join(",")}),S?null:i("div",{className:"ff-file-details-wrapper",style:{width:`${w}px`},children:[q&&t(ie)&&e(d,{fontWeight:"semi-bold",lineHeight:"18px",textAlign:"center",color:"var(--text-color)",className:"ff-no-apps-message",children:B}),!t(ie)&&e("div",{className:"ff-file-details",children:se})]})]})};export{m as default};

package/lib/components/FileDropzone/FileDropzone.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i(".ff-file-dropzone-wrapper{display:flex;flex-direction:column;gap:10px}.ff-file-dropzone-wrapper .ff-file-dropzone{align-items:center;background:var(--file-dropzone-default-color);border:1px dashed var(--brand-color);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px 0;text-align:center;transition:background-color .2s ease}.ff-file-dropzone-wrapper .ff-file-dropzone .ff-radio-group-wrapper{bottom:8px;position:relative}.ff-file-dropzone-wrapper .ff-file-dropzone--active,.ff-file-dropzone-wrapper .ff-file-dropzone:hover{background-color:var(--file-dropzone-selected-color)}.ff-file-dropzone-wrapper .ff-file-dropzone--webservice-file{display:grid;place-items:center}.ff-file-dropzone-wrapper .ff-file-dropzone--webservice-container{display:grid;padding:16px 0 40px;place-items:center}.ff-file-dropzone-wrapper .ff-file-dropzone-content__icon{display:grid;height:80px;place-items:center;width:80px}.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn{font-weight:600;line-height:15px;margin:0 auto;position:relative}.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn input{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.ff-file-dropzone-wrapper .ff-file-dropzone-content__webservice-file{padding:4px}.ff-file-details-wrapper{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding:2px;scroll-behavior:smooth}.ff-file-details-wrapper ::-webkit-scrollbar{width:2px}.ff-file-details-wrapper{-ms-overflow-style:none;scrollbar-width:thin}.ff-file-details-wrapper .ff-file-details{display:flex;flex-direction:column;gap:10px}.ff-file-details-wrapper .ff-file-details__item{align-items:center;background-color:var(--file-details-bg);border-radius:4px;box-shadow:0 0 4px 0 var(--file-details-container-shadow);display:flex;justify-content:space-between;overflow:hidden;padding:4px}.ff-file-details-wrapper .ff-file-details__item .ff-file-info{align-items:center;display:flex;gap:4px;width:87%}.ff-file-details-wrapper .ff-file-details__item .ff-file-info .ff-file-info__icon{display:grid;height:24px;place-items:center;width:24px}.ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper{display:flex;flex-direction:column;gap:2px;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper__name{color:var(--text-color);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ff-file-details-wrapper .ff-file-details__item .ff-file-actions{align-items:center;display:flex;gap:8px}.ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-remove,.ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-replace{cursor:pointer;display:grid;height:24px;place-items:center;width:24px}.ff-webservice-file-wrapper{align-items:center;display:flex;gap:8px}.ff-webservice-file-wrapper .ff-webservice-file-name{bottom:2px;position:relative}.ff-input-ref{display:none}.ff-disable-file-dropzone-wrapper{cursor:not-allowed;opacity:.5}.footer_basic_button{align-items:center;background-color:var(--primary-icon-color);border-top:1px solid var(--border-color);bottom:0;display:flex;gap:16px;justify-content:center;justify-content:flex-end;padding:4px 8px;position:absolute;right:0;width:100%}.ff-no-apps-message{margin:auto}.ff-upload-options-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px}.ff-upload-mode-buttons,.ff-url-upload-wrapper{display:flex;gap:10px;width:640px}.ff-url-upload-wrapper{flex-direction:column}.ff-custom-button{background-color:var(--drawer-footer-bg);border:1px solid var(--border-color);border-radius:7px;color:var(--text-color);cursor:pointer;padding:8px 16px;transition:background-color .2s ease,opacity .2s ease}.ff-custom-button--active,.ff-custom-button--active:hover,.ff-custom-button:hover{background-color:var(--default-chip-count-background-color);color:var(--text-color)}.ff-uploaded-apps-wrapper{background-color:var(--drawer-footer-bg);border-top:2px solid var(--border-color);display:flex;flex-direction:column;padding:10px 0;width:640px}.ff-uploaded-apps-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.ff-uploaded-app-item{border-radius:4px;cursor:pointer;padding:6px}.ff-uploaded-app-item--selected,.ff-uploaded-app-item:hover{background-color:var(--default-chip-count-background-color);color:var(--text-color)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVEcm9wem9uZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDBCQUNFLFlBQWEsQ0FDYixxQkFBc0IsQ0FDdEIsUUFDRixDQUNBLDRDQU1FLGtCQUFtQixDQUhuQiw2Q0FBOEMsQ0FDOUMsb0NBQXFDLENBRnJDLGlCQUFrQixDQUdsQixZQUFhLENBRWIscUJBQXNCLENBRXRCLE9BQVEsQ0FSUixjQUFlLENBT2YsaUJBQWtCLENBRWxCLG9DQUNGLENBQ0Esb0VBRUUsVUFBVyxDQURYLGlCQUVGLENBQ0Esc0dBQ0Usb0RBQ0YsQ0FDQSw2REFDRSxZQUFhLENBQ2Isa0JBQ0YsQ0FDQSxrRUFDRSxZQUFhLENBRWIsbUJBQXNCLENBRHRCLGtCQUVGLENBQ0EsMERBR0UsWUFBYSxDQUZiLFdBQVksQ0FHWixrQkFBbUIsQ0FGbkIsVUFHRixDQUNBLDZFQUdFLGVBQWdCLENBQ2hCLGdCQUFpQixDQUhqQixhQUFjLENBQ2QsaUJBR0YsQ0FDQSxtRkFLRSxXQUFZLENBRlosTUFBTyxDQUdQLFNBQVUsQ0FMVixpQkFBa0IsQ0FDbEIsS0FBTSxDQUVOLFVBR0YsQ0FDQSxxRUFDRSxXQUNGLENBRUEseUJBQ0UsWUFBYSxDQUNiLHFCQUFzQixDQUN0QixRQUFTLENBQ1QsZ0JBQWlCLENBQ2pCLGVBQWdCLENBRWhCLFdBQVksQ0FEWixzQkFFRixDQUNBLDZDQUNFLFNBQ0YsQ0FDQSx5QkFDRSx1QkFBd0IsQ0FDeEIsb0JBQ0YsQ0FDQSwwQ0FDRSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLFFBQ0YsQ0FDQSxnREFFRSxrQkFBbUIsQ0FJbkIsdUNBQXdDLENBRHhDLGlCQUFrQixDQUVsQix5REFBZ0UsQ0FOaEUsWUFBYSxDQUViLDZCQUE4QixDQUs5QixlQUFnQixDQUpoQixXQUtGLENBQ0EsOERBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYixPQUFRLENBQ1IsU0FDRixDQUNBLGtGQUNFLFlBQWEsQ0FFYixXQUFZLENBRFosa0JBQW1CLENBRW5CLFVBQ0YsQ0FDQSw0RUFDRSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLE9BQVEsQ0FDUixzQkFBdUIsQ0FDdkIsZUFBZ0IsQ0FDaEIsc0JBQXVCLENBQ3ZCLGtCQUFtQixDQUNuQixVQUNGLENBQ0Esa0ZBS0UsdUJBQXdCLENBRHhCLGFBQWMsQ0FIZCxlQUFnQixDQUVoQixzQkFBdUIsQ0FEdkIsa0JBSUYsQ0FDQSxpRUFFRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQUViLE9BQ0YsQ0FDQSw2SkFLRSxjQUFlLENBRmYsWUFBYSxDQUZiLFdBQVksQ0FHWixrQkFBbUIsQ0FGbkIsVUFJRixDQUVBLDRCQUdFLGtCQUFtQixDQUZuQixZQUFhLENBQ2IsT0FFRixDQUNBLHFEQUVFLFVBQVcsQ0FEWCxpQkFFRixDQUVBLGNBQ0UsWUFDRixDQUVBLGtDQUVFLGtCQUFtQixDQURuQixVQUVGLENBRUEscUJBTUUsa0JBQW1CLENBTW5CLDBDQUEyQyxDQUYzQyx3Q0FBeUMsQ0FQekMsUUFBUyxDQUVULFlBQWEsQ0FJYixRQUFTLENBRlQsc0JBQXVCLENBQ3ZCLHdCQUF5QixDQUd6QixlQUFnQixDQVRoQixpQkFBa0IsQ0FFbEIsT0FBUSxDQUhSLFVBWUYsQ0FFQSxvQkFDRSxXQUNGLENBRUEsMkJBSUUsa0JBQW1CLENBSG5CLFlBQWEsQ0FDYixxQkFBc0IsQ0FDdEIsUUFFRixDQVFBLCtDQUxFLFlBQWEsQ0FFYixRQUFTLENBRFQsV0FTRixDQUxBLHVCQUVFLHFCQUdGLENBRUEsa0JBTUUsd0NBQXlDLENBSnpDLG9DQUFxQyxDQUNyQyxpQkFBa0IsQ0FJbEIsdUJBQXdCLENBSHhCLGNBQWUsQ0FIZixnQkFBaUIsQ0FJakIscURBR0YsQ0FTQSxrRkFDRSwyREFBNEQsQ0FDNUQsdUJBQ0YsQ0FFQSwwQkFLRSx3Q0FBeUMsQ0FEekMsd0NBQXlDLENBSHpDLFlBQWEsQ0FDYixxQkFBc0IsQ0FJdEIsY0FBaUIsQ0FIakIsV0FJRixDQUVBLHVCQUlFLFlBQWEsQ0FDYixxQkFBc0IsQ0FDdEIsT0FBUSxDQUxSLGVBQWdCLENBRWhCLFFBQVMsQ0FEVCxTQUtGLENBRUEsc0JBRUUsaUJBQWtCLENBQ2xCLGNBQWUsQ0FGZixXQUdGLENBS0EsNERBQ0UsMkRBQTRELENBQzVELHVCQUNGIiwiZmlsZSI6IkZpbGVEcm9wem9uZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZmLWZpbGUtZHJvcHpvbmUtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMTBweDtcbn1cbi5mZi1maWxlLWRyb3B6b25lLXdyYXBwZXIgLmZmLWZpbGUtZHJvcHpvbmUge1xuICBwYWRkaW5nOiAxNnB4IDA7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgYmFja2dyb3VuZDogdmFyKC0tZmlsZS1kcm9wem9uZS1kZWZhdWx0LWNvbG9yKTtcbiAgYm9yZGVyOiAxcHggZGFzaGVkIHZhcigtLWJyYW5kLWNvbG9yKTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBnYXA6IDhweDtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzIGVhc2U7XG59XG4uZmYtZmlsZS1kcm9wem9uZS13cmFwcGVyIC5mZi1maWxlLWRyb3B6b25lIC5mZi1yYWRpby1ncm91cC13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3R0b206IDhweDtcbn1cbi5mZi1maWxlLWRyb3B6b25lLXdyYXBwZXIgLmZmLWZpbGUtZHJvcHpvbmU6aG92ZXIsIC5mZi1maWxlLWRyb3B6b25lLXdyYXBwZXIgLmZmLWZpbGUtZHJvcHpvbmUtLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWZpbGUtZHJvcHpvbmUtc2VsZWN0ZWQtY29sb3IpO1xufVxuLmZmLWZpbGUtZHJvcHpvbmUtd3JhcHBlciAuZmYtZmlsZS1kcm9wem9uZS0td2Vic2VydmljZS1maWxlIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgcGxhY2UtaXRlbXM6IGNlbnRlcjtcbn1cbi5mZi1maWxlLWRyb3B6b25lLXdyYXBwZXIgLmZmLWZpbGUtZHJvcHpvbmUtLXdlYnNlcnZpY2UtY29udGFpbmVyIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgcGxhY2UtaXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMTZweCAwIDQwcHggMDtcbn1cbi5mZi1maWxlLWRyb3B6b25lLXdyYXBwZXIgLmZmLWZpbGUtZHJvcHpvbmUtY29udGVudF9faWNvbiB7XG4gIGhlaWdodDogODBweDtcbiAgd2lkdGg6IDgwcHg7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG59XG4uZmYtZmlsZS1kcm9wem9uZS13cmFwcGVyIC5mZi1maWxlLWRyb3B6b25lLWNvbnRlbnRfX2xhYmVscyAuY2hvb3NlLWZpbGUtYnRuIHtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbGluZS1oZWlnaHQ6IDE1cHg7XG59XG4uZmYtZmlsZS1kcm9wem9uZS13cmFwcGVyIC5mZi1maWxlLWRyb3B6b25lLWNvbnRlbnRfX2xhYmVscyAuY2hvb3NlLWZpbGUtYnRuIGlucHV0IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9wYWNpdHk6IDA7XG59XG4uZmYtZmlsZS1kcm9wem9uZS13cmFwcGVyIC5mZi1maWxlLWRyb3B6b25lLWNvbnRlbnRfX3dlYnNlcnZpY2UtZmlsZSB7XG4gIHBhZGRpbmc6IDRweDtcbn1cblxuLmZmLWZpbGUtZGV0YWlscy13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAxMHB4O1xuICBtYXgtaGVpZ2h0OiAzMDBweDtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gIHBhZGRpbmc6IDJweDtcbn1cbi5mZi1maWxlLWRldGFpbHMtd3JhcHBlciA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgd2lkdGg6IDJweDtcbn1cbi5mZi1maWxlLWRldGFpbHMtd3JhcHBlciB7XG4gIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgc2Nyb2xsYmFyLXdpZHRoOiB0aGluO1xufVxuLmZmLWZpbGUtZGV0YWlscy13cmFwcGVyIC5mZi1maWxlLWRldGFpbHMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDEwcHg7XG59XG4uZmYtZmlsZS1kZXRhaWxzLXdyYXBwZXIgLmZmLWZpbGUtZGV0YWlsc19faXRlbSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcGFkZGluZzogNHB4O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWZpbGUtZGV0YWlscy1iZyk7XG4gIGJveC1zaGFkb3c6IDBweCAwcHggNHB4IDBweCB2YXIoLS1maWxlLWRldGFpbHMtY29udGFpbmVyLXNoYWRvdyk7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG4uZmYtZmlsZS1kZXRhaWxzLXdyYXBwZXIgLmZmLWZpbGUtZGV0YWlsc19faXRlbSAuZmYtZmlsZS1pbmZvIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA0cHg7XG4gIHdpZHRoOiA4NyU7XG59XG4uZmYtZmlsZS1kZXRhaWxzLXdyYXBwZXIgLmZmLWZpbGUtZGV0YWlsc19faXRlbSAuZmYtZmlsZS1pbmZvIC5mZi1maWxlLWluZm9fX2ljb24ge1xuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBoZWlnaHQ6IDI0cHg7XG4gIHdpZHRoOiAyNHB4O1xufVxuLmZmLWZpbGUtZGV0YWlscy13cmFwcGVyIC5mZi1maWxlLWRldGFpbHNfX2l0ZW0gLmZmLWZpbGUtaW5mb19fbmFtZS13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAycHg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgd2lkdGg6IDEwMCU7XG59XG4uZmYtZmlsZS1kZXRhaWxzLXdyYXBwZXIgLmZmLWZpbGUtZGV0YWlsc19faXRlbSAuZmYtZmlsZS1pbmZvX19uYW1lLXdyYXBwZXJfX25hbWUge1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LWNvbG9yKTtcbn1cbi5mZi1maWxlLWRldGFpbHMtd3JhcHBlciAuZmYtZmlsZS1kZXRhaWxzX19pdGVtIC5mZi1maWxlLWFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDhweDtcbn1cbi5mZi1maWxlLWRldGFpbHMtd3JhcHBlciAuZmYtZmlsZS1kZXRhaWxzX19pdGVtIC5mZi1maWxlLWFjdGlvbnNfX2ljb24tcmVwbGFjZSwgLmZmLWZpbGUtZGV0YWlscy13cmFwcGVyIC5mZi1maWxlLWRldGFpbHNfX2l0ZW0gLmZmLWZpbGUtYWN0aW9uc19faWNvbi1yZW1vdmUge1xuICBoZWlnaHQ6IDI0cHg7XG4gIHdpZHRoOiAyNHB4O1xuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5mZi13ZWJzZXJ2aWNlLWZpbGUtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLmZmLXdlYnNlcnZpY2UtZmlsZS13cmFwcGVyIC5mZi13ZWJzZXJ2aWNlLWZpbGUtbmFtZSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm90dG9tOiAycHg7XG59XG5cbi5mZi1pbnB1dC1yZWYge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmYtZGlzYWJsZS1maWxlLWRyb3B6b25lLXdyYXBwZXIge1xuICBvcGFjaXR5OiAwLjU7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cbi5mb290ZXJfYmFzaWNfYnV0dG9uIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiAwO1xuICByaWdodDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIGdhcDogMTZweDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLWJvcmRlci1jb2xvcik7XG4gIHBhZGRpbmc6IDRweCA4cHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXByaW1hcnktaWNvbi1jb2xvcik7XG59XG5cbi5mZi1uby1hcHBzLW1lc3NhZ2Uge1xuICBtYXJnaW46IGF1dG87XG59XG5cbi5mZi11cGxvYWQtb3B0aW9ucy13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAxMHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uZmYtdXBsb2FkLW1vZGUtYnV0dG9ucyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiA2NDBweDtcbiAgZ2FwOiAxMHB4O1xufVxuXG4uZmYtdXJsLXVwbG9hZC13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAxMHB4O1xuICB3aWR0aDogNjQwcHg7XG59XG5cbi5mZi1jdXN0b20tYnV0dG9uIHtcbiAgcGFkZGluZzogOHB4IDE2cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDdweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMnMgZWFzZSwgb3BhY2l0eSAwLjJzIGVhc2U7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRyYXdlci1mb290ZXItYmcpO1xuICBjb2xvcjogdmFyKC0tdGV4dC1jb2xvcik7XG59XG4uZmYtY3VzdG9tLWJ1dHRvbjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRlZmF1bHQtY2hpcC1jb3VudC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXRleHQtY29sb3IpO1xufVxuLmZmLWN1c3RvbS1idXR0b24tLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRlZmF1bHQtY2hpcC1jb3VudC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXRleHQtY29sb3IpO1xufVxuLmZmLWN1c3RvbS1idXR0b24tLWFjdGl2ZTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRlZmF1bHQtY2hpcC1jb3VudC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXRleHQtY29sb3IpO1xufVxuXG4uZmYtdXBsb2FkZWQtYXBwcy13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgd2lkdGg6IDY0MHB4O1xuICBib3JkZXItdG9wOiAycHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZHJhd2VyLWZvb3Rlci1iZyk7XG4gIHBhZGRpbmc6IDEwcHggMHB4O1xufVxuXG4uZmYtdXBsb2FkZWQtYXBwcy1saXN0IHtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDhweDtcbn1cblxuLmZmLXVwbG9hZGVkLWFwcC1pdGVtIHtcbiAgcGFkZGluZzogNnB4O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5mZi11cGxvYWRlZC1hcHAtaXRlbTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRlZmF1bHQtY2hpcC1jb3VudC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXRleHQtY29sb3IpO1xufVxuLmZmLXVwbG9hZGVkLWFwcC1pdGVtLS1zZWxlY3RlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRlZmF1bHQtY2hpcC1jb3VudC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXRleHQtY29sb3IpO1xufSJdfQ== */");

package/lib/components/FileDropzone/FilePreview.js

@@ -1,33 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './FileDropzone.scss';
-import Icon from '../Icon';
-import Tooltip from '../Tooltip';
-import Typography from '../Typography';
-import { useRef } from 'react';
-const FilePreview = ({ file, error, onRemoveClick, onReplaceClick, onUploadFile, isUploadIcon, isRemoveDisabled, isReplaceDisabled, isError = false, isIndependentPreview = false, tooltipPosition = 'bottom', }) => {
-    const fileInputRef = useRef(null);
-    const handleReplaceClick = () => {
-        if (fileInputRef.current) {
-            fileInputRef.current.click();
-        }
-    };
-    const handleFileChange = (event) => {
-        const selectedFile = event.target.files?.[0];
-        if (selectedFile) {
-            onReplaceClick(selectedFile);
-        }
-        event.target.value = '';
-    };
-    return (_jsxs("div", { className: "ff-file-details__item", children: [_jsxs("div", { className: "ff-file-info", children: [_jsx("div", { className: "ff-file-info__icon", children: _jsx(Icon, { name: "file", color: 'var(--icons-default-color)', height: 16, width: 16 }) }), _jsxs("div", { className: "ff-file-info__name-wrapper", children: [_jsx(Tooltip, { title: file?.name, placement: tooltipPosition, children: _jsx(Typography, { lineHeight: "18px", fontWeight: "semi-bold", color: 'var(--text-color)', className: "ff-file-info__name-wrapper__name", children: file?.name }) }), isError && (_jsx(Typography, { fontSize: 8, color: 'var(--error-light)', lineHeight: "12px", letterSpacing: "0.5px", children: error }))] })] }), _jsxs("div", { className: "ff-file-actions", children: [_jsx("div", { className: "ff-file-actions__icon-replace", children: _jsx(Tooltip, { disabled: isReplaceDisabled, title: "Replace", children: _jsx(Icon, { disabled: isReplaceDisabled, name: "replace_file", color: 'var(--icons-default-color)', height: 16, width: 16, hoverEffect: true, onClick: () => {
-                                    if (isIndependentPreview) {
-                                        handleReplaceClick();
-                                    }
-                                    else {
-                                        onReplaceClick(file);
-                                    }
-                                } }) }) }), _jsx("div", { className: "ff-file-actions__icon-remove", children: _jsx(Tooltip, { disabled: isRemoveDisabled, title: "Remove", children: _jsx(Icon, { disabled: isRemoveDisabled, name: "close_pill", height: 16, width: 16, hoverEffect: true, onClick: () => onRemoveClick(file) }) }) }), isUploadIcon && (_jsx("div", { className: "ff-file-actions__icon-remove", children: _jsx(Tooltip, { title: "Upload", children: _jsx(Icon, { name: "upload_pill", height: 16, width: 16, hoverEffect: true, color: 'var(--default-icon-color)', onClick: () => {
-                                    onUploadFile && onUploadFile();
-                                } }) }) }))] }), isIndependentPreview && (_jsx("input", { type: "file", ref: fileInputRef, className: "ff-input-ref", onChange: handleFileChange, accept: file.type, style: { display: 'none' } }))] }, file.name));
-};
-export default FilePreview;
-//# sourceMappingURL=FilePreview.js.map
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import"./FileDropzone.scss.js";import l from"../Icon/Icon.js";import o from"../Tooltip/Tooltip.js";import r from"../Typography/Typography.js";import{useRef as c}from"react";const a=({file:a,error:t,onRemoveClick:n,onReplaceClick:f,onUploadFile:s,isUploadIcon:d,isRemoveDisabled:p,isReplaceDisabled:m,isError:h=!1,isIndependentPreview:v=!1,tooltipPosition:_="bottom"})=>{const g=c(null);return e("div",{className:"ff-file-details__item",children:[e("div",{className:"ff-file-info",children:[i("div",{className:"ff-file-info__icon",children:i(l,{name:"file",color:"var(--icons-default-color)",height:16,width:16})}),e("div",{className:"ff-file-info__name-wrapper",children:[i(o,{title:a?.name,placement:_,children:i(r,{lineHeight:"18px",fontWeight:"semi-bold",color:"var(--text-color)",className:"ff-file-info__name-wrapper__name",children:a?.name})}),h&&i(r,{fontSize:8,color:"var(--error-light)",lineHeight:"12px",letterSpacing:"0.5px",children:t})]})]}),e("div",{className:"ff-file-actions",children:[i("div",{className:"ff-file-actions__icon-replace",children:i(o,{disabled:m,title:"Replace",children:i(l,{disabled:m,name:"replace_file",color:"var(--icons-default-color)",height:16,width:16,hoverEffect:!0,onClick:()=>{v?g.current&&g.current.click():f(a)}})})}),i("div",{className:"ff-file-actions__icon-remove",children:i(o,{disabled:p,title:"Remove",children:i(l,{disabled:p,name:"close_pill",height:16,width:16,hoverEffect:!0,onClick:()=>n(a)})})}),d&&i("div",{className:"ff-file-actions__icon-remove",children:i(o,{title:"Upload",children:i(l,{name:"upload_pill",height:16,width:16,hoverEffect:!0,color:"var(--default-icon-color)",onClick:()=>{s&&s()}})})})]}),v&&i("input",{type:"file",ref:g,className:"ff-input-ref",onChange:e=>{const i=e.target.files?.[0];i&&f(i),e.target.value=""},accept:a.type,style:{display:"none"}})]},a.name)};export{a as default};

package/lib/components/FileDropzone/RadioFilePreview.js

@@ -1,50 +1 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import './FileDropzone.scss';
-import Icon from '../Icon';
-import Tooltip from '../Tooltip';
-import Typography from '../Typography';
-import { useEffect, useRef, useState } from 'react';
-import { truncateText } from '../../utils/truncateText/truncateText';
-const RadioFilePreview = ({ selectedFile, onFileRemoveClick, onFileReplaceClick, selectedRadioOption, setShowDrawer, setFileContent, }) => {
-    const fileInputRef = useRef(null);
-    const wrapperRef = useRef(null);
-    const [maxTextWidth, setMaxTextWidth] = useState();
-    useEffect(() => {
-        if (wrapperRef.current) {
-            const fullWidth = wrapperRef.current.offsetWidth;
-            setMaxTextWidth(fullWidth);
-        }
-    }, []);
-    const getFileExtension = () => {
-        if (!selectedFile)
-            return '';
-        const lastDotIndex = selectedFile.lastIndexOf('.');
-        if (lastDotIndex === -1)
-            return '';
-        return selectedFile.substring(lastDotIndex);
-    };
-    const handleReplaceClick = () => {
-        if (selectedRadioOption?.value === 'Test Data') {
-            setShowDrawer?.(true);
-            return;
-        }
-        fileInputRef.current?.click();
-    };
-    const handleFileChange = (event) => {
-        const file = event.target.files?.[0];
-        const readerFileData = new FileReader();
-        if (file) {
-            readerFileData.readAsText(file);
-            readerFileData.onload = async () => {
-                const fileContent = await readerFileData.result;
-                if (setFileContent) {
-                    setFileContent(fileContent);
-                }
-            };
-            onFileReplaceClick?.(file);
-        }
-    };
-    return (_jsxs("div", { className: "ff-webservice-file-wrapper", ref: wrapperRef, children: [_jsx("div", { className: "ff-file-info", children: _jsx(Tooltip, { title: selectedFile, children: _jsx(Typography, { lineHeight: "18px", fontWeight: "semi-bold", color: 'var(--text-color)', className: "ff-webservice-file-name", children: truncateText(selectedFile, maxTextWidth, 'pixel') }) }) }), _jsx(_Fragment, { children: _jsx(Tooltip, { title: "Remove", children: _jsx(Icon, { name: "close", height: 12, width: 12, hoverEffect: true, onClick: onFileRemoveClick }) }) }), _jsxs(_Fragment, { children: [_jsx(Tooltip, { title: "Replace", children: _jsx(Icon, { name: "replace_file", color: 'var(--icons-default-color)', height: 16, width: 16, hoverEffect: true, onClick: handleReplaceClick }) }), _jsx("input", { type: "file", ref: fileInputRef, className: "ff-input-ref", onChange: handleFileChange, accept: getFileExtension() })] })] }));
-};
-export default RadioFilePreview;
-//# sourceMappingURL=RadioFilePreview.js.map
+import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import"./FileDropzone.scss.js";import i from"../Icon/Icon.js";import o from"../Tooltip/Tooltip.js";import l from"../Typography/Typography.js";import{useRef as c,useState as n,useEffect as s}from"react";import{truncateText as a}from"../../utils/truncateText/truncateText.js";const f=({selectedFile:f,onFileRemoveClick:p,onFileReplaceClick:m,selectedRadioOption:d,setShowDrawer:h,setFileContent:u})=>{const v=c(null),g=c(null),[w,x]=n();s(()=>{if(g.current){const e=g.current.offsetWidth;x(e)}},[]);return e("div",{className:"ff-webservice-file-wrapper",ref:g,children:[t("div",{className:"ff-file-info",children:t(o,{title:f,children:t(l,{lineHeight:"18px",fontWeight:"semi-bold",color:"var(--text-color)",className:"ff-webservice-file-name",children:a(f,w,"pixel")})})}),t(r,{children:t(o,{title:"Remove",children:t(i,{name:"close",height:12,width:12,hoverEffect:!0,onClick:p})})}),e(r,{children:[t(o,{title:"Replace",children:t(i,{name:"replace_file",color:"var(--icons-default-color)",height:16,width:16,hoverEffect:!0,onClick:()=>{"Test Data"!==d?.value?v.current?.click():h?.(!0)}})}),t("input",{type:"file",ref:v,className:"ff-input-ref",onChange:e=>{const t=e.target.files?.[0],r=new FileReader;t&&(r.readAsText(t),r.onload=async()=>{const e=await r.result;u&&u(e)},m?.(t))},accept:(()=>{if(!f)return"";const e=f.lastIndexOf(".");return-1===e?"":f.substring(e)})()})]})]})};export{f as default};

package/lib/components/Form/Form.js

@@ -1,3 +1 @@
-import * as Form from 'react-hook-form';
-export default Form;
-//# sourceMappingURL=Form.js.map
+import*as o from"../../node_modules/react-hook-form/dist/index.esm.js";export{o as default};

package/lib/components/Form/Forms.js

@@ -1,19 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle } from 'react';
-import Form from './Form';
-const Forms = ({ onSubmit, children, id, ...rest }, ref) => {
-    const methods = Form.useForm(rest);
-    const { handleSubmit } = methods;
-    const extendedMethods = {
-        ...methods,
-        Form: Form,
-    };
-    useImperativeHandle(ref, () => ({
-        submit: handleSubmit(onSubmit),
-        ...extendedMethods,
-    }));
-    return (_jsx("form", { id: id, onSubmit: handleSubmit(onSubmit), children: children(extendedMethods) }));
-};
-const ForwardedForms = forwardRef(Forms);
-export default ForwardedForms;
-//# sourceMappingURL=Forms.js.map
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as r,useImperativeHandle as m}from"react";import*as t from"../../node_modules/react-hook-form/dist/index.esm.js";const e=r(({onSubmit:r,children:e,id:i,...n},s)=>{const d=t.useForm(n),{handleSubmit:u}=d,a={...d,Form:t};return m(s,()=>({submit:u(r),...a})),o("form",{id:i,onSubmit:u(r),children:e(a)})});export{e as default};

package/lib/components/GridLayout/GridLayout.js

@@ -1,15 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import './GridLayout.scss';
-import cx from 'classnames';
-export const Container = ({ children, fluid = false, gap = '0px', className = '', }) => {
-    const containerClassName = fluid ? 'ff-container-fluid' : 'ff-container';
-    return (_jsx("div", { className: cx(containerClassName, className), style: { gap }, children: children }));
-};
-export const Row = ({ children, gap = '0px', className = '', }) => {
-    return (_jsx("div", { className: cx('ff-row', className), style: { gap }, children: children }));
-};
-export const Col = ({ children, size = 12, className = '', }) => {
-    const colClassName = `ff-col-${size}`;
-    return _jsx("div", { className: cx(colClassName, className), children: children });
-};
-//# sourceMappingURL=GridLayout.js.map
+import{jsx as s}from"react/jsx-runtime";import"./GridLayout.scss.js";import a from"../../_virtual/index.js";const e=({children:e,fluid:i=!1,gap:r="0px",className:c=""})=>s("div",{className:a(i?"ff-container-fluid":"ff-container",c),style:{gap:r},children:e}),i=({children:e,gap:i="0px",className:r=""})=>s("div",{className:a("ff-row",r),style:{gap:i},children:e}),r=({children:e,size:i=12,className:r=""})=>s("div",{className:a(`ff-col-${i}`,r),children:e});export{r as Col,e as Container,i as Row};

package/lib/components/GridLayout/GridLayout.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i(".ff-container{width:90%}.ff-container,.ff-container-fluid{display:grid;margin-left:auto;margin-right:auto}.ff-container-fluid{width:100%}.ff-row{display:grid;grid-template-columns:repeat(12,1fr)}.ff-col{grid-column:span 12}.ff-col-1{grid-column:span 1}.ff-col-2{grid-column:span 2}.ff-col-3{grid-column:span 3}.ff-col-4{grid-column:span 4}.ff-col-5{grid-column:span 5}.ff-col-6{grid-column:span 6}.ff-col-7{grid-column:span 7}.ff-col-8{grid-column:span 8}.ff-col-9{grid-column:span 9}.ff-col-10{grid-column:span 10}.ff-col-11{grid-column:span 11}.ff-col-12{grid-column:span 12}@media (max-width:768px){.ff-col{grid-column:span 12}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWRMYXlvdXQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxjQUdFLFNBRUYsQ0FFQSxrQ0FIRSxZQUFhLENBRmIsZ0JBQWlCLENBRGpCLGlCQVdGLENBTEEsb0JBQ0UsVUFJRixDQUdBLFFBQ0UsWUFBYSxDQUNiLG9DQUNGLENBR0EsUUFDRSxtQkFDRixDQUVBLFVBQ0Usa0JBQ0YsQ0FFQSxVQUNFLGtCQUNGLENBRUEsVUFDRSxrQkFDRixDQUVBLFVBQ0Usa0JBQ0YsQ0FFQSxVQUNFLGtCQUNGLENBRUEsVUFDRSxrQkFDRixDQUVBLFVBQ0Usa0JBQ0YsQ0FFQSxVQUNFLGtCQUNGLENBRUEsVUFDRSxrQkFDRixDQUVBLFdBQ0UsbUJBQ0YsQ0FFQSxXQUNFLG1CQUNGLENBRUEsV0FDRSxtQkFDRixDQUVBLHlCQUVFLFFBQ0UsbUJBQ0YsQ0FDRiIsImZpbGUiOiJHcmlkTGF5b3V0LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBDb250YWluZXIgKi9cbi5mZi1jb250YWluZXIge1xuICBtYXJnaW4tcmlnaHQ6IGF1dG87XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICB3aWR0aDogOTAlO1xuICBkaXNwbGF5OiBncmlkO1xufVxuXG4uZmYtY29udGFpbmVyLWZsdWlkIHtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gIGRpc3BsYXk6IGdyaWQ7XG59XG5cbi8qIFJvdyAqL1xuLmZmLXJvdyB7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDEyLCAxZnIpO1xufVxuXG4vKiBDb2x1bW4gc2l6ZXMgYmFzZWQgb24gYSAxMi1jb2x1bW4gbGF5b3V0ICovXG4uZmYtY29sIHtcbiAgZ3JpZC1jb2x1bW46IHNwYW4gMTI7XG59XG5cbi5mZi1jb2wtMSB7XG4gIGdyaWQtY29sdW1uOiBzcGFuIDE7XG59XG5cbi5mZi1jb2wtMiB7XG4gIGdyaWQtY29sdW1uOiBzcGFuIDI7XG59XG5cbi5mZi1jb2wtMyB7XG4gIGdyaWQtY29sdW1uOiBzcGFuIDM7XG59XG5cbi5mZi1jb2wtNCB7XG4gIGdyaWQtY29sdW1uOiBzcGFuIDQ7XG59XG5cbi5mZi1jb2wtNSB7XG4gIGdyaWQtY29sdW1uOiBzcGFuIDU7XG59XG5cbi5mZi1jb2wtNiB7XG4gIGdyaWQtY29sdW1uOiBzcGFuIDY7XG59XG5cbi5mZi1jb2wtNyB7XG4gIGdyaWQtY29sdW1uOiBzcGFuIDc7XG59XG5cbi5mZi1jb2wtOCB7XG4gIGdyaWQtY29sdW1uOiBzcGFuIDg7XG59XG5cbi5mZi1jb2wtOSB7XG4gIGdyaWQtY29sdW1uOiBzcGFuIDk7XG59XG5cbi5mZi1jb2wtMTAge1xuICBncmlkLWNvbHVtbjogc3BhbiAxMDtcbn1cblxuLmZmLWNvbC0xMSB7XG4gIGdyaWQtY29sdW1uOiBzcGFuIDExO1xufVxuXG4uZmYtY29sLTEyIHtcbiAgZ3JpZC1jb2x1bW46IHNwYW4gMTI7XG59XG5cbkBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuICAvKiBTdGFja2luZyBjb2x1bW5zIG9uIHNtYWxsIHNjcmVlbnMgKi9cbiAgLmZmLWNvbCB7XG4gICAgZ3JpZC1jb2x1bW46IHNwYW4gMTI7XG4gIH1cbn0iXX0= */");

package/lib/components/HighlightText/HighlightText.js

@@ -1,21 +1 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import './HighlightText.scss';
-import classNames from 'classnames';
-import { Fragment } from 'react';
-// Function to escape special characters in the search term
-const escapeRegExp = (text) => {
-    return text?.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
-};
-const HighlightText = ({ text = '', highlight = '', onlyExactMatch = false, }) => {
-    if (!highlight)
-        return _jsx("span", { children: text });
-    const escapedHighlight = escapeRegExp(highlight); // Escape special characters
-    const parts = text?.split(new RegExp(`(${escapedHighlight})`, 'gi')); // Use escaped string in the regex
-    if (onlyExactMatch) {
-        const isTextEqualsHighlight = text.toLowerCase() === highlight.toLowerCase();
-        return (_jsx("span", { className: classNames(isTextEqualsHighlight ? 'ff-highlight-bg' : ''), children: text }));
-    }
-    return (_jsx(_Fragment, { children: parts.map((part, index) => part?.toLowerCase() === highlight?.toLowerCase() ? (_jsx("span", { className: "ff-highlight-bg", children: part }, `highlight-${index}-${part}`)) : (_jsx(Fragment, { children: part }, `normal-${index}-${part}`))) }));
-};
-export default HighlightText;
-//# sourceMappingURL=HighlightText.js.map
+import{jsx as t,Fragment as e}from"react/jsx-runtime";import"./HighlightText.scss.js";import r from"../../_virtual/index.js";import{Fragment as i}from"react";const a=({text:a="",highlight:s="",onlyExactMatch:o=!1})=>{if(!s)return t("span",{children:a});const h=(t=>t?.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(s),n=a?.split(new RegExp(`(${h})`,"gi"));if(o){const e=a.toLowerCase()===s.toLowerCase();return t("span",{className:r(e?"ff-highlight-bg":""),children:a})}return t(e,{children:n.map((e,r)=>e?.toLowerCase()===s?.toLowerCase()?t("span",{className:"ff-highlight-bg",children:e},`highlight-${r}-${e}`):t(i,{children:e},`normal-${r}-${e}`))})};export{a as default};

package/lib/components/HighlightText/HighlightText.scss.js

@@ -0,0 +1 @@
+import d from"../../node_modules/style-inject/dist/style-inject.es.js";d(".ff-highlight-bg{background-color:var(--text-bg-highlight)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhpZ2hsaWdodFRleHQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFDRSx5Q0FDRiIsImZpbGUiOiJIaWdobGlnaHRUZXh0LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmYtaGlnaGxpZ2h0LWJnIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdGV4dC1iZy1oaWdobGlnaHQpO1xufSJdfQ== */");