saurabh-table-dnd-edit 1.1.0

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

@@ -0,0 +1,164 @@
+import { IconProps } from '../Icon/types';
+export interface InputProps {
+    /**
+     * Name | name of the input field
+     */
+    name: string;
+    /**
+     * Label | field label to be displayed
+     */
+    label?: string;
+    /**
+     * value | input field value
+     */
+    value: string | number;
+    /**
+     * 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';
+    /**
+     * error | If true, error message will be displayed
+     */
+    error?: boolean;
+    /**
+     * helperText | error, success, warning message to be shown
+     */
+    helperText?: string;
+    /**
+     * isHelperTextRequired for Helper/Info message to be shown
+     */
+    isHelperTextRequired?: boolean;
+    /**
+     * 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' | 'new-password';
+    /**
+     * if true, input field is in autofocus state
+     */
+    autoFocus?: boolean;
+    /**
+     * minimum and maximum values for the number type input field and their functions
+     */
+    minValue?: string | number;
+    maxValue?: string | 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;
+    /**
+     * optional '15px' reserve helperText space prop for the input field
+     */
+    reserveHelperTextSpace?: boolean;
+    setUpdatedNumberValue?: (value: number) => void;
+    /**
+     * Flag to determine if error messages and error styling should be displayed immediately.
+     */
+    displayErrorImmediately?: boolean;
+    /**
+     * Flag to determine if search icon for input needs to displayed or not.
+     */
+    showSearchIcon?: boolean;
+    /**
+     * Icon props.
+     */
+    searchIconProps?: IconProps;
+    /**
+     * Function to search url on icon click.
+     */
+    handleSearchIconClick?: (e: any) => void;
+    /**
+     * Allows the user to copy the content but not edit it
+     */
+    readOnly?: boolean;
+    onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    /**
+     * Reset min and max value for the input field on blur
+     */
+    adjustToValidRange?: boolean;
+    /**
+     * pattern for input component
+     */
+    pattern?: string;
+    /**
+     * background for handle input component background
+     */
+    background?: string;
+    /**
+     * Prevents the user from entering values greater than the specified maxValue.
+     */
+    disableAfterMaxValueReached?: boolean;
+    helperTextWidth?: string | number;
+    fixedLabel?: boolean;
+    iconProps?: {
+        /**
+         * Flag to determine if icon should be shown
+         */
+        isShowIcon?: boolean;
+        /**
+         * Function triggered when icon is clicked
+         */
+        onIconClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        /**
+         * Name of the icon to display
+         */
+        iconName?: string;
+        /**
+         * Tooltip title shown when hovering over icon
+         */
+        iconToolTipTitle?: string;
+        /**
+         * Flag to disable the icon
+         */
+        isIconDisable?: boolean;
+        iconColor?: string;
+        /**
+         * Show clear icon if true
+         */
+        isClearIcon?: boolean;
+    };
+}

package/lib/components/Input/types.js

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

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

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

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

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

