pixel-react 1.11.22 → 1.11.23

package/lib/components/ModulesChip/ModuleChip.d.ts

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

package/lib/components/ModulesChip/ModuleChip.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './ModuleChip.scss';
+import classNames from 'classnames';
+import Typography from '../Typography';
+const ModuleChip = ({ label = '', isActive = true, onClick = () => { }, isFilterChip = false, }) => {
+    const chipType = isFilterChip ? 'filter' : 'module';
+    return (_jsx("div", { className: classNames('ff-module-chip', {
+            'ff-filter-chip': isFilterChip,
+            [`ff-${chipType}-chip--active`]: isActive,
+            [`ff-${chipType}-chip--hover`]: !isActive,
+        }), onClick: onClick, children: _jsx(Typography, { lineHeight: "18px", className: "module-typography", children: label }) }));
+};
+export default ModuleChip;
+//# sourceMappingURL=ModuleChip.js.map

package/lib/components/ModulesChip/ModuleChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleChip.js","sourceRoot":"","sources":["../../../src/components/ModulesChip/ModuleChip.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,UAAU,GAA8B,CAAC,EAC7C,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,YAAY,GAAG,KAAK,GACrB,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;IACpD,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE;YACtC,gBAAgB,EAAE,YAAY;YAC9B,CAAC,MAAM,QAAQ,eAAe,CAAC,EAAE,QAAQ;YACzC,CAAC,MAAM,QAAQ,cAAc,CAAC,EAAE,CAAC,QAAQ;SAC1C,CAAC,EACF,OAAO,EAAE,OAAO,YAEhB,KAAC,UAAU,IACT,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,KAAK,GACf,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

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

package/lib/components/ModulesChip/index.js

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

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

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

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

@@ -0,0 +1,15 @@
+export interface ModuleChipProps {
+    /**
+     * mandatory | label for the ModuleChip component
+     */
+    label: string;
+    /**
+     * mandatory | isActive for the ModuleChip component
+     */
+    isActive: boolean;
+    /**
+     * mandatory | onClick for the ModuleChip component
+     */
+    onClick: () => void;
+    isFilterChip?: boolean;
+}

package/lib/components/ModulesChip/types.js

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

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

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

package/lib/components/MultiSelect/Dropdown.d.ts

@@ -0,0 +1,4 @@
+import { DropdownProps } from './dropdownTypes';
+import './Dropdown.scss';
+declare const Dropdown: import("react").ForwardRefExoticComponent<DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Dropdown;

package/lib/components/MultiSelect/Dropdown.js

