pixel-react 1.11.22 → 1.11.23

package/lib/components/FileDropzone/RadioFilePreview.js

@@ -0,0 +1,33 @@
+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 { useRef } from 'react';
+const RadioFilePreview = ({ selectedFile, onFileRemoveClick, onFileReplaceClick, selectedRadioOption, setShowDrawer, setFileContent, }) => {
+    const fileInputRef = useRef(null);
+    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", children: [_jsx("div", { className: "ff-file-info", children: _jsx(_Fragment, { children: _jsx(Tooltip, { title: selectedFile, children: _jsx(Typography, { lineHeight: "18px", fontWeight: "semi-bold", color: 'var(--text-color)', className: "ff-webservice-file-name", children: selectedFile }) }) }) }), _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 })] })] }));
+};
+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,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,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;IAE3D,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,CAAA;YACD,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,cAAK,SAAS,EAAC,cAAc,YAC3B,4BACE,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,GACF,GACL,GACT,GACC,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,gBACA,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,gBAAgB,GAC1B,IACC,IACC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

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

@@ -0,0 +1,200 @@
+import { ReactNode } from 'react';
+import { DynamicObj } from '../CreateVariable/types';
+export interface RadioOption {
+    label: string;
+    value: string;
+}
+export interface FileDropzoneProps {
+    /**
+     *  Icon to be displayed in the dropzone.
+     **/
+    icon?: ReactNode;
+    /**
+     *  Primary label to be shown in dropzone area
+     **/
+    primaryLabel?: string;
+    /**
+     *  Secondary label to be shown
+     **/
+    secondaryLabel?: string;
+    /**
+     *  Label to be shown in choose file/input button.
+     **/
+    buttonLabel?: string;
+    /**
+     *  . extension needs to be passed to allow the type of file to add or MIME type to be validate MIME type
+     **/
+    accept: string[];
+    /**
+     *  To allow multiple selection or drop of files.
+     **/
+    multiple?: boolean;
+    /**
+     *  Maximum files to be dropped or selected at once.
+     **/
+    maxFiles?: number;
+    /**
+     *  Maximum size of the file in numbers.
+     **/
+    maxSize?: number;
+    /**
+     *  Function with state to get the boolean value when the maxFiles is less than dropped files.
+     **/
+    onMaxFilesError?: () => void;
+    /**
+     *  To show error message if file size exceeds the max size
+     **/
+    maxSizeErrorMessage?: string;
+    /**
+     *  To show error message if file is not of accepted file type
+     **/
+    invalidFileMessage?: string;
+    /**
+     *  To show error message if file already exist with same name and type
+     **/
+    fileExistMessage?: string;
+    /**
+     *  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;
+}
+export interface FileState {
+    accepted: File[];
+    rejected: FileRejection[];
+}
+export interface FileError {
+    message: string;
+    code: string;
+}
+export interface FileRejection {
+    file: File;
+    errors: FileError[];
+}
+export interface DropzoneOptions {
+    accept: string[];
+    multiple?: boolean;
+    maxSize?: number;
+    maxFiles?: number | undefined;
+    onDrop?: (acceptedFiles: File[], rejectedFiles: FileRejection[], event: React.DragEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement>) => void;
+    onMaxFilesError?: () => void;
+    maxSizeErrorMessage?: string;
+    invalidFileMessage?: string;
+    fileExistMessage?: string;
+    validateMIMEType?: boolean;
+    isApiResponseError?: boolean;
+}
+export interface DropzoneState {
+    getRootProps: () => React.HTMLAttributes<HTMLElement>;
+    getInputProps: () => React.InputHTMLAttributes<HTMLInputElement>;
+    acceptedFiles: File[];
+    rejectedFiles: FileRejection[];
+    isDragActive: boolean;
+    handleRemoveClick: (file: File) => void;
+    handleReplaceClick: (file: File) => void;
+}
+export interface DroppableProps {
+    icon: React.ReactNode;
+    primaryLabel: string;
+    secondaryLabel: string;
+    buttonLabel: string;
+    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;
+}
+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

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

@@ -0,0 +1 @@
+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.d.ts

@@ -0,0 +1 @@
+export type FormValues = Record<string, any>;

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.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './GridLayout.scss';
+import { ContainerProps, RowProps, ColProps } from './types';
+export declare const Container: React.FC<ContainerProps>;
+export declare const Row: React.FC<RowProps>;
+export declare const Col: React.FC<ColProps>;

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.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "./GridLayout.tsx";
+export default _default;

package/lib/components/GridLayout/index.js

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

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

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

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

@@ -0,0 +1,74 @@
+import { ReactNode } from 'react';
+export interface ContainerProps {
+    /**
+     * The content to be displayed inside the container.
+     * Typically consists of rows and columns.
+     *
+     * @type {ReactNode}
+     */
+    children: ReactNode;
+    /**
+     * Determines if the container should be fluid (expand to 100% width) or fixed width.
+     *
+     * @default false
+     * @type {boolean}
+     */
+    fluid?: boolean;
+    /**
+     * Defines the gap (spacing) between the rows and columns inside the container.
+     * Accepts any valid CSS size value (e.g., '10px', '1rem', etc.).
+     *
+     * @default '0px'
+     * @type {string}
+     */
+    gap?: string;
+    /**
+     * Classname for Container
+     * @default ''
+     * @type {string}
+     */
+    className?: string;
+}
+export interface RowProps {
+    /**
+     * The content to be displayed inside the row, usually consisting of columns (`<Col />`).
+     *
+     * @type {ReactNode}
+     */
+    children: ReactNode;
+    /**
+     * The gap (spacing) between columns within the row.
+     * Accepts any valid CSS size value.
+     *
+     * @default '0px'
+     * @type {string}
+     */
+    gap?: string;
+    /**
+     * @default ''
+     * @type string
+     */
+    className?: string;
+}
+export interface ColProps {
+    /**
+     * The content to be displayed inside the column.
+     *
+     * @type {ReactNode}
+     */
+    children: ReactNode;
+    /**
+     * Defines the width of the column as a fraction of 12 (for a 12-column grid system).
+     * For example, `size={6}` would make the column take up half the width of the row.
+     *
+     * @default 12
+     * @type {number}
+     */
+    size?: number;
+    /**
+     * @default  ''
+     * @type string
+     *
+     */
+    className?: string;
+}

