@expressms/smartapp-ui 2.6.2 → 2.6.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/unread-mails.svg +3 -3
- package/build/main/constants/constants.d.ts +5 -2
- package/build/main/constants/constants.js +6 -2
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/constants/types.d.ts +0 -4
- package/build/main/helpers/index.d.ts +2 -2
- package/build/main/helpers/index.js +4 -5
- package/build/main/helpers/index.js.map +1 -1
- package/build/main/styles/styles.scss +1 -1
- package/build/main//321/201omponents/ActionModal/ActionModal.d.ts +1 -1
- package/build/main//321/201omponents/ActionModal/ActionModal.js +8 -9
- package/build/main//321/201omponents/ActionModal/ActionModal.js.map +1 -1
- package/build/main//321/201omponents/ActionModal/types.d.ts +2 -2
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js +3 -3
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js.map +1 -1
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js +3 -3
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js.map +1 -1
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js.map +1 -1
- package/build/main//321/201omponents/Charts/constants.d.ts +4 -24
- package/build/main//321/201omponents/Charts/constants.js +2 -13
- package/build/main//321/201omponents/Charts/constants.js.map +1 -1
- package/build/main//321/201omponents/Charts/helpers.d.ts +6 -25
- package/build/main//321/201omponents/Charts/helpers.js +22 -6
- package/build/main//321/201omponents/Charts/helpers.js.map +1 -1
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.d.ts +1 -1
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js +12 -9
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map +1 -1
- package/build/main//321/201omponents/ConfirmationModal/types.d.ts +8 -4
- package/build/main//321/201omponents/Modal/Modal.d.ts +1 -1
- package/build/main//321/201omponents/Modal/Modal.js +13 -11
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Modal/types.d.ts +3 -2
- package/build/main//321/201omponents/Notification/Notification.js +7 -3
- package/build/main//321/201omponents/Notification/Notification.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +2 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IActionModalProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const ActionModal: ({ isModalOpen, isClosableOutside, isCloseIconHidden,
|
|
3
|
+
declare const ActionModal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, title, buttonName, confirmButtonFunction, cancelButtonFunction, platform, placeholder, defaultValue, isWaitingResponse, isButtonDisabled, titleStyles, iconColor, buttonWidth, backgroundColor, inputFillType, }: IActionModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ActionModal;
|
|
@@ -14,16 +14,15 @@ import { useEffect, useRef, useState } from 'react';
|
|
|
14
14
|
import Popup from 'reactjs-popup';
|
|
15
15
|
import Button from '../Button';
|
|
16
16
|
import Input from '../Input';
|
|
17
|
-
import { getClassNames, getColor,
|
|
18
|
-
import {
|
|
17
|
+
import { getClassNames, getColor, getIsCloseIconHidden } from '../../helpers';
|
|
18
|
+
import { PLATFORM } from '../../constants';
|
|
19
19
|
import { ReactComponent as CloseIcon } from '../../assets/icons/cancel-cross.svg';
|
|
20
20
|
import '../../styles/styles.scss';
|
|
21
21
|
var ActionModal = function (_a) {
|
|
22
|
-
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b,
|
|
23
|
-
var
|
|
24
|
-
var popupAdditionalClassName = isClosableOutside ? [platform, CLOSABLE_CLASS_NAME] : [platform];
|
|
22
|
+
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, title = _a.title, buttonName = _a.buttonName, confirmButtonFunction = _a.confirmButtonFunction, cancelButtonFunction = _a.cancelButtonFunction, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, placeholder = _a.placeholder, _d = _a.defaultValue, defaultValue = _d === void 0 ? '' : _d, isWaitingResponse = _a.isWaitingResponse, isButtonDisabled = _a.isButtonDisabled, titleStyles = _a.titleStyles, iconColor = _a.iconColor, _e = _a.buttonWidth, buttonWidth = _e === void 0 ? 100 : _e, backgroundColor = _a.backgroundColor, inputFillType = _a.inputFillType;
|
|
23
|
+
var isCloseIconNotVisible = getIsCloseIconHidden(platform, isCloseIconHidden);
|
|
25
24
|
var ref = useRef(null);
|
|
26
|
-
var
|
|
25
|
+
var _f = useState(defaultValue), value = _f[0], setValue = _f[1];
|
|
27
26
|
var onConfirmClick = function () {
|
|
28
27
|
confirmButtonFunction(value);
|
|
29
28
|
setValue('');
|
|
@@ -37,7 +36,7 @@ var ActionModal = function (_a) {
|
|
|
37
36
|
}, [backgroundColor]);
|
|
38
37
|
useEffect(function () {
|
|
39
38
|
var checkIfClickedOutside = function (e) {
|
|
40
|
-
if (isModalOpen && isClosableOutside && ref.current && !ref.current.contains(e.target)) {
|
|
39
|
+
if (isModalOpen && isClosableOutside && ref.current && !ref.current.contains(e.target) && !value.length) {
|
|
41
40
|
onCloseModal();
|
|
42
41
|
}
|
|
43
42
|
};
|
|
@@ -46,11 +45,11 @@ var ActionModal = function (_a) {
|
|
|
46
45
|
document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
|
|
47
46
|
};
|
|
48
47
|
// eslint-disable-next-line
|
|
49
|
-
}, [isModalOpen, isClosableOutside, cancelButtonFunction]);
|
|
48
|
+
}, [isModalOpen, isClosableOutside, cancelButtonFunction, value]);
|
|
50
49
|
var onChange = function (value) {
|
|
51
50
|
setValue(value);
|
|
52
51
|
};
|
|
53
|
-
return (_jsx(Popup, __assign({ className:
|
|
52
|
+
return (_jsx(Popup, __assign({ className: "action-modal", closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: "smartapp-action-modal" }, { children: _jsxs("div", __assign({ className: "smartapp-action-modal__content" }, { children: [_jsx("p", __assign({ className: getClassNames({ className: 'smartapp-action-modal__content--title', delimiter: '__', additionalClassName: platform }), style: titleStyles }, { children: title })), !isCloseIconNotVisible && (_jsx("div", __assign({ onClick: onCloseModal, className: "smartapp-action-modal__content--cancel-cross" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor) } }) }))), _jsx("div", __assign({ className: "smartapp-action-modal__content--input" }, { children: _jsx(Input, { defaultValue: value, placeholder: placeholder, fillType: inputFillType, disabled: isWaitingResponse, onChange: onChange }) })), _jsx("div", __assign({ className: "smartapp-action-modal__content--buttons" }, { children: _jsx(Button, { width: buttonWidth, isWaitingResponse: isWaitingResponse, isDisabled: isButtonDisabled, title: buttonName, onClick: onConfirmClick }) }))] })) })) })));
|
|
54
53
|
};
|
|
55
54
|
export default ActionModal;
|
|
56
55
|
//# sourceMappingURL=ActionModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ActionModal/ActionModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"ActionModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ActionModal/ActionModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { IntRange } from '../types';
|
|
2
|
-
import { ICommonProps,
|
|
3
|
-
export interface IActionModalProps extends ICommonProps
|
|
2
|
+
import { ICommonProps, TStyles } from '../../constants';
|
|
3
|
+
export interface IActionModalProps extends ICommonProps {
|
|
4
4
|
isModalOpen: boolean;
|
|
5
5
|
isClosableOutside?: boolean;
|
|
6
6
|
isCloseIconHidden?: boolean;
|
|
@@ -11,8 +11,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import ReactEcharts from 'echarts-for-react';
|
|
14
|
-
import { OPTION_GRID, OPTION_TITLE, OPTION_TOOLTIP,
|
|
15
|
-
import { generateBarItem, generateLegend } from '../helpers';
|
|
14
|
+
import { OPTION_GRID, OPTION_TITLE, OPTION_TOOLTIP, OPTION_Y_AXIS, OPTIONS } from '../constants';
|
|
15
|
+
import { generateBarItem, generateLegend, generateXAxis } from '../helpers';
|
|
16
16
|
import '../../../styles/styles.scss';
|
|
17
17
|
var series = OPTIONS.series, shadow = OPTIONS.shadow, bar = OPTIONS.bar;
|
|
18
18
|
var option = function (_a) {
|
|
@@ -22,7 +22,7 @@ var option = function (_a) {
|
|
|
22
22
|
legend: generateLegend({ data: data, chartType: bar }),
|
|
23
23
|
tooltip: __assign(__assign({}, OPTION_TOOLTIP), { axisPointer: { type: shadow } }),
|
|
24
24
|
grid: OPTION_GRID,
|
|
25
|
-
xAxis:
|
|
25
|
+
xAxis: generateXAxis(xAxis),
|
|
26
26
|
yAxis: OPTION_Y_AXIS,
|
|
27
27
|
series: generateBarItem(data),
|
|
28
28
|
emphasis: { focus: series },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartBar.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartBar/ChartBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"ChartBar.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartBar/ChartBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,YAA+B,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAChG,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE3E,OAAO,6BAA6B,CAAA;AAE5B,IAAA,MAAM,GAAkB,OAAO,OAAzB,EAAE,MAAM,GAAU,OAAO,OAAjB,EAAE,GAAG,GAAK,OAAO,IAAZ,CAAY;AAEvC,IAAM,MAAM,GAAG,UAAC,EAAmC;QAAjC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA;IAAmC,OAAA,CAAC;QACtE,KAAK,aAAI,IAAI,EAAE,KAAK,IAAK,YAAY,CAAE;QACvC,MAAM,EAAE,cAAc,CAAC,EAAE,IAAI,MAAA,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;QAChD,OAAO,wBACF,cAAc,KACjB,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAC9B;QACD,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC;QAC3B,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QAC3B,WAAW,EAAE,EAAE;QACf,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;QACzC,MAAM,EAAE,KAAK;KACd,CAAC;AAhBqE,CAgBrE,CAAA;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAAmC;QAAjC,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAAoB,OAAA,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,CAAC,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAI;AAAhF,CAAgF,CAAA"}
|
|
@@ -11,8 +11,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import ReactEcharts from 'echarts-for-react';
|
|
14
|
-
import { OPTION_GRID, OPTION_TITLE, OPTION_TOOLTIP,
|
|
15
|
-
import { generateLegend, generateLineItem } from '../helpers';
|
|
14
|
+
import { OPTION_GRID, OPTION_TITLE, OPTION_TOOLTIP, OPTION_Y_AXIS, OPTIONS } from '../constants';
|
|
15
|
+
import { generateLegend, generateLineItem, generateXAxis } from '../helpers';
|
|
16
16
|
import '../../../styles/styles.scss';
|
|
17
17
|
export var ChartLine = function (_a) {
|
|
18
18
|
var title = _a.title, xAxis = _a.xAxis, data = _a.data;
|
|
@@ -21,7 +21,7 @@ export var ChartLine = function (_a) {
|
|
|
21
21
|
legend: generateLegend({ data: data, chartType: OPTIONS.line }),
|
|
22
22
|
tooltip: OPTION_TOOLTIP,
|
|
23
23
|
grid: OPTION_GRID,
|
|
24
|
-
xAxis: __assign({ boundaryGap: false
|
|
24
|
+
xAxis: __assign({ boundaryGap: false }, generateXAxis(xAxis)),
|
|
25
25
|
yAxis: OPTION_Y_AXIS,
|
|
26
26
|
series: generateLineItem(data),
|
|
27
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartLine.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartLine/ChartLine.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"ChartLine.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartLine/ChartLine.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,YAA+B,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAChG,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE5E,OAAO,6BAA6B,CAAA;AAEpC,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAmC;QAAjC,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC5C,IAAM,MAAM,GAAkB;QAC5B,KAAK,aAAI,IAAI,EAAE,KAAK,IAAK,YAAY,CAAE;QACvC,MAAM,EAAE,cAAc,CAAC,EAAE,IAAI,MAAA,EAAE,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;QACzD,OAAO,EAAE,cAAc;QACvB,IAAI,EAAE,WAAW;QACjB,KAAK,aAAI,WAAW,EAAE,KAAK,IAAK,aAAa,CAAC,KAAK,CAAC,CAAE;QACtD,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC;KAC/B,CAAA;IAED,OAAO,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAI,CAAA;AACjE,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartPie.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartPie/ChartPie.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,
|
|
1
|
+
{"version":3,"file":"ChartPie.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartPie/ChartPie.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,YAA+B,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE9D,OAAO,6BAA6B,CAAA;AAE5B,IAAA,MAAM,GAAU,OAAO,OAAjB,EAAE,GAAG,GAAK,OAAO,IAAZ,CAAY;AACvB,IAAA,KAAK,GAAY,MAAM,MAAlB,EAAE,KAAK,GAAK,MAAM,MAAX,CAAW;AAE/B,IAAM,MAAM,GAAG,UAAC,IAAqB,EAAE,KAAa,IAAoB,OAAA,CAAC;IACvE,MAAM,EAAE,cAAc,CAAC,EAAE,IAAI,MAAA,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;IAChD,OAAO,EAAE,EAAE;IACX,MAAM,EAAE;QACN;YACE,IAAI,EAAE,GAAG;YACT,IAAI,MAAA;YACJ,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;YACvB,SAAS,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,EAAE;YAClE,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACtB,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YAC1B,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,MAAM;SACb;KACF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,KAAK;QACV,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;QAC/D,OAAO,EAAE,iBAAiB,CAAC,IAAI,CAAC;QAChC,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;QAC7D,OAAO,EAAE,EAAE;KACZ;CACF,CAAC,EAzBsE,CAyBtE,CAAA;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAAyC;QAAvC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IAC9C,IAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAElD,IAAM,yBAAyB,GAAG,UAAC,EAA6B;;YAA3B,QAAQ,cAAA;QAC3C,IAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,UAAC,EAAQ;gBAAN,IAAI,UAAA;YAAO,OAAA,QAAQ,CAAC,IAAI,CAAC;QAAd,CAAc,CAAC,CAAA;QAC9D,IAAM,OAAO,GAAG,iBAAiB,CAAC,YAAY,CAAC,CAAA;QAE/C,MAAA,QAAQ,CAAC,OAAO,0CAAE,kBAAkB,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE,EAAE,CAAC,CAAA;IAC1E,CAAC,CAAA;IAED,IAAM,QAAQ,GAAG,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,CAAA;IAEnE,OAAO,CACL,8BACE,qBAAG,SAAS,EAAC,uBAAuB,gBAAE,KAAK,IAAK,EAChD,KAAC,YAAY,IAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI,IAC1G,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { TooltipComponentOption } from 'echarts';
|
|
2
|
+
import { YAXisOption } from 'echarts/types/dist/shared';
|
|
1
3
|
import { COLORS } from '../../constants';
|
|
2
4
|
export declare enum OPTIONS {
|
|
3
5
|
center = "center",
|
|
@@ -18,33 +20,11 @@ export declare const OPTION_TITLE: {
|
|
|
18
20
|
color: COLORS;
|
|
19
21
|
};
|
|
20
22
|
};
|
|
21
|
-
export declare const OPTION_TOOLTIP:
|
|
22
|
-
trigger: OPTIONS;
|
|
23
|
-
};
|
|
23
|
+
export declare const OPTION_TOOLTIP: TooltipComponentOption;
|
|
24
24
|
export declare const OPTION_GRID: {
|
|
25
25
|
left: string;
|
|
26
26
|
right: string;
|
|
27
27
|
bottom: string;
|
|
28
28
|
containLabel: boolean;
|
|
29
29
|
};
|
|
30
|
-
export declare const
|
|
31
|
-
type: OPTIONS;
|
|
32
|
-
axisLine: {
|
|
33
|
-
lineStyle: {
|
|
34
|
-
color: string;
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
axisLabel: {
|
|
38
|
-
color: COLORS;
|
|
39
|
-
};
|
|
40
|
-
axisPointer: {
|
|
41
|
-
label: {
|
|
42
|
-
show: boolean;
|
|
43
|
-
backgroundColor: OPTIONS;
|
|
44
|
-
color: COLORS;
|
|
45
|
-
};
|
|
46
|
-
};
|
|
47
|
-
};
|
|
48
|
-
export declare const OPTION_Y_AXIS: {
|
|
49
|
-
type: OPTIONS;
|
|
50
|
-
};
|
|
30
|
+
export declare const OPTION_Y_AXIS: YAXisOption;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { COLORS } from '../../constants';
|
|
2
|
-
import { LINE_COLOR } from './colors';
|
|
3
|
-
var darkerGray = COLORS.darkerGray, black = COLORS.black;
|
|
4
2
|
export var OPTIONS;
|
|
5
3
|
(function (OPTIONS) {
|
|
6
4
|
OPTIONS["center"] = "center";
|
|
@@ -15,22 +13,13 @@ export var OPTIONS;
|
|
|
15
13
|
OPTIONS["bar"] = "bar";
|
|
16
14
|
OPTIONS["line"] = "line";
|
|
17
15
|
})(OPTIONS || (OPTIONS = {}));
|
|
18
|
-
var
|
|
16
|
+
var black = COLORS.black;
|
|
17
|
+
var center = OPTIONS.center, axis = OPTIONS.axis, value = OPTIONS.value;
|
|
19
18
|
export var OPTION_TITLE = {
|
|
20
19
|
left: center,
|
|
21
20
|
textStyle: { color: black },
|
|
22
21
|
};
|
|
23
22
|
export var OPTION_TOOLTIP = { trigger: axis };
|
|
24
23
|
export var OPTION_GRID = { left: '3%', right: '4%', bottom: '30%', containLabel: true };
|
|
25
|
-
export var OPTION_X_AXIS = {
|
|
26
|
-
type: category,
|
|
27
|
-
axisLine: {
|
|
28
|
-
lineStyle: { color: LINE_COLOR },
|
|
29
|
-
},
|
|
30
|
-
axisLabel: { color: darkerGray },
|
|
31
|
-
axisPointer: {
|
|
32
|
-
label: { show: true, backgroundColor: transparent, color: black },
|
|
33
|
-
},
|
|
34
|
-
};
|
|
35
24
|
export var OPTION_Y_AXIS = { type: value };
|
|
36
25
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/constants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,MAAM,CAAN,IAAY,OAYX;AAZD,WAAY,OAAO;IACjB,4BAAiB,CAAA;IACjB,wBAAa,CAAA;IACb,4BAAiB,CAAA;IACjB,4BAAiB,CAAA;IACjB,gCAAqB,CAAA;IACrB,sCAA2B,CAAA;IAC3B,0BAAe,CAAA;IACf,4BAAiB,CAAA;IACjB,sBAAW,CAAA;IACX,sBAAW,CAAA;IACX,wBAAa,CAAA;AACf,CAAC,EAZW,OAAO,KAAP,OAAO,QAYlB;AAEO,IAAA,KAAK,GAAK,MAAM,MAAX,CAAW;AAChB,IAAA,MAAM,GAAkB,OAAO,OAAzB,EAAE,IAAI,GAAY,OAAO,KAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAY;AAEvC,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;CAC5B,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAA2B,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;AACvE,MAAM,CAAC,IAAM,WAAW,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,CAAA;AACzF,MAAM,CAAC,IAAM,aAAa,GAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA"}
|
|
@@ -1,33 +1,13 @@
|
|
|
1
|
+
import { SeriesOption } from 'echarts';
|
|
2
|
+
import { XAXisOption } from 'echarts/types/dist/shared';
|
|
1
3
|
import { OPTIONS } from './constants';
|
|
2
4
|
import { TChartData, TChartPieData, TGenerateLegendProps } from './types';
|
|
3
5
|
export declare const calculateValue: (data: number[]) => number;
|
|
4
|
-
export declare const calculatePieValue: (data: TChartPieData[]) =>
|
|
6
|
+
export declare const calculatePieValue: (data: TChartPieData[]) => string;
|
|
5
7
|
export declare const generateLegendItemValue: (itemName: string, data: TChartData[]) => string;
|
|
6
8
|
export declare const generatePieLegendItemValue: (itemName: string, data: TChartPieData[]) => string;
|
|
7
|
-
export declare const generateLineItem: (data: TChartData[]) =>
|
|
8
|
-
|
|
9
|
-
data: number[];
|
|
10
|
-
type: OPTIONS;
|
|
11
|
-
itemStyle: {
|
|
12
|
-
color: string;
|
|
13
|
-
};
|
|
14
|
-
lineStyle: {
|
|
15
|
-
width: number;
|
|
16
|
-
};
|
|
17
|
-
smooth: boolean;
|
|
18
|
-
showSymbol: boolean;
|
|
19
|
-
emphasis: {
|
|
20
|
-
focus: OPTIONS;
|
|
21
|
-
};
|
|
22
|
-
}[];
|
|
23
|
-
export declare const generateBarItem: (data: TChartData[]) => {
|
|
24
|
-
name: string;
|
|
25
|
-
data: number[];
|
|
26
|
-
type: OPTIONS;
|
|
27
|
-
itemStyle: {
|
|
28
|
-
color: string;
|
|
29
|
-
};
|
|
30
|
-
}[];
|
|
9
|
+
export declare const generateLineItem: (data: TChartData[]) => SeriesOption[];
|
|
10
|
+
export declare const generateBarItem: (data: TChartData[]) => SeriesOption[];
|
|
31
11
|
export declare const generateLegend: ({ data, chartType }: TGenerateLegendProps) => {
|
|
32
12
|
itemGap: number;
|
|
33
13
|
bottom: number;
|
|
@@ -66,3 +46,4 @@ export declare const generateLegend: ({ data, chartType }: TGenerateLegendProps)
|
|
|
66
46
|
icon: OPTIONS.circle;
|
|
67
47
|
data?: string[] | undefined;
|
|
68
48
|
} | undefined;
|
|
49
|
+
export declare const generateXAxis: (data: string[]) => XAXisOption;
|
|
@@ -10,12 +10,15 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { OPTIONS } from './constants';
|
|
13
|
-
|
|
13
|
+
import { LINE_COLOR } from './colors';
|
|
14
|
+
import { COLORS } from '../../constants';
|
|
15
|
+
var darkerGray = COLORS.darkerGray, black = COLORS.black, transparent = COLORS.transparent;
|
|
16
|
+
var series = OPTIONS.series, line = OPTIONS.line, bar = OPTIONS.bar, category = OPTIONS.category;
|
|
14
17
|
export var calculateValue = function (data) { return data.reduce(function (acc, val) { return acc + val; }, 0); };
|
|
15
18
|
export var calculatePieValue = function (data) { return data.reduce(function (acc, _a) {
|
|
16
19
|
var value = _a.value;
|
|
17
20
|
return acc + value;
|
|
18
|
-
}, 0); };
|
|
21
|
+
}, 0).toString(); };
|
|
19
22
|
var generateSumText = function (itemName, value) {
|
|
20
23
|
var sumText = "{value|".concat(value, "}");
|
|
21
24
|
return "{Name|".concat(itemName, "}\n\n").concat(sumText);
|
|
@@ -51,10 +54,12 @@ export var generateLineItem = function (data) {
|
|
|
51
54
|
});
|
|
52
55
|
});
|
|
53
56
|
};
|
|
54
|
-
export var generateBarItem = function (data) {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}
|
|
57
|
+
export var generateBarItem = function (data) {
|
|
58
|
+
return data.map(function (_a) {
|
|
59
|
+
var name = _a.name, color = _a.color, data = _a.data;
|
|
60
|
+
return ({ name: name, data: data, type: bar, itemStyle: { color: color } });
|
|
61
|
+
});
|
|
62
|
+
};
|
|
58
63
|
export var generateLegend = function (_a) {
|
|
59
64
|
var data = _a.data, chartType = _a.chartType;
|
|
60
65
|
var isLineChart = chartType === OPTIONS.line;
|
|
@@ -88,4 +93,15 @@ export var generateLegend = function (_a) {
|
|
|
88
93
|
} });
|
|
89
94
|
}
|
|
90
95
|
};
|
|
96
|
+
export var generateXAxis = function (data) { return ({
|
|
97
|
+
data: data,
|
|
98
|
+
type: category,
|
|
99
|
+
axisLine: {
|
|
100
|
+
lineStyle: { color: LINE_COLOR },
|
|
101
|
+
},
|
|
102
|
+
axisLabel: { color: darkerGray },
|
|
103
|
+
axisPointer: {
|
|
104
|
+
label: { show: true, backgroundColor: transparent, color: black },
|
|
105
|
+
},
|
|
106
|
+
}); };
|
|
91
107
|
//# sourceMappingURL=helpers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/helpers.ts"],"names":[],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/helpers.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IConfirmationModalProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const ConfirmationModal: ({ isModalOpen, isClosableOutside,
|
|
3
|
+
declare const ConfirmationModal: ({ isModalOpen, isClosableOutside, isConfirmLoading, isCancelLoading, isCloseIconHidden, title, text, cancelButtonName, confirmButtonName, cancelButtonFunction, confirmButtonFunction, handleCloseModal, platform, titleStyles, iconColor, backgroundColor, buttonsDirection, }: IConfirmationModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ConfirmationModal;
|
|
@@ -15,30 +15,33 @@ import Popup from 'reactjs-popup';
|
|
|
15
15
|
import { ReactComponent as CloseIcon } from '../../assets/icons/cancel-cross.svg';
|
|
16
16
|
import Button from '../Button';
|
|
17
17
|
import { TButtonVariant } from '../Button/types';
|
|
18
|
-
import {
|
|
19
|
-
import { getClassNames, getColor,
|
|
18
|
+
import { PLATFORM, MODAL_BUTTONS_DIRECTION } from '../../constants';
|
|
19
|
+
import { getClassNames, getColor, getIsCloseIconHidden } from '../../helpers';
|
|
20
20
|
import '../../styles/styles.scss';
|
|
21
|
+
var ROW = 'row';
|
|
22
|
+
var COLUMN_REVERSE = 'column-reverse';
|
|
21
23
|
var ConfirmationModal = function (_a) {
|
|
22
|
-
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ?
|
|
23
|
-
var additionalClassName = isModalHasFixedWidth({ layoutType: layoutType, platform: platform }) ? [platform, FIXED_WIDTH_CLASS_NAME] : [platform];
|
|
24
|
-
var popupAdditionalClassName = isClosableOutside ? [platform, CLOSABLE_CLASS_NAME] : [platform];
|
|
25
|
-
var confirmButtonWidth = cancelButtonName ? 50 : 100;
|
|
24
|
+
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, titleStyles = _a.titleStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, _f = _a.buttonsDirection, buttonsDirection = _f === void 0 ? MODAL_BUTTONS_DIRECTION.row : _f;
|
|
26
25
|
var ref = useRef(null);
|
|
26
|
+
var btnsContainerDirection = buttonsDirection === MODAL_BUTTONS_DIRECTION.row ? ROW : COLUMN_REVERSE;
|
|
27
|
+
var isCloseIconNotVisible = getIsCloseIconHidden(platform, isCloseIconHidden);
|
|
27
28
|
useEffect(function () {
|
|
28
29
|
document.documentElement.style.setProperty('--confirmation-modal-background', getColor(backgroundColor));
|
|
29
30
|
}, [backgroundColor]);
|
|
31
|
+
var cancelFunction = handleCloseModal || cancelButtonFunction;
|
|
30
32
|
useEffect(function () {
|
|
31
33
|
var checkIfClickedOutside = function (e) {
|
|
32
34
|
if (isModalOpen && isClosableOutside && ref.current && !ref.current.contains(e.target)) {
|
|
33
|
-
|
|
35
|
+
cancelFunction();
|
|
34
36
|
}
|
|
35
37
|
};
|
|
36
38
|
document === null || document === void 0 ? void 0 : document.addEventListener('click', checkIfClickedOutside, true);
|
|
37
39
|
return function () {
|
|
38
40
|
document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
|
|
39
41
|
};
|
|
40
|
-
|
|
41
|
-
|
|
42
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
43
|
+
}, [isModalOpen, isClosableOutside]);
|
|
44
|
+
return (_jsx(Popup, __assign({ className: "confirmation-modal", closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: "smartapp-confirmation-modal" }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-confirmation-modal__content', delimiter: '--', additionalClassName: platform }) }, { children: [title && (_jsx("p", __assign({ className: "smartapp-confirmation-modal__content--title", style: titleStyles }, { children: title }))), !isCloseIconNotVisible && (_jsx("div", __assign({ onClick: cancelFunction, className: "smartapp-confirmation-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor) } }) }))), _jsx("p", __assign({ className: "smartapp-confirmation-modal__content--text" }, { children: text })), _jsxs("div", __assign({ style: { flexDirection: btnsContainerDirection }, className: "smartapp-confirmation-modal__content--buttons" }, { children: [cancelButtonName && (_jsx(Button, { title: cancelButtonName, isWaitingResponse: isCancelLoading, variant: TButtonVariant.secondary, onClick: cancelButtonFunction, isDisabled: isConfirmLoading })), _jsx(Button, { isWaitingResponse: isConfirmLoading, title: confirmButtonName, onClick: confirmButtonFunction, isDisabled: isCancelLoading })] }))] })) })) })));
|
|
42
45
|
};
|
|
43
46
|
export default ConfirmationModal;
|
|
44
47
|
//# sourceMappingURL=ConfirmationModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmationModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ConfirmationModal/ConfirmationModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAA;AACjF,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ConfirmationModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ConfirmationModal/ConfirmationModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,20 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ICommonProps, TStyles } from '../../constants';
|
|
3
|
+
export interface IConfirmationModalProps extends ICommonProps {
|
|
3
4
|
isModalOpen: boolean;
|
|
4
5
|
isClosableOutside?: boolean;
|
|
5
6
|
isCloseIconHidden?: boolean;
|
|
6
|
-
|
|
7
|
+
isConfirmLoading?: boolean;
|
|
8
|
+
isCancelLoading?: boolean;
|
|
7
9
|
title?: string;
|
|
8
|
-
text:
|
|
10
|
+
text: ReactNode;
|
|
9
11
|
cancelButtonName?: string;
|
|
10
12
|
confirmButtonName: string;
|
|
11
13
|
cancelButtonFunction: () => void;
|
|
12
14
|
confirmButtonFunction: (option?: any) => void;
|
|
15
|
+
handleCloseModal?: () => void;
|
|
13
16
|
titleStyles?: TStyles;
|
|
14
17
|
iconColor?: string;
|
|
15
18
|
backgroundColor?: string;
|
|
19
|
+
buttonsDirection?: 'row' | 'column';
|
|
16
20
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IModalProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Modal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, modalId,
|
|
3
|
+
declare const Modal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, modalId, content, bottomContent, handleCloseModal, title, platform, titleStyles, contentStyles, iconColor, backgroundColor, isBottomSheet, }: IModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Modal;
|
|
@@ -12,23 +12,25 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { useEffect, useRef, useState } from 'react';
|
|
14
14
|
import Popup from 'reactjs-popup';
|
|
15
|
-
import { isNil } from 'lodash';
|
|
16
15
|
import classNames from 'classnames';
|
|
17
16
|
import ScrollBar from '../ScrollBar';
|
|
18
17
|
import { DEFAULT_SCROLL_BAR_HEIGHT } from '../ScrollBar/ScrollBar';
|
|
19
18
|
import { ReactComponent as CloseIcon } from '../../assets/icons/cancel-cross.svg';
|
|
20
|
-
import {
|
|
21
|
-
import { getClassNames, getColor,
|
|
19
|
+
import { PLATFORM } from '../../constants';
|
|
20
|
+
import { getClassNames, getColor, getIsCloseIconHidden } from '../../helpers';
|
|
22
21
|
import '../../styles/styles.scss';
|
|
23
|
-
var SCROLL_BAR_HEIGHT_WITH_PADDING = 'calc(100% -
|
|
24
|
-
var
|
|
25
|
-
var
|
|
22
|
+
var SCROLL_BAR_HEIGHT_WITH_PADDING = 'calc(100% - 20px)';
|
|
23
|
+
var MODAL_MARGIN_SIZE_WEB = 165;
|
|
24
|
+
var MODAL_MARGIN_SIZE_MOBILE = 136;
|
|
25
|
+
var CONTENT_PADDING_TOP = 20;
|
|
26
26
|
var MODAL_TITLE_MARGIN_BOTTOM = 16;
|
|
27
|
+
var BOTTOM_SHEET = 'bottom-sheet';
|
|
27
28
|
var Modal = function (_a) {
|
|
28
|
-
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, modalId = _a.modalId,
|
|
29
|
-
var isCloseIconNotVisible =
|
|
30
|
-
|
|
31
|
-
var
|
|
29
|
+
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, titleStyles = _a.titleStyles, contentStyles = _a.contentStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, _d = _a.isBottomSheet, isBottomSheet = _d === void 0 ? false : _d;
|
|
30
|
+
var isCloseIconNotVisible = getIsCloseIconHidden(platform, isCloseIconHidden);
|
|
31
|
+
// additionalClassName use in smartapp-modal and smartapp-modal__content
|
|
32
|
+
var additionalClassName = [platform, isBottomSheet ? BOTTOM_SHEET : ''].filter(Boolean);
|
|
33
|
+
var MAX_MODAL_HEIGHT = window.innerHeight - (isBottomSheet ? MODAL_MARGIN_SIZE_MOBILE : 2 * MODAL_MARGIN_SIZE_WEB);
|
|
32
34
|
var ref = useRef(null);
|
|
33
35
|
var titleRef = useRef(null);
|
|
34
36
|
var bottomRef = useRef(null);
|
|
@@ -60,7 +62,7 @@ var Modal = function (_a) {
|
|
|
60
62
|
document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
|
|
61
63
|
};
|
|
62
64
|
}, [isModalOpen, isClosableOutside, handleCloseModal]);
|
|
63
|
-
return (_jsx(Popup, __assign({ className:
|
|
65
|
+
return (_jsx(Popup, __assign({ className: "modal", closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames({ className: 'smartapp-modal', delimiter: '__', additionalClassName: additionalClassName }), onMouseDown: handleMouseDown }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-modal__content', delimiter: '--', additionalClassName: additionalClassName }), style: contentStyles }, { children: [title && (_jsx("p", __assign({ ref: titleRef, className: "smartapp-modal__content--title", style: titleStyles }, { children: title }))), !isCloseIconNotVisible && (_jsx("div", __assign({ onClick: handleCloseModal, className: "smartapp-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor) } }) }))), _jsx(ScrollBar, { contentId: modalId, content: _jsx("div", __assign({ ref: handleSetContainerHeight, className: classNames('smartapp-modal__content--pr', { 'smartapp-modal__content--pb': !bottomContent }) }, { children: content })), containerHeight: containerHeight, trackHeight: bottomContent ? DEFAULT_SCROLL_BAR_HEIGHT : SCROLL_BAR_HEIGHT_WITH_PADDING }), bottomContent && (_jsx("div", __assign({ ref: bottomRef, className: classNames('smartapp-modal__content--bottom', 'smartapp-modal__content--pr', 'smartapp-modal__content--pb') }, { children: bottomContent })))] })) })) })));
|
|
64
66
|
};
|
|
65
67
|
export default Modal;
|
|
66
68
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
-
import { ICommonProps,
|
|
3
|
-
export interface IModalProps extends ICommonProps
|
|
2
|
+
import { ICommonProps, TStyles } from '../../constants';
|
|
3
|
+
export interface IModalProps extends ICommonProps {
|
|
4
4
|
isModalOpen: boolean;
|
|
5
5
|
isClosableOutside?: boolean;
|
|
6
6
|
isCloseIconHidden?: boolean;
|
|
@@ -13,4 +13,5 @@ export interface IModalProps extends ICommonProps, ILayoutTypeProps {
|
|
|
13
13
|
contentStyles?: TStyles;
|
|
14
14
|
iconColor?: string;
|
|
15
15
|
backgroundColor?: string;
|
|
16
|
+
isBottomSheet?: boolean;
|
|
16
17
|
}
|