pixel-react 1.11.22 → 1.11.24

package/lib/components/Excel/dataConversion.js

@@ -0,0 +1,136 @@
+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';
+        default:
+            return 'left';
+    }
+};
+const getTextAlignmentBack = (alignment) => {
+    switch (alignment) {
+        case 'left':
+            return 'LEFT';
+        case 'right':
+            return 'RIGHT';
+        case 'center':
+            return 'CENTER';
+        case 'justify':
+            return 'JUSTIFY';
+        default:
+            return 'LEFT';
+    }
+};
+const getFontFamily = (selectedFontType) => {
+    const fontFamilyExists = fontFamilyList.some((element) => element.value === 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),
+    };
+}
+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: frontendStyle.borderTop &&
+            frontendStyle.borderTop.toString().includes('solid')
+            ? 'F2F2F2'
+            : '000000',
+        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: 'BOTTOM',
+            wrapText: false,
+        },
+    };
+};
+//# sourceMappingURL=dataConversion.js.map

package/lib/components/Excel/dataConversion.js.map

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

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

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

package/lib/components/Excel/index.js

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

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

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

package/lib/components/ExpandableMenu/ExpandableMenu.d.ts

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

package/lib/components/ExpandableMenu/ExpandableMenu.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } 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';
+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 }) => {
+    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 (_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: [_jsxs("div", { className: `ff-label-chip ff-label-chip--${variant} ff-expandable-chip-menu--${size}`, onClick: toggleExpand, 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("div", { className: classNames('ff-sub-chip', `ff-sub-chip--${variant}`, `ff-sub-chip--${size}`, {
+                        selected: selectedMenu === chip,
+                    }), onClick: () => handleSelectedMenu(chip), children: chip }, index))) }))] }));
+};
+export default ExpandableMenu;
+//# sourceMappingURL=ExpandableMenu.js.map

package/lib/components/ExpandableMenu/ExpandableMenu.js.map

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

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

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

package/lib/components/ExpandableMenu/index.js

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

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

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

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

@@ -0,0 +1,35 @@
+export interface ExpandableMenuProps {
+    /**
+     * mandatory | label for the expandable menu
+     */
+    label: string;
+    /**
+     * optional | Icon to describe direction of expansion
+     */
+    icon?: React.ReactNode;
+    /**
+     * optional | variant of the menu
+     */
+    variant?: 'primary';
+    /**
+     * optional | size of the expandable menu
+     */
+    size?: 'medium';
+    /**
+     * optional | disable to disable the menu and prevent click events but not hover event
+     */
+    disable?: boolean;
+    /**
+     * Mandatory |  sub menus to be shown inside  expandable menu
+     */
+    subMenus: string[];
+    /**
+     * optional | selected sub menu of the expandable menu
+     */
+    selectedMenu?: string;
+    /**
+     * optional | onSubMenuClick event to perform action on click of sub menu
+     */
+    onSubMenuClick?: (subChip: any) => void;
+    menuExpandStatus?: boolean;
+}

package/lib/components/ExpandableMenu/types.js

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

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

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

package/lib/components/ExpandableTable/ExpandableTable.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface TableRow {
+    id: number;
+    name: string;
+    age: number;
+    details: string;
+}
+interface ExpandableTableProps {
+    data: TableRow[];
+}
+declare const ExpandableTable: React.FC<ExpandableTableProps>;
+export default ExpandableTable;