@@ -0,0 +1,86 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useContext, useMemo } from 'react';
+import { dropdownDefaultCSSData } from './dropdownTypes';
+import './Dropdown.scss';
+import { ThemeContext } from '../ThemeProvider/ThemeProvider';
+import classNames from 'classnames';
+import Button from '../Button';
+import Typography from '../Typography';
+import Checkbox from '../Checkbox';
+import Tooltip from '../Tooltip';
+import { truncateText } from '../../utils/truncateText/truncateText';
+import { getLabel, getValue, } from '../../utils/getSelectOptionValue/getSelectOptionValue';
+import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';
+const Dropdown = forwardRef(({ options, handleOptionChange, searchedKeyword = '', dropdownPosition = {}, zIndex, withSelectButton, labelAccessor = 'label', valueAccessor = 'value', loadMoreOptions, isAllSelected, onToggleAllSelect, isAllSelect, maxDropdownHeight: _maxDropdownHeight, variant, handleIconClick, }, ref) => {
+    const filteredOptions = options
+        ? options.filter((option) => getValue(option, valueAccessor)
+            ?.toLowerCase()
+            .includes(searchedKeyword.toLowerCase()))
+        : [];
+    const { verticalMargin, optionHeight, maxDropdownHeight } = dropdownDefaultCSSData;
+    const onSelectClick = (e) => {
+        e.stopPropagation();
+        handleOptionChange({}, false);
+    };
+    const renderOption = (info, labelAccessor) => {
+        if (typeof info[labelAccessor] === 'string') {
+            return truncateText(getLabel(info, labelAccessor), 25);
+        }
+        return info[labelAccessor];
+    };
+    const topPosition = useMemo(() => {
+        let calculatedDropdownHeight = Math.min(filteredOptions.length * optionHeight, _maxDropdownHeight || maxDropdownHeight);
+        if (filteredOptions.length < 5 && withSelectButton) {
+            calculatedDropdownHeight += 32;
+        }
+        const isEnoughSpaceAvailable = dropdownPosition.fromBottom >=
+            calculatedDropdownHeight + verticalMargin;
+        const topPosition = isEnoughSpaceAvailable
+            ? dropdownPosition.top
+            : dropdownPosition.top -
+                calculatedDropdownHeight -
+                dropdownPosition.selectHeight -
+                2 * verticalMargin;
+        return topPosition;
+    }, [filteredOptions.length, withSelectButton, dropdownPosition]);
+    const themeContext = useContext(ThemeContext);
+    const currentTheme = themeContext?.currentTheme;
+    useIntersectionObserver(['ff-multiselect-pagination'], {
+        root: document.getElementById('ff-multiselect-options-wrapper'),
+        rootMargin: '0px',
+        threshold: 0.1,
+        onIntersect: (entry, _observer) => {
+            if (entry.isIntersecting) {
+                if (loadMoreOptions) {
+                    loadMoreOptions();
+                }
+            }
+        },
+    });
+    return (_jsxs("div", { role: "listbox", ref: ref, className: classNames('ff-multiselect-dropdown-container', {
+            [currentTheme || '']: true,
+        }), style: {
+            left: dropdownPosition.left,
+            top: topPosition,
+            width: dropdownPosition.width,
+            zIndex,
+            maxHeight: `${_maxDropdownHeight}px`,
+        }, children: [_jsx("div", { className: "ff-multiselect-options-wrapper", style: {
+                    maxHeight: withSelectButton
+                        ? `${_maxDropdownHeight - 32}px`
+                        : `${_maxDropdownHeight}px`,
+                }, id: "ff-multiselect-options-wrapper", children: filteredOptions.length === 0 ? (variant === 'labels' && searchedKeyword.trim().length > 2 ? (_jsxs(Typography, { as: "p", className: "no-options", onClick: handleIconClick, children: [searchedKeyword, " add label"] })) : (_jsx(Typography, { textAlign: "center", as: "p", className: "no-options", children: "No Result Found" }))) : (_jsxs(_Fragment, { children: [isAllSelect && (_jsxs("div", { className: "dropdown-option-container", children: [_jsx(Checkbox, { checked: isAllSelected, onChange: (event) => {
+                                        onToggleAllSelect?.(event.target.checked);
+                                    } }), _jsx(Typography, { className: "dropdown-option-label", children: "All" })] })), filteredOptions.map((info) => (_jsxs("div", { role: "option", className: `dropdown-option-container`, onClick: (e) => {
+                                const target = e.target;
+                                if (target.type === 'checkbox') {
+                                    return;
+                                }
+                                !info?.isDisabled &&
+                                    handleOptionChange(info, !info.isChecked);
+                            }, children: [_jsx(Checkbox, { checked: info.isChecked, disabled: info?.isDisabled }), _jsx(Tooltip, { zIndex: zIndex + 1, title: renderOption(info, labelAccessor).length > 25
+                                        ? getLabel(info, labelAccessor)
+                                        : '', children: _jsx(Typography, { className: "dropdown-option-label", children: renderOption(info, labelAccessor) }) })] }, getLabel(info, labelAccessor)))), _jsx("div", { id: "ff-multiselect-pagination" })] })) }), withSelectButton && filteredOptions.length > 0 && (_jsx("div", { className: "select-button-container", children: _jsx(Button, { label: "Select", variant: "tertiary", onClick: onSelectClick }) }))] }));
+});
+export default Dropdown;
+//# sourceMappingURL=Dropdown.js.map

package/lib/components/MultiSelect/Dropdown.js.map

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

