@expressms/smartapp-ui 2.7.9 → 2.8.0-alpha.2

package/build/main/assets/icons/button-loader.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16 29C23.1797 29 29 23.1797 29 16C29 8.8203 23.1797 3 16 3C8.8203 3 3 8.8203 3 16" stroke="currentColor" stroke-width="3.4" stroke-linecap="round"/>
 </svg>

package/build/main/constants/constants.d.ts

@@ -17,7 +17,7 @@ export declare enum COLORS {
     skeletonBg = "#F1F1F2",
     skeletonDarkBg = "#313131",
     skeletonGradientCenter = "rgba(255, 255, 255, 0.6)",
-    skeletonDarkGradientCenter = "rgba(255, 255, 255, 0.08)",
+    skeletonDarkGradientCenter = "rgba(255, 255, 255, 0.03)",
     skeletonGradientEdge = "rgba(255, 255, 255, 0)",
     inactiveAvatarGradientStart = "#C2C2C2",
     inactiveAvatarGradientEnd = "#6F6F6F",

package/build/main/constants/constants.js

@@ -18,7 +18,7 @@ export var COLORS;
     COLORS["skeletonBg"] = "#F1F1F2";
     COLORS["skeletonDarkBg"] = "#313131";
     COLORS["skeletonGradientCenter"] = "rgba(255, 255, 255, 0.6)";
-    COLORS["skeletonDarkGradientCenter"] = "rgba(255, 255, 255, 0.08)";
+    COLORS["skeletonDarkGradientCenter"] = "rgba(255, 255, 255, 0.03)";
     COLORS["skeletonGradientEdge"] = "rgba(255, 255, 255, 0)";
     COLORS["inactiveAvatarGradientStart"] = "#C2C2C2";
     COLORS["inactiveAvatarGradientEnd"] = "#6F6F6F";

package/build/main/hooks/useModal.d.ts

@@ -1,6 +1,6 @@
 import React, { RefObject } from 'react';
-import { BottomSheetProps } from 'alex.chus-react-spring-bottom-sheet';
-import 'alex.chus-react-spring-bottom-sheet/dist/style.css';
+import { BottomSheetProps } from 'react-spring-bottom-sheet';
+import 'react-spring-bottom-sheet/dist/style.css';
 interface UseModalProps {
     isModalOpen: boolean;
     platform?: string;
@@ -11,10 +11,9 @@ interface UseModalProps {
     handleCloseModal: () => void;
     popupClassName?: string;
     popupStyles?: React.CSSProperties;
-    bottomSheetProps?: Partial<Omit<BottomSheetProps, 'externalScrollContainer'>>;
-    scrollRef?: RefObject<HTMLDivElement | null>;
+    bottomSheetProps?: Partial<BottomSheetProps>;
 }
-export declare const useModal: ({ isModalOpen, platform, isDisabledBottomSheet, initialIsBottomSheet, modalRef, isClosableOutside, handleCloseModal, popupClassName, popupStyles, bottomSheetProps, scrollRef, }: UseModalProps) => {
+export declare const useModal: ({ isModalOpen, platform, isDisabledBottomSheet, initialIsBottomSheet, modalRef, isClosableOutside, handleCloseModal, popupClassName, popupStyles, bottomSheetProps, }: UseModalProps) => {
     shouldUseBottomSheet: boolean;
     renderModal: (children: React.ReactNode) => import("react/jsx-runtime").JSX.Element | null;
 };

package/build/main/hooks/useModal.js

@@ -12,15 +12,15 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useLayoutEffect, useState, useCallback } from 'react';
 import Popup from 'reactjs-popup';
-import { BottomSheet } from 'alex.chus-react-spring-bottom-sheet';
-import 'alex.chus-react-spring-bottom-sheet/dist/style.css';
+import { BottomSheet } from 'react-spring-bottom-sheet';
+import 'react-spring-bottom-sheet/dist/style.css';
 import { isMobilePlatform } from '../helpers';
 import { BOTTOM_SHEET, PLATFORM } from '../constants';
 var MAX_MODAL_MOBILE_HEIGHT = 360;
 var MODAL_ANIMATION = 'modalFadeIn 0.25s ease-in-out forwards';
 var BOTTOM_SHEET_BORDER_RADIUS = '24px';
 export var useModal = function (_a) {
-    var isModalOpen = _a.isModalOpen, _b = _a.platform, platform = _b === void 0 ? PLATFORM.web : _b, _c = _a.isDisabledBottomSheet, isDisabledBottomSheet = _c === void 0 ? false : _c, _d = _a.initialIsBottomSheet, initialIsBottomSheet = _d === void 0 ? false : _d, modalRef = _a.modalRef, isClosableOutside = _a.isClosableOutside, handleCloseModal = _a.handleCloseModal, popupClassName = _a.popupClassName, popupStyles = _a.popupStyles, bottomSheetProps = _a.bottomSheetProps, scrollRef = _a.scrollRef;
+    var isModalOpen = _a.isModalOpen, _b = _a.platform, platform = _b === void 0 ? PLATFORM.web : _b, _c = _a.isDisabledBottomSheet, isDisabledBottomSheet = _c === void 0 ? false : _c, _d = _a.initialIsBottomSheet, initialIsBottomSheet = _d === void 0 ? false : _d, modalRef = _a.modalRef, isClosableOutside = _a.isClosableOutside, handleCloseModal = _a.handleCloseModal, popupClassName = _a.popupClassName, popupStyles = _a.popupStyles, bottomSheetProps = _a.bottomSheetProps;
     var _e = useState(initialIsBottomSheet), shouldUseBottomSheet = _e[0], setShouldUseBottomSheet = _e[1];
     var updateModalState = useCallback(function () {
         var modalElement = modalRef.current;
@@ -48,7 +48,7 @@ export var useModal = function (_a) {
             event.stopPropagation();
             handleCloseModal();
         };
-        var BottomSheetModal = (_jsx(BottomSheet, __assign({ id: BOTTOM_SHEET, open: isModalOpen, onDismiss: handleCloseModal, expandOnContentDrag: true, sibling: _jsx("div", { "data-rsbs-backdrop": "true", onClick: handleOutsideClick }), style: { '--rsbs-overlay-rounded': BOTTOM_SHEET_BORDER_RADIUS }, externalScrollContainer: scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current }, bottomSheetProps, { children: children })));
+        var BottomSheetModal = (_jsx(BottomSheet, __assign({ id: BOTTOM_SHEET, open: isModalOpen, onDismiss: handleCloseModal, scrollLocking: false, expandOnContentDrag: true, sibling: _jsx("div", { "data-rsbs-backdrop": "true", onClick: handleOutsideClick }), style: { '--rsbs-overlay-rounded': BOTTOM_SHEET_BORDER_RADIUS } }, bottomSheetProps, { children: children })));
         var Modal = (_jsx(Popup, __assign({ className: popupClassName, overlayStyle: __assign(__assign({}, popupStyles), { opacity: 0, animation: MODAL_ANIMATION }), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen, closeOnEscape: isClosableOutside, onClose: handleCloseModal }, { children: children })));
         return shouldUseBottomSheet ? BottomSheetModal : Modal;
     };

package/build/main/hooks/useModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModal.js","sourceRoot":"","sources":["../../../src/hooks/useModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAa,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,EAAE,WAAW,EAAoB,MAAM,qCAAqC,CAAA;AACnF,OAAO,oDAAoD,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAErD,IAAM,uBAAuB,GAAG,GAAG,CAAA;AACnC,IAAM,eAAe,GAAG,wCAAwC,CAAA;AAChE,IAAM,0BAA0B,GAAG,MAAM,CAAA;AAgBzC,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAYT;QAXd,WAAW,iBAAA,EACX,gBAAuB,EAAvB,QAAQ,mBAAG,QAAQ,CAAC,GAAG,KAAA,EACvB,6BAA6B,EAA7B,qBAAqB,mBAAG,KAAK,KAAA,EAC7B,4BAA4B,EAA5B,oBAAoB,mBAAG,KAAK,KAAA,EAC5B,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,SAAS,eAAA;IAEH,IAAA,KAAkD,QAAQ,CAAC,oBAAoB,CAAC,EAA/E,oBAAoB,QAAA,EAAE,uBAAuB,QAAkC,CAAA;IAEtF,IAAM,gBAAgB,GAAG,WAAW,CAAC;QACnC,IAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAA;QACrC,IAAI,CAAC,YAAY;YAAE,OAAM;QACjB,IAAQ,WAAW,GAAK,YAAY,CAAC,qBAAqB,EAAE,OAAzC,CAAyC;QACpE,IAAM,qBAAqB,GACzB,CAAC,qBAAqB,IAAI,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,IAAI,WAAW,GAAG,uBAAuB,CAAC,CAAA;QACzH,uBAAuB,CAAC,qBAAqB,CAAC,CAAA;IAChD,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,QAAQ,CAAC,CAAC,CAAA;IAErE,eAAe,CAAC;QACd,IAAI,CAAC,WAAW;YAAE,OAAM;QACxB,kCAAkC;QAClC,IAAM,kBAAkB,GAAG,UAAU,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAA;QAE1D,OAAO;YACL,YAAY,CAAC,kBAAkB,CAAC,CAAA;YAChC,uBAAuB,CAAC,oBAAoB,CAAC,CAAA;QAC/C,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,EAAE,QAAQ,EAAE,oBAAoB,CAAC,CAAC,CAAA;IAEnE,IAAM,WAAW,GAAG,UAAC,QAAyB;QAC5C,IAAI,CAAC,WAAW;YAAE,OAAO,IAAI,CAAA;QAE7B,IAAM,kBAAkB,GAAG,UAAC,KAAuC;YACjE,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,gBAAgB,EAAE,CAAA;QACpB,CAAC,CAAA;QAED,IAAM,gBAAgB,GAAG,CACvB,KAAC,WAAW,aACV,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,gBAAgB,EAC3B,mBAAmB,QACnB,OAAO,EAAE,oCAAwB,MAAM,EAAC,OAAO,EAAE,kBAAkB,GAAI,EACvE,KAAK,EAAE,EAAE,wBAAwB,EAAE,0BAA0B,EAAyB,EACtF,uBAAuB,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAkC,IAClE,gBAAgB,cAEnB,QAAQ,IACG,CACf,CAAA;QAED,IAAM,KAAK,GAAG,CACZ,KAAC,KAAK,aACJ,SAAS,EAAE,cAAc,EACzB,YAAY,wBACP,WAAW,KACd,OAAO,EAAE,CAAC,EACV,SAAS,EAAE,eAAe,KAE5B,oBAAoB,EAAE,iBAAiB,EACvC,KAAK,QACL,IAAI,EAAE,WAAW,EACjB,aAAa,EAAE,iBAAiB,EAChC,OAAO,EAAE,gBAAgB,gBAExB,QAAQ,IACH,CACT,CAAA;QAED,OAAO,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAA;IACxD,CAAC,CAAA;IAED,OAAO;QACL,oBAAoB,sBAAA;QACpB,WAAW,aAAA;KACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"useModal.js","sourceRoot":"","sources":["../../../src/hooks/useModal.tsx"],"names":[],"mappings":"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"}