package/lib/components/ExpandableTable/ExpandableTable.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from "react";
+const ExpandableTable = ({ data }) => {
+    // State to track expanded rows (using row IDs)
+    const [expandedRows, setExpandedRows] = useState([]);
+    const toggleRowExpansion = (rowId) => {
+        setExpandedRows((prev) => prev.includes(rowId)
+            ? prev.filter((id) => id !== rowId)
+            : [...prev, rowId]);
+    };
+    return (_jsxs("table", { style: { width: '100%', borderCollapse: 'collapse' }, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { style: { border: '1px solid black', padding: '8px' }, children: "Name" }), _jsx("th", { style: { border: '1px solid black', padding: '8px' }, children: "Age" }), _jsx("th", { style: { border: '1px solid black', padding: '8px' }, children: "Actions" })] }) }), _jsx("tbody", { children: data.map((row) => (_jsxs(React.Fragment, { children: [_jsxs("tr", { children: [_jsx("td", { style: { border: '1px solid black', padding: '8px' }, children: row.name }), _jsx("td", { style: { border: '1px solid black', padding: '8px' }, children: row.age }), _jsx("td", { style: { border: '1px solid black', padding: '8px' }, children: _jsx("button", { onClick: () => toggleRowExpansion(row.id), children: expandedRows.includes(row.id) ? 'Collapse' : 'Expand' }) })] }), expandedRows.includes(row.id) && (_jsx("tr", { children: _jsxs("td", { colSpan: 3, style: {
+                                    border: '1px solid black',
+                                    padding: '8px',
+                                    backgroundColor: '#f9f9f9',
+                                    height: '200px',
+                                }, children: [_jsx("strong", { children: "Details:" }), " ", row.details] }) }))] }, row.id))) })] }));
+};
+export default ExpandableTable;
+//# sourceMappingURL=ExpandableTable.js.map

package/lib/components/ExpandableTable/ExpandableTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableTable.js","sourceRoot":"","sources":["../../../src/components/ExpandableTable/ExpandableTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAcxC,MAAM,eAAe,GAAmC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACnE,+CAA+C;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAE/D,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC3C,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE,CACvB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;YAClB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,KAAK,CAAC;YACnC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,CACrB,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,iBAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,aACzD,0BACE,yBACE,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,qBAAW,EACnE,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,oBAAU,EAClE,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,wBAAc,IACnE,GACC,EACR,0BACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,MAAC,KAAK,CAAC,QAAQ,eAEb,yBACE,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,YACrD,GAAG,CAAC,IAAI,GACN,EACL,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,YACrD,GAAG,CAAC,GAAG,GACL,EACL,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,YACtD,iBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC,YAC9C,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,GAC/C,GACN,IACF,EAEJ,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAChC,uBACE,cACE,OAAO,EAAE,CAAC,EACV,KAAK,EAAE;oCACL,MAAM,EAAE,iBAAiB;oCACzB,OAAO,EAAE,KAAK;oCACd,eAAe,EAAE,SAAS;oCAC1B,MAAM,EAAE,OAAO;iCAChB,aAED,wCAAyB,OAAE,GAAG,CAAC,OAAO,IACnC,GACF,CACN,KA9BkB,GAAG,CAAC,EAAE,CA+BV,CAClB,CAAC,GACI,IACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/FF_Captcha/Recaptcha.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import ReCAPTCHA from 'react-google-recaptcha';
+import { RecaptchaProps } from './types';
+import './Recaptcha.scss';
+declare const Recaptcha: React.ForwardRefExoticComponent<RecaptchaProps & React.RefAttributes<ReCAPTCHA>>;
+export default Recaptcha;

package/lib/components/FF_Captcha/Recaptcha.js

@@ -0,0 +1,24 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Recaptcha.js","sourceRoot":"","sources":["../../../src/components/FF_Captcha/Recaptcha.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,UAAU,EAAsB,MAAM,OAAO,CAAC;AACxE,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,kDAAkD;AAClD,MAAM,cAAc,GAAG,SAUtB,CAAC;AACF,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EACrE,GAAmB,EACnB,EAAE;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxE,MAAM,YAAY,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC5C,IAAI,KAAK,EAAE,CAAC;YACV,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,6BAA6B,CAAC,CAAC;QAClD,CAAC;IACH,CAAC,CAAC;IACF,MAAM,KAAK,GAAG,aAAa,IAAI,aAAa,CAAC;IAC7C,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,aAC3D,KAAC,cAAc,IACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,KAClB,KAAK,GACT,EACD,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,oBAAoB,YACjC,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,YAAG,KAAK,GAAc,GAC1C,CACP,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,eAAe,SAAS,CAAC"}

