pixel-react 1.11.22 → 1.11.23

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

@@ -0,0 +1,95 @@
+import { ReactNode } from 'react';
+export interface Option {
+    label: string | ReactNode;
+    value: string;
+}
+export interface InputWithDropdownProps {
+    /**
+     * Name | name of the input field
+     */
+    name: string;
+    /**
+     * Label | field label to be displayed
+     */
+    label?: string;
+    /**
+     * value | input field value
+     */
+    value?: string | number;
+    type?: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
+    /**
+     * variants to set color/style of the input field
+     */
+    variant?: 'default' | 'primary';
+    /**
+     * error | If true, error message will be displayed
+     */
+    error?: boolean;
+    /**
+     * helperText | error, success, warning message to be shown
+     */
+    helperText?: string;
+    /**
+     * to disable the input field
+     */
+    disabled?: boolean;
+    /**
+     * if true, input field will be mandatory
+     */
+    required?: boolean;
+    /**
+     * placeholder for the input field
+     */
+    placeholder?: string;
+    /**
+     * classnames to style the input field
+     */
+    className?: string;
+    /**
+     * Options for the select dropdown
+     */
+    optionsList: Option[];
+    /**
+     * Selected option for the select dropdown
+     */
+    selectedOption?: Option;
+    /**
+     * onChange handler for input changes
+     */
+    onInputChangeHandler?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * onChange handler for dropdown changes
+     */
+    onDropdownChangeHandler?: (option: any) => void;
+    /**
+     * onInputBlurHandler action for input field
+     */
+    onInputBlurHandler?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * id to select the input field uniquely
+     */
+    id?: string;
+    /**
+     * if on, suggestion popup will be displayed
+     */
+    autoComplete?: 'on' | 'off';
+    /**
+     * minimum and maximum values for the number type input field
+     */
+    minValue?: number;
+    maxValue?: number;
+    /**
+     * background of the input field prop
+     */
+    isBackgroundTransparent?: boolean;
+    /**
+     * optionsRequired:false prop removes options from dropdown & shows static label only
+     */
+    optionsRequired?: boolean;
+    dropdownPosition?: 'left' | 'right';
+    leftDropDownPositionZindex?: number;
+    rightDropDownPositionZindex?: number;
+}

package/lib/components/InputWithDropdown/types.js

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

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

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

package/lib/components/LabelEditTextField/LabelEditTextField.d.ts

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

package/lib/components/LabelEditTextField/LabelEditTextField.js