package/lib/components/GridLayout/types.js

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

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

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

package/lib/components/HighlightText/HighlightText.d.ts

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

package/lib/components/HighlightText/HighlightText.js

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

package/lib/components/HighlightText/HighlightText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightText.js","sourceRoot":"","sources":["../../../src/components/HighlightText/HighlightText.tsx"],"names":[],"mappings":";AACA,OAAO,sBAAsB,CAAC;AAE9B,2DAA2D;AAC3D,MAAM,YAAY,GAAG,CAAC,IAAY,EAAU,EAAE;IAC5C,OAAO,IAAI,EAAE,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC,oCAAoC;AAC3F,CAAC,CAAC;AAEF,MAAM,aAAa,GAAiC,CAAC,EACnD,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,IAAI,CAAC,SAAS;QAAE,OAAO,yBAAO,IAAI,GAAQ,CAAC;IAE3C,MAAM,gBAAgB,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,4BAA4B;IAC9E,MAAM,KAAK,GAAG,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,gBAAgB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,kCAAkC;IAExG,OAAO,CACL,4BACG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACzB,IAAI,EAAE,WAAW,EAAE,KAAK,SAAS,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,CACjD,eAAkB,SAAS,EAAC,iBAAiB,YAC1C,IAAI,IADI,KAAK,CAET,CACR,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CACF,GACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

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

package/lib/components/HighlightText/index.js

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

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

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

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

@@ -0,0 +1,4 @@
+export interface HighlightTextProps {
+    text?: string;
+    highlight?: String;
+}

package/lib/components/HighlightText/types.js

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

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

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

package/lib/components/HistoryCard/HistoryCard.d.ts

@@ -0,0 +1,25 @@
+import './HistoryCard.scss';
+export interface HistoryCardProps {
+    /**
+     * Is this the principal call to action on the page?
+     */
+    variant: 'primary' | 'danger' | 'success' | 'warning';
+    /**
+     * Details to display the title
+     */
+    title: React.ReactNode;
+    /**
+     * Header for the tab
+     */
+    tabTitle: string;
+    /**
+     * Comment message to display on the history card
+     */
+    comment: string;
+    /**
+     * profileShortName is to display short name inside the profile avatar
+     */
+    profileShortName: string;
+}
+declare const HistoryCard: ({ variant, title, tabTitle, comment, profileShortName, }: HistoryCardProps) => import("react/jsx-runtime").JSX.Element;
+export default HistoryCard;

package/lib/components/HistoryCard/HistoryCard.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import './HistoryCard.scss';
+import Typography from '../Typography';
+const HistoryCard = ({ variant, title, tabTitle, comment, profileShortName, }) => {
+    return (_jsxs("div", { className: "ff-history-card", children: [_jsx("div", { className: classNames('header', `header--${variant}`), children: _jsx(Typography, { fontWeight: 'semi-bold', children: tabTitle }) }), _jsxs("div", { className: "body", children: [_jsx("div", { className: "title", children: _jsxs("div", { className: "profile", children: [_jsx(Typography, { className: classNames('avatar', `avatar--${variant}`), children: profileShortName }), _jsx(Typography, { children: title })] }) }), _jsxs("div", { className: "comment-container", children: [_jsx(Typography, { fontWeight: "semi-bold", className: "heading", children: "Comments:" }), _jsx(Typography, { color: 'var(--details-page-value-color)', className: "comment", children: comment })] })] })] }));
+};
+export default HistoryCard;
+//# sourceMappingURL=HistoryCard.js.map