package/lib/components/FF_Captcha/index.js

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

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

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

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

@@ -0,0 +1,29 @@
+import { ComponentProps } from 'react';
+type FixedReCAPTCHA = React.ComponentType<{
+    sitekey: string;
+    onChange: (token: string | null) => void;
+    className?: string;
+    theme?: 'light' | 'dark';
+    size?: 'compact' | 'normal' | 'invisible';
+    tabindex?: number;
+    badge?: 'bottomright' | 'bottomleft' | 'inline';
+}>;
+export interface RecaptchaProps extends Omit<ComponentProps<FixedReCAPTCHA>, 'onChange'> {
+    /**
+     * Callback function that receives the verification token
+     */
+    onVerify: (token: string | null) => void;
+    /**
+     * Optional CSS class name
+     */
+    className?: string;
+    /**
+     * Optional error message to display
+     */
+    error?: string | null;
+    /**
+     * reCAPTCHA site key
+     */
+    sitekey: string;
+}
+export {};

package/lib/components/FF_Captcha/types.js

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

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

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

package/lib/components/FieldSet/FieldSet.d.ts

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

package/lib/components/FieldSet/FieldSet.js

@@ -0,0 +1,8 @@
+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

package/lib/components/FieldSet/FieldSet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldSet.js","sourceRoot":"","sources":["../../../src/components/FieldSet/FieldSet.tsx"],"names":[],"mappings":";AACA,OAAO,iBAAiB,CAAC;AAEzB,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,MAAM,QAAQ,GAAsB,CAAC,EACnC,UAAU,EACV,MAAM,EACN,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAC,uBAAuB,YACpC,oBAAU,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,aACxD,iBAAQ,SAAS,EAAC,qBAAqB,YACrC,KAAC,UAAU,IACT,KAAK,EAAC,kCAAkC,EACxC,QAAQ,EAAE,CAAC,EACX,UAAU,EAAC,MAAM,YAEhB,UAAU,GACA,GACN,EACT,cAAK,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAO,IAC9C,GACP,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

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

package/lib/components/FieldSet/index.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface fieldSetProps {
+    legendName: string;
+    height: string;
+    width: string;
+    children: ReactNode | string;
+}

package/lib/components/FieldSet/types.js

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

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

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

package/lib/components/FileDropzone/Dropzone.d.ts

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

package/lib/components/FileDropzone/Dropzone.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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;
+    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, children: _jsx("input", { ...(isDisable
+                                    ? { style: { cursor: 'not-allowed' }, disabled: true }
+                                    : getInputProps()) }) }))] })] })) }));
+};
+export default Dropzone;
+//# sourceMappingURL=Dropzone.js.map

