@expressms/smartapp-ui 3.0.0-alpha.22 → 3.0.0-alpha.221

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

@@ -0,0 +1,64 @@
+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 { useEffect, useRef } from 'react';
+import classNames from 'classnames';
+import { useModal } from '../../hooks/useModal';
+import Button from '../Button';
+import { generateBottomSheetClassName, generateClassNames, generateColor, generateFontFamilyStyle, generateIsCloseIconHidden, renderCloseIconSpace, } from '../../helpers';
+import { COLORS, EVENT_LISTENER_TYPES, MODAL_BUTTONS_DIRECTION, PLATFORM } from '../../constants';
+import { TButtonVariant } from '../Button/types';
+import { ReactComponent as CloseIcon } from '../../assets/icons/close-modal.svg';
+import '../../styles/styles.scss';
+var ConfirmationModal = function (_a) {
+    var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, _c = _a.isConfirmLoading, isConfirmLoading = _c === void 0 ? false : _c, _d = _a.isCancelLoading, isCancelLoading = _d === void 0 ? false : _d, isCloseIconHidden = _a.isCloseIconHidden, title = _a.title, text = _a.text, cancelButtonName = _a.cancelButtonName, confirmButtonName = _a.confirmButtonName, cancelButtonFunction = _a.cancelButtonFunction, confirmButtonFunction = _a.confirmButtonFunction, handleCloseModal = _a.handleCloseModal, _e = _a.platform, platform = _e === void 0 ? PLATFORM.web : _e, fontFamily = _a.fontFamily, popupClassName = _a.popupClassName, className = _a.className, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, _f = _a.buttonsDirection, buttonsDirection = _f === void 0 ? MODAL_BUTTONS_DIRECTION.row : _f, _g = _a.isBottomSheet, isBottomSheet = _g === void 0 ? false : _g, _h = _a.isDisabledBottomSheet, isDisabledBottomSheet = _h === void 0 ? false : _h, bottomSheetProps = _a.bottomSheetProps, bottomSheetDetent = _a.bottomSheetDetent, bottomSheetStyles = _a.bottomSheetStyles;
+    var ref = useRef(null);
+    var titleRef = useRef(null);
+    var textRef = useRef(null);
+    var closeIconRef = useRef(null);
+    var background = generateColor(backgroundColor, COLORS.colorBgBlackoutTransparent);
+    var isCloseIconInvisible = generateIsCloseIconHidden(platform, isCloseIconHidden);
+    var cancelFunction = handleCloseModal || cancelButtonFunction;
+    var popupOverlayStyle = __assign({ '--confirmation-modal-background': background }, popupStyles);
+    var _j = useModal({
+        isModalOpen: isModalOpen,
+        platform: platform,
+        isDisabledBottomSheet: isDisabledBottomSheet,
+        initialIsBottomSheet: isBottomSheet,
+        modalRef: ref,
+        isClosableOutside: isClosableOutside,
+        handleCloseModal: cancelFunction,
+        popupClassName: classNames('confirmation-modal', popupClassName),
+        popupStyles: popupOverlayStyle,
+        bottomSheetDetent: bottomSheetDetent,
+        bottomSheetStyles: bottomSheetStyles,
+        bottomSheetProps: bottomSheetProps,
+    }), shouldUseBottomSheet = _j.shouldUseBottomSheet, renderModal = _j.renderModal;
+    var additionalClassName = generateBottomSheetClassName(platform, shouldUseBottomSheet);
+    useEffect(function () {
+        var checkIfClickedOutside = function (_a) {
+            var target = _a.target;
+            var refCurrent = ref.current;
+            if (isModalOpen && isClosableOutside && refCurrent && !refCurrent.contains(target))
+                cancelFunction();
+        };
+        document === null || document === void 0 ? void 0 : document.addEventListener(EVENT_LISTENER_TYPES.click, checkIfClickedOutside, true);
+        return function () { return document === null || document === void 0 ? void 0 : document.removeEventListener(EVENT_LISTENER_TYPES.click, checkIfClickedOutside, true); };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isModalOpen, isClosableOutside]);
+    var modalContent = (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-confirmation-modal', { 'smartapp-confirmation-modal__bottom-sheet': shouldUseBottomSheet }, className), style: __assign(__assign({}, generateFontFamilyStyle(fontFamily)), styles) }, { children: _jsxs("div", __assign({ className: generateClassNames({ className: 'smartapp-confirmation-modal__content', delimiter: '--', additionalClassName: additionalClassName }) }, { children: [title && (_jsxs("div", { children: [!isCloseIconInvisible && renderCloseIconSpace({ elementRef: titleRef, closeIconRef: closeIconRef }), _jsx("p", __assign({ ref: titleRef, className: "smartapp-confirmation-modal__content--title", style: titleStyles }, { children: title }))] })), !isCloseIconInvisible && (_jsx("div", __assign({ ref: closeIconRef, onClick: cancelFunction, className: "smartapp-close-modal-icon" }, { children: _jsx(CloseIcon, { style: { color: generateColor(iconColor) } }) }))), _jsxs("div", { children: [!title && !isCloseIconInvisible && renderCloseIconSpace({ elementRef: textRef, closeIconRef: closeIconRef, isContent: true }), _jsx("span", __assign({ ref: textRef, className: "smartapp-confirmation-modal__content--text" }, { children: text }))] }), _jsxs("div", __assign({ className: classNames("smartapp-confirmation-modal__content--buttons smartapp-confirmation-modal__content--buttons__".concat(platform), {
+                        'smartapp-confirmation-modal__content--buttons__column-reverse': buttonsDirection === MODAL_BUTTONS_DIRECTION.column,
+                    }) }, { children: [cancelButtonName && (_jsx(Button, { fontFamily: fontFamily, title: cancelButtonName, isWaitingResponse: isCancelLoading, variant: TButtonVariant.secondary, onClick: cancelButtonFunction, disabled: isConfirmLoading })), _jsx(Button, { fontFamily: fontFamily, isWaitingResponse: isConfirmLoading, title: confirmButtonName, onClick: confirmButtonFunction, disabled: isCancelLoading })] }))] })) })));
+    return renderModal(modalContent);
+};
+export default ConfirmationModal;
+//# sourceMappingURL=ConfirmationModal.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { SheetDetent } from 'react-modal-sheet';
+import { IFontFamilyProps, IPlatformProps, TStyles } from '../../constants';
+import { TBottomSheetProps, TBottomSheetStyles } from '../Modal/types';
+export interface IConfirmationModalProps extends IPlatformProps, IFontFamilyProps {
+    isModalOpen: boolean;
+    isClosableOutside?: boolean;
+    isCloseIconHidden?: boolean;
+    isConfirmLoading?: boolean;
+    isCancelLoading?: boolean;
+    title?: string;
+    text: ReactNode;
+    cancelButtonName?: string;
+    confirmButtonName: string;
+    cancelButtonFunction: () => void;
+    confirmButtonFunction: (option?: any) => void;
+    handleCloseModal?: () => void;
+    popupClassName?: string;
+    className?: string;
+    popupStyles?: TStyles;
+    styles?: TStyles;
+    titleStyles?: TStyles;
+    iconColor?: string;
+    backgroundColor?: string;
+    buttonsDirection?: 'row' | 'column';
+    isBottomSheet?: boolean;
+    isDisabledBottomSheet?: boolean;
+    bottomSheetProps?: TBottomSheetProps;
+    bottomSheetStyles?: TBottomSheetStyles;
+    bottomSheetDetent?: SheetDetent;
+}