@@ -0,0 +1,166 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import './LabelEditTextField.scss';
+import Typography from '../Typography';
+import HighlightText from '../HighlightText';
+import Icon from '../Icon';
+import Tooltip from '../Tooltip';
+import Input from '../Input/Input';
+import Select from '../Select/Select';
+import useEscapeKey from '../../hooks/keyboardevents/useEscKeyEvent.js';
+import { useKeyboardActions } from '../../utils/keyBoardActionUtil/UseKeyboardActions';
+import { WHITESPACE_REGEX } from '../../validations/regex';
+const getErrorMessage = (inputValue, text, customError, customErrorCondition) => {
+    if (inputValue === text) {
+        return 'No changes were made.';
+    }
+    else if (!inputValue) {
+        return 'Text is required';
+    }
+    else if (inputValue.length < 3) {
+        return 'Please enter at least 3 characters.';
+    }
+    else if (customErrorCondition) {
+        return customError ?? 'Custom error occurred';
+    }
+    return '';
+};
+const LabelEditTextField = ({ label, placeholder, text, showText = true, highlightText, customError, confirmIcon, customErrorCondition, cancelIcon, variant = 'textField', onInputChange, dropdownData = [], 
+// width,
+className, height, isOpen = false, confirmAction, onClick, tooltip, onDoubleClick, disableEditing = false, }) => {
+    const [isEditing, setIsEditing] = useState(isOpen ?? false);
+    const [inputValue, setInputValue] = useState(text ?? '');
+    const [dropdownValue, setDropdownValue] = useState(dropdownData[0]?.value ?? '');
+    const [showError, setShowError] = useState('');
+    const [disabled, isDisabled] = useState(true);
+    const [isTextFieldModified, setIsTextFieldModified] = useState(false);
+    const isThrowingError = showError && isEditing ? true : false;
+    const containerRef = useRef(null);
+    const cancelRef = useRef(null);
+    const [clickTimeout, setClickTimeout] = useState(null);
+    const handleEsc = useEscapeKey('Escape');
+    useEffect(() => {
+        return () => {
+            if (clickTimeout) {
+                clearTimeout(clickTimeout);
+            }
+        };
+    }, [clickTimeout]);
+    const handleDoubleClick = () => {
+        if (disableEditing)
+            return;
+        if (clickTimeout) {
+            clearTimeout(clickTimeout);
+            setClickTimeout(null);
+        }
+        onDoubleClick && onDoubleClick();
+        setIsEditing(true);
+        setShowError('');
+    };
+    const handleSingleClick = () => {
+        if (onClick)
+            onClick();
+    };
+    const handleClick = () => {
+        if (disableEditing)
+            return;
+        if (clickTimeout) {
+            clearTimeout(clickTimeout);
+            setClickTimeout(null);
+        }
+        const timeout = window.setTimeout(() => {
+            handleSingleClick();
+            setClickTimeout(null);
+        }, 1000);
+        setClickTimeout(timeout);
+    };
+    const handleConfirm = () => {
+        let errorMessage = '';
+        if (inputValue.length === 0 || inputValue.trim().length === 0) {
+            errorMessage = 'Please type any text.';
+        }
+        else if (inputValue.length < 3) {
+            errorMessage = 'Please enter at least 3 characters.';
+        }
+        else if (customErrorCondition) {
+            errorMessage = customError ?? 'Invalid input.';
+        }
+        if (errorMessage) {
+            setShowError(errorMessage);
+        }
+        else {
+            setIsEditing(false);
+            setShowError('');
+            if (confirmAction)
+                confirmAction(inputValue, dropdownValue);
+        }
+    };
+    const handleCancel = () => {
+        setInputValue(text ?? '');
+        setDropdownValue(dropdownData[0]?.value ?? '');
+        setIsEditing(false);
+        setShowError('');
+        setIsTextFieldModified(false);
+    };
+    const handleTextFieldChange = (e) => {
+        const newValue = e.target.value;
+        setInputValue(newValue);
+        isDisabled(false);
+        if (newValue.length === 0 || newValue.trim().length === 0) {
+            setShowError('Input is required');
+        }
+        else if (newValue.length < 3) {
+            setShowError('Input cannot be less than 3 characters');
+        }
+        else if (newValue.length > 250) {
+            setShowError('Input cannot be more than 250 characters');
+        }
+        else if (WHITESPACE_REGEX.test(newValue)) {
+            setShowError('Space is not allowed at starting and at the end');
+        }
+        else if (customErrorCondition) {
+            setShowError(customError ?? 'Invalid input.');
+        }
+        else {
+            setShowError('');
+        }
+        setIsTextFieldModified(newValue !== text);
+        if (onInputChange) {
+            onInputChange(newValue);
+        }
+    };
+    const handleBlur = (e) => {
+        if (containerRef.current &&
+            !containerRef.current.contains(e.target) &&
+            cancelRef.current !== e.target) {
+            const errorMessage = getErrorMessage(inputValue, text ?? '', customError);
+            if (errorMessage && isEditing) {
+                setShowError(errorMessage);
+            }
+            else {
+                setIsEditing(false);
+                setShowError('');
+            }
+        }
+    };
+    useEffect(() => {
+        document.addEventListener('click', handleBlur);
+        return () => {
+            document.removeEventListener('click', handleBlur);
+        };
+    }, [inputValue]);
+    handleEsc(handleCancel);
+    function handleKeyBoard(key) {
+        if (key === 'Enter') {
+            handleConfirm();
+        }
+    }
+    useKeyboardActions([{ key: 'Enter', action: () => handleKeyBoard('Enter') }]);
+    return (_jsxs("div", { className: "ff-label-edit-text-field", ref: containerRef, children: [isEditing ? (_jsxs("div", { className: "ff-label-text-field", children: [variant === 'textFieldWithDropdown' ? (_jsxs("div", { className: `ff-label-text-field-with-dropdown ${isEditing ? 'open' : ''}`, style: { height }, children: [_jsx(Input, { name: "input", type: "text", label: label ? label : '', disabled: false, error: isThrowingError, placeholder: placeholder ? placeholder : '', value: inputValue, onChange: handleTextFieldChange, className: `${className} 
+                
+               ${isTextFieldModified ? 'modified' : ''}` }), _jsx(Select, { label: '', optionsList: dropdownData, selectedOption: { value: dropdownValue, label: dropdownValue }, onChange: (option) => setDropdownValue(option.value) })] })) : (_jsx("div", { className: "ff-label-text-field-without-dropdown", children: _jsx(Input, { name: "input", type: "text", label: label ? label : '', disabled: false, error: isThrowingError, placeholder: placeholder ? placeholder : '', value: inputValue, onChange: handleTextFieldChange, className: `${className} 
+               
+               ${isTextFieldModified ? 'modified' : ''}` }) })), _jsxs("div", { className: "ff-icon-container", children: [confirmIcon && (_jsx(Tooltip, { title: "Confirm", placement: 'bottom', children: _jsx(Icon, { color: "var(--label-edit-confirm-icon)", height: 20, width: 20, name: confirmIcon.name, disabled: disabled, className: `${disabled ? 'disabled-confirm-icon' : 'confirm-icon'}`, onClick: handleConfirm }) })), cancelIcon && (_jsx(Tooltip, { title: "Cancel", placement: 'bottom', children: _jsx(Icon, { color: "var(--label-edit-cancel-icon)", height: 12, width: 20, name: cancelIcon.name, className: "cancel-icon", onClick: handleCancel, ref: cancelRef }) }))] })] })) : (_jsx(Tooltip, { title: tooltip?.tooltipTitle ? tooltip?.tooltipTitle : '', placement: 'bottom', children: showText && (_jsx("span", { className: "display-text", onDoubleClick: handleDoubleClick, role: "button", onClick: handleClick, children: _jsx(HighlightText, { text: inputValue, highlight: highlightText }) })) })), showError && isEditing && (_jsx(Typography, { as: "p", fontSize: 8, className: "error-text", children: showError }))] }));
+};
+export default LabelEditTextField;
+//# sourceMappingURL=LabelEditTextField.js.map