package/lib/components/FileDropzone/Dropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../../src/components/FileDropzone/Dropzone.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,qBAAqB,CAAC;AAE7B,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,QAAQ,GAAuB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,GAAG,KAAK,EACpB,MAAM,GAAG,GAAG,EACZ,wBAAwB,GAAG,KAAK,EAChC,mBAAmB,EACnB,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,cAAc,GACf,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,YAAY,EAAE,IAAI,IAAI,wBAAwB,CAAC;IACxE,OAAO,CACL,iBACM,YAAY,EAAE,EAClB,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE;YACxC,0BAA0B,EAAE,YAAY;YACxC,mCAAmC,EAAE,gBAAgB;YACrD,wCAAwC,EAAE,wBAAwB;YAClE,kCAAkC,EAAE,SAAS;SAC9C,CAAC,EACF,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAExB,gBAAgB,CAAC,CAAC,CAAC,CAClB,KAAC,gBAAgB,IACf,YAAY,EAAE,YAAY,CAAC,IAAI,EAC/B,iBAAiB,EAAE,gBAAgB,EACnC,kBAAkB,EAAE,eAAe,EACnC,eAAe,EAAE,eAAe,EAChC,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC,CAAC,CAAC,CACF,8BACE,cAAK,SAAS,EAAC,gCAAgC,YAAE,IAAI,GAAO,EAC5D,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,UAAU,IACT,EAAE,EAAC,GAAG,EACN,UAAU,EAAC,WAAW,EACtB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,mBAAmB,YAEzB,YAAY,GACF,EACb,KAAC,UAAU,IACT,EAAE,EAAC,GAAG,EACN,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,mBAAmB,YAEzB,cAAc,GACJ,EACZ,wBAAwB,CAAC,CAAC,CAAC,CAC1B,eAAK,SAAS,EAAC,wBAAwB,aACrC,MAAC,UAAU,IAAC,UAAU,EAAC,WAAW,aAC/B,GAAG,sBACa,GAAG,IACT,EACb,KAAC,UAAU,IACT,IAAI,EAAC,yBAAyB,EAC9B,OAAO,EACL,YAAY,IAAI;wCACd,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;qCACnD,EAEH,aAAa,EAAE,mBAAmB,EAAE,KAAK,EACzC,QAAQ,EAAE,kBAAkB,GAC5B,IACE,CACP,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE,WAAW,EAClB,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAE,SAAS,YAEnB,mBACM,CAAC,SAAS;oCACZ,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;oCACtD,CAAC,CAAC,aAAa,EAAE,CAAC,GACpB,GACK,CACV,IACG,IACL,CACJ,GACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/FileDropzone/FileDropzone.d.ts

@@ -0,0 +1,4 @@
+import { FileDropzoneProps } from './types';
+import './FileDropzone.scss';
+declare const FileDropzone: React.FC<FileDropzoneProps>;
+export default FileDropzone;

package/lib/components/FileDropzone/FileDropzone.js

@@ -0,0 +1,42 @@
+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, useRef } from 'react';
+import Dropzone from './Dropzone';
+import FilePreview from './FilePreview';
+import classNames from 'classnames';
+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, }) => {
+    const fileInputRef = useRef(null);
+    const { getRootProps, getInputProps, acceptedFiles, rejectedFiles, isDragActive, handleRemoveClick, handleReplaceClick, } = useFileDropzone({
+        accept,
+        multiple,
+        maxFiles,
+        maxSize,
+        onMaxFilesError,
+        maxSizeErrorMessage,
+        invalidFileMessage,
+        fileExistMessage,
+        validateMIMEType,
+        isApiResponseError,
+        // onDrop: (accepted, rejected, event) => {}, //onDrop function to handle dropped or selected files explicitly.
+    });
+    getAcceptedFiles(acceptedFiles);
+    getRejectedFiles(rejectedFiles);
+    const acceptedFilesList = useMemo(() => acceptedFiles.map((file) => (_jsx(FilePreview, { file: file, onRemoveClick: handleRemoveClick, onReplaceClick: handleReplaceClick, onUploadFile: onUploadFile, isUploadIcon: isUploadIcon }, 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]);
+    const rejectedFilesList = useMemo(() => rejectedFiles.map((rejectedFile) => (_jsx(FilePreview, { file: rejectedFile.file, error: rejectedFile.errors[0]?.message, onRemoveClick: handleRemoveClick, onReplaceClick: handleReplaceClick, onUploadFile: onUploadFile, isUploadIcon: isUploadIcon }, rejectedFile.file.name))), [rejectedFiles, handleRemoveClick, handleReplaceClick, isUploadIcon, onUploadFile]);
+    return (_jsxs("div", { className: classNames('ff-file-dropzone-wrapper'), style: { width: `${width}px` }, children: [_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: [!checkEmpty(acceptedFiles) && (_jsx("div", { className: "ff-file-details", children: acceptedFilesList })), !checkEmpty(rejectedFiles) && (_jsx("div", { className: "ff-file-details", children: rejectedFilesList }))] }))] }));
+};
+export default FileDropzone;
+//# sourceMappingURL=FileDropzone.js.map

