saurabh-table-dnd-edit 1.1.0

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,30 @@
+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

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

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

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,64 @@
+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';
+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]);
+    const rejectedFilesList = useMemo(() => rejectedFiles.map((rejectedFile) => (_jsx(FilePreview, { file: rejectedFile.file, error: invalidFileMessage
+            ? invalidFileMessage
+            : rejectedFile.errors[0]?.message, onRemoveClick: handleRemoveClick, onReplaceClick: handleReplaceClick, onUploadFile: onUploadFile, isUploadIcon: isUploadIcon, isRemoveDisabled: isRemoveDisabled, isReplaceDisabled: isReplaceDisabled, isError: rejectedFile.errors[0]?.message ? true : false }, 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: [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 })), !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,33 @@
+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

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

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

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;

package/lib/components/FileDropzone/RadioFilePreview.js

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

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

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

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

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

package/lib/components/FileDropzone/index.js

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

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

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