package/lib/components/LabelEditTextField/LabelEditTextField.js.map

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

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

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

package/lib/components/LabelEditTextField/index.js

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

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

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

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

@@ -0,0 +1,53 @@
+export interface IconProps {
+    /** Name of the icon to be displayed. */
+    name: string;
+    /** Optional click handler function for the icon. */
+    onClick?: () => void;
+}
+export interface DropdownOption {
+    /** Unique identifier for the dropdown option. */
+    id: number;
+    /** Value associated with the dropdown option. */
+    value: string;
+    /** Label displayed for the dropdown option. */
+    label: string;
+}
+export interface LabelEditTextFieldTypes {
+    /** Label text displayed above the input field. */
+    label?: string;
+    /** Initial text displayed in the input field. */
+    text?: string;
+    showText?: boolean;
+    /** Text to be highlighted within the displayed text, if provided. */
+    highlightText?: string;
+    /** Custom error message to be displayed, if applicable. */
+    customError?: string;
+    /** Confirm icon properties including icon name and click handler. */
+    confirmIcon?: IconProps;
+    /** Cancel icon properties including icon name and click handler. */
+    cancelIcon?: IconProps;
+    /** Type of input field - standard text field or text field with a dropdown. */
+    variant?: 'textFieldWithDropdown' | 'textField';
+    /** Array of dropdown options used if the dropdown variant is selected. */
+    dropdownData?: DropdownOption[];
+    /** Width of the input field component. */
+    width?: string;
+    /** Height of the input field component. */
+    height?: string;
+    /** Function called when confirming input changes, with input and dropdown values as arguments. */
+    confirmAction?: (inputValue: string, dropdownValue: string) => void;
+    isOpen?: boolean;
+    /**for conditionally handle custom error */
+    customErrorCondition?: boolean;
+    placeholder?: string;
+    onClick?: () => void;
+    /** Function called when every input character got changed */
+    onInputChange?: (newInputValue: string) => void;
+    className?: string;
+    tooltip?: {
+        tooltipTitle?: string;
+        tooltipPlacement?: string;
+    };
+    onDoubleClick?: () => void;
+    disableEditing?: boolean;
+}

package/lib/components/LabelEditTextField/types.js

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

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

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

package/lib/components/LazyLoad/LazyLoad.d.ts