package/lib/components/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,4 @@
+import './MultiSelect.scss';
+import { MultiSelectProps } from './MultiSelectTypes';
+declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount: initialDisplayCount, isAllSelected, onToggleAllSelect, displayAllSelectedAsText, isAllSelect, placeholderForSearching, variant, onLabelPlusIconClick, className, onSelectButtonClick, labelAccessor, valueAccessor, withSelectButton, loadMoreOptions, onEnter, maxVisibleChips, onBlur, maxDropdownHeight, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default MultiSelect;

package/lib/components/MultiSelect/MultiSelect.js

@@ -0,0 +1,292 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import classNames from 'classnames';
+import './MultiSelect.scss';
+import Dropdown from './Dropdown';
+import Icon from '../Icon';
+import Typography from '../Typography';
+import Tooltip from '../Tooltip';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+import { truncateText } from '../../utils/truncateText/truncateText';
+import { getLabel, getValue, } from '../../utils/getSelectOptionValue/getSelectOptionValue';
+const ChipElement = ({ label, onChipCloseClick, disableChip, zIndex, }) => {
+    if (label) {
+        return (_jsxs("div", { className: "ff-multiselect-chip", children: [_jsx("span", { className: `ff-multiselect-chip-label ${disableChip && 'label-padding'}`, children: _jsx(Tooltip, { style: { display: 'flex' }, placement: "bottom", title: label?.length > 25 ? label : '', zIndex: zIndex + 1, children: _jsx(Typography, { fontSize: 10, lineHeight: '14px', as: "span", children: typeof label === 'string' ? truncateText(label, 25) : label }) }) }), !disableChip && (_jsx(Icon, { className: "ff-multiselect-chip-close-icon", onClick: onChipCloseClick, name: "close_pill" }))] }));
+    }
+    return null;
+};
+const MultiSelect = ({ options = [], type = 'text', selectedOptions = [], onChange = () => { }, acceptNewOption = false, zIndex = 100, label = '', onSearch = () => { }, required = false, disabled = false, errorMessage = 'Fill this field', displayCount: initialDisplayCount = false, isAllSelected, onToggleAllSelect, 
+// New prop added
+displayAllSelectedAsText, isAllSelect, placeholderForSearching = 'Search', variant = 'default', onLabelPlusIconClick = async () => { }, className = '', onSelectButtonClick = () => { }, labelAccessor = 'label', valueAccessor = 'value', withSelectButton = variant === 'machines' ? true : false, loadMoreOptions = () => { }, onEnter = () => { }, maxVisibleChips = 2, onBlur = () => { }, maxDropdownHeight = 160, }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [allOptions, setAllOptions] = useState(options);
+    const [searchedKeyword, setSearchedKeyword] = useState('');
+    const [isSelectFocusedOnce, setIsSelectFocusedOnce] = useState(false);
+    const [inputError, setInputError] = useState('');
+    const [displayIcon, setDisplayIcon] = useState(false);
+    const [displayCount, setDisplayCount] = useState(initialDisplayCount);
+    const [dropdownPosition, setDropdownPosition] = useState({
+        top: 0,
+        left: 0,
+        width: 0,
+        fromBottom: 0,
+        selectHeight: 0,
+    });
+    const [labelBgColor, setLabelBgColor] = useState('white');
+    const inputRef = useRef(null);
+    const dropdownWrapper = useRef(null);
+    const dropdownRef = useRef(null);
+    const selectWrapper = useRef(null);
+    let isFieldSkipped = isSelectFocusedOnce && selectedOptions.length === 0;
+    const hiddenCount = selectedOptions.length - maxVisibleChips;
+    const handleClick = () => {
+        if (!isOpen) {
+            setIsOpen(true);
+        }
+        else if (withSelectButton && dropdownRef.current) {
+            setIsOpen(false);
+        }
+    };
+    const toggleDropdown = (e) => {
+        e.stopPropagation();
+        inputRef.current?.focus();
+        setIsOpen((prev) => !prev);
+        if (!isSelectFocusedOnce && isOpen) {
+            setIsSelectFocusedOnce(true);
+        }
+    };
+    const handleOptionChange = (selectedOption, isChecked) => {
+        inputRef.current?.focus();
+        const updatedOptions = allOptions.map((option) => getValue(option, valueAccessor) ===
+            getValue(selectedOption, valueAccessor)
+            ? { ...option, isChecked }
+            : option);
+        setAllOptions(updatedOptions);
+        const tempCheckedOptions = updatedOptions
+            .filter((option) => option.isChecked)
+            .map(({ isChecked, ...rest }) => rest);
+        if (!isSelectFocusedOnce) {
+            setIsSelectFocusedOnce(true);
+        }
+        if (checkEmpty(selectedOption)) {
+            setIsOpen(false);
+            onSelectButtonClick?.(tempCheckedOptions);
+            return;
+        }
+        onChange && onChange(tempCheckedOptions);
+    };
+    const handleChipCloseClick = (option, e) => {
+        e.stopPropagation();
+        handleOptionChange(option, false);
+    };
+    const handleChipCloseAll = (e) => {
+        e.stopPropagation();
+        const updatedOptions = allOptions.map((option) => ({
+            ...option,
+            isChecked: false,
+        }));
+        setAllOptions(updatedOptions);
+        onChange && onChange([]);
+    };
+    const handleKeyEnter = (e) => {
+        if (acceptNewOption && e.key === 'Enter') {
+            setInputError('');
+            if (type === 'email') {
+                const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+                if (!emailPattern.test(searchedKeyword)) {
+                    setIsOpen(false);
+                    setInputError('Please enter a valid email address.');
+                    return;
+                }
+            }
+            onEnter?.(searchedKeyword);
+            setSearchedKeyword('');
+            setIsOpen(false);
+        }
+    };
+    const handleIconClick = async () => {
+        try {
+            await onLabelPlusIconClick(searchedKeyword);
+            // Empty the input field & remove the icon after adding the label successfully
+            setSearchedKeyword('');
+            setDisplayIcon(false);
+        }
+        catch (error) { }
+    };
+    useEffect(() => {
+        const getActualBackgroundColor = (element) => {
+            let currentElement = element;
+            while (currentElement) {
+                const styles = window.getComputedStyle(currentElement);
+                if (styles.backgroundColor !== 'rgba(0, 0, 0, 0)') {
+                    return styles.backgroundColor;
+                }
+                currentElement = currentElement.parentElement;
+            }
+            return '';
+        };
+        if (selectWrapper.current) {
+            const parentElement = selectWrapper.current.parentElement?.parentElement;
+            if (parentElement) {
+                const bgColor = getActualBackgroundColor(parentElement);
+                if (bgColor) {
+                    setLabelBgColor(bgColor);
+                }
+            }
+        }
+    }, [selectWrapper.current]);
+    const calculatePosition = () => {
+        if (dropdownWrapper.current && selectWrapper.current) {
+            const rect = dropdownWrapper.current.getBoundingClientRect();
+            const rect2 = selectWrapper.current.getBoundingClientRect();
+            setDropdownPosition({
+                top: rect.bottom + window.scrollY,
+                left: rect.left + window.scrollX,
+                width: rect.width,
+                fromBottom: document.documentElement.clientHeight - (rect.bottom - 4),
+                selectHeight: rect2.height,
+            });
+        }
+    };
+    const handleSearch = (e) => {
+        if (!isOpen) {
+            setIsOpen(true);
+        }
+        const input = e.target.value;
+        setSearchedKeyword(input);
+        onSearch?.(input);
+        if (input.length > 2) {
+            const matchedOption = allOptions.find((option) => getLabel(option, valueAccessor)?.toLowerCase() === input.toLowerCase());
+            setDisplayIcon(!matchedOption);
+        }
+        else {
+            setDisplayIcon(false);
+        }
+    };
+    const handleHiddenChips = () => {
+        setIsOpen(false);
+        setDisplayCount(false);
+    };
+    useEffect(() => {
+        const rect = dropdownWrapper.current?.getBoundingClientRect();
+        setDropdownPosition((prev) => ({ ...prev, width: rect?.width }));
+    }, [displayIcon]);
+    useEffect(() => {
+        if (isOpen) {
+            calculatePosition();
+        }
+    }, [isOpen, allOptions]);
+    function getScrollbarWidth() {
+        const div = document.createElement('div');
+        div.style.visibility = 'hidden';
+        div.style.overflow = 'scroll';
+        document.body.appendChild(div);
+        const scrollbarWidth = div.offsetWidth - div.clientWidth;
+        document.body.removeChild(div);
+        return scrollbarWidth;
+    }
+    const onSelectToggleScroll = (isEnabled) => {
+        const bodyScrollWidth = getScrollbarWidth();
+        if (document.body.scrollHeight > window.innerHeight) {
+            document.body.style.paddingRight = isEnabled
+                ? ''
+                : `${bodyScrollWidth}px`;
+        }
+        document.body.style.overflow = isEnabled ? '' : 'hidden';
+    };
+    useEffect(() => {
+        if (isOpen) {
+            onSelectToggleScroll(!isOpen);
+        }
+        if (dropdownRef?.current) {
+            inputRef?.current?.focus();
+        }
+        return () => {
+            onSelectToggleScroll(true);
+        };
+    }, [isOpen]);
+    useEffect(() => {
+        if (!isOpen && isSelectFocusedOnce) {
+            onBlur();
+        }
+    }, [isOpen, isSelectFocusedOnce]);
+    useEffect(() => {
+        if (!checkEmpty(options)) {
+            let initializeOptions = options;
+            if (!checkEmpty(selectedOptions)) {
+                initializeOptions = options.map((option) => ({
+                    ...option,
+                    isChecked: selectedOptions.some((selectedOption) => getValue(selectedOption, valueAccessor) ===
+                        getValue(option, valueAccessor)),
+                }));
+            }
+            setAllOptions(initializeOptions);
+        }
+    }, [options, selectedOptions]);
+    useEffect(() => {
+        const handleClickAnywhere = (event) => {
+            if (withSelectButton &&
+                dropdownWrapper.current &&
+                selectWrapper.current &&
+                dropdownRef.current &&
+                !dropdownRef.current.contains(event?.target) &&
+                !selectWrapper.current.contains(event?.target)) {
+                setInputError('');
+                setIsOpen(false);
+                if (!isSelectFocusedOnce) {
+                    setIsSelectFocusedOnce(true);
+                }
+            }
+            if (dropdownWrapper.current &&
+                inputRef.current &&
+                selectWrapper.current &&
+                dropdownRef.current &&
+                !inputRef.current.contains(event?.target) &&
+                !dropdownRef.current.contains(event?.target) &&
+                !selectWrapper.current.contains(event?.target) &&
+                !(event?.target &&
+                    event.target.closest('.ff-label-plus-icon'))) {
+                setInputError('');
+                setIsOpen(false);
+                if (!isSelectFocusedOnce) {
+                    setIsSelectFocusedOnce(true);
+                }
+            }
+        };
+        window.addEventListener('resize', calculatePosition);
+        window.addEventListener('click', handleClickAnywhere, true);
+        return () => {
+            window.removeEventListener('resize', calculatePosition);
+            window.removeEventListener('click', handleClickAnywhere);
+            document.body.style.overflow = 'auto';
+        };
+    }, []);
+    const hideSearchField = displayAllSelectedAsText && selectedOptions.length === allOptions.length;
+    return (_jsxs("div", { className: `ff-multiselect-container-with-icon ${className}`, children: [_jsxs("div", { ref: selectWrapper, className: classNames('ff-multiselect-wrapper', {
+                    'ff-multiselect-wrapper--with-options': selectedOptions?.length,
+                    'ff-multiselect-wrapper--opened-dropdown': isOpen,
+                    'ff-multiselect-wrapper--error': (isFieldSkipped && required) || inputError,
+                    'ff-multiselect-wrapper--disabled': disabled,
+                }), children: [_jsxs("div", { className: "ff-multiselect", onClick: handleClick, children: [_jsxs("div", { className: "ff-multiselect__main", children: [_jsx(Typography, { style: { backgroundColor: labelBgColor }, className: classNames({
+                                            'active-default-label': isOpen ||
+                                                (!withSelectButton && selectedOptions?.length) ||
+                                                (isFieldSkipped && required),
+                                            'default-label': !isOpen && !selectedOptions?.length,
+                                        }), required: required, children: label }), _jsxs("div", { className: "ff-multiselect-chip-container", children: [!withSelectButton &&
+                                                (displayAllSelectedAsText &&
+                                                    selectedOptions.length === allOptions.length &&
+                                                    labelAccessor !== 'name' ? (_jsx(ChipElement, { zIndex: zIndex, label: "All", onChipCloseClick: handleChipCloseAll, disableChip: false }, "all")) : displayCount ? (_jsx(_Fragment, { children: selectedOptions.slice(0, maxVisibleChips).map((option) => (_jsx(ChipElement, { zIndex: zIndex, label: getLabel(option, labelAccessor) || '', onChipCloseClick: (e) => handleChipCloseClick(option, e), disableChip: option?.isDisabled || false }, getLabel(option, labelAccessor)))) })) : (selectedOptions.map((option) => (_jsx(ChipElement, { zIndex: zIndex, label: getLabel(option, labelAccessor) || '', onChipCloseClick: (e) => handleChipCloseClick(option, e), disableChip: option?.isDisabled || false }, getLabel(option, labelAccessor)))))), !hideSearchField && (_jsx("div", { className: "ff-multiselect-input-container", children: _jsx("input", { value: searchedKeyword, type: type, autoComplete: "off", placeholder: placeholderForSearching, ref: inputRef, onChange: handleSearch, onKeyDown: handleKeyEnter, id: "input-ele", className: "ff-select-input", style: {
+                                                        display: isOpen || (selectedOptions.length && !withSelectButton)
+                                                            ? 'inherit'
+                                                            : 'none',
+                                                    } }) }))] })] }), hiddenCount > 0 && displayCount && (_jsx("div", { className: "ff-multiselect-more-chip", onClick: handleHiddenChips, children: _jsxs(Typography, { fontSize: 12, fontWeight: "semi-bold", lineHeight: "16px", color: "var(--brand-color)", children: ["+", hiddenCount] }) })), _jsx("div", { onClick: (e) => {
+                                    toggleDropdown(e);
+                                }, className: "ff-multiselect__toggle", children: _jsx(Icon, { name: "arrow_down", className: classNames({
+                                        'ff-select-arrow--opened-dropdown': isOpen,
+                                        'ff-select-arrow': !isOpen,
+                                    }), color: isOpen ? 'var(--brand-color)' : 'var(--default-icon-color)', height: 8, width: 12 }) })] }), _jsxs("div", { ref: dropdownWrapper, children: [(inputError || (isFieldSkipped && required && errorMessage)) && (_jsx(Typography, { children: inputError || errorMessage, fontSize: 10, className: "error-text" })), isOpen &&
+                                createPortal(_jsx(Dropdown, { ref: dropdownRef, searchedKeyword: searchedKeyword, checkedOptions: selectedOptions, handleOptionChange: handleOptionChange, options: allOptions, dropdownPosition: dropdownPosition, zIndex: zIndex, withSelectButton: withSelectButton, labelAccessor: labelAccessor, valueAccessor: valueAccessor, loadMoreOptions: loadMoreOptions, isAllSelected: isAllSelected, onToggleAllSelect: onToggleAllSelect, isAllSelect: isAllSelect, maxDropdownHeight: maxDropdownHeight, variant: variant, handleIconClick: handleIconClick }), document.body)] })] }), variant === 'labels' && displayIcon && (_jsx(Tooltip, { title: "Add Label", placement: "top", zIndex: zIndex + 1, children: _jsx(Icon, { name: 'label_plus', onClick: handleIconClick, className: "ff-label-plus-icon" }) }))] }));
+};
+export default MultiSelect;
+//# sourceMappingURL=MultiSelect.js.map

