@expressms/smartapp-ui 2.2.5 → 2.2.7

package/build/main//321/201omponents/ListItem/ListItem.d.ts

@@ -0,0 +1,23 @@
+import { IListItemProps } from './types';
+import '../../styles/styles.scss';
+export declare const LIST_ITEM_TYPE: {
+    interactive: string;
+    notInteractive: string;
+};
+export declare const INTERACTIVE_ELEMENT: {
+    radioButton: string;
+    checkbox: string;
+    toggle: string;
+};
+export declare const INTERACTIVE_POSITION: {
+    left: string;
+    right: string;
+};
+export declare const NOT_INTERACTIVE_ELEMENT: {
+    icon: string;
+    indicator: string;
+    noElement: string;
+};
+export declare const DEFAULT_INDICATOR_COLOR = "blue";
+declare const ListItem: (props: IListItemProps) => import("react/jsx-runtime").JSX.Element;
+export default ListItem;

package/build/main//321/201omponents/ListItem/ListItem.js

@@ -0,0 +1,195 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import classNames from 'classnames';
+import RadioButton from '../RadioButton';
+import Checkbox from '../Checkbox';
+import Toggle from '../Toggle';
+import '../../styles/styles.scss';
+export var LIST_ITEM_TYPE = {
+    interactive: 'interactive',
+    notInteractive: 'not-interactive',
+};
+export var INTERACTIVE_ELEMENT = {
+    radioButton: 'radio-button',
+    checkbox: 'checkbox',
+    toggle: 'toggle',
+};
+export var INTERACTIVE_POSITION = {
+    left: 'left',
+    right: 'right',
+};
+export var NOT_INTERACTIVE_ELEMENT = {
+    icon: 'icon',
+    indicator: 'indicator',
+    noElement: 'no-element',
+};
+var MIN_LIST_ITEM_HEIGHT = 44;
+export var DEFAULT_INDICATOR_COLOR = 'blue';
+var DEFAULT_PRESSED_CLASSNAME = 'smartapp-list-item__not-interactive--pressed';
+var SELECTED_PRESSED_CLASSNAME = 'smartapp-list-item__not-interactive--selected__pressed';
+var TOP_ALIGN_CLASSNAME = 'smartapp-list-item__top-align';
+var getIsType = function (type) {
+    var isInteractiveType = type === LIST_ITEM_TYPE.interactive;
+    var isNotInteractiveType = type === LIST_ITEM_TYPE.notInteractive;
+    return { isInteractiveType: isInteractiveType, isNotInteractiveType: isNotInteractiveType };
+};
+var getIsElement = function (element) {
+    var isIndicatorElement = element === NOT_INTERACTIVE_ELEMENT.indicator;
+    var isIconElement = element === NOT_INTERACTIVE_ELEMENT.icon;
+    var isNoElement = element === NOT_INTERACTIVE_ELEMENT.noElement;
+    return { isIndicatorElement: isIndicatorElement, isIconElement: isIconElement, isNoElement: isNoElement };
+};
+var ListItem = function (props) {
+    var theme = props.theme, type = props.type, text = props.text, element = props.element, isDisabled = props.isDisabled;
+    var listItemRef = useRef(null);
+    var _a = getIsType(type), isInteractiveType = _a.isInteractiveType, isNotInteractiveType = _a.isNotInteractiveType;
+    var _b = getIsElement(element), isIndicatorElement = _b.isIndicatorElement, isIconElement = _b.isIconElement, isNoElement = _b.isNoElement;
+    var isLeftPosition = function (position) { return position === INTERACTIVE_POSITION.left; };
+    var isRightPosition = function (position) { return position === INTERACTIVE_POSITION.right; };
+    var generatePressedClassName = useCallback(function () {
+        var isElementHasSelectedProps = isIndicatorElement || isNoElement;
+        if (isNotInteractiveType && !isDisabled) {
+            if (isElementHasSelectedProps) {
+                var isSelected = props.isSelected;
+                return isSelected ? SELECTED_PRESSED_CLASSNAME : DEFAULT_PRESSED_CLASSNAME;
+            }
+            return DEFAULT_PRESSED_CLASSNAME;
+        }
+        return '';
+    }, [isDisabled, isIndicatorElement, isNoElement, isNotInteractiveType, props]);
+    var handleMouseDown = useCallback(function () {
+        var _a;
+        var pressedClassName = generatePressedClassName();
+        pressedClassName && ((_a = listItemRef.current) === null || _a === void 0 ? void 0 : _a.classList.add(pressedClassName));
+    }, [generatePressedClassName]);
+    var handleMouseUp = useCallback(function () {
+        var _a;
+        var pressedClassName = generatePressedClassName();
+        pressedClassName && ((_a = listItemRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove(pressedClassName));
+    }, [generatePressedClassName]);
+    var renderInteractiveElement = function () {
+        var _a = props, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, onChange = _a.onChange;
+        var elementId = uuidv4();
+        switch (element) {
+            case INTERACTIVE_ELEMENT.radioButton:
+                return _jsx(RadioButton, { id: elementId, isChecked: isSelected, isDisabled: isDisabled, onChange: onChange });
+            case INTERACTIVE_ELEMENT.checkbox:
+                return _jsx(Checkbox, { id: elementId, isChecked: isSelected, isDisabled: isDisabled, onChange: onChange });
+            case INTERACTIVE_ELEMENT.toggle:
+                return _jsx(Toggle, { id: elementId, isChecked: isSelected, isDisabled: isDisabled, onClick: onChange });
+        }
+    };
+    var renderNotInteractiveElement = function () {
+        switch (element) {
+            case NOT_INTERACTIVE_ELEMENT.icon:
+                var icon = props.icon;
+                return _jsx("div", __assign({ className: classNames('smartapp-list-item__icon', { 'smartapp-list-item__icon--disabled': isDisabled }) }, { children: icon }));
+            case NOT_INTERACTIVE_ELEMENT.indicator:
+                var color = props.color;
+                return renderIndicatorElement({ color: color });
+            case NOT_INTERACTIVE_ELEMENT.noElement:
+                return null;
+        }
+    };
+    var renderIndicatorElement = function (_a) {
+        var _b;
+        var _c = _a.isIndicator, isIndicator = _c === void 0 ? true : _c, _d = _a.color, color = _d === void 0 ? DEFAULT_INDICATOR_COLOR : _d;
+        if (isIndicator) {
+            var indicatorColorClassName = "smartapp-list-item__indicator--".concat(color);
+            var className = classNames('smartapp-list-item__indicator', indicatorColorClassName, (_b = {},
+                _b["".concat(indicatorColorClassName, "__disabled")] = isDisabled,
+                _b));
+            return _jsx("div", { className: className });
+        }
+        return null;
+    };
+    var renderLeftElement = function () {
+        if (isInteractiveType) {
+            var _a = props, _b = _a.position, position = _b === void 0 ? INTERACTIVE_POSITION.right : _b, _c = _a.isIndicator, isIndicator = _c === void 0 ? false : _c, color = _a.color;
+            return isLeftPosition(position) ? renderInteractiveElement() : renderIndicatorElement({ isIndicator: isIndicator, color: color });
+        }
+        if (isNotInteractiveType) {
+            return renderNotInteractiveElement();
+        }
+    };
+    var renderRightElement = function () {
+        if (isInteractiveType) {
+            var _a = props.position, position = _a === void 0 ? INTERACTIVE_POSITION.right : _a;
+            return isRightPosition(position) ? renderInteractiveElement() : null;
+        }
+    };
+    var renderSecondaryText = function () {
+        if (isNotInteractiveType && isNoElement) {
+            var _a = props, secondaryText = _a.secondaryText, secondaryTextColor = _a.secondaryTextColor;
+            return secondaryText ? _jsx("div", __assign({ style: { color: secondaryTextColor } }, { children: secondaryText })) : null;
+        }
+    };
+    var generateTextClassName = function () {
+        var classNames = ['smartapp-list-item__text'];
+        if (isInteractiveType) {
+            var _a = props, _b = _a.position, position = _b === void 0 ? INTERACTIVE_POSITION.right : _b, isIndicator = _a.isIndicator;
+            var isLeftClassNeeded = isLeftPosition(position) || isIndicator;
+            isLeftClassNeeded && classNames.push('smartapp-list-item__text--left');
+            isRightPosition(position) && classNames.push('smartapp-list-item__text--right');
+            isIndicator && isRightPosition(position) && classNames.push('smartapp-list-item__text--ellipse');
+        }
+        if (isNotInteractiveType && (isIconElement || isIndicatorElement)) {
+            classNames.push('smartapp-list-item__text--left');
+        }
+        isDisabled && classNames.push('smartapp-list-item__text--disabled');
+        return classNames;
+    };
+    var generateClassName = function () {
+        var classNames = ['smartapp-list-item', "smartapp-list-item__".concat(type), "smartapp-list-item__".concat(theme)];
+        var isElementHasSelectedProps = isIndicatorElement || isNoElement;
+        if (isElementHasSelectedProps) {
+            var isSelected = props.isSelected;
+            isSelected && classNames.push("smartapp-list-item__".concat(type, "--selected"));
+        }
+        if (isNoElement) {
+            var secondaryText = props.secondaryText;
+            secondaryText && classNames.push("smartapp-list-item__".concat(type, "--with-secondary-text"));
+        }
+        isDisabled && classNames.push('smartapp-list-item__disabled');
+        return classNames;
+    };
+    useEffect(function () {
+        var listItemRefCurrent = listItemRef.current;
+        var listItemRefClassList = listItemRefCurrent === null || listItemRefCurrent === void 0 ? void 0 : listItemRefCurrent.classList;
+        var resizeObserver = new ResizeObserver(function () {
+            var _a = props.position, position = _a === void 0 ? INTERACTIVE_POSITION.right : _a;
+            var height = (listItemRefCurrent === null || listItemRefCurrent === void 0 ? void 0 : listItemRefCurrent.getBoundingClientRect().height) || 0;
+            if (isLeftPosition(position)) {
+                height > MIN_LIST_ITEM_HEIGHT ? listItemRefClassList === null || listItemRefClassList === void 0 ? void 0 : listItemRefClassList.add(TOP_ALIGN_CLASSNAME) : listItemRefClassList === null || listItemRefClassList === void 0 ? void 0 : listItemRefClassList.remove(TOP_ALIGN_CLASSNAME);
+            }
+            else {
+                listItemRefClassList === null || listItemRefClassList === void 0 ? void 0 : listItemRefClassList.remove(TOP_ALIGN_CLASSNAME);
+            }
+        });
+        if (listItemRefCurrent && isInteractiveType) {
+            resizeObserver.observe(listItemRefCurrent);
+        }
+        return function () { return resizeObserver.disconnect(); };
+    }, [isInteractiveType, props]);
+    useEffect(function () {
+        window.addEventListener('mouseup', handleMouseUp);
+        return function () {
+            window.removeEventListener('mouseup', handleMouseUp);
+        };
+    }, [handleMouseUp]);
+    return (_jsxs("div", __assign({ ref: listItemRef, className: classNames(generateClassName()), onMouseDown: handleMouseDown }, { children: [renderLeftElement(), _jsxs("div", __assign({ className: classNames(generateTextClassName()) }, { children: [_jsx("div", { children: text }), renderSecondaryText()] })), renderRightElement()] })));
+};
+export default ListItem;
+//# sourceMappingURL=ListItem.js.map

package/build/main//321/201omponents/ListItem/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../../src/сomponents/ListItem/ListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AACnC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,MAAM,MAAM,WAAW,CAAA;AAQ9B,OAAO,0BAA0B,CAAA;AAEjC,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,WAAW,EAAE,aAAa;IAC1B,cAAc,EAAE,iBAAiB;CAClC,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG;IACjC,WAAW,EAAE,cAAc;IAC3B,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;CACjB,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACf,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG;IACrC,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,YAAY;CACxB,CAAA;AAED,IAAM,oBAAoB,GAAG,EAAE,CAAA;AAC/B,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAA;AAC7C,IAAM,yBAAyB,GAAG,8CAA8C,CAAA;AAChF,IAAM,0BAA0B,GAAG,wDAAwD,CAAA;AAC3F,IAAM,mBAAmB,GAAG,+BAA+B,CAAA;AAE3D,IAAM,SAAS,GAAG,UAAC,IAAY;IAC7B,IAAM,iBAAiB,GAAG,IAAI,KAAK,cAAc,CAAC,WAAW,CAAA;IAC7D,IAAM,oBAAoB,GAAG,IAAI,KAAK,cAAc,CAAC,cAAc,CAAA;IAEnE,OAAO,EAAE,iBAAiB,mBAAA,EAAE,oBAAoB,sBAAA,EAAE,CAAA;AACpD,CAAC,CAAA;AAED,IAAM,YAAY,GAAG,UAAC,OAAe;IACnC,IAAM,kBAAkB,GAAG,OAAO,KAAK,uBAAuB,CAAC,SAAS,CAAA;IACxE,IAAM,aAAa,GAAG,OAAO,KAAK,uBAAuB,CAAC,IAAI,CAAA;IAC9D,IAAM,WAAW,GAAG,OAAO,KAAK,uBAAuB,CAAC,SAAS,CAAA;IAEjE,OAAO,EAAE,kBAAkB,oBAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE,CAAA;AAC3D,CAAC,CAAA;AAID,IAAM,QAAQ,GAAG,UAAC,KAAqB;IAC7B,IAAA,KAAK,GAAsC,KAAK,MAA3C,EAAE,IAAI,GAAgC,KAAK,KAArC,EAAE,IAAI,GAA0B,KAAK,KAA/B,EAAE,OAAO,GAAiB,KAAK,QAAtB,EAAE,UAAU,GAAK,KAAK,WAAV,CAAU;IACxD,IAAM,WAAW,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEjD,IAAA,KAA8C,SAAS,CAAC,IAAI,CAAC,EAA3D,iBAAiB,uBAAA,EAAE,oBAAoB,0BAAoB,CAAA;IAC7D,IAAA,KAAqD,YAAY,CAAC,OAAO,CAAC,EAAxE,kBAAkB,wBAAA,EAAE,aAAa,mBAAA,EAAE,WAAW,iBAA0B,CAAA;IAEhF,IAAM,cAAc,GAAG,UAAC,QAAgB,IAAK,OAAA,QAAQ,KAAK,oBAAoB,CAAC,IAAI,EAAtC,CAAsC,CAAA;IACnF,IAAM,eAAe,GAAG,UAAC,QAAgB,IAAK,OAAA,QAAQ,KAAK,oBAAoB,CAAC,KAAK,EAAvC,CAAuC,CAAA;IAErF,IAAM,wBAAwB,GAAG,WAAW,CAAC;QAC3C,IAAM,yBAAyB,GAAG,kBAAkB,IAAI,WAAW,CAAA;QAEnE,IAAI,oBAAoB,IAAI,CAAC,UAAU,EAAE;YACvC,IAAI,yBAAyB,EAAE;gBACrB,IAAA,UAAU,GAAK,KAA4E,WAAjF,CAAiF;gBACnG,OAAO,UAAU,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,yBAAyB,CAAA;aAC3E;YAED,OAAO,yBAAyB,CAAA;SACjC;QAED,OAAO,EAAE,CAAA;IACX,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,EAAE,WAAW,EAAE,oBAAoB,EAAE,KAAK,CAAC,CAAC,CAAA;IAE9E,IAAM,eAAe,GAAG,WAAW,CAAC;;QAClC,IAAM,gBAAgB,GAAG,wBAAwB,EAAE,CAAA;QACnD,gBAAgB,KAAI,MAAA,WAAW,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA,CAAA;IAC1E,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAA;IAE9B,IAAM,aAAa,GAAG,WAAW,CAAC;;QAChC,IAAM,gBAAgB,GAAG,wBAAwB,EAAE,CAAA;QACnD,gBAAgB,KAAI,MAAA,WAAW,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAA,CAAA;IAC7E,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAA;IAE9B,IAAM,wBAAwB,GAAG;QACzB,IAAA,KAAmC,KAA6B,EAA9D,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAkC,CAAA;QACtE,IAAM,SAAS,GAAG,MAAM,EAAE,CAAA;QAE1B,QAAQ,OAAO,EAAE;YACf,KAAK,mBAAmB,CAAC,WAAW;gBAClC,OAAO,KAAC,WAAW,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;YAC1G,KAAK,mBAAmB,CAAC,QAAQ;gBAC/B,OAAO,KAAC,QAAQ,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;YACvG,KAAK,mBAAmB,CAAC,MAAM;gBAC7B,OAAO,KAAC,MAAM,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,GAAI,CAAA;SACrG;IACH,CAAC,CAAA;IAED,IAAM,2BAA2B,GAAG;QAClC,QAAQ,OAAO,EAAE;YACf,KAAK,uBAAuB,CAAC,IAAI;gBACvB,IAAA,IAAI,GAAK,KAAoC,KAAzC,CAAyC;gBACrD,OAAO,uBAAK,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,EAAE,oCAAoC,EAAE,UAAU,EAAE,CAAC,gBAAG,IAAI,IAAO,CAAA;YACnI,KAAK,uBAAuB,CAAC,SAAS;gBAC5B,IAAA,KAAK,GAAK,KAAyC,MAA9C,CAA8C;gBAC3D,OAAO,sBAAsB,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;YAC1C,KAAK,uBAAuB,CAAC,SAAS;gBACpC,OAAO,IAAI,CAAA;SACd;IACH,CAAC,CAAA;IAED,IAAM,sBAAsB,GAAG,UAAC,EAAgF;;YAA9E,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA,EAAE,aAA+B,EAA/B,KAAK,mBAAG,uBAAuB,KAAA;QACnF,IAAI,WAAW,EAAE;YACf,IAAM,uBAAuB,GAAG,yCAAkC,KAAK,CAAE,CAAA;YACzE,IAAM,SAAS,GAAG,UAAU,CAAC,+BAA+B,EAAE,uBAAuB;gBACnF,GAAC,UAAG,uBAAuB,eAAY,IAAG,UAAU;oBACpD,CAAA;YAEF,OAAO,cAAK,SAAS,EAAE,SAAS,GAAI,CAAA;SACrC;QAED,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG;QACxB,IAAI,iBAAiB,EAAE;YACf,IAAA,KAAwE,KAA6B,EAAnG,gBAAqC,EAArC,QAAQ,mBAAG,oBAAoB,CAAC,KAAK,KAAA,EAAE,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EAAE,KAAK,WAAkC,CAAA;YAC3G,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,EAAE,WAAW,aAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;SAC9G;QAED,IAAI,oBAAoB,EAAE;YACxB,OAAO,2BAA2B,EAAE,CAAA;SACrC;IACH,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG;QACzB,IAAI,iBAAiB,EAAE;YACb,IAAA,KAA0C,KAA6B,SAAlC,EAArC,QAAQ,mBAAG,oBAAoB,CAAC,KAAK,KAAA,CAAkC;YAC/E,OAAO,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;SACrE;IACH,CAAC,CAAA;IAED,IAAM,mBAAmB,GAAG;QAC1B,IAAI,oBAAoB,IAAI,WAAW,EAAE;YACjC,IAAA,KAAwC,KAAyC,EAA/E,aAAa,mBAAA,EAAE,kBAAkB,wBAA8C,CAAA;YACvF,OAAO,aAAa,CAAC,CAAC,CAAC,uBAAK,KAAK,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,gBAAG,aAAa,IAAO,CAAC,CAAC,CAAC,IAAI,CAAA;SAC/F;IACH,CAAC,CAAA;IAED,IAAM,qBAAqB,GAAG;QAC5B,IAAM,UAAU,GAAG,CAAC,0BAA0B,CAAC,CAAA;QAE/C,IAAI,iBAAiB,EAAE;YACf,IAAA,KAAyD,KAA6B,EAApF,gBAAqC,EAArC,QAAQ,mBAAG,oBAAoB,CAAC,KAAK,KAAA,EAAE,WAAW,iBAAkC,CAAA;YAC5F,IAAM,iBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC,IAAI,WAAW,CAAA;YAEjE,iBAAiB,IAAI,UAAU,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAA;YACtE,eAAe,CAAC,QAAQ,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,iCAAiC,CAAC,CAAA;YAC/E,WAAW,IAAI,eAAe,CAAC,QAAQ,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAA;SACjG;QAED,IAAI,oBAAoB,IAAI,CAAC,aAAa,IAAI,kBAAkB,CAAC,EAAE;YACjE,UAAU,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAA;SAClD;QAED,UAAU,IAAI,UAAU,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAA;QAEnE,OAAO,UAAU,CAAA;IACnB,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG;QACxB,IAAM,UAAU,GAAG,CAAC,oBAAoB,EAAE,8BAAuB,IAAI,CAAE,EAAE,8BAAuB,KAAK,CAAE,CAAC,CAAA;QACxG,IAAM,yBAAyB,GAAG,kBAAkB,IAAI,WAAW,CAAA;QAEnE,IAAI,yBAAyB,EAAE;YACrB,IAAA,UAAU,GAAK,KAA4E,WAAjF,CAAiF;YACnG,UAAU,IAAI,UAAU,CAAC,IAAI,CAAC,8BAAuB,IAAI,eAAY,CAAC,CAAA;SACvE;QAED,IAAI,WAAW,EAAE;YACP,IAAA,aAAa,GAAK,KAAyC,cAA9C,CAA8C;YACnE,aAAa,IAAI,UAAU,CAAC,IAAI,CAAC,8BAAuB,IAAI,0BAAuB,CAAC,CAAA;SACrF;QAED,UAAU,IAAI,UAAU,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAA;QAE7D,OAAO,UAAU,CAAA;IACnB,CAAC,CAAA;IAED,SAAS,CAAC;QACR,IAAM,kBAAkB,GAAG,WAAW,CAAC,OAAO,CAAA;QAC9C,IAAM,oBAAoB,GAAG,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,SAAS,CAAA;QAE1D,IAAM,cAAc,GAAG,IAAI,cAAc,CAAC;YAChC,IAAA,KAA0C,KAA6B,SAAlC,EAArC,QAAQ,mBAAG,oBAAoB,CAAC,KAAK,KAAA,CAAkC;YAC/E,IAAM,MAAM,GAAG,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,qBAAqB,GAAG,MAAM,KAAI,CAAC,CAAA;YAEtE,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE;gBAC5B,MAAM,GAAG,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,MAAM,CAAC,mBAAmB,CAAC,CAAA;aACnI;iBAAM;gBACL,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,MAAM,CAAC,mBAAmB,CAAC,CAAA;aAClD;QACH,CAAC,CAAC,CAAA;QAEF,IAAI,kBAAkB,IAAI,iBAAiB,EAAE;YAC3C,cAAc,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAA;SAC3C;QAED,OAAO,cAAM,OAAA,cAAc,CAAC,UAAU,EAAE,EAA3B,CAA2B,CAAA;IAC1C,CAAC,EAAE,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAA;IAE9B,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL,wBAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,CAAC,EAAE,WAAW,EAAE,eAAe,iBAC5F,iBAAiB,EAAE,EACpB,wBAAK,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,CAAC,iBACjD,wBAAM,IAAI,GAAO,EAChB,mBAAmB,EAAE,KAClB,EACL,kBAAkB,EAAE,KACjB,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/build/main//321/201omponents/ListItem/index.d.ts

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

package/build/main//321/201omponents/ListItem/index.js

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

package/build/main//321/201omponents/ListItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/ListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}

package/build/main//321/201omponents/ListItem/types.d.ts

@@ -0,0 +1,37 @@
+import { ReactElement } from 'react';
+import { IThemeProps } from '../../constants';
+type TInteractivePosition = 'left' | 'right';
+type TInteractiveElement = 'radio-button' | 'checkbox' | 'toggle';
+export type TIndicatorColor = 'blue' | 'pink' | 'orange' | 'violet' | 'cactus' | 'lime' | 'grey';
+export interface InteractiveItemProps {
+    type: 'interactive';
+    position?: TInteractivePosition;
+    element: TInteractiveElement;
+    isSelected?: boolean;
+    isIndicator?: boolean;
+    color?: TIndicatorColor;
+    onChange: () => void;
+}
+export interface NotInteractiveIconItemProps {
+    element: 'icon';
+    icon: ReactElement;
+}
+export interface NotInteractiveIndicatorItemProps {
+    element: 'indicator';
+    color?: TIndicatorColor;
+    isSelected?: boolean;
+}
+export interface NotInteractiveNoElementItemProps {
+    element: 'no-element';
+    isSelected?: boolean;
+    secondaryText?: string;
+    secondaryTextColor?: string;
+}
+export type NotInteractiveItemProps = (NotInteractiveIconItemProps | NotInteractiveIndicatorItemProps | NotInteractiveNoElementItemProps) & {
+    type: 'not-interactive';
+};
+export type IListItemProps = IThemeProps & (InteractiveItemProps | NotInteractiveItemProps) & {
+    text: string;
+    isDisabled?: boolean;
+};
+export {};

package/build/main//321/201omponents/ListItem/types.js.map

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

package/build/main//321/201omponents/RadioButton/RadioButton.js

@@ -24,6 +24,9 @@ var RadioButton = function (_a) {
     }, [checkedColor, checkedHoverColor, checkedPressedColor]);
     useEffect(function () {
         window.addEventListener('mouseup', handleMouseUp);
+        return function () {
+            window.removeEventListener('mouseup', handleMouseUp);
+        };
     }, []);
     var handleMouseDown = function () { var _a; return (_a = radioButtonRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-radio-button__pressed'); };
     var handleMouseUp = function () { var _a; return (_a = radioButtonRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-radio-button__pressed'); };

package/build/main//321/201omponents/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/сomponents/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,0BAA0B,CAAA;AAEjC,IAAM,WAAW,GAAG,UAAC,EAQD;QAPlB,EAAE,QAAA,EACF,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,mBAAmB,yBAAA,EACnB,QAAQ,cAAA;IAER,IAAM,cAAc,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAE1D,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;QACvG,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;QACtH,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,8BAA8B,EAAE,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAA;IAC9H,CAAC,EAAE,CAAC,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAE1D,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IACnD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAA,EAAA,CAAA;IACrG,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,gCAAgC,CAAC,CAAA,EAAA,CAAA;IAEtG,OAAO,CACL,uBAAK,GAAG,EAAE,cAAc,EAAE,SAAS,EAAC,uBAAuB,gBACzD,yBAAO,OAAO,EAAE,gCAAyB,EAAE,CAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,gBAC5F,gBAAO,IAAI,EAAC,OAAO,EAAC,EAAE,EAAE,gCAAyB,EAAE,CAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,GAAI,IAC7F,IACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/сomponents/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,0BAA0B,CAAA;AAEjC,IAAM,WAAW,GAAG,UAAC,EAQD;QAPlB,EAAE,QAAA,EACF,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,mBAAmB,yBAAA,EACnB,QAAQ,cAAA;IAER,IAAM,cAAc,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAE1D,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;QACvG,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,4BAA4B,EAAE,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;QACtH,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,8BAA8B,EAAE,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAA;IAC9H,CAAC,EAAE,CAAC,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAE1D,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAA,EAAA,CAAA;IACrG,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,gCAAgC,CAAC,CAAA,EAAA,CAAA;IAEtG,OAAO,CACL,uBAAK,GAAG,EAAE,cAAc,EAAE,SAAS,EAAC,uBAAuB,gBACzD,yBAAO,OAAO,EAAE,gCAAyB,EAAE,CAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,gBAC5F,gBAAO,IAAI,EAAC,OAAO,EAAC,EAAE,EAAE,gCAAyB,EAAE,CAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,GAAI,IAC7F,IACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/build/main//321/201omponents/Textarea/Textarea.d.ts

@@ -1,4 +1,4 @@
 import { ITextareaProps } from './types';
 import '../../styles/styles.scss';
-declare const Textarea: ({ isDisabled, isAdjustToTextHeight, theme, title, placeholder, defaultValue, error, maxCharacters, onChange, }: ITextareaProps) => import("react/jsx-runtime").JSX.Element;
+declare const Textarea: ({ isDisabled, isAdjustToTextHeight, theme, fillType, title, placeholder, defaultValue, error, maxCharacters, onChange, }: ITextareaProps) => import("react/jsx-runtime").JSX.Element;
 export default Textarea;

package/build/main//321/201omponents/Textarea/Textarea.js

@@ -13,14 +13,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { isEmpty, isNil, isNull } from 'lodash';
-import { getClassNames } from '../../helpers';
-import { INPUT_COUNTER_TIMEOUT, MIN_TEXTAREA_HEIGHT, THEME } from '../../constants';
+import { getClassNames, isSecondaryFillType } from '../../helpers';
+import { FILL_TYPE, INPUT_COUNTER_TIMEOUT, MIN_TEXTAREA_HEIGHT, THEME } from '../../constants';
 import '../../styles/styles.scss';
 var Textarea = function (_a) {
-    var isDisabled = _a.isDisabled, _b = _a.isAdjustToTextHeight, isAdjustToTextHeight = _b === void 0 ? false : _b, _c = _a.theme, theme = _c === void 0 ? THEME.default : _c, title = _a.title, placeholder = _a.placeholder, defaultValue = _a.defaultValue, error = _a.error, maxCharacters = _a.maxCharacters, onChange = _a.onChange;
+    var _b;
+    var isDisabled = _a.isDisabled, _c = _a.isAdjustToTextHeight, isAdjustToTextHeight = _c === void 0 ? false : _c, _d = _a.theme, theme = _d === void 0 ? THEME.default : _d, _e = _a.fillType, fillType = _e === void 0 ? FILL_TYPE.primary : _e, title = _a.title, placeholder = _a.placeholder, defaultValue = _a.defaultValue, error = _a.error, maxCharacters = _a.maxCharacters, onChange = _a.onChange;
     var textareaRef = useRef(null);
-    var _d = useState(maxCharacters || 0), remainingCharacters = _d[0], setRemainingCharacters = _d[1];
-    var _e = useState(null), timeoutId = _e[0], setTimeoutId = _e[1];
+    var _f = useState(maxCharacters || 0), remainingCharacters = _f[0], setRemainingCharacters = _f[1];
+    var _g = useState(null), timeoutId = _g[0], setTimeoutId = _g[1];
     var handleInput = function () {
         var textareaRefCurrent = textareaRef.current;
         if (textareaRefCurrent && isAdjustToTextHeight) {
@@ -76,9 +77,11 @@ var Textarea = function (_a) {
                 'smartapp-textarea__container--counter__error': !isNull(timeoutId),
             }) }, { children: remainingCharacters })));
     };
-    return (_jsxs("div", __assign({ className: "smartapp-textarea" }, { children: [title && _jsx("div", __assign({ className: getClassNames({ className: 'smartapp-textarea__title', delimiter: '--', additionalClassName: theme }) }, { children: title })), _jsxs("div", __assign({ className: "smartapp-textarea__container" }, { children: [_jsx("textarea", { ref: textareaRef, className: classNames('smartapp-textarea__container--field', "smartapp-textarea__container--field__".concat(theme), {
-                            'smartapp-textarea__container--field__error': !isEmpty(error),
-                        }), disabled: isDisabled, placeholder: placeholder, defaultValue: defaultValue, maxLength: maxCharacters, onKeyDown: handleKeyDown, onChange: handleChange, onInput: handleInput }), renderCounter()] })), error && _jsx("div", __assign({ className: "smartapp-textarea__error" }, { children: error }))] })));
+    return (_jsxs("div", __assign({ className: "smartapp-textarea" }, { children: [title && _jsx("div", __assign({ className: getClassNames({ className: 'smartapp-textarea__title', delimiter: '--', additionalClassName: theme }) }, { children: title })), _jsxs("div", __assign({ className: "smartapp-textarea__container" }, { children: [_jsx("textarea", { ref: textareaRef, className: classNames('smartapp-textarea__container--field', "smartapp-textarea__container--field__".concat(theme), (_b = {
+                                'smartapp-textarea__container--field__error': !isEmpty(error)
+                            },
+                            _b["smartapp-textarea__container--field__".concat(theme, "--secondary-fill-type")] = isSecondaryFillType(fillType),
+                            _b)), disabled: isDisabled, placeholder: placeholder, defaultValue: defaultValue, maxLength: maxCharacters, onKeyDown: handleKeyDown, onChange: handleChange, onInput: handleInput }), renderCounter()] })), error && _jsx("div", __assign({ className: "smartapp-textarea__error" }, { children: error }))] })));
 };
 export default Textarea;
 //# sourceMappingURL=Textarea.js.map