@@ -0,0 +1,2 @@
+import * as LazyLoad from 'react-window';
+export default LazyLoad;

package/lib/components/LazyLoad/LazyLoad.js

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

package/lib/components/LazyLoad/LazyLoad.js.map

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

package/lib/components/LazyLoad/LazyLoading.d.ts

@@ -0,0 +1,2 @@
+declare const LazyLoading: () => import("react/jsx-runtime").JSX.Element;
+export default LazyLoading;

package/lib/components/LazyLoad/LazyLoading.js

@@ -0,0 +1,10 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import LazyLoad from './LazyLoad';
+const { FixedSizeList: _FixedSizeList } = LazyLoad;
+const FixedSizeList = _FixedSizeList;
+const Row = ({ index, style, }) => _jsxs("div", { style: style, children: ["Row ", index] });
+const LazyLoading = () => {
+    return (_jsx(FixedSizeList, { height: 300, itemCount: 100000, itemSize: 30, width: 400, children: Row }));
+};
+export default LazyLoading;
+//# sourceMappingURL=LazyLoading.js.map

package/lib/components/LazyLoad/LazyLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyLoading.js","sourceRoot":"","sources":["../../../src/components/LazyLoad/LazyLoading.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,QAAQ,CAAC;AAEnD,MAAM,aAAa,GAAG,cAMpB,CAAC;AACH,MAAM,GAAG,GAAG,CAAC,EACX,KAAK,EACL,KAAK,GAIN,EAAE,EAAE,CAAC,eAAK,KAAK,EAAE,KAAK,qBAAO,KAAK,IAAO,CAAC;AAE3C,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,OAAO,CACL,KAAC,aAAa,IAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,YACpE,GAAG,GACU,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1 @@
+export * from './LazyLoad';

package/lib/components/LazyLoad/index.js

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

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

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

package/lib/components/Link/Link.d.ts

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

package/lib/components/Link/Link.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import classNames from 'classnames';
+import './Link.scss';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+import Icon from '../Icon';
+import Tooltip from '../Tooltip';
+const Link = forwardRef(({ type = 'text', variant = 'primary', name = '', label, disabled = false, required = false, placeholder = 'Enter input', value, error, helperText, noBorder, className = '', onChange, onBlur, onFocus, autoComplete = 'off', autoFocus = false, minValue = -Infinity, maxValue = Infinity, transparentBackground = false, size = 'small', isLabelRequired = true, onClick, onKeyUp, ...props }, ref) => {
+    const isValueFilled = !checkEmpty(value);
+    const handleClickLink = () => {
+        if (value && !error) {
+            window.open(value, '_blank');
+        }
+    };
+    return (_jsxs("fieldset", { className: classNames('ff-link-input-fieldset', {
+            'ff-link-input-fieldset--disabled': disabled,
+        }), children: [_jsxs("div", { className: classNames('ff-link-input-container', {
+                    'ff-link-input-container--float': isValueFilled,
+                    'ff-link-input-container--disabled': !!disabled,
+                }), children: [isLabelRequired && (_jsxs("label", { className: classNames(`ff-link-input-label-container ff-link-input-label-container--${size}`, {
+                            'ff-link-input-label-container--danger': !!error,
+                        }), htmlFor: name, children: [required && _jsx("span", { className: "required-asterisk", children: "*" }), _jsx("span", { className: classNames(`ff-link-input-label ff-link-input-label--${variant}`, {
+                                    'ff-link-input-label--no-hover': !!value,
+                                    'ff-link-input-label--disabled': !!disabled,
+                                    'ff-link-input-label--danger': !!error,
+                                }), children: label })] })), _jsx("input", { ref: ref, name: name, value: value, type: type, spellCheck: false, id: name, className: classNames(`ff-link-input ff-link-input-${variant} default-input ff-link-input--${size}`, {
+                            ['ff-link-input--transparentBackground']: !!transparentBackground,
+                            'ff-link-input--no-hover': !!value,
+                            'ff-link-input--disabled': !!disabled,
+                            'ff-link-input--danger': !!error,
+                            'ff-link-input--no-border': !!noBorder,
+                            'ff-link-input--placeholder': !isLabelRequired,
+                        }, `${className}`), placeholder: placeholder, disabled: disabled, onChange: onChange, onFocus: onFocus, onBlur: onBlur, autoComplete: autoComplete, autoFocus: autoFocus, min: minValue, max: maxValue, onClick: onClick, onKeyUp: onKeyUp, ...props }), _jsx("div", { className: "input-link-icon", children: _jsx(Tooltip, { title: "Click here to navigate", children: _jsx(Icon, { name: "link", onClick: error ? () => { } : handleClickLink }) }) })] }), helperText && error && (_jsx("span", { className: classNames('ff-link-input-message', {
+                    'ff-link-input-message--danger': !!error,
+                }), children: helperText }))] }));
+});
+export default Link;
+//# sourceMappingURL=Link.js.map

