pixel-react-excel-sheet 1.2.0 → 1.2.2

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

@@ -1,6 +1,14 @@
 import { ComponentProps } from 'react';
-import ReCAPTCHA from 'react-google-recaptcha';
-export interface RecaptchaProps extends Omit<ComponentProps<typeof ReCAPTCHA>, 'onChange'> {
+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
      */
@@ -18,3 +26,4 @@ export interface RecaptchaProps extends Omit<ComponentProps<typeof ReCAPTCHA>, '
      */
     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.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.js

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

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.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":";AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,GAA+B,CAAC,EAC/C,IAAI,EACJ,KAAK,EACL,aAAa,EACb,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,OAAO,GAAG,KAAK,EACf,oBAAoB,GAAG,KAAK,EAC5B,eAAe,GAAG,QAAQ,GAC3B,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEpD,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,KAA0C,EAAE,EAAE;QACtE,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAC7C,IAAI,YAAY,EAAE,CAAC;YACjB,cAAc,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC;QACD,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;IAC1B,CAAC,CAAC;IACF,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,EAAE,SAAS,EAAE,eAAe,YACpD,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,OAAO,IAAI,CACV,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,QAAQ,EAAE,iBAAiB,EAAE,KAAK,EAAC,SAAS,YACnD,KAAC,IAAI,IACH,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,4BAA4B,EACnC,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,WAAW,QACX,OAAO,EAAE,GAAG,EAAE;oCACZ,IAAI,oBAAoB,EAAE,CAAC;wCACzB,kBAAkB,EAAE,CAAC;oCACvB,CAAC;yCAAM,CAAC;wCACN,cAAc,CAAC,IAAI,CAAC,CAAC;oCACvB,CAAC;gCACH,CAAC,GACD,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,EACL,oBAAoB,IAAI,CACvB,gBACE,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,gBAAgB,EAC1B,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAC1B,CACH,KA3FO,IAAI,CAAC,IAAI,CA4Fb,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;

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":";AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAErE,MAAM,gBAAgB,GAAoC,CAAC,EACzD,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,aAAa,EACb,cAAc,GACf,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC;YACjD,eAAe,CAAC,SAAS,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,CAAC,YAAY;YAAE,OAAO,EAAE,CAAC;QAC7B,MAAM,YAAY,GAAG,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QACnD,IAAI,YAAY,KAAK,CAAC,CAAC;YAAE,OAAO,EAAE,CAAC;QACnC,OAAO,YAAY,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,mBAAmB,EAAE,KAAK,KAAK,WAAW,EAAE,CAAC;YAC/C,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;YACtB,OAAO;QACT,CAAC;QACD,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,KAA0C,EAAE,EAAE;QACtE,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QACrC,MAAM,cAAc,GAAG,IAAI,UAAU,EAAE,CAAC;QACxC,IAAI,IAAI,EAAE,CAAC;YACT,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YAChC,cAAc,CAAC,MAAM,GAAG,KAAK,IAAI,EAAE;gBACjC,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC;gBAChD,IAAI,cAAc,EAAE,CAAC;oBACnB,cAAc,CAAC,WAAqB,CAAC,CAAC;gBACxC,CAAC;YACH,CAAC,CAAC;YACF,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,EAAC,GAAG,EAAE,UAAU,aACzD,cAAK,SAAS,EAAC,cAAc,YAC3B,KAAC,OAAO,IAAC,KAAK,EAAE,YAAY,YAC1B,KAAC,UAAU,IACT,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,WAAW,EACtB,KAAK,EAAE,mBAAmB,EAC1B,SAAS,EAAC,yBAAyB,YAElC,YAAY,CAAC,YAAY,EAAE,YAAY,EAAE,OAAO,CAAC,GACvC,GACL,GACN,EACN,4BACE,KAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,YACrB,KAAC,IAAI,IACH,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,WAAW,QACX,OAAO,EAAE,iBAAiB,GAC1B,GACM,GACT,EACH,8BACE,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,kBAAkB,GAC3B,GACM,EACV,gBACE,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,gBAAgB,EAC1B,MAAM,EAAE,gBAAgB,EAAE,GAC1B,IACD,IACC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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"}

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

@@ -1,4 +1,10 @@
-import { ReactNode } from 'react';
+import { ReactNode, RefObject } from 'react';
+import { DynamicObj } from '../CreateVariable/types';
+export interface RadioOption {
+    label: string;
+    value: string;
+}
+export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
 export interface FileDropzoneProps {
     /**
      *  Icon to be displayed in the dropzone.
@@ -52,6 +58,88 @@ export interface FileDropzoneProps {
      *  To validate file type based on MIME type but mandatorily need to pass MIME type in accept props
      **/
     validateMIMEType?: boolean;
+    width?: number | string;
+    height?: number | string;
+    /**
+     *  Returns the accepted files in the state
+     **/
+    getAcceptedFiles?: (files: File[]) => void;
+    /**
+     *  Returns the rejected files in the state
+     **/
+    getRejectedFiles?: (files: FileRejection[]) => void;
+    /**
+     *  If its used in WebService has some other functionality so need to pass boolean value.
+     **/
+    isWebServiceFileDropZone?: boolean;
+    /**
+     *  Its the selected radio option as a string.
+     **/
+    selectedRadioOption?: RadioOption;
+    /**
+     *  Its the array of radio options in pattern of : {  label: string; value: string; }.
+     **/
+    radioOptions?: RadioOption[];
+    /**
+     *  Its the function which updates the selected radio option.
+     **/
+    handleOptionChange?: (option: RadioOption) => void;
+    /**
+     *  Its the File Name of File Selected from Local File.
+     **/
+    setSelectedFile?: (file: File | DynamicObj | null) => void;
+    /**
+     *  Its the File Name of File Selected from Local File.
+     **/
+    selectedFile?: File | DynamicObj | null;
+    /**
+     *  Its the function which updates the Selected file from Local Directory.
+     **/
+    handleFileChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     *  Its the function which makes the selected File empty state.
+     **/
+    handleRemoveFile?: () => void;
+    /**
+     *  When The Api for the response fails need to show error message.
+     **/
+    isApiResponseError?: boolean;
+    /**
+     *  If isDisable is true not able to access the FileDropzone
+     **/
+    isDisable?: boolean;
+    /**
+     *  Its the boolean value setted when the replace is clicked for TestData radio option .
+     **/
+    setShowDrawer?: (value: boolean | ((prevState: boolean) => boolean)) => void;
+    /**
+     *  Its the File Name of File Selected from Local File.
+     **/
+    setFileContent?: (data: string) => void;
+    /**
+     *  Its the string value present inside the readable file.
+     **/
+    fileContent?: string;
+    isUploadIcon?: boolean;
+    onUploadFile?: () => void;
+    showNoFilesUploadedMessage?: boolean;
+    noFileUploadedText?: string;
+    /**
+     *  Its fileInputRef using inside fileDropZone.
+     **/
+    fileInputRef?: RefObject<HTMLInputElement>;
+    handleReplaceFile?: (file?: File | DynamicObj | null) => void;
+    /**
+     *  To Disable Remove Button.
+     **/
+    isRemoveDisabled?: boolean;
+    /**
+     *  To Disable Replace Button.
+     **/
+    isReplaceDisabled?: boolean;
+    showRejectedFileDetails?: boolean;
+    disabledDragAndDrop?: boolean;
+    tooltipPosition?: TooltipPosition;
 }
 export interface FileState {
     accepted: File[];
@@ -76,6 +164,12 @@ export interface DropzoneOptions {
     invalidFileMessage?: string;
     fileExistMessage?: string;
     validateMIMEType?: boolean;
+    isApiResponseError?: boolean;
+    selectedFile?: File | DynamicObj | null;
+    setSelectedFile?: (file: File | DynamicObj | null) => void;
+    handleReplaceFile?: (file?: File | DynamicObj | null) => void;
+    showRejectedFileDetails?: boolean;
+    disabledDragAndDrop?: boolean;
 }
 export interface DropzoneState {
     getRootProps: () => React.HTMLAttributes<HTMLElement>;
@@ -94,10 +188,41 @@ export interface DroppableProps {
     getRootProps: () => any;
     getInputProps: () => any;
     isDragActive: boolean;
+    height: number | string;
+    isWebServiceFileDropZone?: boolean;
+    selectedRadioOption?: Option;
+    radioOptions?: RadioOption[];
+    handleOptionChange?: (option: RadioOption) => void;
+    selectedFile?: File | DynamicObj | null;
+    setSelectedFile?: (file: File | DynamicObj | null) => void;
+    handleFileChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleRemoveFile?: () => void;
+    isDisable?: boolean;
+    setShowDrawer?: (value: boolean | ((prevState: boolean) => boolean)) => void;
+    setFileContent?: (data: string) => void;
+    fileContent?: string;
 }
 export interface FilePreviewProps {
     file: File;
     error?: string;
     onRemoveClick: (file: File) => void;
     onReplaceClick: (file: File) => void;
+    onUploadFile?: VoidFunction;
+    isUploadIcon?: boolean;
+    isRemoveDisabled?: boolean;
+    isReplaceDisabled?: boolean;
+    isError?: boolean;
+    isIndependentPreview?: boolean;
+    tooltipPosition?: TooltipPosition;
+}
+export interface RadioFilePreviewProps {
+    selectedFile: string;
+    error?: string;
+    onFileRemoveClick?: () => void;
+    onFileReplaceClick?: (file: File | null) => void;
+    setSelectedFile?: (file: File | null) => void;
+    selectedRadioOption?: Option;
+    setShowDrawer?: (value: boolean | ((prevState: boolean) => boolean)) => void;
+    setFileContent?: (data: string) => void;
+    fileContent?: string;
 }

package/lib/components/FileDropzone/types.js

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

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

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

package/lib/components/Form/Form.d.ts

@@ -1,16 +1,2 @@
-import React from 'react';
-import { UseFormProps, SubmitHandler, FieldValues, FieldPath, FieldErrors } from 'react-hook-form';
-import './Form.scss';
-interface FormProps<T extends FieldValues> extends UseFormProps<T> {
-    onSubmit: SubmitHandler<T>;
-    children: (props: {
-        register: (name: FieldPath<T>, options?: any) => any;
-        errors: FieldErrors<T>;
-        handleBlur: (field: FieldPath<T>) => void;
-        getValues: () => T;
-        watch: (field?: FieldPath<T>) => any;
-        setValue: (field: FieldPath<T>, value: any, options?: object) => void;
-    }) => React.ReactNode;
-}
-declare const Form: <T extends FieldValues>({ onSubmit, children, ...rest }: FormProps<T>) => import("react/jsx-runtime").JSX.Element;
+import * as Form from 'react-hook-form';
 export default Form;

package/lib/components/Form/Form.js

@@ -0,0 +1,3 @@
+import * as Form from 'react-hook-form';
+export default Form;
+//# sourceMappingURL=Form.js.map

package/lib/components/Form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/Form/Form.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAC;AACxC,eAAe,IAAI,CAAC"}

package/lib/components/Form/Forms.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import Form from './Form';
+interface FormProps<T extends Form.FieldValues> extends Form.UseFormProps<T> {
+    id?: string;
+    onSubmit: Form.SubmitHandler<T>;
+    children: (methods: ReturnType<typeof Form.useForm<T>> & {
+        Form: typeof Form;
+    }) => React.ReactNode;
+}
+declare const ForwardedForms: <T extends Form.FieldValues>(props: FormProps<T> & {
+    ref?: React.Ref<any>;
+}) => JSX.Element;
+export default ForwardedForms;

package/lib/components/Form/Forms.js

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

package/lib/components/Form/Forms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Forms.js","sourceRoot":"","sources":["../../../src/components/Form/Forms.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,IAAI,MAAM,QAAQ,CAAC;AAW1B,MAAM,KAAK,GAAG,CACZ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,IAAI,EAAgB,EACjD,GAAmB,EACnB,EAAE;IACF,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAI,IAAI,CAAC,CAAC;IACtC,MAAM,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;IACjC,MAAM,eAAe,GAAG;QACtB,GAAG,OAAO;QACV,IAAI,EAAE,IAAI;KACX,CAAC;IACF,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC;QAC9B,GAAG,eAAe;KACnB,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,eAAM,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,YAC3C,QAAQ,CAAC,eAAe,CAAC,GACrB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,CAEvB,CAAC;AAEjB,eAAe,cAAc,CAAC"}

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

@@ -1 +1 @@
-export { default } from './Form';
+export * from './Form';

package/lib/components/Form/index.js

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

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

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

package/lib/components/Form/types.js

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

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

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

package/lib/components/GridLayout/GridLayout.js

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

package/lib/components/GridLayout/GridLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLayout.js","sourceRoot":"","sources":["../../../src/components/GridLayout/GridLayout.tsx"],"names":[],"mappings":";AACA,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,GAAG,GAAG,KAAK,EACX,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,cAAc,CAAC;IACzE,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,YAC9D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,EACtC,QAAQ,EACR,GAAG,GAAG,KAAK,EACX,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,YACpD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,EACtC,QAAQ,EACR,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,UAAU,IAAI,EAAE,CAAC;IACtC,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AACvE,CAAC,CAAC"}

package/lib/components/GridLayout/index.js

@@ -0,0 +1,2 @@
+export default './GridLayout.tsx';
+//# sourceMappingURL=index.js.map