package/lib/components/MultiSelect/MultiSelect.js.map

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

package/lib/components/MultiSelect/MultiSelectTypes.d.ts

@@ -0,0 +1,40 @@
+type OptionValue = any;
+interface Option {
+    [key: string]: OptionValue;
+}
+interface MultiSelectProps {
+    options: Option[];
+    type?: 'email' | 'text';
+    label: string;
+    selectedOptions?: Option[];
+    disabled?: boolean;
+    onSearch?: (searchedKeyword: string) => void;
+    onChange?: (selectedOptions: Option[]) => void;
+    acceptNewOption?: boolean;
+    zIndex?: number;
+    required?: boolean;
+    errorMessage?: string;
+    withSelectButton?: boolean;
+    onSelectButtonClick?: (selectedOptions: Option[]) => void;
+    displayCount?: boolean;
+    isAllSelected?: boolean;
+    onToggleAllSelect?: (checkedState: boolean) => void;
+    displayAllSelectedAsText?: boolean;
+    placeholderForSearching?: string;
+    isAllSelect?: boolean;
+    /**  Default is default. choose labels variant if you are using this component for labels dropdown or choose machines if you are using this component in parallel  */
+    variant?: 'default' | 'labels' | 'machines';
+    /** Pass the function what to do upon clicking label plus icon  */
+    onLabelPlusIconClick?: (_enteredKeyword: string) => Promise<void>;
+    /** classname to handle styling wrt to multiselect div and and labelplus icon */
+    className?: string;
+    labelAccessor?: string;
+    valueAccessor?: string;
+    onEnter?: (newOption: string) => void;
+    loadMoreOptions?: () => void;
+    maxVisibleChips?: number;
+    onBlur?: () => void;
+    /** default max height is 160px, give max dropdown height while using jsx or want to control how many max options you want to show  */
+    maxDropdownHeight?: number;
+}
+export { Option, MultiSelectProps };