package/lib/components/Link/Link.js.map

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

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

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

package/lib/components/Link/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAA"}

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

@@ -0,0 +1,88 @@
+export interface LinkProps {
+    /**
+     * Name | name of the input field
+     */
+    name: string;
+    /**
+     * Label | field label to be displayed
+     */
+    label?: string;
+    /**
+     * value | input field value
+     */
+    value: string;
+    /**
+     * error | If true, error message will be displayed
+     */
+    error?: boolean;
+    /**
+     * helperText | error, success, warning message to be shown
+     */
+    helperText?: string;
+    /**
+     * variants to set color/style of the input field
+     */
+    variant?: 'default' | 'primary';
+    /**
+     * type to set color/style of the input field
+     */
+    type: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
+    /**
+     * to disable the input field
+     */
+    disabled?: boolean;
+    /**
+     * if true, input field will be mandatory
+     */
+    required?: boolean;
+    /**
+     * placeholder for the input field
+     */
+    placeholder?: string;
+    /**
+     * classnames to style the input field
+     */
+    className?: string;
+    /**
+     * noBorder prop 'true' removes border of input
+     */
+    noBorder?: boolean;
+    /**
+     * onChange, onKeyDown, onBlur, onFocus actions
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, item?: any) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * id to select the input field uniquely
+     */
+    id?: string;
+    /**
+     * if on, suggestion popup will be displayed
+     */
+    autoComplete?: 'on' | 'off';
+    /**
+     * if true, input field is in autofocus state
+     */
+    autoFocus?: boolean;
+    /**
+     *  minimum and maximum values for the number type input field and their functions
+     */
+    minValue?: number;
+    maxValue?: number;
+    /**
+     * background of the input field prop
+     */
+    transparentBackground?: boolean;
+    /**
+     * size for the input field
+     */
+    size?: 'small' | 'medium';
+    /**
+     * isLabelRequired for the input field without label,showing placeholder
+     */
+    isLabelRequired?: boolean;
+}

package/lib/components/Link/types.js

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

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

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

package/lib/components/MachineInputField/MachineInputField.d.ts