package/lib/components/InputWithDropdown/InputWithDropdown.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import classNames from 'classnames';
+import './InputWithDropdown.scss';
+import Select from '../Select/Select';
+import Typography from '../Typography';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+const InputWithDropdown = forwardRef(({ name = '', label, value, disabled = false, required = false, placeholder, error, helperText, optionsList, selectedOption = { label: '', value: '' }, autoComplete = 'off', onDropdownChangeHandler = () => { }, onInputChangeHandler, onInputBlurHandler, onClick, onKeyUp, onKeyDown = () => { }, onFocus, optionsRequired = true, dropdownPosition = 'right', type = 'text', leftDropDownPositionZindex, rightDropDownPositionZindex, pattern, inputMode, disableSelectHover = false, inputRefWithDropdown, autoFocus = false, }, ref) => {
+    const isValueFilled = !checkEmpty(value) || dropdownPosition === 'left';
+    const handleWheel = (e) => {
+        if (type !== 'number')
+            return;
+        const input = e.currentTarget;
+        const currentValue = parseFloat(input.value);
+        const isScrollDown = e.deltaY > 0;
+        if (!isNaN(currentValue) && currentValue <= 0 && isScrollDown) {
+            input.blur();
+            setTimeout(() => input.focus(), 0);
+        }
+    };
+    const handleOnKeyDown = (e) => {
+        const { type, value } = e.currentTarget;
+        const parsedValue = parseInt(value);
+        if (type === 'number') {
+            if (['Subtract', '-'].includes(e.key) ||
+                (e.key === 'ArrowDown' && (parsedValue <= 0 || isNaN(parsedValue)))) {
+                e.preventDefault();
+            }
+        }
+        onKeyDown?.(e);
+    };
+    return (_jsxs("div", { className: classNames('ff-input-with-dropdown-container', {
+            'ff-input-with-dropdown-container--filled': isValueFilled,
+        }), children: [_jsxs("fieldset", { className: classNames('ff-input-with-dropdown', {
+                    'ff-input-with-dropdown--filled': isValueFilled,
+                    'ff-input-with-dropdown--no-hover': isValueFilled,
+                    'ff-input-with-dropdown--disabled': !!disabled,
+                    'ff-input-with-dropdown--error': !!error,
+                    [`ff-input-with-dropdown--${dropdownPosition}`]: dropdownPosition,
+                }), children: [dropdownPosition === 'left' && (_jsxs(_Fragment, { children: [_jsx(Select, { optionsList: optionsList, selectedOption: selectedOption, showLabel: false, showBorder: false, onChange: onDropdownChangeHandler, disabled: disabled || !optionsRequired, optionZIndex: leftDropDownPositionZindex, optionsRequired: optionsRequired, className: classNames('ff-floating-dropdown', {
+                                    'ff-floating-dropdown--disabled': !!disabled,
+                                    'ff-floating-dropdown--error': !!error,
+                                    'ff-floating-dropdown--left': dropdownPosition === 'left',
+                                    'ff-floating-dropdown--no-hover': disableSelectHover,
+                                }), width: 94, height: 30, dropDownRef: inputRefWithDropdown }), _jsx("div", { className: "seperatorline" })] })), _jsxs("div", { className: classNames('ff-floating-label-input-container'), children: [_jsx(Typography, { as: "label", htmlFor: name, className: classNames('ff-floating-label', {
+                                    'ff-floating-label--filled': isValueFilled,
+                                    'ff-floating-label--no-hover': isValueFilled,
+                                    'ff-floating-label--error': !!error,
+                                }), required: required, children: label }), _jsx("input", { ref: ref, name: name, type: type, id: name, value: value, onChange: onInputChangeHandler, onBlur: onInputBlurHandler, placeholder: placeholder, autoComplete: autoComplete, required: required, disabled: disabled, onClick: onClick, onKeyUp: onKeyUp, onKeyDown: handleOnKeyDown, onWheel: handleWheel, onFocus: onFocus, className: classNames('ff-floating-input', {
+                                    'ff-floating-input--filled': isValueFilled,
+                                    'ff-floating-input--disabled': !!disabled,
+                                    'ff-floating-input--error': !!error,
+                                    'ff-floating-input--left-dropdown': dropdownPosition === 'left',
+                                    'ff-floating-input--right-dropdown': dropdownPosition === 'right',
+                                }), inputMode: inputMode, pattern: pattern, autoFocus: autoFocus })] }), dropdownPosition === 'right' && (_jsx(Select, { optionsList: optionsList, selectedOption: selectedOption, showLabel: false, showBorder: false, optionZIndex: rightDropDownPositionZindex, onChange: onDropdownChangeHandler, disabled: disabled || !optionsRequired, optionsRequired: optionsRequired, className: classNames('ff-floating-dropdown', {
+                            'ff-floating-dropdown--disabled': !!disabled,
+                            'ff-floating-dropdown--error': !!error,
+                            'ff-floating-dropdown--no-hover': disableSelectHover,
+                        }), width: 120, height: 30, dropDownRef: inputRefWithDropdown }))] }), error && helperText && (_jsx("span", { className: classNames('ff-helper-text', {
+                    'ff-helper-text-left': dropdownPosition === 'left',
+                }), children: helperText }))] }));
+});
+export default InputWithDropdown;
+//# sourceMappingURL=InputWithDropdown.js.map

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

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

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

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

package/lib/components/InputWithDropdown/index.js

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

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

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

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

@@ -0,0 +1,107 @@
+import { ReactNode, RefObject } 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;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * pattern for input component
+     */
+    pattern?: string;
+    inputMode?: 'numeric';
+    /**
+     * props for disableSelectHover
+     */
+    disableSelectHover?: boolean;
+    inputRefWithDropdown?: RefObject<HTMLInputElement>;
+    autoFocus?: boolean;
+}

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,168 @@
+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);
+        }
+        confirmIcon?.onClick?.();
+    };
+    const handleCancel = () => {
+        setInputValue(text ?? '');
+        setDropdownValue(dropdownData[0]?.value ?? '');
+        setIsEditing(false);
+        setShowError('');
+        setIsTextFieldModified(false);
+        cancelIcon?.onClick?.();
+    };
+    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') }], containerRef);
+    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