package/lib/components/HistoryCard/HistoryCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryCard.js","sourceRoot":"","sources":["../../../src/components/HistoryCard/HistoryCard.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,UAAU,MAAM,eAAe,CAAC;AAyBvC,MAAM,WAAW,GAAG,CAAC,EACnB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,gBAAgB,GACC,EAAE,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,cAAK,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,WAAW,OAAO,EAAE,CAAC,YACxD,KAAC,UAAU,IAAC,UAAU,EAAE,WAAW,YAAG,QAAQ,GAAc,GACxD,EACN,eAAK,SAAS,EAAC,MAAM,aACnB,cAAK,SAAS,EAAC,OAAO,YACpB,eAAK,SAAS,EAAC,SAAS,aACtB,KAAC,UAAU,IAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,WAAW,OAAO,EAAE,CAAC,YAC9D,gBAAgB,GACN,EACb,KAAC,UAAU,cAAE,KAAK,GAAc,IAC5B,GACF,EAEN,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,UAAU,IAAC,UAAU,EAAC,WAAW,EAAC,SAAS,EAAC,SAAS,0BAEzC,EACb,KAAC,UAAU,IACT,KAAK,EAAE,iCAAiC,EACxC,SAAS,EAAC,SAAS,YAElB,OAAO,GACG,IACT,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

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

package/lib/components/HistoryCard/index.js

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

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

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

package/lib/components/Icon/Icon.d.ts

@@ -0,0 +1,4 @@
+import './Icons.scss';
+import { IconProps } from './types';
+declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLSpanElement>>;
+export default Icon;

package/lib/components/Icon/Icon.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef } from 'react';
+import classNames from 'classnames';
+import Components from './iconList';
+import './Icons.scss';
+const Icon = forwardRef(({ name, height, width, onClick = () => { }, color = 'var(--brand-color)', // Default color
+hoverEffect = false, className = '', disabled = false, variant = 'light', x, y, chartIcon = false, tabIndex = -1, ...props }, ref) => {
+    const IconComponent = Components[name];
+    const iconHeight = height || 16;
+    const iconWidth = width || 16;
+    if (!IconComponent) {
+        return null;
+    }
+    const iconRef = useRef(null);
+    useEffect(() => {
+        if (iconRef.current) {
+            if (x !== undefined) {
+                iconRef.current.setAttribute('x', String(x));
+            }
+            if (y !== undefined) {
+                iconRef.current.setAttribute('y', String(y));
+            }
+        }
+    }, [x, y]);
+    const iconColor = variant === 'dark' ? 'var(--ff-icon-color-dark-variant)' : color;
+    const baseProps = {
+        ref: iconRef,
+        onClick: disabled ? () => { } : onClick,
+        style: { height: `${iconHeight}px`, width: `${iconWidth}px` },
+        className: classNames('ff-icon-container', {
+            'ff-icon-click': hoverEffect,
+            'ff-icon-disabled': disabled,
+            'ff-icon-dark': variant === 'dark',
+            'ff-icon-danger': variant === 'danger',
+            [className]: !!className,
+        }),
+        tabIndex: tabIndex,
+        ...props,
+    };
+    return (_jsx(_Fragment, { children: chartIcon === false ? (_jsx("span", { ...baseProps, ref: ref, children: _jsx(IconComponent, { height: "100%", width: "100%", style: { color: iconColor } }) })) : (_jsx("svg", { ...baseProps, children: _jsx(IconComponent, { style: { color: color }, height: height, width: width }) })) }));
+});
+export default Icon;
+//# sourceMappingURL=Icon.js.map

package/lib/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,cAAc,CAAC;AAGtB,MAAM,IAAI,GAAG,UAAU,CACrB,CACE,EACE,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,KAAK,GAAG,oBAAoB,EAAE,gBAAgB;AAC9C,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,OAAO,EACjB,CAAC,EACD,CAAC,EACD,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,CAAC,CAAC,EACb,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAEvC,MAAM,UAAU,GAAG,MAAM,IAAI,EAAE,CAAC;IAChC,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE,CAAC;IAE9B,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,OAAO,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,IAAI,CAAC,KAAK,SAAS,EAAE,CAAC;gBACpB,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YAC/C,CAAC;YACD,IAAI,CAAC,KAAK,SAAS,EAAE,CAAC;gBACpB,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YAC/C,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEX,MAAM,SAAS,GACb,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,KAAK,CAAC;IAEnE,MAAM,SAAS,GAAG;QAChB,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAC,OAAO;QACtC,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,UAAU,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,IAAI,EAAE;QAC7D,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE;YACzC,eAAe,EAAE,WAAW;YAC5B,kBAAkB,EAAE,QAAQ;YAC5B,cAAc,EAAE,OAAO,KAAK,MAAM;YAClC,gBAAgB,EAAE,OAAO,KAAK,QAAQ;YACtC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC;QACF,QAAQ,EAAE,QAAQ;QAClB,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,CACL,4BACG,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CACrB,kBAAU,SAAS,EAAE,GAAG,EAAE,GAAG,YAC3B,KAAC,aAAa,IACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAC3B,GACG,CACR,CAAC,CAAC,CAAC,CACF,iBAAS,SAAS,YAChB,KAAC,aAAa,IACZ,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EACvB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,GACZ,GACE,CACP,GACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/Icon/iconList.d.ts

@@ -0,0 +1,2 @@
+declare let Components: any;
+export default Components;