@@ -0,0 +1,7 @@
+import './MachineInputField.scss';
+import { MachineInputFieldProps } from './types';
+declare const MachineInputField: {
+    ({ width, options, runCount, className, contentReverse, onClick, modalId, trucatedLable, scriptType, readOnly, }: MachineInputFieldProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MachineInputField;

package/lib/components/MachineInputField/MachineInputField.js

@@ -0,0 +1,43 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import './MachineInputField.scss';
+import Typography from '../Typography';
+import Icon from '../Icon';
+import classNames from 'classnames';
+import { truncateText } from '../../utils/truncateText/truncateText';
+import Tooltip from '../Tooltip';
+const MachineInputField = ({ width = '', options = [], runCount = 0, className = '', contentReverse = false, onClick = () => { }, modalId = '', trucatedLable, scriptType = '', readOnly = false, }) => {
+    const getIcon = {
+        local: 'local',
+        browserstack: 'browserstack_icon',
+        sauceLabs: 'sause_lab',
+        lambdaTest: 'lambda_icon',
+        mac: 'mac_icon',
+        mac_icon: 'mac_icon',
+        android: 'android_icon',
+        linux: 'linux',
+        'google chrome': 'chrome_icon',
+        'mozilla firefox': 'fire_fox',
+        'microsoft edge': 'edge',
+        'internet explorer': 'internet_explorer',
+        safari: 'safari_icon',
+        opera: 'opera',
+        windows: 'windows',
+    };
+    const isManualScript = scriptType.toLowerCase() === 'manual';
+    return (_jsxs("div", { id: modalId, style: { width: width }, className: classNames('ff-machine-input-field-wrapper', className, {
+            'cursor-event-none': runCount > 1,
+        }), onClick: () => {
+            if (readOnly)
+                return;
+            onClick();
+        }, children: [!isManualScript && (_jsxs(Typography, { as: "span", color: "var(--ff-machine-input-field-text-color)", fontSize: 8, textAlign: "center", className: "ff-machine-input-label", children: ["Run ", runCount] })), _jsx("div", { className: classNames('ff-machine-input-field', {
+                    'ff-machine-input-field-reverse': contentReverse,
+                }), children: options.map(({ label, type = 'local' }) => (_jsxs("div", { className: classNames('ff-machine-icon-text-wrapper', {
+                        'ff-machine-icon-text-wrapper-reverse': contentReverse,
+                    }), children: [_jsx(Icon, { name: getIcon[type?.toLowerCase()] || 'local', className: "ff-machine-icon" }), _jsx(Tooltip, { title: label, children: _jsx(Typography, { className: classNames('ff-machine-text', {
+                                    'ff-machine-text-reverse': contentReverse,
+                                }), color: "var(--ff-machine-input-field-text-color)", children: trucatedLable ? truncateText(label, 15) : label }) })] }, type))) })] }));
+};
+MachineInputField.displayName = 'MachineInputField';
+export default MachineInputField;
+//# sourceMappingURL=MachineInputField.js.map

package/lib/components/MachineInputField/MachineInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MachineInputField.js","sourceRoot":"","sources":["../../../src/components/MachineInputField/MachineInputField.tsx"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,MAAM,iBAAiB,GAAG,CAAC,EACzB,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,EACZ,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,KAAK,EACtB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,OAAO,GAAG,EAAE,EACZ,aAAa,EACb,UAAU,GAAG,EAAE,EACf,QAAQ,GAAG,KAAK,GACO,EAAE,EAAE;IAC3B,MAAM,OAAO,GAAwC;QACnD,KAAK,EAAE,OAAO;QACd,YAAY,EAAE,mBAAmB;QACjC,SAAS,EAAE,WAAW;QACtB,UAAU,EAAE,aAAa;QACzB,GAAG,EAAE,UAAU;QACf,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,cAAc;QACvB,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,aAAa;QAC9B,iBAAiB,EAAE,UAAU;QAC7B,gBAAgB,EAAE,MAAM;QACxB,mBAAmB,EAAE,mBAAmB;QACxC,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,SAAS;KACnB,CAAC;IACF,MAAM,cAAc,GAAG,UAAU,CAAC,WAAW,EAAE,KAAK,QAAQ,CAAC;IAC7D,OAAO,CACL,eACE,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EACvB,SAAS,EAAE,UAAU,CAAC,gCAAgC,EAAE,SAAS,EAAE;YACjE,mBAAmB,EAAE,QAAQ,GAAG,CAAC;SAClC,CAAC,EACF,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,QAAQ;gBAAE,OAAO;YACrB,OAAO,EAAE,CAAC;QACZ,CAAC,aAEA,CAAC,cAAc,IAAI,CAClB,MAAC,UAAU,IACT,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,0CAA0C,EAChD,QAAQ,EAAE,CAAC,EACX,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAC,wBAAwB,qBAE7B,QAAQ,IACF,CACd,EAED,cACE,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE;oBAC9C,gCAAgC,EAAE,cAAc;iBACjD,CAAC,YAED,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,OAAO,EAAE,EAAE,EAAE,CAAC,CAC1C,eAEE,SAAS,EAAE,UAAU,CAAC,8BAA8B,EAAE;wBACpD,sCAAsC,EAAE,cAAc;qBACvD,CAAC,aAEF,KAAC,IAAI,IACH,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,OAAO,EAC7C,SAAS,EAAC,iBAAiB,GAC3B,EACF,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,YACnB,KAAC,UAAU,IACT,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE;oCACvC,yBAAyB,EAAE,cAAc;iCAC1C,CAAC,EACF,KAAK,EAAC,0CAA0C,YAE/C,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,GACrC,GACL,KAlBL,IAAI,CAmBL,CACP,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD,eAAe,iBAAiB,CAAC"}

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

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

package/lib/components/MachineInputField/index.js

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