@expressms/smartapp-ui 2.8.0-alpha.2 → 2.8.0-alpha.3
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/constants/constants.d.ts +0 -3
- package/build/main/constants/constants.js +0 -3
- package/build/main/constants/constants.js.map +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 +3 -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/CustomSelect/CustomSelect.d.ts +1 -1
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js +10 -10
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/types.d.ts +0 -1
- package/build/main//321/201omponents/Modal/Modal.d.ts +1 -1
- package/build/main//321/201omponents/Modal/Modal.js +13 -9
- 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.d.ts +1 -1
- package/build/main//321/201omponents/Skeleton/Skeleton.js +8 -16
- package/build/main//321/201omponents/Skeleton/Skeleton.js.map +1 -1
- package/build/main//321/201omponents/Stories/Stories.js +47 -34
- package/build/main//321/201omponents/Stories/Stories.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js +2 -2
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.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 +12 -7
- 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 +4 -4
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +6 -3
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +1 -2
- 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 -83
- 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,4 +1,4 @@
|
|
|
1
1
|
import { IAvatarProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Avatar: ({ theme, className, styles, avatarRef, isSelected, isHighlighted, isInactive, isSpam, isCrown, isEye, size, username, initials, avatar, counter, outlineDefaultBackground, outlineDarkBackground, onClick, onMouseDown, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Avatar: ({ theme, className, styles, avatarRef, isSelected, isHighlighted, isInactive, isSpam, isCrown, isEye, size, username, initials, avatar, counter, icon, outlineDefaultBackground, outlineDarkBackground, onClick, onMouseDown, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Avatar;
|
|
@@ -36,7 +36,7 @@ var PERCENTS;
|
|
|
36
36
|
var AVATAR_OPACITY = 0.5;
|
|
37
37
|
var USER_INITIALS_OPACITY = 0.3;
|
|
38
38
|
var Avatar = function (_a) {
|
|
39
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, className = _a.className, styles = _a.styles, avatarRef = _a.avatarRef, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isInactive = _a.isInactive, isSpam = _a.isSpam, isCrown = _a.isCrown, isEye = _a.isEye, _c = _a.size, size = _c === void 0 ? 44 : _c, _d = _a.username, username = _d === void 0 ? '' : _d, initials = _a.initials, avatar = _a.avatar, _e = _a.counter, counter = _e === void 0 ? 0 : _e, _f = _a.outlineDefaultBackground, outlineDefaultBackground = _f === void 0 ? COLORS.white : _f, _g = _a.outlineDarkBackground, outlineDarkBackground = _g === void 0 ? COLORS.brightBlack : _g, _h = _a.onClick, onClick = _h === void 0 ? function () { return undefined; } : _h, onMouseDown = _a.onMouseDown;
|
|
39
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, className = _a.className, styles = _a.styles, avatarRef = _a.avatarRef, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isInactive = _a.isInactive, isSpam = _a.isSpam, isCrown = _a.isCrown, isEye = _a.isEye, _c = _a.size, size = _c === void 0 ? 44 : _c, _d = _a.username, username = _d === void 0 ? '' : _d, initials = _a.initials, avatar = _a.avatar, _e = _a.counter, counter = _e === void 0 ? 0 : _e, icon = _a.icon, _f = _a.outlineDefaultBackground, outlineDefaultBackground = _f === void 0 ? COLORS.white : _f, _g = _a.outlineDarkBackground, outlineDarkBackground = _g === void 0 ? COLORS.brightBlack : _g, _h = _a.onClick, onClick = _h === void 0 ? function () { return undefined; } : _h, onMouseDown = _a.onMouseDown;
|
|
40
40
|
var inactiveOpacity = avatar ? AVATAR_OPACITY : USER_INITIALS_OPACITY;
|
|
41
41
|
var outlineBackground = isDarkTheme(theme) ? outlineDarkBackground : outlineDefaultBackground;
|
|
42
42
|
var outlineWidth = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_5, shouldBeRounded: false });
|
|
@@ -72,6 +72,8 @@ var Avatar = function (_a) {
|
|
|
72
72
|
var infoSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_60 });
|
|
73
73
|
return _jsx(InfoIcon, { width: infoSize, height: infoSize });
|
|
74
74
|
}
|
|
75
|
+
if (icon)
|
|
76
|
+
return icon;
|
|
75
77
|
return avatar ? _jsx("img", { src: avatar, alt: "avatar" }) : renderUserInitials();
|
|
76
78
|
};
|
|
77
79
|
var renderCounter = function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,0BAA0B,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACxG,OAAO,EAAE,eAAe,EAAgB,MAAM,SAAS,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,oCAAoC,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACrF,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAC1E,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC9E,OAAO,0BAA0B,CAAA;AAEjC,IAAK,QAYJ;AAZD,WAAK,QAAQ;IACX,yCAAS,CAAA;IACT,yCAAS,CAAA;IACT,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;AACb,CAAC,EAZI,QAAQ,KAAR,QAAQ,QAYZ;AAED,IAAM,cAAc,GAAG,GAAG,CAAA;AAC1B,IAAM,qBAAqB,GAAG,GAAG,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RefObject } from 'react';
|
|
1
|
+
import { ReactNode, RefObject } from 'react';
|
|
2
2
|
import { IThemeProps, TStyles } from '../../constants';
|
|
3
3
|
export interface IAvatarProps extends IThemeProps {
|
|
4
4
|
avatarRef?: RefObject<HTMLDivElement | null>;
|
|
@@ -15,6 +15,7 @@ export interface IAvatarProps extends IThemeProps {
|
|
|
15
15
|
initials?: string;
|
|
16
16
|
avatar?: string | null;
|
|
17
17
|
counter?: number;
|
|
18
|
+
icon?: ReactNode;
|
|
18
19
|
outlineDefaultBackground?: string;
|
|
19
20
|
outlineDarkBackground?: string;
|
|
20
21
|
onClick?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/types.ts"],"names":[],"mappings":"AAyBA,MAAM,CAAN,IAAY,eAMX;AAND,WAAY,eAAe;IACzB,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,mCAAgB,CAAA;IAChB,gCAAa,CAAA;IACb,oCAAiB,CAAA;AACnB,CAAC,EANW,eAAe,KAAf,eAAe,QAM1B"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { BottomSheetProps } from 'react-spring-bottom-sheet';
|
|
2
|
+
import { BottomSheetProps } from 'alex.chus-react-spring-bottom-sheet';
|
|
3
3
|
import { ICommonProps, TStyles } from '../../constants';
|
|
4
4
|
export interface IConfirmationModalProps extends ICommonProps {
|
|
5
5
|
isModalOpen: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ICustomSelectProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const CustomSelect: ({
|
|
3
|
+
declare const CustomSelect: ({ isLoading, isSearchable, isCreatable, isDisabled, fillType, width, menuListMaxHeight, containerClassName, containerStyles, title, placeholder, hint, noOptionsMessage, error, menuPosition, menuLocation, defaultValue, options, onChange, onDisabledOptionClick, onMenuOpen, }: ICustomSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default CustomSelect;
|
|
@@ -18,7 +18,7 @@ import classNames from 'classnames';
|
|
|
18
18
|
import ListItem from '../ListItem';
|
|
19
19
|
import { Skeleton } from '../Skeleton';
|
|
20
20
|
import { isValueEqualToZero } from '../../helpers';
|
|
21
|
-
import { CREATABLE_MENU_LIST_MAX_HEIGHT, ENTER_KEY, FILL_TYPE, MENU_LIST_MAX_HEIGHT, MENU_POSITIONS
|
|
21
|
+
import { CREATABLE_MENU_LIST_MAX_HEIGHT, ENTER_KEY, FILL_TYPE, MENU_LIST_MAX_HEIGHT, MENU_POSITIONS } from '../../constants';
|
|
22
22
|
import { DEFAULT_INDICATOR_COLOR, NOT_INTERACTIVE_ELEMENT } from '../ListItem/ListItem';
|
|
23
23
|
import selectStyles from './selectStyles';
|
|
24
24
|
import { ReactComponent as ArrowUpIcon } from '../../assets/icons/arrow-up.svg';
|
|
@@ -61,11 +61,11 @@ var MenuList = function (props) {
|
|
|
61
61
|
return (_jsx(components.MenuList, __assign({}, props, { innerRef: menuListRef }, { children: children })));
|
|
62
62
|
};
|
|
63
63
|
var LoadingMessage = function (_a) {
|
|
64
|
-
var
|
|
64
|
+
var _b = _a.isCreatableSelect, isCreatableSelect = _b === void 0 ? false : _b;
|
|
65
65
|
var ref = useRef(null);
|
|
66
66
|
return (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-custom-select__loading-message', { 'smartapp-custom-select__loading-message--creatable': isCreatableSelect }) }, { children: Array.from({ length: LOADING_MESSAGE_ITEMS }, function (_, index) { return (_jsxs("div", __assign({ className: classNames('smartapp-custom-select__loading-message--item', {
|
|
67
67
|
'smartapp-custom-select__loading-message--item__creatable': isCreatableSelect,
|
|
68
|
-
}) }, { children: [_jsx(Skeleton, { containerRef: ref, className: "smartapp-custom-select__loading-message--item__first",
|
|
68
|
+
}) }, { children: [_jsx(Skeleton, { containerRef: ref, className: "smartapp-custom-select__loading-message--item__first", borderRadius: 8 }), isCreatableSelect && _jsx(Skeleton, { containerRef: ref, className: "smartapp-custom-select__loading-message--item__second", borderRadius: 8 })] }), index)); }) })));
|
|
69
69
|
};
|
|
70
70
|
var NoOptionsMessage = function (props) {
|
|
71
71
|
var noOptionsMessage = props.noOptionsMessage, children = props.children;
|
|
@@ -82,12 +82,12 @@ var ACTIONS = {
|
|
|
82
82
|
inputChange: 'input-change',
|
|
83
83
|
};
|
|
84
84
|
var CustomSelect = function (_a) {
|
|
85
|
-
var _b = _a.
|
|
85
|
+
var _b = _a.isLoading, isLoading = _b === void 0 ? false : _b, _c = _a.isSearchable, isSearchable = _c === void 0 ? false : _c, _d = _a.isCreatable, isCreatable = _d === void 0 ? false : _d, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.fillType, fillType = _f === void 0 ? FILL_TYPE.primary : _f, _g = _a.width, width = _g === void 0 ? 100 : _g, menuListMaxHeight = _a.menuListMaxHeight, containerClassName = _a.containerClassName, containerStyles = _a.containerStyles, title = _a.title, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage, error = _a.error, _h = _a.menuPosition, menuPosition = _h === void 0 ? MENU_POSITIONS.bottom : _h, menuLocation = _a.menuLocation, defaultValue = _a.defaultValue, options = _a.options, onChange = _a.onChange, _j = _a.onDisabledOptionClick, onDisabledOptionClick = _j === void 0 ? function () { } : _j, _k = _a.onMenuOpen, onMenuOpen = _k === void 0 ? function () { } : _k;
|
|
86
86
|
var selectRef = useRef(null);
|
|
87
|
-
var
|
|
88
|
-
var
|
|
89
|
-
var
|
|
90
|
-
var
|
|
87
|
+
var _l = useState(), value = _l[0], setValue = _l[1];
|
|
88
|
+
var _m = useState(''), inputValue = _m[0], setInputValue = _m[1];
|
|
89
|
+
var _o = useState(false), isInputFocused = _o[0], setIsInputFocused = _o[1];
|
|
90
|
+
var _p = useState(0), optionHeight = _p[0], setOptionHeight = _p[1];
|
|
91
91
|
var selectRefCurrent = selectRef.current;
|
|
92
92
|
var isSelectClearable = isInputFocused && !isEmpty(inputValue);
|
|
93
93
|
useLayoutEffect(function () { return setOptionHeight(0); }, [width]);
|
|
@@ -147,7 +147,7 @@ var CustomSelect = function (_a) {
|
|
|
147
147
|
selectRefCurrent === null || selectRefCurrent === void 0 ? void 0 : selectRefCurrent.blur();
|
|
148
148
|
}
|
|
149
149
|
};
|
|
150
|
-
return (_jsxs("div", __assign({ className: classNames('smartapp-custom-select', containerClassName), style: __assign({ width: "".concat(width, "%") }, containerStyles) }, { children: [renderTitle(), isCreatable ? (_jsx(CreatableSelect, { ref: selectRef, menuPlacement: menuPosition, menuPosition: menuLocation, isLoading: isLoading, isDisabled: isDisabled, isClearable: isSelectClearable, controlShouldRenderValue: isDisabled, filterOption: creatableFilterOption, options: options, value: (value === null || value === void 0 ? void 0 : value.label) ? value : null, styles: generateStyles(), placeholder: placeholder, inputValue: isDisabled ? '' : inputValue, onInputChange: handleInputChange, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleCreatableKeyDown, onMenuOpen: onMenuOpen, loadingMessage: function () { return _jsx(LoadingMessage, {
|
|
150
|
+
return (_jsxs("div", __assign({ className: classNames('smartapp-custom-select', containerClassName), style: __assign({ width: "".concat(width, "%") }, containerStyles) }, { children: [renderTitle(), isCreatable ? (_jsx(CreatableSelect, { ref: selectRef, menuPlacement: menuPosition, menuPosition: menuLocation, isLoading: isLoading, isDisabled: isDisabled, isClearable: isSelectClearable, controlShouldRenderValue: isDisabled, filterOption: creatableFilterOption, options: options, value: (value === null || value === void 0 ? void 0 : value.label) ? value : null, styles: generateStyles(), placeholder: placeholder, inputValue: isDisabled ? '' : inputValue, onInputChange: handleInputChange, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleCreatableKeyDown, onMenuOpen: onMenuOpen, loadingMessage: function () { return _jsx(LoadingMessage, { isCreatableSelect: true }); }, components: {
|
|
151
151
|
Input: Input,
|
|
152
152
|
Option: OptionComponent,
|
|
153
153
|
IndicatorSeparator: IndicatorSeparator,
|
|
@@ -157,7 +157,7 @@ var CustomSelect = function (_a) {
|
|
|
157
157
|
NoOptionsMessage: function () { return null; },
|
|
158
158
|
ClearIndicator: ClearIndicator,
|
|
159
159
|
SingleValue: SingleValueComponent,
|
|
160
|
-
} })) : (_jsx(Select, { ref: selectRef, menuPlacement: menuPosition, menuPosition: menuLocation, isLoading: isLoading, isDisabled: isDisabled, isSearchable: isSearchable, isClearable: isSearchable && isSelectClearable, controlShouldRenderValue: isDisabled || !isSearchable, options: options, value: (value === null || value === void 0 ? void 0 : value.label) ? value : null, styles: generateStyles(), placeholder: placeholder, inputValue: isDisabled || !isSearchable ? '' : inputValue, onInputChange: handleInputChange, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onMenuOpen: onMenuOpen, noOptionsMessage: function () { return noOptionsMessage; }, loadingMessage: function () { return _jsx(LoadingMessage, {
|
|
160
|
+
} })) : (_jsx(Select, { ref: selectRef, menuPlacement: menuPosition, menuPosition: menuLocation, isLoading: isLoading, isDisabled: isDisabled, isSearchable: isSearchable, isClearable: isSearchable && isSelectClearable, controlShouldRenderValue: isDisabled || !isSearchable, options: options, value: (value === null || value === void 0 ? void 0 : value.label) ? value : null, styles: generateStyles(), placeholder: placeholder, inputValue: isDisabled || !isSearchable ? '' : inputValue, onInputChange: handleInputChange, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onMenuOpen: onMenuOpen, noOptionsMessage: function () { return noOptionsMessage; }, loadingMessage: function () { return _jsx(LoadingMessage, {}); }, components: {
|
|
161
161
|
Input: Input,
|
|
162
162
|
Option: OptionComponent,
|
|
163
163
|
IndicatorSeparator: IndicatorSeparator,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomSelect.js","sourceRoot":"","sources":["../../../../src/сomponents/CustomSelect/CustomSelect.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CustomSelect.js","sourceRoot":"","sources":["../../../../src/сomponents/CustomSelect/CustomSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IModalProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Modal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, modalId, content, bottomContent, handleCloseModal, title, platform, popupClassName, className, popupStyles, styles, titleStyles, contentStyles, iconColor, backgroundColor, isBottomSheet, isDisabledBottomSheet, bottomSheetProps,
|
|
3
|
+
declare const Modal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, modalId, content, bottomContent, handleCloseModal, title, platform, popupClassName, className, popupStyles, styles, titleStyles, contentStyles, iconColor, backgroundColor, isBottomSheet, isDisabledBottomSheet, bottomSheetProps, isCloseButtonDisabled, externalBottomSheetScrollContainer, }: IModalProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
4
4
|
export default Modal;
|
|
@@ -25,13 +25,14 @@ var CONTENT_PADDING_TOP = 20;
|
|
|
25
25
|
var MODAL_TITLE_MARGIN_BOTTOM = 16;
|
|
26
26
|
var MODAL_MARGIN_SIZE_MOBILE = 136;
|
|
27
27
|
var Modal = function (_a) {
|
|
28
|
-
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, modalId = _a.modalId, content = _a.content, bottomContent = _a.bottomContent, handleCloseModal = _a.handleCloseModal, title = _a.title, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, popupClassName = _a.popupClassName, className = _a.className, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, contentStyles = _a.contentStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, _d = _a.isBottomSheet, isBottomSheet = _d === void 0 ? false : _d, _e = _a.isDisabledBottomSheet, isDisabledBottomSheet = _e === void 0 ? false : _e, bottomSheetProps = _a.bottomSheetProps,
|
|
28
|
+
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, modalId = _a.modalId, content = _a.content, bottomContent = _a.bottomContent, handleCloseModal = _a.handleCloseModal, title = _a.title, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, popupClassName = _a.popupClassName, className = _a.className, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, contentStyles = _a.contentStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, _d = _a.isBottomSheet, isBottomSheet = _d === void 0 ? false : _d, _e = _a.isDisabledBottomSheet, isDisabledBottomSheet = _e === void 0 ? false : _e, bottomSheetProps = _a.bottomSheetProps, _f = _a.isCloseButtonDisabled, isCloseButtonDisabled = _f === void 0 ? false : _f, externalBottomSheetScrollContainer = _a.externalBottomSheetScrollContainer;
|
|
29
29
|
var ref = useRef(null);
|
|
30
30
|
var titleRef = useRef(null);
|
|
31
31
|
var scrollableContentRef = useRef(null);
|
|
32
|
+
var scrollerRef = useRef(null);
|
|
32
33
|
var bottomContentRef = useRef(null);
|
|
33
|
-
var
|
|
34
|
-
var
|
|
34
|
+
var _g = useState(''), containerHeight = _g[0], setContainerHeight = _g[1];
|
|
35
|
+
var _h = useModal({
|
|
35
36
|
isModalOpen: isModalOpen,
|
|
36
37
|
platform: platform,
|
|
37
38
|
isDisabledBottomSheet: isDisabledBottomSheet,
|
|
@@ -42,11 +43,12 @@ var Modal = function (_a) {
|
|
|
42
43
|
popupClassName: classNames('modal', popupClassName),
|
|
43
44
|
popupStyles: popupStyles,
|
|
44
45
|
bottomSheetProps: bottomSheetProps,
|
|
45
|
-
|
|
46
|
+
scrollRef: externalBottomSheetScrollContainer || scrollerRef,
|
|
47
|
+
}), shouldUseBottomSheet = _h.shouldUseBottomSheet, renderModal = _h.renderModal;
|
|
46
48
|
var additionalClassName = generateBottomSheetClassName(platform, shouldUseBottomSheet);
|
|
47
49
|
var isCloseIconInvisible = generateIsCloseIconHidden(platform, isCloseIconHidden);
|
|
48
50
|
var MAX_MODAL_HEIGHT = window.innerHeight - (isMobilePlatform(platform) ? MODAL_MARGIN_SIZE_MOBILE : 2 * MODAL_MARGIN_SIZE_WEB);
|
|
49
|
-
var handleMouseDown = function (event) { return
|
|
51
|
+
var handleMouseDown = function (event) { return event.stopPropagation(); };
|
|
50
52
|
var handleSetContainerHeight = function (contentRef) {
|
|
51
53
|
var _a, _b;
|
|
52
54
|
if (!contentRef)
|
|
@@ -68,11 +70,11 @@ var Modal = function (_a) {
|
|
|
68
70
|
handleCloseModal();
|
|
69
71
|
}
|
|
70
72
|
};
|
|
71
|
-
|
|
73
|
+
document === null || document === void 0 ? void 0 : document.addEventListener('click', checkIfClickedOutside, true);
|
|
72
74
|
return function () {
|
|
73
75
|
document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
|
|
74
76
|
};
|
|
75
|
-
}, [isModalOpen, isClosableOutside, handleCloseModal
|
|
77
|
+
}, [isModalOpen, isClosableOutside, handleCloseModal]);
|
|
76
78
|
var renderCloseIconSpace = function (_a) {
|
|
77
79
|
var elementRef = _a.elementRef, _b = _a.isLarge, isLarge = _b === void 0 ? false : _b, _c = _a.isContent, isContent = _c === void 0 ? false : _c;
|
|
78
80
|
return (_jsx("div", { className: classNames('close-icon-space', {
|
|
@@ -81,8 +83,10 @@ var Modal = function (_a) {
|
|
|
81
83
|
'close-icon-space__centered': checkIfContentIsCentered(elementRef),
|
|
82
84
|
}) }));
|
|
83
85
|
};
|
|
84
|
-
var modalContent = (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-modal', { 'smartapp-modal__bottom-sheet': shouldUseBottomSheet }, className), style: styles, onMouseDown: handleMouseDown }, { children: _jsxs("div", __assign({ className: generateClassNames({ className: 'smartapp-modal__content', delimiter: '--', additionalClassName: additionalClassName }), style: contentStyles }, { children: [title && (_jsxs("div", { children: [!isCloseIconInvisible && renderCloseIconSpace({ elementRef: titleRef, isLarge: true }), _jsx("p", __assign({ ref: titleRef, className: "smartapp-modal__content--title", style: titleStyles }, { children: title }))] })), !isCloseIconInvisible && (_jsx("div", __assign({ onClick:
|
|
85
|
-
|
|
86
|
+
var modalContent = (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-modal', { 'smartapp-modal__bottom-sheet': shouldUseBottomSheet }, className), style: styles, onMouseDown: handleMouseDown }, { children: _jsxs("div", __assign({ className: generateClassNames({ className: 'smartapp-modal__content', delimiter: '--', additionalClassName: additionalClassName }), style: contentStyles }, { children: [title && (_jsxs("div", { children: [!isCloseIconInvisible && renderCloseIconSpace({ elementRef: titleRef, isLarge: true }), _jsx("p", __assign({ ref: titleRef, className: "smartapp-modal__content--title", style: titleStyles }, { children: title }))] })), !isCloseIconInvisible && (_jsx("div", __assign({ onClick: !isCloseButtonDisabled ? handleCloseModal : function () { }, className: classNames('smartapp-modal__content--close-icon', {
|
|
87
|
+
'smartapp-modal__content--close-icon__disabled': isCloseButtonDisabled,
|
|
88
|
+
}) }, { children: _jsx(CloseIcon, { style: { color: generateColor(iconColor) } }) }))), _jsx(ScrollBar, { contentId: modalId, scrollerProps: { elementRef: function (el) { return (scrollerRef.current = el); } }, content: _jsxs("div", __assign({ ref: handleSetContainerHeight, className: classNames('smartapp-modal__content--pr', { 'smartapp-modal__content--pb': !bottomContent }) }, { children: [!title && !isCloseIconInvisible && renderCloseIconSpace({ elementRef: scrollableContentRef, isContent: true }), _jsx("div", __assign({ ref: scrollableContentRef }, { children: content }))] })), containerHeight: containerHeight, trackHeight: bottomContent ? DEFAULT_SCROLL_BAR_HEIGHT : SCROLL_BAR_HEIGHT_WITH_PADDING }), bottomContent && (_jsx("div", __assign({ ref: bottomContentRef, className: classNames('smartapp-modal__content--bottom', 'smartapp-modal__content--pr', 'smartapp-modal__content--pb') }, { children: bottomContent })))] })) })));
|
|
89
|
+
return renderModal(modalContent);
|
|
86
90
|
};
|
|
87
91
|
export default Modal;
|
|
88
92
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,aAAa,EACb,yBAAyB,EACzB,4BAA4B,EAC5B,gBAAgB,GACjB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,0BAA0B,CAAA;AAEjC,IAAM,8BAA8B,GAAG,mBAAmB,CAAA;AAC1D,IAAM,qBAAqB,GAAG,GAAG,CAAA;AACjC,IAAM,mBAAmB,GAAG,EAAE,CAAA;AAC9B,IAAM,yBAAyB,GAAG,EAAE,CAAA;AACpC,IAAM,wBAAwB,GAAG,GAAG,CAAA;AAIpC,IAAM,KAAK,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
import { BottomSheetProps } from 'react-spring-bottom-sheet';
|
|
1
|
+
import { ReactElement, RefObject } from 'react';
|
|
2
|
+
import { BottomSheetProps } from 'alex.chus-react-spring-bottom-sheet';
|
|
3
3
|
import { ICommonProps, TStyles } from '../../constants';
|
|
4
4
|
export interface IModalProps extends ICommonProps {
|
|
5
5
|
isModalOpen: boolean;
|
|
@@ -21,5 +21,6 @@ export interface IModalProps extends ICommonProps {
|
|
|
21
21
|
isBottomSheet?: boolean;
|
|
22
22
|
isDisabledBottomSheet?: boolean;
|
|
23
23
|
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
24
|
-
|
|
24
|
+
isCloseButtonDisabled?: boolean;
|
|
25
|
+
externalBottomSheetScrollContainer?: RefObject<HTMLDivElement | null>;
|
|
25
26
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ISkeletonProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
export declare const Skeleton: ({ className, styles, baseColor, width, height, borderRadius, circle,
|
|
3
|
+
export declare const Skeleton: ({ className, styles, baseColor, width, height, borderRadius, circle, containerRef, animationDuration, initialOffset, }: ISkeletonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,27 +5,22 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
import { useEffect, useRef, useState } from 'react';
|
|
7
7
|
import styled, { css, keyframes } from 'styled-components';
|
|
8
|
-
import {
|
|
9
|
-
import { generateColor, isDarkTheme } from '../../helpers';
|
|
8
|
+
import { generateColor } from '../../helpers';
|
|
10
9
|
import '../../styles/styles.scss';
|
|
11
|
-
// animation gradient size
|
|
12
|
-
var startEdgeGradientSize = '8.26%';
|
|
13
|
-
var centerGradientSize = '39.24%';
|
|
14
|
-
var endEdgeGradientSize = '70.22%';
|
|
15
10
|
export var Skeleton = function (_a) {
|
|
16
|
-
var className = _a.className, styles = _a.styles, baseColor = _a.baseColor, width = _a.width, height = _a.height, _b = _a.borderRadius, borderRadius = _b === void 0 ? 8 : _b, circle = _a.circle,
|
|
11
|
+
var className = _a.className, styles = _a.styles, baseColor = _a.baseColor, width = _a.width, height = _a.height, _b = _a.borderRadius, borderRadius = _b === void 0 ? 8 : _b, circle = _a.circle,
|
|
17
12
|
// needed to determine the offset, the left border must coincide with the left border of the skeletons (without padding in container)
|
|
18
13
|
containerRef = _a.containerRef,
|
|
19
14
|
// if not default, then it must be specified for all skeletons
|
|
20
|
-
|
|
15
|
+
_c = _a.animationDuration,
|
|
21
16
|
// if not default, then it must be specified for all skeletons
|
|
22
|
-
animationDuration =
|
|
17
|
+
animationDuration = _c === void 0 ? 2 : _c,
|
|
23
18
|
// equal to gradient width
|
|
24
|
-
|
|
19
|
+
_d = _a.initialOffset,
|
|
25
20
|
// equal to gradient width
|
|
26
|
-
initialOffset =
|
|
21
|
+
initialOffset = _d === void 0 ? -230 : _d;
|
|
27
22
|
var skeletonRef = useRef(null);
|
|
28
|
-
var
|
|
23
|
+
var _e = useState({ container: { left: 0, width: 0 }, item: { left: 0, width: 0 } }), position = _e[0], setPosition = _e[1];
|
|
29
24
|
//after mount set offset sizes
|
|
30
25
|
useEffect(function () {
|
|
31
26
|
var containerRefCurrent = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
|
|
@@ -45,19 +40,16 @@ export var Skeleton = function (_a) {
|
|
|
45
40
|
return { startOffset: startOffset, finalOffset: finalOffset };
|
|
46
41
|
};
|
|
47
42
|
var skeletonBackgroundColor = generateColor(baseColor, 'var(--color-input-primary)');
|
|
48
|
-
var skeletonGradientCenter = isDarkTheme(theme) ? COLORS.skeletonDarkGradientCenter : COLORS.skeletonGradientCenter;
|
|
49
|
-
var skeletonGradientEdge = COLORS.skeletonGradientEdge;
|
|
50
43
|
var skeletonCSS = {
|
|
51
44
|
width: width,
|
|
52
45
|
height: circle ? width : height,
|
|
53
46
|
minWidth: circle ? width : 0,
|
|
54
47
|
borderRadius: circle ? '50%' : borderRadius,
|
|
55
48
|
backgroundColor: skeletonBackgroundColor,
|
|
56
|
-
backgroundImage: "linear-gradient(\n 90deg,\n ".concat(skeletonGradientEdge, " ").concat(startEdgeGradientSize, ",\n ").concat(skeletonGradientCenter, " ").concat(centerGradientSize, ",\n ").concat(skeletonGradientEdge, " ").concat(endEdgeGradientSize, "\n );"),
|
|
57
49
|
};
|
|
58
50
|
return (_jsx(StyledSkeleton, { "$animationDuration": animationDuration, "$initialOffset": calculateOffset().startOffset, "$finalOffset": calculateOffset().finalOffset, "$CSS": skeletonCSS, ref: skeletonRef, className: className, style: styles }));
|
|
59
51
|
};
|
|
60
|
-
var StyledSkeleton = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n overflow: hidden;\n background-size: 230px;\n background-repeat: no-repeat;\n ", ";\n"], ["\n position: relative;\n overflow: hidden;\n background-size: 230px;\n background-repeat: no-repeat;\n ", ";\n"])), function (_a) {
|
|
52
|
+
var StyledSkeleton = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n overflow: hidden;\n background-size: 230px;\n background-repeat: no-repeat;\n background-image: linear-gradient(\n 90deg,\n var(--color-skeleton-gradient-edge) var(--skeleton-start-edge-gradient-size),\n var(--color-skeleton-gradient-center) var(--skeleton-center-gradient-size),\n var(--color-skeleton-gradient-edge) var(--skeleton-end-edge-gradient-size)\n );\n ", ";\n"], ["\n position: relative;\n overflow: hidden;\n background-size: 230px;\n background-repeat: no-repeat;\n background-image: linear-gradient(\n 90deg,\n var(--color-skeleton-gradient-edge) var(--skeleton-start-edge-gradient-size),\n var(--color-skeleton-gradient-center) var(--skeleton-center-gradient-size),\n var(--color-skeleton-gradient-edge) var(--skeleton-end-edge-gradient-size)\n );\n ", ";\n"])), function (_a) {
|
|
61
53
|
var $CSS = _a.$CSS, $animationDuration = _a.$animationDuration, $initialOffset = _a.$initialOffset, $finalOffset = _a.$finalOffset;
|
|
62
54
|
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n animation: ", " ", "s infinite linear;\n ", ";\n "], ["\n animation: ", " ", "s infinite linear;\n ", ";\n "])), flash($initialOffset, $finalOffset), $animationDuration, $CSS);
|
|
63
55
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAW,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACnE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,9 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
+
var _a, _b;
|
|
12
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
+
/* eslint-disable max-lines */
|
|
13
15
|
import { useCallback, useEffect, useLayoutEffect, useState } from 'react';
|
|
14
16
|
import classNames from 'classnames';
|
|
15
17
|
import { isNull, sortBy, isEmpty } from 'lodash';
|
|
@@ -49,26 +51,53 @@ var progressStyles = {
|
|
|
49
51
|
background: 'rgba(255, 255, 255, 1)',
|
|
50
52
|
};
|
|
51
53
|
var DEFAULT_STORY_DURATION = 5000;
|
|
52
|
-
var
|
|
53
|
-
|
|
54
|
+
var STORY_SIZE;
|
|
55
|
+
(function (STORY_SIZE) {
|
|
56
|
+
STORY_SIZE["xs"] = "xs";
|
|
57
|
+
STORY_SIZE["sm"] = "sm";
|
|
58
|
+
STORY_SIZE["l"] = "l";
|
|
59
|
+
})(STORY_SIZE || (STORY_SIZE = {}));
|
|
60
|
+
var STORY_SIZE_HEIGHT = (_a = {},
|
|
61
|
+
_a[STORY_SIZE.xs] = 620,
|
|
62
|
+
_a[STORY_SIZE.sm] = 768,
|
|
63
|
+
_a[STORY_SIZE.l] = 812,
|
|
64
|
+
_a);
|
|
65
|
+
var STORY_WIDTH_BREAKPOINT = (_b = {},
|
|
66
|
+
_b[STORY_SIZE.xs] = 377,
|
|
67
|
+
_b[STORY_SIZE.sm] = 399,
|
|
68
|
+
_b);
|
|
69
|
+
var generateSize = function (width, height) {
|
|
70
|
+
var isSizeXS = width < STORY_WIDTH_BREAKPOINT[STORY_SIZE.xs] || height < STORY_SIZE_HEIGHT[STORY_SIZE.sm];
|
|
71
|
+
var isSizeSM = width < STORY_WIDTH_BREAKPOINT[STORY_SIZE.sm] || height < STORY_SIZE_HEIGHT[STORY_SIZE.l];
|
|
72
|
+
if (isSizeXS)
|
|
73
|
+
return STORY_SIZE.xs;
|
|
74
|
+
if (isSizeSM)
|
|
75
|
+
return STORY_SIZE.sm;
|
|
76
|
+
return STORY_SIZE.l;
|
|
77
|
+
};
|
|
78
|
+
var PERCENTAGE_OF_IMAGE_WIDTH = 0.827;
|
|
54
79
|
var StoriesComponent = function (_a) {
|
|
55
|
-
var _b
|
|
56
|
-
var _d;
|
|
57
|
-
var _e = _a.platform, platform = _e === void 0 ? PLATFORM.web : _e, _f = _a.fontFamily, fontFamily = _f === void 0 ? DEFAULT_FONT_FAMILY : _f, contentClassName = _a.contentClassName, contentStyles = _a.contentStyles, groupStories = _a.groupStories, allGroupsStories = _a.allGroupsStories, changeStoryToViewed = _a.changeStoryToViewed, changeGroupStoriesToViewed = _a.changeGroupStoriesToViewed, handleCloseGroupStories = _a.handleCloseGroupStories;
|
|
80
|
+
var _b;
|
|
81
|
+
var _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, _d = _a.fontFamily, fontFamily = _d === void 0 ? DEFAULT_FONT_FAMILY : _d, contentClassName = _a.contentClassName, contentStyles = _a.contentStyles, groupStories = _a.groupStories, allGroupsStories = _a.allGroupsStories, changeStoryToViewed = _a.changeStoryToViewed, changeGroupStoriesToViewed = _a.changeGroupStoriesToViewed, handleCloseGroupStories = _a.handleCloseGroupStories;
|
|
58
82
|
var sortStoriesByOrder = function (stories) { return sortBy(stories, ['order']); };
|
|
59
83
|
var generateActiveGroupStoriesIndex = function () { return allGroupsStories.findIndex(function (_a) {
|
|
60
84
|
var id = _a.id;
|
|
61
85
|
return id === (activeGroupStories === null || activeGroupStories === void 0 ? void 0 : activeGroupStories.id);
|
|
62
86
|
}); };
|
|
63
|
-
var
|
|
64
|
-
var
|
|
65
|
-
var
|
|
66
|
-
var
|
|
67
|
-
var
|
|
87
|
+
var _e = useState(groupStories), activeGroupStories = _e[0], setActiveGroupStories = _e[1];
|
|
88
|
+
var _f = useState(sortStoriesByOrder((groupStories === null || groupStories === void 0 ? void 0 : groupStories.stories) || [])), stories = _f[0], setStories = _f[1];
|
|
89
|
+
var _g = useState((_b = stories[0]) === null || _b === void 0 ? void 0 : _b.id), activeStoryId = _g[0], setActiveStoryId = _g[1];
|
|
90
|
+
var _h = useState(false), isAnimateToRight = _h[0], setIsAnimateToRight = _h[1];
|
|
91
|
+
var _j = useState(false), isAnimateToLeft = _j[0], setIsAnimateToLeft = _j[1];
|
|
68
92
|
var activeStory = stories.find(function (_a) {
|
|
69
93
|
var id = _a.id;
|
|
70
94
|
return id === activeStoryId;
|
|
71
95
|
});
|
|
96
|
+
var popupElement = document.querySelector('.smartapp-stories-content');
|
|
97
|
+
var containerHeight = (popupElement === null || popupElement === void 0 ? void 0 : popupElement.offsetHeight) || 0;
|
|
98
|
+
var containerWidth = (popupElement === null || popupElement === void 0 ? void 0 : popupElement.offsetWidth) || 0;
|
|
99
|
+
var size = generateSize(containerWidth, containerHeight);
|
|
100
|
+
var isShowCloseIconInsideStory = STORY_SIZE_HEIGHT[size] < containerHeight;
|
|
72
101
|
var isColorOnBackground = function (type) { return type === STORY_BACKGROUND_TYPES.color; };
|
|
73
102
|
var isImageOnBackground = function (_a) {
|
|
74
103
|
var type = _a.type;
|
|
@@ -141,15 +170,11 @@ var StoriesComponent = function (_a) {
|
|
|
141
170
|
var action = _a.action;
|
|
142
171
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
143
172
|
var _b = useState(false), isImageLoaded = _b[0], setIsImageLoaded = _b[1];
|
|
144
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
145
|
-
var _c = useState(0), storyWidth = _c[0], setStoryWidth = _c[1];
|
|
146
|
-
var imageContainerWidth = storyWidth - IMAGE_PADDINGS;
|
|
147
|
-
var imageContainerHeight = (imageContainerWidth * PERCENTAGE_OF_IMAGE_WIDTH) / 100;
|
|
148
173
|
var isLoaderVisible = image && (!isImageLoaded || isAnimateToLeft || isAnimateToRight);
|
|
174
|
+
var imageContainerHeight = containerWidth * PERCENTAGE_OF_IMAGE_WIDTH;
|
|
149
175
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
150
176
|
useLayoutEffect(function () {
|
|
151
177
|
setActiveStoryId(id);
|
|
152
|
-
setStoryElementWidth();
|
|
153
178
|
}, []);
|
|
154
179
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
155
180
|
useLayoutEffect(function () {
|
|
@@ -158,19 +183,13 @@ var StoriesComponent = function (_a) {
|
|
|
158
183
|
return function () { return clearTimeout(timeoutId); };
|
|
159
184
|
// eslint-disable-next-line
|
|
160
185
|
}, [isLoaderVisible]);
|
|
161
|
-
var setStoryElementWidth = function () {
|
|
162
|
-
var storyElement = document.querySelector('.smartapp-stories__story');
|
|
163
|
-
var storyElementWidth = (storyElement === null || storyElement === void 0 ? void 0 : storyElement.getBoundingClientRect().width) || 0;
|
|
164
|
-
setStoryWidth(storyElementWidth);
|
|
165
|
-
};
|
|
166
186
|
var handleImageLoad = function () {
|
|
167
187
|
setTimeout(function () {
|
|
168
188
|
action('play');
|
|
169
189
|
setIsImageLoaded(true);
|
|
170
190
|
}, 0);
|
|
171
191
|
};
|
|
172
|
-
|
|
173
|
-
return (_jsx("div", __assign({ style: generateStoryStyles(backgroundSource) }, { children: _jsxs("div", __assign({ style: __assign({ fontFamily: "".concat(fontFamily, ", sans-serif") }, contentStyles), className: classNames('smartapp-stories__story', { 'smartapp-stories__story--image-bg': isImageOnBackground(backgroundSource) }, contentClassName) }, { children: [_jsxs("div", __assign({ style: { opacity: isLoaderVisible ? '0' : '1' } }, { children: [image && (_jsx("div", __assign({ className: "smartapp-stories__story--image", style: { width: "".concat(imageContainerWidth, "px"), height: "".concat(imageContainerHeight, "px") } }, { children: _jsx("img", { src: image, alt: "", onLoad: handleImageLoad, onError: handleImageLoad }) }))), title && _jsx("div", __assign({ className: "smartapp-stories__story--title" }, { children: title })), body && _jsx("div", __assign({ className: "smartapp-stories__story--body" }, { children: body })), button && (_jsxs("div", __assign({ style: {
|
|
192
|
+
return (_jsx("div", __assign({ style: generateStoryStyles(backgroundSource) }, { children: _jsxs("div", __assign({ style: __assign({ fontFamily: "".concat(fontFamily, ", sans-serif") }, contentStyles), className: classNames('smartapp-stories__story', { 'smartapp-stories__story--image-bg': isImageOnBackground(backgroundSource) }, contentClassName) }, { children: [_jsxs("div", __assign({ style: { opacity: isLoaderVisible ? '0' : '1' } }, { children: [image && (_jsx("div", __assign({ className: "smartapp-stories__story--image", style: { maxHeight: "".concat(imageContainerHeight, "px") } }, { children: _jsx("img", { src: image, alt: "", onLoad: handleImageLoad, onError: handleImageLoad }) }))), title && _jsx("div", __assign({ className: "smartapp-stories__story--title" }, { children: title })), body && _jsx("div", __assign({ className: "smartapp-stories__story--body" }, { children: body })), button && (_jsxs("div", __assign({ style: {
|
|
174
193
|
color: generateColor(button.textColor, COLORS.darkBlack),
|
|
175
194
|
background: generateColor(button.backgroundColor, COLORS.white),
|
|
176
195
|
}, className: classNames('smartapp-stories__story--button', "smartapp-stories__story--button__".concat(platform), {
|
|
@@ -264,18 +283,12 @@ var StoriesComponent = function (_a) {
|
|
|
264
283
|
if (isNull(activeGroupStories)) {
|
|
265
284
|
return null;
|
|
266
285
|
}
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
_b['smartapp-stories__animate-left'] = isAnimateToLeft,
|
|
274
|
-
_b)) }, swipeableHandlers, { children: _jsx(Stories, { defaultInterval: 6000, width: "100%", height: "100%", stories: generateStories(), onStoryStart: onStoryStart, onPrevious: onPrevious, onNext: onNext, onAllStoriesEnd: handleNext, progressContainerStyles: progressContainerStyles(platform, stories.length), progressWrapperStyles: progressWrapperStyles, progressStyles: progressStyles }, activeGroupStories.id) })), _jsx(CloseStoriesIcon, { className: classNames((_c = {
|
|
275
|
-
'smartapp-stories__icon': true
|
|
276
|
-
},
|
|
277
|
-
_c["smartapp-stories__icon--".concat(platform)] = true,
|
|
278
|
-
_c)), onClick: handleCloseGroupStories })] })));
|
|
286
|
+
var closeIcon = (_jsx(CloseStoriesIcon, { className: classNames('smartapp-stories__icon', "smartapp-stories__icon--".concat(platform)), onClick: handleCloseGroupStories }));
|
|
287
|
+
return (_jsxs(Popup, __assign({ className: "smartapp-stories", open: true }, { children: [_jsxs("div", __assign({ className: classNames('smartapp-stories', "smartapp-stories--".concat(size), "smartapp-stories__".concat(platform), {
|
|
288
|
+
'smartapp-stories__video': (activeStory === null || activeStory === void 0 ? void 0 : activeStory.type) === STORY_TYPE.video,
|
|
289
|
+
'smartapp-stories__animate-right': isAnimateToRight,
|
|
290
|
+
'smartapp-stories__animate-left': isAnimateToLeft,
|
|
291
|
+
}) }, swipeableHandlers, { children: [_jsx(Stories, { defaultInterval: 6000, width: "100%", height: "100%", stories: generateStories(), onStoryStart: onStoryStart, onPrevious: onPrevious, onNext: onNext, onAllStoriesEnd: handleNext, progressContainerStyles: progressContainerStyles(platform, stories.length), progressWrapperStyles: progressWrapperStyles, progressStyles: progressStyles }, activeGroupStories.id), isShowCloseIconInsideStory && closeIcon] })), !isShowCloseIconInsideStory && closeIcon] })));
|
|
279
292
|
};
|
|
280
293
|
export default StoriesComponent;
|
|
281
294
|
//# sourceMappingURL=Stories.js.map
|