package/build/main//321/201omponents/ConfirmationModal/types.js

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

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

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

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

@@ -0,0 +1,4 @@
+import { IContextMenuProps } from './types';
+import '../../styles/styles.scss';
+declare const ContextMenu: <T>({ fontFamily, isMenuOpen, isClickForbidden, isCloseOnItemClick, position: { x, y }, menuWidth, containerClassName, menuClassName, itemClassName, containerStyles, menuStyles, itemStyles, items, closeMenu, platform, actionData, topSlot, isTopSlotFixed, maxHeight, isMenuOverflowAuto, }: IContextMenuProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+export default ContextMenu;

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

@@ -0,0 +1,122 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLayoutEffect, useRef, useState } from 'react';
+import classNames from 'classnames';
+import ContextMenuItem from '../ContextMenuItem';
+import { checkIsWebPlatform, generateFontFamilyStyle } from '../../helpers';
+import { CONTEXT_MENU_SAFE_SPACE, FIT_CONTENT, PLATFORM } from '../../constants';
+import '../../styles/styles.scss';
+var AUTO_OVERFLOW_VALUE = 'auto';
+var MAX_CONTENT = 'max-content';
+var ContextMenu = function (_a) {
+    var _b, _c;
+    var fontFamily = _a.fontFamily, isMenuOpen = _a.isMenuOpen, _d = _a.isClickForbidden, isClickForbidden = _d === void 0 ? false : _d, _e = _a.isCloseOnItemClick, isCloseOnItemClick = _e === void 0 ? true : _e, _f = _a.position, x = _f.x, y = _f.y, menuWidth = _a.menuWidth, containerClassName = _a.containerClassName, menuClassName = _a.menuClassName, itemClassName = _a.itemClassName, containerStyles = _a.containerStyles, _g = _a.menuStyles, menuStyles = _g === void 0 ? {} : _g, _h = _a.itemStyles, itemStyles = _h === void 0 ? {} : _h, items = _a.items, closeMenu = _a.closeMenu, _j = _a.platform, platform = _j === void 0 ? PLATFORM.web : _j, actionData = _a.actionData, topSlot = _a.topSlot, isTopSlotFixed = _a.isTopSlotFixed, maxHeight = _a.maxHeight, _k = _a.isMenuOverflowAuto, isMenuOverflowAuto = _k === void 0 ? true : _k;
+    var elementRef = useRef(null);
+    var topSlotRef = useRef(null);
+    var _l = useState(((_b = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0), contextMenuWidth = _l[0], setContextMenuWidth = _l[1];
+    var _m = useState(((_c = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) || 0), contextMenuHeight = _m[0], setContextMenuHeight = _m[1];
+    var clientHeight = document.documentElement.clientHeight;
+    var clientWidth = document.documentElement.clientWidth;
+    var handleContextMenu = function (event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!checkIsWebPlatform(platform))
+            return;
+        !isClickForbidden && closeMenu(true);
+    };
+    var handleMenuItemClick = function (_a) {
+        var isCloseMenuOnCurrentItemClick = _a.isCloseMenuOnCurrentItemClick, event = _a.event, action = _a.action;
+        event.stopPropagation();
+        event.preventDefault();
+        !isClickForbidden && action(actionData);
+        handleMenuClose({ event: event, shouldCloseDropdown: false, isCloseMenuOnCurrentItemClick: isCloseMenuOnCurrentItemClick });
+    };
+    var handleMenuClose = function (_a) {
+        var event = _a.event, _b = _a.isItemClick, isItemClick = _b === void 0 ? true : _b, _c = _a.isCloseMenuOnCurrentItemClick, isCloseMenuOnCurrentItemClick = _c === void 0 ? true : _c, _d = _a.shouldCloseDropdown, shouldCloseDropdown = _d === void 0 ? true : _d;
+        event.stopPropagation();
+        event.preventDefault();
+        if (isItemClick && (!isCloseOnItemClick || !isCloseMenuOnCurrentItemClick))
+            return;
+        var closeDropdown = isItemClick ? false : shouldCloseDropdown;
+        if (!isClickForbidden)
+            closeMenu(closeDropdown);
+    };
+    var handleSortItems = function (_a, _b) {
+        var isFixedA = _a.isFixedUnderLine;
+        var isFixedB = _b.isFixedUnderLine;
+        return Number(!!isFixedA) - Number(!!isFixedB);
+    };
+    useLayoutEffect(function () {
+        var elementRefCurrent = elementRef.current;
+        if (elementRefCurrent) {
+            var offsetHeight = elementRefCurrent.offsetHeight;
+            var width = elementRefCurrent.getBoundingClientRect().width;
+            setContextMenuHeight(offsetHeight);
+            setContextMenuWidth(menuWidth || width);
+        }
+    }, [isMenuOpen, menuWidth]);
+    useLayoutEffect(function () {
+        var elementRefCurrent = elementRef.current;
+        if (!isMenuOpen || !elementRefCurrent)
+            return;
+        var previousElementWidth = elementRefCurrent.style.width;
+        if (!menuWidth)
+            elementRefCurrent.style.width = MAX_CONTENT;
+        var nextElementWidth = Math.ceil(elementRefCurrent.getBoundingClientRect().width);
+        elementRefCurrent.style.width = previousElementWidth;
+        setContextMenuWidth(function (prevContextMenuWidth) { return (Math.abs(prevContextMenuWidth - nextElementWidth) >= 1 ? nextElementWidth : prevContextMenuWidth); });
+    }, [isMenuOpen, menuWidth, items, topSlot, isTopSlotFixed]);
+    var sortedContextMenuItems = items.sort(handleSortItems);
+    var firstIndexUnderLine = sortedContextMenuItems.findIndex(function (_a) {
+        var isFixedUnderLine = _a.isFixedUnderLine;
+        return isFixedUnderLine;
+    });
+    var contextMenuItems = sortedContextMenuItems.map(function (_a, index) {
+        var _b = _a.isCloseMenuOnClick, isCloseMenuOnClick = _b === void 0 ? true : _b, title = _a.title, className = _a.className, action = _a.action, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, contextMenuItem = __rest(_a, ["isCloseMenuOnClick", "title", "className", "action", "onMouseEnter", "onMouseLeave"]);
+        return (_jsx(ContextMenuItem, __assign({ index: index, platform: platform, fontFamily: fontFamily, title: title, firstIndexUnderLine: firstIndexUnderLine, className: classNames(itemClassName, className), styles: itemStyles, onClick: function (event) { return handleMenuItemClick({ isCloseMenuOnCurrentItemClick: isCloseMenuOnClick, event: event, action: action }); }, onTouchEnd: function (event) { return handleMenuItemClick({ isCloseMenuOnCurrentItemClick: isCloseMenuOnClick, event: event, action: action }); }, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, contextMenuItem), title));
+    });
+    var calculateContextMenuHeight = function () {
+        var elementRefCurrent = elementRef.current;
+        if (!elementRefCurrent)
+            return FIT_CONTENT;
+        var currentElementHeight = elementRefCurrent.scrollHeight;
+        return maxHeight ? Math.min(currentElementHeight, maxHeight) : currentElementHeight;
+    };
+    var contextMenuStyles = __assign(__assign(__assign(__assign({ top: y + contextMenuHeight > clientHeight ? clientHeight - contextMenuHeight - CONTEXT_MENU_SAFE_SPACE : y, left: x + contextMenuWidth > clientWidth ? clientWidth - contextMenuWidth - CONTEXT_MENU_SAFE_SPACE : x }, (menuWidth ? { width: menuWidth } : { width: contextMenuWidth })), { height: calculateContextMenuHeight() }), (isMenuOverflowAuto ? { overflow: AUTO_OVERFLOW_VALUE } : {})), menuStyles);
+    var generateContextMenuItemsClassname = function () {
+        return classNames('smartapp-context-menu__items', {
+            'smartapp-context-menu__items--with-fixed-top-slot': isTopSlotFixed && topSlot,
+        }, menuClassName);
+    };
+    var generateTopSlotClassname = function () {
+        return classNames('smartapp-context-menu__items--top-slot', {
+            'smartapp-context-menu__items--top-slot__fixed': isTopSlotFixed,
+        });
+    };
+    if (!isMenuOpen)
+        return null;
+    return (_jsx("div", __assign({ className: classNames('smartapp-context-menu', containerClassName), style: __assign(__assign({}, generateFontFamilyStyle(fontFamily)), containerStyles), onClick: function (event) { return handleMenuClose({ event: event, isItemClick: false }); }, onContextMenu: handleContextMenu, onTouchEnd: function (event) { return handleMenuClose({ event: event, isItemClick: false }); } }, { children: _jsxs("div", __assign({ ref: elementRef, className: generateContextMenuItemsClassname(), style: contextMenuStyles, onClick: function (event) { return handleMenuClose({ event: event }); } }, { children: [topSlot && (_jsx("div", __assign({ ref: topSlotRef, className: generateTopSlotClassname() }, { children: topSlot }))), _jsx("div", __assign({ className: "smartapp-context-menu__items--list" }, { children: contextMenuItems }))] })) })));
+};
+export default ContextMenu;
+//# sourceMappingURL=ContextMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAkB,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,eAAe,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,uBAAuB,EAAE,WAAW,EAAE,QAAQ,EAAe,MAAM,iBAAiB,CAAA;AAE7F,OAAO,0BAA0B,CAAA;AAEjC,IAAM,mBAAmB,GAAG,MAAM,CAAA;AAClC,IAAM,WAAW,GAAG,aAAa,CAAA;AAWjC,IAAM,WAAW,GAAG,UAAK,EAqBF;;QApBrB,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,0BAAyB,EAAzB,kBAAkB,mBAAG,IAAI,KAAA,EACzB,gBAAkB,EAAN,CAAC,OAAA,EAAE,CAAC,OAAA,EAChB,SAAS,eAAA,EACT,kBAAkB,wBAAA,EAClB,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,KAAK,WAAA,EACL,SAAS,eAAA,EACT,gBAAuB,EAAvB,QAAQ,mBAAG,QAAQ,CAAC,GAAG,KAAA,EACvB,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,0BAAyB,EAAzB,kBAAkB,mBAAG,IAAI,KAAA;IAEzB,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEzC,IAAA,KAA0C,QAAQ,CAAC,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,WAAW,KAAI,CAAC,CAAC,EAAxF,gBAAgB,QAAA,EAAE,mBAAmB,QAAmD,CAAA;IACzF,IAAA,KAA4C,QAAQ,CAAC,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,EAA3F,iBAAiB,QAAA,EAAE,oBAAoB,QAAoD,CAAA;IAElG,IAAM,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAA;IAC1D,IAAM,WAAW,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAA;IAExD,IAAM,iBAAiB,GAAG,UAAC,KAAmD;QAC5E,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC;YAAE,OAAM;QACzC,CAAC,gBAAgB,IAAI,SAAS,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC,CAAA;IAED,IAAM,mBAAmB,GAAG,UAAC,EAAsE;YAApE,6BAA6B,mCAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA;QACzE,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,CAAC,gBAAgB,IAAI,MAAM,CAAC,UAAU,CAAC,CAAA;QACvC,eAAe,CAAC,EAAE,KAAK,OAAA,EAAE,mBAAmB,EAAE,KAAK,EAAE,6BAA6B,+BAAA,EAAE,CAAC,CAAA;IACvF,CAAC,CAAA;IAED,IAAM,eAAe,GAAG,UAAC,EAAiH;YAA/G,KAAK,WAAA,EAAE,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA,EAAE,qCAAoC,EAApC,6BAA6B,mBAAG,IAAI,KAAA,EAAE,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA;QACpH,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,WAAW,IAAI,CAAC,CAAC,kBAAkB,IAAI,CAAC,6BAA6B,CAAC;YAAE,OAAM;QAElF,IAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAA;QAC/D,IAAI,CAAC,gBAAgB;YAAE,SAAS,CAAC,aAAa,CAAC,CAAA;IACjD,CAAC,CAAA;IAED,IAAM,eAAe,GAAG,UAAC,EAAwC,EAAE,EAAwC;YAA9D,QAAQ,sBAAA;YAAkC,QAAQ,sBAAA;QAC7F,OAAA,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IAAvC,CAAuC,CAAA;IAEzC,eAAe,CAAC;QACd,IAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,CAAA;QAE5C,IAAI,iBAAiB,EAAE;YACb,IAAA,YAAY,GAAK,iBAAiB,aAAtB,CAAsB;YAClC,IAAA,KAAK,GAAK,iBAAiB,CAAC,qBAAqB,EAAE,MAA9C,CAA8C;YAC3D,oBAAoB,CAAC,YAAY,CAAC,CAAA;YAClC,mBAAmB,CAAC,SAAS,IAAI,KAAK,CAAC,CAAA;SACxC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAA;IAE3B,eAAe,CAAC;QACd,IAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,CAAA;QAC5C,IAAI,CAAC,UAAU,IAAI,CAAC,iBAAiB;YAAE,OAAM;QAGlC,IAAO,oBAAoB,GAClC,iBAAiB,YADiB,CACjB;QACrB,IAAI,CAAC,SAAS;YAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,CAAA;QAC3D,IAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAA;QACnF,iBAAiB,CAAC,KAAK,CAAC,KAAK,GAAG,oBAAoB,CAAA;QAEpD,mBAAmB,CAAC,UAAC,oBAAoB,IAAK,OAAA,CAAC,IAAI,CAAC,GAAG,CAAC,oBAAoB,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAAlG,CAAkG,CAAC,CAAA;IACnJ,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAA;IAE3D,IAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;IAC1D,IAAM,mBAAmB,GAAG,sBAAsB,CAAC,SAAS,CAAC,UAAC,EAAoB;YAAlB,gBAAgB,sBAAA;QAAO,OAAA,gBAAgB;IAAhB,CAAgB,CAAC,CAAA;IAExG,IAAM,gBAAgB,GAAG,sBAAsB,CAAC,GAAG,CACjD,UAAC,EAAuG,EAAE,KAAK;QAA5G,IAAA,0BAAyB,EAAzB,kBAAkB,mBAAG,IAAI,KAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAK,eAAe,cAArG,sFAAuG,CAAF;QAAc,OAAA,CAClH,KAAC,eAAe,aAEd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,mBAAmB,EAAE,mBAAmB,EACxC,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,EAC/C,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,mBAAmB,CAAC,EAAE,6BAA6B,EAAE,kBAAkB,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,CAAC,EAAzF,CAAyF,EAC7G,UAAU,EAAE,UAAC,KAAK,IAAK,OAAA,mBAAmB,CAAC,EAAE,6BAA6B,EAAE,kBAAkB,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,CAAC,EAAzF,CAAyF,EAChH,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,IACtB,eAAe,GAZd,KAAK,CAaV,CACH,CAAA;KAAA,CACF,CAAA;IAED,IAAM,0BAA0B,GAAG;QACjC,IAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,CAAA;QAC5C,IAAI,CAAC,iBAAiB;YAAE,OAAO,WAAW,CAAA;QAClC,IAAc,oBAAoB,GAAK,iBAAiB,aAAtB,CAAsB;QAChE,OAAO,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAA;IACrF,CAAC,CAAA;IAED,IAAM,iBAAiB,yCACrB,GAAG,EAAE,CAAC,GAAG,iBAAiB,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,GAAG,iBAAiB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC,EAC1G,IAAI,EAAE,CAAC,GAAG,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,GAAG,gBAAgB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC,IACpG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,KACnE,MAAM,EAAE,0BAA0B,EAAE,KACjC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAC7D,UAAU,CACd,CAAA;IAED,IAAM,iCAAiC,GAAG;QACxC,OAAA,UAAU,CACR,8BAA8B,EAC9B;YACE,mDAAmD,EAAE,cAAc,IAAI,OAAO;SAC/E,EACD,aAAa,CACd;IAND,CAMC,CAAA;IAEH,IAAM,wBAAwB,GAAG;QAC/B,OAAA,UAAU,CAAC,wCAAwC,EAAE;YACnD,+CAA+C,EAAE,cAAc;SAChE,CAAC;IAFF,CAEE,CAAA;IAEJ,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAA;IAE5B,OAAO,CACL,uBACE,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,kBAAkB,CAAC,EAClE,KAAK,wBAAO,uBAAuB,CAAC,UAAU,CAAC,GAAK,eAAe,GACnE,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,eAAe,CAAC,EAAE,KAAK,OAAA,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAA9C,CAA8C,EAClE,aAAa,EAAE,iBAAiB,EAChC,UAAU,EAAE,UAAC,KAAK,IAAK,OAAA,eAAe,CAAC,EAAE,KAAK,OAAA,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAA9C,CAA8C,gBAErE,wBAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,iCAAiC,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,eAAe,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EAA1B,CAA0B,iBAC3I,OAAO,IAAI,CACV,uBAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,wBAAwB,EAAE,gBACxD,OAAO,IACJ,CACP,EACD,uBAAK,SAAS,EAAC,oCAAoC,gBAAE,gBAAgB,IAAO,KACxE,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1,41 @@
+import { ReactElement, ReactNode } from 'react';
+import { IFontFamilyProps, IPlatformProps, TCoords, TStyles } from '../../constants';
+import { ICON_POSITION, TContextMenuItemMouseEventHandler } from '../ContextMenuItem/types';
+export type MenuItem<T extends unknown = any> = {
+    isNegativeAction?: boolean;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    isWithCheckbox?: boolean;
+    isChecked?: boolean;
+    isFixedUnderLine?: boolean;
+    isShowArrow?: boolean;
+    isCloseMenuOnClick?: boolean;
+    className?: string;
+    title: string;
+    secondaryText?: string;
+    icon?: ReactElement;
+    iconPosition?: ICON_POSITION;
+    onMouseEnter?: TContextMenuItemMouseEventHandler;
+    onMouseLeave?: TContextMenuItemMouseEventHandler;
+    action: (actionData?: T) => void;
+};
+export interface IContextMenuProps<T extends unknown = any> extends IPlatformProps, IFontFamilyProps {
+    isMenuOpen: boolean;
+    isCloseOnItemClick?: boolean;
+    isClickForbidden?: boolean;
+    isMenuOverflowAuto?: boolean;
+    position: TCoords;
+    menuWidth?: number;
+    containerClassName?: string;
+    menuClassName?: string;
+    itemClassName?: string;
+    containerStyles?: TStyles;
+    menuStyles?: TStyles;
+    itemStyles?: TStyles;
+    items: MenuItem[];
+    actionData?: T;
+    topSlot?: ReactNode;
+    isTopSlotFixed?: boolean;
+    maxHeight?: number;
+    closeMenu: (shouldCloseDropdown?: boolean) => void;
+}

package/build/main//321/201omponents/ContextMenu/types.js

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

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

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

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

@@ -0,0 +1,4 @@
+import { IContextMenuItemProps } from './types';
+import '../../styles/styles.scss';
+declare const ContextMenuItem: ({ platform, fontFamily, isNegativeAction, isSelected, isDisabled, isWithCheckbox, isChecked, isFixedUnderLine, index, firstIndexUnderLine, title, icon, iconPosition, className, styles, onClick, onTouchEnd, secondaryText, isShowArrow, onMouseEnter, onMouseLeave, }: IContextMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export default ContextMenuItem;

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

@@ -0,0 +1,49 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { isNil } from 'lodash';
+import Checkbox from '../Checkbox/Checkbox';
+import { checkIsWebPlatform, generateFontFamilyStyle, generateId } from '../../helpers';
+import { COLORS, PLATFORM } from '../../constants';
+import { ICON_POSITION } from './types';
+import { ReactComponent as ChevronIcon } from '../../assets/icons/chevron.svg';
+import '../../styles/styles.scss';
+var checkIconPosition = function (isFixedUnderLine, iconPosition) {
+    var isLeftIconPosition = iconPosition === ICON_POSITION.left;
+    var isLeftIconLocation = iconPosition ? isLeftIconPosition : !isFixedUnderLine;
+    var isRightIconLocation = iconPosition ? iconPosition === ICON_POSITION.right : isFixedUnderLine;
+    return { isLeftIconPosition: isLeftIconPosition, isLeftIconLocation: isLeftIconLocation, isRightIconLocation: isRightIconLocation };
+};
+var ContextMenuItem = function (_a) {
+    var _b = _a.platform, platform = _b === void 0 ? PLATFORM.web : _b, fontFamily = _a.fontFamily, _c = _a.isNegativeAction, isNegativeAction = _c === void 0 ? false : _c, _d = _a.isSelected, isSelected = _d === void 0 ? false : _d, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isWithCheckbox, isWithCheckbox = _f === void 0 ? false : _f, _g = _a.isChecked, isChecked = _g === void 0 ? false : _g, _h = _a.isFixedUnderLine, isFixedUnderLine = _h === void 0 ? false : _h, index = _a.index, firstIndexUnderLine = _a.firstIndexUnderLine, title = _a.title, icon = _a.icon, iconPosition = _a.iconPosition, className = _a.className, styles = _a.styles, onClick = _a.onClick, onTouchEnd = _a.onTouchEnd, secondaryText = _a.secondaryText, _j = _a.isShowArrow, isShowArrow = _j === void 0 ? false : _j, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
+    var _k = checkIconPosition(isFixedUnderLine, iconPosition), isLeftIconPosition = _k.isLeftIconPosition, isLeftIconLocation = _k.isLeftIconLocation, isRightIconLocation = _k.isRightIconLocation;
+    var renderContextMenuItemIcon = function (icon) { return icon && _jsx("div", __assign({ className: "smartapp-context-menu-item__content--icon" }, { children: icon })); };
+    var renderContextMenuItemText = function (title, secondaryText) {
+        return secondaryText ? (_jsxs("div", __assign({ className: "smartapp-context-menu-item__content--text" }, { children: [_jsx("span", __assign({ className: "smartapp-context-menu-item__content--text__title" }, { children: title })), _jsx("span", __assign({ className: "smartapp-context-menu-item__content--text__secondary-text" }, { children: secondaryText }))] }))) : (_jsx("span", { children: title }));
+    };
+    return (_jsxs(_Fragment, { children: [isFixedUnderLine && index === firstIndexUnderLine && _jsx("div", { className: "smartapp-context-menu-item__fixed-under-line" }), _jsxs("button", __assign({ className: classNames('smartapp-context-menu-item', {
+                    'smartapp-context-menu-item__checkbox': isWithCheckbox,
+                    'smartapp-context-menu-item__checkbox-with-arrow': isWithCheckbox && isShowArrow,
+                    'smartapp-context-menu-item__negative': isNegativeAction,
+                    'smartapp-context-menu-item__selected': isSelected,
+                    'smartapp-context-menu-item__disabled': isDisabled,
+                    'smartapp-context-menu-item__hover': checkIsWebPlatform(platform) && !isWithCheckbox,
+                }, className), disabled: isDisabled, style: __assign(__assign({}, styles), generateFontFamilyStyle(fontFamily)), onClick: onClick, onTouchEnd: onTouchEnd, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, { children: [_jsxs("div", __assign({ className: classNames('smartapp-context-menu-item__content', {
+                            'smartapp-context-menu-item__content--fixed-under-line': isFixedUnderLine,
+                            'smartapp-context-menu-item__content--fixed-under-line__reduced-gap': isFixedUnderLine && isLeftIconPosition,
+                            'smartapp-context-menu-item__checkbox--content': isWithCheckbox && !isNil(icon),
+                            'smartapp-context-menu-item__disabled--content': isDisabled,
+                        }) }, { children: [isLeftIconLocation && renderContextMenuItemIcon(icon), renderContextMenuItemText(title, secondaryText), isRightIconLocation && renderContextMenuItemIcon(icon)] })), isWithCheckbox && _jsx(Checkbox, { id: generateId(), isChecked: isChecked, isDisabled: isDisabled }), isShowArrow && (_jsx("div", __assign({ className: "smartapp-context-menu-item__arrow" }, { children: _jsx(ChevronIcon, { color: COLORS.iconPrimary }) })))] }))] }));
+};
+export default ContextMenuItem;
+//# sourceMappingURL=ContextMenuItem.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,28 @@
+import { MouseEventHandler, ReactElement } from 'react';
+import { IFontFamilyProps, IPlatformProps, TClickEvent, TStyles } from '../../constants';
+export declare enum ICON_POSITION {
+    left = "left",
+    right = "right"
+}
+export type TContextMenuItemMouseEventHandler = MouseEventHandler<HTMLButtonElement>;
+export interface IContextMenuItemProps extends IPlatformProps, IFontFamilyProps {
+    isNegativeAction?: boolean;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    isWithCheckbox?: boolean;
+    isChecked?: boolean;
+    isFixedUnderLine?: boolean;
+    index?: number;
+    firstIndexUnderLine?: number;
+    title: string;
+    icon?: ReactElement;
+    iconPosition?: ICON_POSITION;
+    className?: string;
+    secondaryText?: string;
+    isShowArrow?: boolean;
+    styles?: TStyles;
+    onClick?: (event: TClickEvent) => void;
+    onTouchEnd?: (event: TClickEvent) => void;
+    onMouseEnter?: TContextMenuItemMouseEventHandler;
+    onMouseLeave?: TContextMenuItemMouseEventHandler;
+}

package/build/main//321/201omponents/ContextMenuItem/types.js

@@ -0,0 +1,6 @@
+export var ICON_POSITION;
+(function (ICON_POSITION) {
+    ICON_POSITION["left"] = "left";
+    ICON_POSITION["right"] = "right";
+})(ICON_POSITION || (ICON_POSITION = {}));
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenuItem/types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,8BAAa,CAAA;IACb,gCAAe,CAAA;AACjB,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ICustomSelectProps } from './types';
+import '../../styles/styles.scss';
+export declare const generateListItemTextRect: (menuListRef: React.RefObject<HTMLDivElement | null>, listItemTextRef: React.RefObject<HTMLDivElement | null>) => {
+    scrollWidth: number;
+    clientWidth: number;
+    left: number;
+    top: number;
+    maxWidth: number;
+};
+declare const CustomSelect: ({ platform, fontFamily, isLoading, isSearchable, isCreatable, isDisabled, isOptionsWithTooltip, isOptionsTextTruncated, isMenuAutoWidth, isInteractionDisabled, width, menuListMaxHeight, containerClassName, containerPadding, containerStyles, title, placeholder, hint, noOptionsMessage, noOptionsMessageClassName, error, menuPosition, menuLocation, defaultValue, options, selectProps, creatableSelectProps, onChange, onDisabledOptionClick, onMenuOpen, }: ICustomSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default CustomSelect;