package/lib/components/MultiSelect/MultiSelectTypes.js

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

package/lib/components/MultiSelect/MultiSelectTypes.js.map

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

package/lib/components/MultiSelect/dropdownTypes.d.ts

@@ -0,0 +1,26 @@
+import { Option } from './MultiSelectTypes';
+export declare const dropdownDefaultCSSData: {
+    verticalMargin: number;
+    optionHeight: number;
+    maxDropdownHeight: number;
+};
+export interface DropdownProps {
+    options: Option[];
+    style?: React.CSSProperties;
+    handleOptionChange: (option: Option, isChecked: boolean) => void;
+    checkedOptions: Option[];
+    searchedKeyword: undefined | string;
+    dropdownPosition: any;
+    zIndex: number;
+    withSelectButton?: boolean;
+    onSelect?: () => void;
+    labelAccessor?: string;
+    valueAccessor?: string;
+    loadMoreOptions?: () => void;
+    isAllSelected?: boolean;
+    onToggleAllSelect?: (checkedState: boolean) => void;
+    isAllSelect?: boolean;
+    maxDropdownHeight: number;
+    variant?: string;
+    handleIconClick?: () => void;
+}

package/lib/components/MultiSelect/dropdownTypes.js

@@ -0,0 +1,6 @@
+export const dropdownDefaultCSSData = {
+    verticalMargin: 4,
+    optionHeight: 32,
+    maxDropdownHeight: 160,
+};
+//# sourceMappingURL=dropdownTypes.js.map

package/lib/components/MultiSelect/dropdownTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownTypes.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/dropdownTypes.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,cAAc,EAAE,CAAC;IACjB,YAAY,EAAE,EAAE;IAChB,iBAAiB,EAAE,GAAG;CACvB,CAAC"}

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

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

package/lib/components/MultiSelect/index.js

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

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

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

package/lib/components/NLPInput/NlpInput.d.ts

@@ -0,0 +1,4 @@
+import { SelectProps } from './types';
+import './NLPInput.scss';
+declare const NlpInput: ({ label, leftIcon, rightIcon, rightIconColor, showLabel, onHelpIconClick, aiIconClick, webServiceClick, containerWidth, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, value, onSelect, chipOptionList, selectedChips, loadMoreOptions, isWebservice, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export default NlpInput;