@expressms/smartapp-ui 2.8.0-alpha.1 → 2.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/main/assets/icons/button-loader.svg +1 -1
- package/build/main/assets/storybook/index.d.ts +6 -1
- package/build/main/assets/storybook/index.js +6 -1
- package/build/main/assets/storybook/index.js.map +1 -1
- package/build/main/constants/constants.d.ts +1 -1
- package/build/main/constants/constants.js +1 -1
- package/build/main/hooks/useModal.d.ts +5 -4
- package/build/main/hooks/useModal.js +4 -4
- package/build/main/hooks/useModal.js.map +1 -1
- package/build/main/styles/styles.scss +2 -2
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.js +7 -1
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +2 -1
- package/build/main//321/201omponents/Avatar/types.js.map +1 -1
- package/build/main//321/201omponents/ConfirmationModal/types.d.ts +1 -1
- package/build/main//321/201omponents/Modal/Modal.d.ts +1 -1
- package/build/main//321/201omponents/Modal/Modal.js +11 -7
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Modal/types.d.ts +4 -3
- package/build/main//321/201omponents/Skeleton/Skeleton.js +12 -5
- package/build/main//321/201omponents/Skeleton/Skeleton.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.d.ts +1 -0
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js +10 -5
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +52 -24
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +7 -4
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +1 -0
- package/build/main//321/201omponents/index.d.ts +0 -1
- package/build/main//321/201omponents/index.js +0 -1
- package/build/main//321/201omponents/index.js.map +1 -1
- package/package.json +2 -3
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.d.ts +0 -4
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js +0 -77
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js.map +0 -1
- package/build/main//321/201omponents/DraggablePopup/index.d.ts +0 -1
- package/build/main//321/201omponents/DraggablePopup/index.js +0 -2
- package/build/main//321/201omponents/DraggablePopup/index.js.map +0 -1
- package/build/main//321/201omponents/DraggablePopup/types.d.ts +0 -14
- package/build/main//321/201omponents/DraggablePopup/types.js +0 -2
- package/build/main//321/201omponents/DraggablePopup/types.js.map +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<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"/>
|
|
3
3
|
</svg>
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { ReactComponent as ConferenceIcon } from './conference.svg';
|
|
2
|
-
export { ReactComponent as CopyLinkIcon } from './copy-link
|
|
2
|
+
export { ReactComponent as CopyLinkIcon } from './copy-link.svg';
|
|
3
|
+
export { ReactComponent as CopyLinkBigIcon } from './copy-link-big.svg';
|
|
3
4
|
export { ReactComponent as CompanyIcon } from './company.svg';
|
|
4
5
|
export { ReactComponent as AttachmentIcon } from './attachment.svg';
|
|
5
6
|
export { ReactComponent as SignatureIcon } from './signature.svg';
|
|
@@ -11,3 +12,7 @@ export { ReactComponent as MoreIcon } from './more.svg';
|
|
|
11
12
|
export { ReactComponent as ReplyIcon } from './reply.svg';
|
|
12
13
|
export { ReactComponent as ReplyAllIcon } from './reply-all.svg';
|
|
13
14
|
export { ReactComponent as CheckIcon } from './check.svg';
|
|
15
|
+
export { ReactComponent as DownloadIcon } from './download.svg';
|
|
16
|
+
export { ReactComponent as DeleteIcon } from './delete.svg';
|
|
17
|
+
export { ReactComponent as UnreadMailIcon } from './unread-mail.svg';
|
|
18
|
+
export { ReactComponent as FavoriteMailIcon } from './favorite-mail.svg';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { ReactComponent as ConferenceIcon } from './conference.svg';
|
|
2
|
-
export { ReactComponent as CopyLinkIcon } from './copy-link
|
|
2
|
+
export { ReactComponent as CopyLinkIcon } from './copy-link.svg';
|
|
3
|
+
export { ReactComponent as CopyLinkBigIcon } from './copy-link-big.svg';
|
|
3
4
|
export { ReactComponent as CompanyIcon } from './company.svg';
|
|
4
5
|
export { ReactComponent as AttachmentIcon } from './attachment.svg';
|
|
5
6
|
export { ReactComponent as SignatureIcon } from './signature.svg';
|
|
@@ -11,4 +12,8 @@ export { ReactComponent as MoreIcon } from './more.svg';
|
|
|
11
12
|
export { ReactComponent as ReplyIcon } from './reply.svg';
|
|
12
13
|
export { ReactComponent as ReplyAllIcon } from './reply-all.svg';
|
|
13
14
|
export { ReactComponent as CheckIcon } from './check.svg';
|
|
15
|
+
export { ReactComponent as DownloadIcon } from './download.svg';
|
|
16
|
+
export { ReactComponent as DeleteIcon } from './delete.svg';
|
|
17
|
+
export { ReactComponent as UnreadMailIcon } from './unread-mail.svg';
|
|
18
|
+
export { ReactComponent as FavoriteMailIcon } from './favorite-mail.svg';
|
|
14
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/assets/storybook/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/assets/storybook/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChE,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACvE,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACjE,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AACzD,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChE,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AACzD,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA"}
|
|
@@ -17,7 +17,7 @@ export declare enum COLORS {
|
|
|
17
17
|
skeletonBg = "#F1F1F2",
|
|
18
18
|
skeletonDarkBg = "#313131",
|
|
19
19
|
skeletonGradientCenter = "rgba(255, 255, 255, 0.6)",
|
|
20
|
-
skeletonDarkGradientCenter = "rgba(255, 255, 255, 0.
|
|
20
|
+
skeletonDarkGradientCenter = "rgba(255, 255, 255, 0.08)",
|
|
21
21
|
skeletonGradientEdge = "rgba(255, 255, 255, 0)",
|
|
22
22
|
inactiveAvatarGradientStart = "#C2C2C2",
|
|
23
23
|
inactiveAvatarGradientEnd = "#6F6F6F",
|
|
@@ -18,7 +18,7 @@ export var COLORS;
|
|
|
18
18
|
COLORS["skeletonBg"] = "#F1F1F2";
|
|
19
19
|
COLORS["skeletonDarkBg"] = "#313131";
|
|
20
20
|
COLORS["skeletonGradientCenter"] = "rgba(255, 255, 255, 0.6)";
|
|
21
|
-
COLORS["skeletonDarkGradientCenter"] = "rgba(255, 255, 255, 0.
|
|
21
|
+
COLORS["skeletonDarkGradientCenter"] = "rgba(255, 255, 255, 0.08)";
|
|
22
22
|
COLORS["skeletonGradientEdge"] = "rgba(255, 255, 255, 0)";
|
|
23
23
|
COLORS["inactiveAvatarGradientStart"] = "#C2C2C2";
|
|
24
24
|
COLORS["inactiveAvatarGradientEnd"] = "#6F6F6F";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { RefObject } from 'react';
|
|
2
|
-
import { BottomSheetProps } from 'react-spring-bottom-sheet';
|
|
3
|
-
import 'react-spring-bottom-sheet/dist/style.css';
|
|
2
|
+
import { BottomSheetProps } from 'alex.chus-react-spring-bottom-sheet';
|
|
3
|
+
import 'alex.chus-react-spring-bottom-sheet/dist/style.css';
|
|
4
4
|
interface UseModalProps {
|
|
5
5
|
isModalOpen: boolean;
|
|
6
6
|
platform?: string;
|
|
@@ -11,9 +11,10 @@ interface UseModalProps {
|
|
|
11
11
|
handleCloseModal: () => void;
|
|
12
12
|
popupClassName?: string;
|
|
13
13
|
popupStyles?: React.CSSProperties;
|
|
14
|
-
bottomSheetProps?: Partial<BottomSheetProps
|
|
14
|
+
bottomSheetProps?: Partial<Omit<BottomSheetProps, 'externalScrollContainer'>>;
|
|
15
|
+
scrollRef?: RefObject<HTMLDivElement | null>;
|
|
15
16
|
}
|
|
16
|
-
export declare const useModal: ({ isModalOpen, platform, isDisabledBottomSheet, initialIsBottomSheet, modalRef, isClosableOutside, handleCloseModal, popupClassName, popupStyles, bottomSheetProps, }: UseModalProps) => {
|
|
17
|
+
export declare const useModal: ({ isModalOpen, platform, isDisabledBottomSheet, initialIsBottomSheet, modalRef, isClosableOutside, handleCloseModal, popupClassName, popupStyles, bottomSheetProps, scrollRef, }: UseModalProps) => {
|
|
17
18
|
shouldUseBottomSheet: boolean;
|
|
18
19
|
renderModal: (children: React.ReactNode) => import("react/jsx-runtime").JSX.Element | null;
|
|
19
20
|
};
|
|
@@ -12,15 +12,15 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import { useLayoutEffect, useState, useCallback } from 'react';
|
|
14
14
|
import Popup from 'reactjs-popup';
|
|
15
|
-
import { BottomSheet } from 'react-spring-bottom-sheet';
|
|
16
|
-
import 'react-spring-bottom-sheet/dist/style.css';
|
|
15
|
+
import { BottomSheet } from 'alex.chus-react-spring-bottom-sheet';
|
|
16
|
+
import 'alex.chus-react-spring-bottom-sheet/dist/style.css';
|
|
17
17
|
import { isMobilePlatform } from '../helpers';
|
|
18
18
|
import { BOTTOM_SHEET, PLATFORM } from '../constants';
|
|
19
19
|
var MAX_MODAL_MOBILE_HEIGHT = 360;
|
|
20
20
|
var MODAL_ANIMATION = 'modalFadeIn 0.25s ease-in-out forwards';
|
|
21
21
|
var BOTTOM_SHEET_BORDER_RADIUS = '24px';
|
|
22
22
|
export var useModal = function (_a) {
|
|
23
|
-
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;
|
|
23
|
+
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;
|
|
24
24
|
var _e = useState(initialIsBottomSheet), shouldUseBottomSheet = _e[0], setShouldUseBottomSheet = _e[1];
|
|
25
25
|
var updateModalState = useCallback(function () {
|
|
26
26
|
var modalElement = modalRef.current;
|
|
@@ -48,7 +48,7 @@ export var useModal = function (_a) {
|
|
|
48
48
|
event.stopPropagation();
|
|
49
49
|
handleCloseModal();
|
|
50
50
|
};
|
|
51
|
-
var BottomSheetModal = (_jsx(BottomSheet, __assign({ id: BOTTOM_SHEET, open: isModalOpen, onDismiss: handleCloseModal,
|
|
51
|
+
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 })));
|
|
52
52
|
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 })));
|
|
53
53
|
return shouldUseBottomSheet ? BottomSheetModal : Modal;
|
|
54
54
|
};
|
|
@@ -1 +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,
|
|
1
|
+
{"version":3,"file":"useModal.js","sourceRoot":"","sources":["../../../src/hooks/useModal.tsx"],"names":[],"mappings":"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"}
|