package/lib/components/FileDropzone/FileDropzone.js.map

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

package/lib/components/FileDropzone/FilePreview.d.ts

@@ -0,0 +1,4 @@
+import './FileDropzone.scss';
+import { FilePreviewProps } from './types';
+declare const FilePreview: React.FC<FilePreviewProps>;
+export default FilePreview;

package/lib/components/FileDropzone/FilePreview.js

@@ -0,0 +1,12 @@
+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';
+const FilePreview = ({ file, error, onRemoveClick, onReplaceClick, onUploadFile, isUploadIcon, isRemoveDisabled = false, }) => {
+    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, children: _jsx(Typography, { lineHeight: "18px", fontWeight: "semi-bold", color: 'var(--text-color)', className: "ff-file-info__name-wrapper__name", children: file?.name }) }), error && (_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, { title: "Replace", children: _jsx(Icon, { name: "replace_file", color: 'var(--icons-default-color)', height: 16, width: 16, hoverEffect: true, onClick: () => 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();
+                                } }) }) }))] })] }, file.name));
+};
+export default FilePreview;
+//# sourceMappingURL=FilePreview.js.map

package/lib/components/FileDropzone/FilePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreview.js","sourceRoot":"","sources":["../../../src/components/FileDropzone/FilePreview.tsx"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,WAAW,GAA+B,CAAC,EAC/C,IAAI,EACJ,KAAK,EACL,aAAa,EACb,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,gBAAgB,GAAG,KAAK,GACzB,EAAE,EAAE;IACH,OAAO,CACL,eAAqB,SAAS,EAAC,uBAAuB,aACpD,eAAK,SAAS,EAAC,cAAc,aAC3B,cAAK,SAAS,EAAC,oBAAoB,YACjC,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,4BAA4B,EACnC,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,GACT,GACE,EACN,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,YACxB,KAAC,UAAU,IACT,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,WAAW,EACtB,KAAK,EAAE,mBAAmB,EAC1B,SAAS,EAAC,kCAAkC,YAE3C,IAAI,EAAE,IAAI,GACA,GACL,EACT,KAAK,IAAI,CACR,KAAC,UAAU,IACT,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,oBAAoB,EAC3B,UAAU,EAAC,MAAM,EACjB,aAAa,EAAC,OAAO,YAEpB,KAAK,GACK,CACd,IACG,IACF,EACN,eAAK,SAAS,EAAC,iBAAiB,aAC9B,cAAK,SAAS,EAAC,+BAA+B,YAC5C,KAAC,OAAO,IAAC,KAAK,EAAC,SAAS,YACtB,KAAC,IAAI,IACH,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,4BAA4B,EACnC,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,WAAW,QACX,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,GACnC,GACM,GACN,EACN,cAAK,SAAS,EAAC,8BAA8B,YAC3C,KAAC,OAAO,IAAC,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAC,QAAQ,YACjD,KAAC,IAAI,IACH,QAAQ,EAAE,gBAAgB,EAC1B,IAAI,EAAC,YAAY,EACjB,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,WAAW,QACX,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,GAClC,GACM,GACN,EACL,YAAY,IAAI,CACf,cAAK,SAAS,EAAC,8BAA8B,YAC3C,KAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,YACrB,KAAC,IAAI,IACH,IAAI,EAAC,aAAa,EAClB,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,WAAW,QACX,KAAK,EAAE,2BAA2B,EAClC,OAAO,EAAE,GAAG,EAAE;oCACZ,YAAY,IAAI,YAAY,EAAE,CAAC;gCACjC,CAAC,GACD,GACM,GACN,CACP,IACG,KA1EE,IAAI,CAAC,IAAI,CA2Eb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/FileDropzone/RadioFilePreview.d.ts

@@ -0,0 +1,4 @@
+import './FileDropzone.scss';
+import { RadioFilePreviewProps } from './types';
+declare const RadioFilePreview: React.FC<RadioFilePreviewProps>;
+export default RadioFilePreview;