package/build/main//321/201omponents/Textarea/Textarea.js.map

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

package/build/main//321/201omponents/Textarea/types.d.ts

@@ -3,6 +3,7 @@ import { IThemeProps } from '../../constants';
 export interface ITextareaProps extends IThemeProps {
     isDisabled?: boolean;
     isAdjustToTextHeight?: boolean;
+    fillType?: 'primary' | 'secondary';
     title?: string;
     placeholder?: string;
     defaultValue?: string;

package/build/main//321/201omponents/Toggle/Toggle.js

@@ -25,6 +25,9 @@ var Toggle = function (_a) {
     }, [checkedColor, checkedHoverColor, checkedPressedColor]);
     useEffect(function () {
         window.addEventListener('mouseup', handleMouseUp);
+        return function () {
+            window.removeEventListener('mouseup', handleMouseUp);
+        };
     }, []);
     var handleClick = function () { return !isDisabled && onClick(); };
     var handleMouseDown = function () { var _a; return (_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-toggle-wrapper__pressed'); };

package/build/main//321/201omponents/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../src/сomponents/Toggle/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,0BAA0B,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,EAQD;QAPb,UAAa,EAAb,EAAE,mBAAG,QAAQ,KAAA,EACb,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,mBAAmB,yBAAA,EACnB,eAA+B,EAA/B,OAAO,mBAAG,cAAY,OAAA,SAAS,EAAT,CAAS,KAAA;IAE/B,IAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAErD,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;QACjG,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;QAChH,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAA;IACxH,CAAC,EAAE,CAAC,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAE1D,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IACnD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,WAAW,GAAG,cAAM,OAAA,CAAC,UAAU,IAAI,OAAO,EAAE,EAAxB,CAAwB,CAAA;IAClD,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,kCAAkC,CAAC,CAAA,EAAA,CAAA;IAClG,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,kCAAkC,CAAC,CAAA,EAAA,CAAA;IAEnG,OAAO,CACL,uBAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,yBAAyB,gBACtD,0BAAO,OAAO,EAAE,0BAAmB,EAAE,CAAE,EAAE,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,WAAW,iBACvF,gBAAO,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,0BAAmB,EAAE,CAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,SAAG,EACnF,eAAM,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,EAAE,2BAA2B,EAAE,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,eAAe,GAAI,KACvH,IACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../src/сomponents/Toggle/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,0BAA0B,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,EAQD;QAPb,UAAa,EAAb,EAAE,mBAAG,QAAQ,KAAA,EACb,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,mBAAmB,yBAAA,EACnB,eAA+B,EAA/B,OAAO,mBAAG,cAAY,OAAA,SAAS,EAAT,CAAS,KAAA;IAE/B,IAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAErD,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;QACjG,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;QAChH,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAA;IACxH,CAAC,EAAE,CAAC,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAE1D,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,WAAW,GAAG,cAAM,OAAA,CAAC,UAAU,IAAI,OAAO,EAAE,EAAxB,CAAwB,CAAA;IAClD,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,kCAAkC,CAAC,CAAA,EAAA,CAAA;IAClG,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,kCAAkC,CAAC,CAAA,EAAA,CAAA;IAEnG,OAAO,CACL,uBAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,yBAAyB,gBACtD,0BAAO,OAAO,EAAE,0BAAmB,EAAE,CAAE,EAAE,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,WAAW,iBACvF,gBAAO,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,0BAAmB,EAAE,CAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,SAAG,EACnF,eAAM,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,EAAE,2BAA2B,EAAE,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,eAAe,GAAI,KACvH,IACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js

@@ -13,26 +13,36 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { components } from 'react-select';
 import { isEqual } from 'lodash';
 import Chip from '../../Chip';
-import { getClassNames, isHalfLayoutType, isMinimalLayoutType } from '../../../helpers';
+import { getClassNames } from '../../../helpers';
+import { LAYOUT_TYPE } from '../../../constants';
 import '../../../styles/styles.scss';
 var MAX_NUMBER_OF_USERS_OUT_OF_FOCUS_FOR_MINIMAL_LAYOUT_TYPE = 3;
+var MAX_NUMBER_OF_USERS_OUT_OF_FOCUS_FOR_FULLSCREEN_LAYOUT_TYPE = 4;
 var MAX_NUMBER_OF_USERS_OUT_OF_FOCUS_FOR_HALF_LAYOUT_TYPE = 5;
 var MultiValueLabel = function (props) {
-    var _a = props.data, value = _a.value, label = _a.label, avatar = _a.avatar, platform = _a.platform, theme = _a.theme, layoutType = _a.layoutType, isChipsCollapsable = _a.isChipsCollapsable, isInputFocused = _a.isInputFocused, _b = props.selectProps, isDisabled = _b.isDisabled, selectedUsers = _b.value, onChange = _b.onChange;
+    var _a = props.data, value = _a.value, label = _a.label, avatar = _a.avatar, platform = _a.platform, theme = _a.theme, layoutType = _a.layoutType, isChipsCollapsable = _a.isChipsCollapsable, isInputFocused = _a.isInputFocused, isError = _a.isError, _b = props.selectProps, isDisabled = _b.isDisabled, selectedUsers = _b.value, onChange = _b.onChange;
     var userIndex = selectedUsers.findIndex(function (selectedUser) { return selectedUser.value === value; });
-    var maxNumberOfUsersOutOfFocus = isMinimalLayoutType(layoutType)
-        ? MAX_NUMBER_OF_USERS_OUT_OF_FOCUS_FOR_MINIMAL_LAYOUT_TYPE
-        : isHalfLayoutType(layoutType)
-            ? MAX_NUMBER_OF_USERS_OUT_OF_FOCUS_FOR_HALF_LAYOUT_TYPE
-            : Number.MAX_SAFE_INTEGER;
+    var generateMaxNumberOfUsersOutOfFocus = function () {
+        switch (layoutType) {
+            case LAYOUT_TYPE.minimal:
+                return MAX_NUMBER_OF_USERS_OUT_OF_FOCUS_FOR_MINIMAL_LAYOUT_TYPE;
+            case LAYOUT_TYPE.half:
+                return MAX_NUMBER_OF_USERS_OUT_OF_FOCUS_FOR_HALF_LAYOUT_TYPE;
+            case LAYOUT_TYPE.fullscreen:
+                return MAX_NUMBER_OF_USERS_OUT_OF_FOCUS_FOR_FULLSCREEN_LAYOUT_TYPE;
+            default:
+                return Number.MAX_SAFE_INTEGER;
+        }
+    };
     var handleDelete = function () { return onChange(selectedUsers.filter(function (user) { return !isEqual(user, props.data); })); };
     var handleMouseDown = function (event) {
         event.preventDefault();
         event.stopPropagation();
     };
     var handleTouchEnd = function (event) { return event.stopPropagation(); };
+    var maxNumberOfUsersOutOfFocus = generateMaxNumberOfUsersOutOfFocus();
     if (!isChipsCollapsable || isInputFocused.current || (!isInputFocused.current && userIndex < maxNumberOfUsersOutOfFocus)) {
-        return (_jsx(components.MultiValueLabel, __assign({}, props, { children: _jsx("div", __assign({ onMouseDown: handleMouseDown, onTouchEnd: handleTouchEnd }, { children: _jsx(Chip, { theme: theme, name: label, avatar: avatar, isDisabled: isDisabled, onDelete: handleDelete }) })) })));
+        return (_jsx(components.MultiValueLabel, __assign({}, props, { children: _jsx("div", __assign({ onMouseDown: handleMouseDown, onTouchEnd: handleTouchEnd }, { children: _jsx(Chip, { theme: theme, name: label, avatar: avatar, isError: isError, isDisabled: isDisabled, onDelete: handleDelete }) })) })));
     }
     if (isChipsCollapsable && !isInputFocused.current && userIndex === maxNumberOfUsersOutOfFocus) {
         return (_jsxs("div", __assign({ className: getClassNames({ className: 'multi-value-label-counter', delimiter: '__', additionalClassName: [platform, theme] }), onTouchEnd: handleTouchEnd }, { children: ["+", selectedUsers.length - maxNumberOfUsersOutOfFocus] })));

package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiValueLabel.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MultiValueLabel/MultiValueLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAEvF,OAAO,6BAA6B,CAAA;AAEpC,IAAM,wDAAwD,GAAG,CAAC,CAAA;AAClE,IAAM,qDAAqD,GAAG,CAAC,CAAA;AAE/D,IAAM,eAAe,GAAG,UAAC,KAAU;IAE/B,IAAA,KAEE,KAAK,KAFwF,EAAvF,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA,EAAE,kBAAkB,wBAAA,EAAE,cAAc,oBAAA,EAC7F,KACE,KAAK,YADoD,EAA5C,UAAU,gBAAA,EAAS,aAAa,WAAA,EAAE,QAAQ,cAAE,CACpD;IACT,IAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC,UAAC,YAA6B,IAAK,OAAA,YAAY,CAAC,KAAK,KAAK,KAAK,EAA5B,CAA4B,CAAC,CAAA;IAC1G,IAAM,0BAA0B,GAAG,mBAAmB,CAAC,UAAU,CAAC;QAChE,CAAC,CAAC,wDAAwD;QAC1D,CAAC,CAAC,gBAAgB,CAAC,UAAU,CAAC;YAC9B,CAAC,CAAC,qDAAqD;YACvD,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAA;IAE3B,IAAM,YAAY,GAAG,cAAM,OAAA,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,UAAC,IAAqB,IAAK,OAAA,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EAA1B,CAA0B,CAAC,CAAC,EAArF,CAAqF,CAAA;IAEhH,IAAM,eAAe,GAAG,UAAC,KAAuC;QAC9D,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,IAAM,cAAc,GAAG,UAAC,KAAuC,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,EAAvB,CAAuB,CAAA;IAE3F,IAAI,CAAC,kBAAkB,IAAI,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,cAAc,CAAC,OAAO,IAAI,SAAS,GAAG,0BAA0B,CAAC,EAAE;QACxH,OAAO,CACL,KAAC,UAAU,CAAC,eAAe,eAAK,KAAK,cACnC,uBAAK,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,cAAc,gBAC3D,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,GAAI,IAC/F,IACqB,CAC9B,CAAA;KACF;IAED,IAAI,kBAAkB,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,SAAS,KAAK,0BAA0B,EAAE;QAC7F,OAAO,CACL,wBACE,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,2BAA2B,EAAE,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,EAC7H,UAAU,EAAE,cAAc,sBAExB,aAAa,CAAC,MAAM,GAAG,0BAA0B,KAC/C,CACP,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"MultiValueLabel.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MultiValueLabel/MultiValueLabel.tsx"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts

@@ -1,4 +1,4 @@
 import { IUserDropdownProps } from './types';
 import '../../styles/styles.scss';
-declare const UserDropdown: ({ theme, platform, isDisabled, isLoading, isChipsVisible, isChipsCollapsable, isMenuCloseOnSelect, hasNextPage, isNextPageLoading, layoutType, title, mask, placeholder, hint, noOptionsMessage, maxMembersCount, borderType, selectedEntries, corporateEntries, myContactsEntries, onInputChange, onChange, onMenuClose, onLoadNextPage, menuPosition, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element;
+declare const UserDropdown: ({ theme, platform, isDisabled, isLoading, isChipsVisible, isChipsCollapsable, isMenuCloseOnSelect, hasNextPage, isNextPageLoading, layoutType, title, mask, placeholder, hint, noOptionsMessage, maxMembersCount, fillType, selectedEntries, corporateEntries, myContactsEntries, onInputChange, onChange, onMenuClose, onLoadNextPage, menuPosition, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default UserDropdown;

package/build/main//321/201omponents/UserDropdown/UserDropdown.js

@@ -31,13 +31,12 @@ import Modal from '../Modal';
 import ContactBottomSheet from './ContactBottomSheet/ContactBottomSheet';
 import { IndicatorSeparator, DropdownIndicator, LoadingIndicator, MultiValueRemove, generateCorporateOptionsToSelect, generateContactsOptionsToSelect, generateCorporateOption, generateContactsOption, generateEnteredByUserOption, } from './helpers';
 import { getClassNames, isIosPlatform } from '../../helpers';
-import { DEFAULT_INPUT_PADDING, ENTER_KEY, INPUT_BORDER_TYPE, INPUT_COUNTER_TIMEOUT, LAYOUT_TYPE, MASK_INPUT_PL, PLATFORM, THEME, } from '../../constants';
+import { DEFAULT_INPUT_PADDING, ENTER_KEY, FILL_TYPE, INPUT_COUNTER_TIMEOUT, LAYOUT_TYPE, MASK_INPUT_PL, MENU_POSITIONS, PLATFORM, THEME, } from '../../constants';
 import { darkerGrayBackgroundColor } from './colors';
 import selectStyles from './selectStyles';
 import '../../styles/styles.scss';
 var MIN_INPUT_SYMBOLS = 3;
 var EMAIL_FIELD = 'email';
-var TOP_MENU_POSITION = 'top';
 var EXCLUDED_FIELDS;
 (function (EXCLUDED_FIELDS) {
     EXCLUDED_FIELDS["value"] = "value";
@@ -52,10 +51,11 @@ var EXCLUDED_FIELDS;
     EXCLUDED_FIELDS["setIsSearchable"] = "setIsSearchable";
     EXCLUDED_FIELDS["selectRef"] = "selectRef";
     EXCLUDED_FIELDS["setModalData"] = "setModalData";
+    EXCLUDED_FIELDS["isError"] = "isError";
 })(EXCLUDED_FIELDS || (EXCLUDED_FIELDS = {}));
 var Input = function (props) { return _jsx(components.Input, __assign({}, props, { enterkeyhint: "done" })); };
 var UserDropdown = function (_a) {
-    var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isLoading, isLoading = _e === void 0 ? false : _e, _f = _a.isChipsVisible, isChipsVisible = _f === void 0 ? true : _f, _g = _a.isChipsCollapsable, isChipsCollapsable = _g === void 0 ? false : _g, _h = _a.isMenuCloseOnSelect, isMenuCloseOnSelect = _h === void 0 ? true : _h, _j = _a.hasNextPage, hasNextPage = _j === void 0 ? false : _j, _k = _a.isNextPageLoading, isNextPageLoading = _k === void 0 ? false : _k, _l = _a.layoutType, layoutType = _l === void 0 ? LAYOUT_TYPE.minimal : _l, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _m = _a.borderType, borderType = _m === void 0 ? INPUT_BORDER_TYPE.intense : _m, _o = _a.selectedEntries, selectedEntries = _o === void 0 ? [] : _o, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, onInputChange = _a.onInputChange, onChange = _a.onChange, onMenuClose = _a.onMenuClose, onLoadNextPage = _a.onLoadNextPage, _p = _a.menuPosition, menuPosition = _p === void 0 ? TOP_MENU_POSITION : _p;
+    var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isLoading, isLoading = _e === void 0 ? false : _e, _f = _a.isChipsVisible, isChipsVisible = _f === void 0 ? true : _f, _g = _a.isChipsCollapsable, isChipsCollapsable = _g === void 0 ? false : _g, _h = _a.isMenuCloseOnSelect, isMenuCloseOnSelect = _h === void 0 ? true : _h, _j = _a.hasNextPage, hasNextPage = _j === void 0 ? false : _j, _k = _a.isNextPageLoading, isNextPageLoading = _k === void 0 ? false : _k, _l = _a.layoutType, layoutType = _l === void 0 ? LAYOUT_TYPE.minimal : _l, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _m = _a.fillType, fillType = _m === void 0 ? FILL_TYPE.primary : _m, _o = _a.selectedEntries, selectedEntries = _o === void 0 ? [] : _o, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, onInputChange = _a.onInputChange, onChange = _a.onChange, onMenuClose = _a.onMenuClose, onLoadNextPage = _a.onLoadNextPage, _p = _a.menuPosition, menuPosition = _p === void 0 ? MENU_POSITIONS.top : _p;
     var _q = useState([]), selectedUsers = _q[0], setSelectedUsers = _q[1];
     var _r = useState(null), timeoutId = _r[0], setTimeoutId = _r[1];
     var _s = useState(''), paddingLeft = _s[0], setPaddingLeft = _s[1];
@@ -77,10 +77,13 @@ var UserDropdown = function (_a) {
             isChipsVisible: isChipsVisible,
             isMaxMembersAdded: maxMembersCount && isChipsVisible ? selectedUsers.length === maxMembersCount : false,
             isDisabled: isDisabled,
-            isError: isError,
+            isError: isError || selectedUsers.some(function (_a) {
+                var isError = _a.isError;
+                return isError;
+            }),
             lastRowNumber: isChipsVisible ? Math.ceil(selectedUsers.length / 2) + 1 : 1,
             paddingLeft: paddingLeft,
-            borderType: borderType,
+            fillType: fillType,
             theme: theme,
             layoutType: layoutType,
         });
@@ -125,6 +128,7 @@ var UserDropdown = function (_a) {
         var _a = selectRefCurrent.props, options = _a.options, inputValue = _a.inputValue, onChange = _a.onChange, onInputChange = _a.onInputChange;
         var trimInputValue = inputValue.trim();
         var regex = new RegExp(/^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/);
+        var optionProps = { email: trimInputValue, theme: theme, platform: platform, layoutType: layoutType, isChipsCollapsable: isChipsCollapsable, isInputFocused: isInputFocused, selectRef: selectRef };
         if (regex.test(trimInputValue)) {
             var isUserAlreadySelected = selectedUsers.find(function (_a) {
                 var email = _a.email;
@@ -134,14 +138,12 @@ var UserDropdown = function (_a) {
                 var email = _a.email;
                 return email === trimInputValue;
             });
-            onChange(__spreadArray(__spreadArray([], selectedUsers, true), [
-                existingUser ||
-                    generateEnteredByUserOption({ email: trimInputValue, theme: theme, platform: platform, layoutType: layoutType, isChipsCollapsable: isChipsCollapsable, isInputFocused: isInputFocused, selectRef: selectRef }),
-            ], false));
+            onChange(__spreadArray(__spreadArray([], selectedUsers, true), [existingUser || generateEnteredByUserOption(optionProps)], false));
             isUserAlreadySelected && needToShowError ? setIsError(true) : onInputChange('');
         }
-        else {
-            needToShowError && setIsError(true);
+        else if (trimInputValue) {
+            onChange(__spreadArray(__spreadArray([], selectedUsers, true), [generateEnteredByUserOption(__assign(__assign({}, optionProps), { isError: true }))], false));
+            onInputChange('');
         }
     };
     var handleKeyDown = function (event) {
@@ -168,7 +170,7 @@ var UserDropdown = function (_a) {
                 EXCLUDED_FIELDS.setModalData,
             ]);
             var entryFieldsToExclude = isMyContacts ? [EXCLUDED_FIELDS.isMyContacts] : [];
-            var fieldsToExclude = isEnteredByUser ? [EXCLUDED_FIELDS.isEnteredByUser] : entryFieldsToExclude;
+            var fieldsToExclude = isEnteredByUser ? [EXCLUDED_FIELDS.isEnteredByUser, EXCLUDED_FIELDS.isError] : entryFieldsToExclude;
             users.push(omit(userToAdd, fieldsToExclude));
         });
         onChange(users);