@expressms/smartapp-ui 2.0.3 → 2.0.5

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.
@@ -15,7 +15,6 @@ 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 Input from '../Input';
18
- import { TButtonColor, TButtonType } from '../Button/types';
19
18
  import { getClassNames, getColor, getDefaultColorForCloseIcon, isMobilePlatform } from '../../helpers';
20
19
  import { COLORS, PLATFORM, THEME } from '../../constants';
21
20
  import '../../styles/styles.scss';
@@ -49,7 +48,7 @@ var ActionModal = function (_a) {
49
48
  var onChange = function (value) {
50
49
  setValue(value);
51
50
  };
52
- return (_jsx(Popup, __assign({ className: getClassNames('action-modal', '-', platform), closeOnDocumentClick: true, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames('smartapp-action-modal', '__', [theme, platform]) }, { children: _jsxs("div", __assign({ className: getClassNames('smartapp-action-modal__content', '--', platform) }, { children: [_jsx("p", __assign({ className: getClassNames('smartapp-action-modal__content--title', '__', platform) }, { children: title })), _jsx("div", __assign({ onClick: onCloseModal, className: "smartapp-action-modal__content--cancel-cross" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor, getDefaultColorForCloseIcon(theme)) } }) })), _jsx("div", __assign({ className: "smartapp-action-modal__content--input" }, { children: _jsx(Input, { theme: theme, defaultValue: value, placeholder: placeholder, onChange: onChange }) })), isMobilePlatform(platform) && _jsx("div", { className: "smartapp-action-modal__content--delimiter" }), _jsx("div", __assign({ className: "smartapp-action-modal__content--buttons" }, { children: _jsx(Button, { theme: theme, width: buttonWidth, isDisabled: isButtonDisabled, title: buttonName, typeButton: TButtonType.standard, color: TButtonColor.blue, onClickFunction: onConfirmClick }) }))] })) })) })));
51
+ return (_jsx(Popup, __assign({ className: getClassNames('action-modal', '-', platform), closeOnDocumentClick: true, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames('smartapp-action-modal', '__', [theme, platform]) }, { children: _jsxs("div", __assign({ className: getClassNames('smartapp-action-modal__content', '--', platform) }, { children: [_jsx("p", __assign({ className: getClassNames('smartapp-action-modal__content--title', '__', platform) }, { children: title })), _jsx("div", __assign({ onClick: onCloseModal, className: "smartapp-action-modal__content--cancel-cross" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor, getDefaultColorForCloseIcon(theme)) } }) })), _jsx("div", __assign({ className: "smartapp-action-modal__content--input" }, { children: _jsx(Input, { theme: theme, defaultValue: value, placeholder: placeholder, onChange: onChange }) })), isMobilePlatform(platform) && _jsx("div", { className: "smartapp-action-modal__content--delimiter" }), _jsx("div", __assign({ className: "smartapp-action-modal__content--buttons" }, { children: _jsx(Button, { width: buttonWidth, isDisabled: isButtonDisabled, title: buttonName, onClick: onConfirmClick }) }))] })) })) })));
53
52
  };
54
53
  export default ActionModal;
55
54
  //# sourceMappingURL=ActionModal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ActionModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ActionModal/ActionModal.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ActionModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ActionModal/ActionModal.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
1
  import { IButtonProps } from './types';
2
2
  import '../../styles/styles.scss';
3
- declare const Button: ({ title, isDisabled, typeButton, color, width, theme, onClickFunction, }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const Button: ({ title, isDisabled, isWaitingResponse, type, appearance, width, onClick, }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default Button;
@@ -9,14 +9,31 @@ var __assign = (this && this.__assign) || function () {
9
9
  };
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
- import { jsx as _jsx } from "react/jsx-runtime";
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import { useEffect, useRef } from 'react';
13
14
  import classNames from 'classnames';
14
- import { TButtonType, TButtonColor } from './types';
15
- import { THEME } from '../../constants';
15
+ import { ReactComponent as LoaderIcon } from '../../assets/icons/button-loader.svg';
16
+ import { TButtonType, TButtonAppearance } from './types';
16
17
  import '../../styles/styles.scss';
17
18
  var Button = function (_a) {
18
- var title = _a.title, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.typeButton, typeButton = _c === void 0 ? TButtonType.standard : _c, _d = _a.color, color = _d === void 0 ? TButtonColor.white : _d, _e = _a.width, width = _e === void 0 ? 100 : _e, _f = _a.theme, theme = _f === void 0 ? THEME.default : _f, _g = _a.onClickFunction, onClickFunction = _g === void 0 ? function () { return undefined; } : _g;
19
- return (_jsx("button", __assign({ className: classNames("smartapp-button__".concat(typeButton), "smartapp-button__color--".concat(color), "smartapp-button__".concat(theme, "--").concat(color), isDisabled && 'smartapp-button__disabled'), style: { width: "".concat(width, "%") }, onClick: onClickFunction }, { children: title })));
19
+ var title = _a.title, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isWaitingResponse, isWaitingResponse = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? TButtonType.primary : _d, _e = _a.appearance, appearance = _e === void 0 ? TButtonAppearance.accent : _e, _f = _a.width, width = _f === void 0 ? 100 : _f, onClick = _a.onClick;
20
+ var buttonRef = useRef(null);
21
+ var buttonRefCurrent = buttonRef.current;
22
+ var changeTransitionDelay = function (transitionDelay) { return buttonRefCurrent && (buttonRefCurrent.style.transitionDelay = "".concat(transitionDelay, "ms")); };
23
+ useEffect(function () {
24
+ if (isWaitingResponse) {
25
+ buttonRefCurrent === null || buttonRefCurrent === void 0 ? void 0 : buttonRefCurrent.classList.add('smartapp-button__hidden');
26
+ setTimeout(function () { return changeTransitionDelay(300); }, 150);
27
+ }
28
+ else {
29
+ buttonRefCurrent === null || buttonRefCurrent === void 0 ? void 0 : buttonRefCurrent.classList.remove('smartapp-button__hidden');
30
+ setTimeout(function () { return changeTransitionDelay(0); }, 150);
31
+ }
32
+ // eslint-disable-next-line
33
+ }, [isWaitingResponse]);
34
+ return (_jsxs("div", __assign({ className: classNames('smartapp-button', "smartapp-button__".concat(appearance)), style: { width: "".concat(width, "%") } }, { children: [_jsx("button", __assign({ ref: buttonRef, className: classNames("smartapp-button__".concat(type), "smartapp-button__".concat(type, "--").concat(appearance), {
35
+ 'smartapp-button__disabled': isDisabled,
36
+ }), disabled: isDisabled, onClick: onClick }, { children: title })), _jsx("div", __assign({ className: classNames('smartapp-button__loader', { 'smartapp-button__loader--hidden': !isWaitingResponse }) }, { children: _jsx(LoaderIcon, {}) }))] })));
20
37
  };
21
38
  export default Button;
22
39
  //# sourceMappingURL=Button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/сomponents/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAgB,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,0BAA0B,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,EAQD;QAPb,KAAK,WAAA,EACL,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,kBAAiC,EAAjC,UAAU,mBAAG,WAAW,CAAC,QAAQ,KAAA,EACjC,aAA0B,EAA1B,KAAK,mBAAG,YAAY,CAAC,KAAK,KAAA,EAC1B,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,uBAAuC,EAAvC,eAAe,mBAAG,cAAY,OAAA,SAAS,EAAT,CAAS,KAAA;IACrB,OAAA,CAClB,0BACE,SAAS,EAAE,UAAU,CACnB,2BAAoB,UAAU,CAAE,EAChC,kCAA2B,KAAK,CAAE,EAClC,2BAAoB,KAAK,eAAK,KAAK,CAAE,EACrC,UAAU,IAAI,2BAA2B,CAC1C,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,KAAK,MAAG,EAAE,EAC7B,OAAO,EAAE,eAAe,gBAEvB,KAAK,IACC,CACV;AAbmB,CAanB,CAAA;AAED,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/сomponents/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAA;AACnF,OAAO,EAAgB,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACtE,OAAO,0BAA0B,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,EAQD;QAPb,KAAK,WAAA,EACL,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,YAA0B,EAA1B,IAAI,mBAAG,WAAW,CAAC,OAAO,KAAA,EAC1B,kBAAqC,EAArC,UAAU,mBAAG,iBAAiB,CAAC,MAAM,KAAA,EACrC,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,OAAO,aAAA;IAEP,IAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAA;IACxD,IAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAA;IAE1C,IAAM,qBAAqB,GAAG,UAAC,eAAuB,IAAK,OAAA,gBAAgB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,eAAe,GAAG,UAAG,eAAe,OAAI,CAAC,EAArF,CAAqF,CAAA;IAEhJ,SAAS,CAAC;QACR,IAAI,iBAAiB,EAAE;YACrB,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAA;YAC1D,UAAU,CAAC,cAAM,OAAA,qBAAqB,CAAC,GAAG,CAAC,EAA1B,CAA0B,EAAE,GAAG,CAAC,CAAA;SAClD;aAAM;YACL,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,SAAS,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAA;YAC7D,UAAU,CAAC,cAAM,OAAA,qBAAqB,CAAC,CAAC,CAAC,EAAxB,CAAwB,EAAE,GAAG,CAAC,CAAA;SAChD;QACD,2BAA2B;IAC7B,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,OAAO,CACL,wBAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,2BAAoB,UAAU,CAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,KAAK,MAAG,EAAE,iBAC5G,0BACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,UAAU,CAAC,2BAAoB,IAAI,CAAE,EAAE,2BAAoB,IAAI,eAAK,UAAU,CAAE,EAAE;oBAC3F,2BAA2B,EAAE,UAAU;iBACxC,CAAC,EACF,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,gBAEf,KAAK,IACC,EACT,uBAAK,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,EAAE,iCAAiC,EAAE,CAAC,iBAAiB,EAAE,CAAC,gBAC9G,KAAC,UAAU,KAAG,IACV,KACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
@@ -1,19 +1,18 @@
1
1
  import { IntRange } from '../types';
2
- import { IThemeProps } from '../../constants';
3
2
  export declare enum TButtonType {
4
- standard = "standard",
5
- low = "low"
3
+ primary = "primary",
4
+ secondary = "secondary"
6
5
  }
7
- export declare enum TButtonColor {
8
- white = "white",
9
- blue = "blue",
10
- red = "red"
6
+ export declare enum TButtonAppearance {
7
+ accent = "accent",
8
+ negative = "negative"
11
9
  }
12
- export interface IButtonProps extends IThemeProps {
10
+ export interface IButtonProps {
13
11
  title: string;
14
12
  isDisabled?: boolean;
15
- typeButton?: 'standard' | 'low';
16
- color?: 'white' | 'blue' | 'red';
17
- onClickFunction?: () => void;
13
+ isWaitingResponse?: boolean;
14
+ type?: 'primary' | 'secondary';
15
+ appearance?: 'accent' | 'negative';
18
16
  width?: IntRange<1, 101>;
17
+ onClick: () => void;
19
18
  }
@@ -1,12 +1,11 @@
1
1
  export var TButtonType;
2
2
  (function (TButtonType) {
3
- TButtonType["standard"] = "standard";
4
- TButtonType["low"] = "low";
3
+ TButtonType["primary"] = "primary";
4
+ TButtonType["secondary"] = "secondary";
5
5
  })(TButtonType || (TButtonType = {}));
6
- export var TButtonColor;
7
- (function (TButtonColor) {
8
- TButtonColor["white"] = "white";
9
- TButtonColor["blue"] = "blue";
10
- TButtonColor["red"] = "red";
11
- })(TButtonColor || (TButtonColor = {}));
6
+ export var TButtonAppearance;
7
+ (function (TButtonAppearance) {
8
+ TButtonAppearance["accent"] = "accent";
9
+ TButtonAppearance["negative"] = "negative";
10
+ })(TButtonAppearance || (TButtonAppearance = {}));
12
11
  //# sourceMappingURL=types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Button/types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,oCAAqB,CAAA;IACrB,0BAAW,CAAA;AACb,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB;AAED,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,6BAAa,CAAA;IACb,2BAAW,CAAA;AACb,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Button/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,sCAAuB,CAAA;AACzB,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB;AAED,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,sCAAiB,CAAA;IACjB,0CAAqB,CAAA;AACvB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B"}
@@ -13,12 +13,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
13
  import { useEffect, useRef } from 'react';
14
14
  import Popup from 'reactjs-popup';
15
15
  import Button from '../Button';
16
- import { TButtonColor, TButtonType } from '../Button/types';
16
+ import { TButtonType } from '../Button/types';
17
17
  import { COLORS, PLATFORM } from '../../constants';
18
18
  import { getClassNames, getColor, isMobilePlatform } from '../../helpers';
19
19
  import '../../styles/styles.scss';
20
20
  var ConfirmationModal = function (_a) {
21
21
  var isModalOpen = _a.isModalOpen, title = _a.title, text = _a.text, cancelButtonName = _a.cancelButtonName, confirmButtonName = _a.confirmButtonName, cancelButtonFunction = _a.cancelButtonFunction, confirmButtonFunction = _a.confirmButtonFunction, _b = _a.platform, platform = _b === void 0 ? PLATFORM.web : _b, backgroundColor = _a.backgroundColor;
22
+ var confirmButtonWidth = cancelButtonName ? 50 : 100;
22
23
  var ref = useRef(null);
23
24
  useEffect(function () {
24
25
  document.documentElement.style.setProperty('--confirmation-modal-background', getColor(backgroundColor, COLORS.lightBlue));
@@ -34,7 +35,7 @@ var ConfirmationModal = function (_a) {
34
35
  document === null || document === void 0 ? void 0 : document.removeEventListener('mousedown', checkIfClickedOutside, true);
35
36
  };
36
37
  }, [isModalOpen, cancelButtonFunction]);
37
- return (_jsx(Popup, __assign({ className: getClassNames('confirmation-modal', '-', platform), closeOnDocumentClick: true, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames('smartapp-confirmation-modal', '__', platform) }, { children: _jsxs("div", __assign({ className: getClassNames('smartapp-confirmation-modal__content', '--', platform) }, { children: [title && _jsx("p", __assign({ className: "smartapp-confirmation-modal__content--title" }, { children: title })), _jsx("p", __assign({ className: "smartapp-confirmation-modal__content--text" }, { children: text })), isMobilePlatform(platform) && _jsx("div", { className: "smartapp-confirmation-modal__content--delimiter" }), _jsxs("div", __assign({ className: "smartapp-confirmation-modal__content--buttons" }, { children: [_jsx(Button, { width: 50, title: cancelButtonName, typeButton: TButtonType.standard, onClickFunction: cancelButtonFunction, color: TButtonColor.white }), _jsx(Button, { width: 50, title: confirmButtonName, typeButton: TButtonType.standard, onClickFunction: confirmButtonFunction, color: TButtonColor.blue })] }))] })) })) })));
38
+ return (_jsx(Popup, __assign({ className: getClassNames('confirmation-modal', '-', platform), closeOnDocumentClick: true, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames('smartapp-confirmation-modal', '__', platform) }, { children: _jsxs("div", __assign({ className: getClassNames('smartapp-confirmation-modal__content', '--', platform) }, { children: [title && _jsx("p", __assign({ className: "smartapp-confirmation-modal__content--title" }, { children: title })), _jsx("p", __assign({ className: "smartapp-confirmation-modal__content--text" }, { children: text })), isMobilePlatform(platform) && _jsx("div", { className: "smartapp-confirmation-modal__content--delimiter" }), _jsxs("div", __assign({ className: "smartapp-confirmation-modal__content--buttons" }, { children: [cancelButtonName && _jsx(Button, { width: 50, title: cancelButtonName, type: TButtonType.secondary, onClick: cancelButtonFunction }), _jsx(Button, { width: confirmButtonWidth, title: confirmButtonName, onClick: confirmButtonFunction })] }))] })) })) })));
38
39
  };
39
40
  export default ConfirmationModal;
40
41
  //# sourceMappingURL=ConfirmationModal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ConfirmationModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ConfirmationModal/ConfirmationModal.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ConfirmationModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ConfirmationModal/ConfirmationModal.tsx"],"names":[],"mappings":"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"}
@@ -3,7 +3,7 @@ export interface IConfirmationModalProps extends IPlatformProps {
3
3
  isModalOpen: boolean;
4
4
  title?: string;
5
5
  text: string;
6
- cancelButtonName: string;
6
+ cancelButtonName?: string;
7
7
  confirmButtonName: string;
8
8
  cancelButtonFunction: () => void;
9
9
  confirmButtonFunction: (option?: any) => void;
@@ -1,4 +1,4 @@
1
1
  import { IContextMenuProps } from './types';
2
2
  import '../../styles/styles.scss';
3
- declare const ContextMenu: ({ theme, isMenuOpen, position: { x, y }, menuWidth, itemStyles, items, closeMenu, }: IContextMenuProps) => import("react/jsx-runtime").JSX.Element | null;
3
+ declare const ContextMenu: ({ theme, isMenuOpen, isClickForbidden, position: { x, y }, menuWidth, menuStyles, itemStyles, items, closeMenu, }: IContextMenuProps) => import("react/jsx-runtime").JSX.Element | null;
4
4
  export default ContextMenu;
@@ -17,32 +17,30 @@ import { CONTEXT_MENU_SAFE_SPACE, CONTEXT_MENU_WIDTH, THEME } from '../../consta
17
17
  import '../../styles/styles.scss';
18
18
  var ContextMenu = function (_a) {
19
19
  var _b;
20
- var _c = _a.theme, theme = _c === void 0 ? THEME.default : _c, isMenuOpen = _a.isMenuOpen, _d = _a.position, x = _d.x, y = _d.y, _e = _a.menuWidth, menuWidth = _e === void 0 ? CONTEXT_MENU_WIDTH : _e, itemStyles = _a.itemStyles, items = _a.items, closeMenu = _a.closeMenu;
20
+ var _c = _a.theme, theme = _c === void 0 ? THEME.default : _c, isMenuOpen = _a.isMenuOpen, _d = _a.isClickForbidden, isClickForbidden = _d === void 0 ? false : _d, _e = _a.position, x = _e.x, y = _e.y, _f = _a.menuWidth, menuWidth = _f === void 0 ? CONTEXT_MENU_WIDTH : _f, _g = _a.menuStyles, menuStyles = _g === void 0 ? {} : _g, _h = _a.itemStyles, itemStyles = _h === void 0 ? {} : _h, items = _a.items, closeMenu = _a.closeMenu;
21
21
  var elementRef = useRef(null);
22
- var _f = useState(((_b = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0), contextMenuHeight = _f[0], setContextMenuHeight = _f[1];
22
+ var _j = useState(((_b = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0), contextMenuHeight = _j[0], setContextMenuHeight = _j[1];
23
23
  var clientHeight = document.documentElement.clientHeight;
24
24
  var clientWidth = document.documentElement.clientWidth;
25
25
  var handleContextMenu = function (event) {
26
26
  event.preventDefault();
27
- closeMenu();
27
+ !isClickForbidden && closeMenu();
28
28
  };
29
29
  useLayoutEffect(function () {
30
30
  var _a;
31
31
  setContextMenuHeight(((_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0);
32
32
  }, [isMenuOpen]);
33
+ var handleMenuItemClick = function (action) { return !isClickForbidden && action(); };
34
+ var handleMenuClose = function () { return !isClickForbidden && closeMenu(); };
33
35
  var contextMenuItems = items.map(function (_a) {
34
- var _b = _a.isNegativeAction, isNegativeAction = _b === void 0 ? false : _b, title = _a.title, icon = _a.icon, action = _a.action;
35
- return (_jsxs("button", __assign({ className: classNames({ 'smartapp-context-menu__items--negative': isNegativeAction }), style: itemStyles, onClick: action }, { children: [icon, _jsx("span", { children: title })] }), title));
36
+ var _b = _a.isNegativeAction, isNegativeAction = _b === void 0 ? false : _b, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c, title = _a.title, icon = _a.icon, action = _a.action;
37
+ return (_jsxs("button", __assign({ className: classNames({ 'smartapp-context-menu__items--negative': isNegativeAction, 'smartapp-context-menu__items--selected': isSelected }), style: itemStyles, onClick: function () { return handleMenuItemClick(action); } }, { children: [icon, _jsx("span", { children: title })] }), title));
36
38
  });
37
- var positionStyle = {
38
- top: y + contextMenuHeight > clientHeight ? clientHeight - contextMenuHeight - CONTEXT_MENU_SAFE_SPACE : y,
39
- left: x + menuWidth > clientWidth ? clientWidth - menuWidth - CONTEXT_MENU_SAFE_SPACE : x,
40
- width: menuWidth,
41
- };
39
+ var contextMenuStyles = __assign({ top: y + contextMenuHeight > clientHeight ? clientHeight - contextMenuHeight - CONTEXT_MENU_SAFE_SPACE : y, left: x + menuWidth > clientWidth ? clientWidth - menuWidth - CONTEXT_MENU_SAFE_SPACE : x, width: menuWidth }, menuStyles);
42
40
  if (!isMenuOpen) {
43
41
  return null;
44
42
  }
45
- return (_jsx("div", __assign({ className: "smartapp-context-menu", onClick: closeMenu, onContextMenu: handleContextMenu }, { children: _jsx("div", __assign({ ref: elementRef, className: getClassNames('smartapp-context-menu__items', '--', theme), style: positionStyle }, { children: contextMenuItems })) })));
43
+ return (_jsx("div", __assign({ className: "smartapp-context-menu", onClick: handleMenuClose, onContextMenu: handleContextMenu }, { children: _jsx("div", __assign({ ref: elementRef, className: getClassNames('smartapp-context-menu__items', '--', theme), style: contextMenuStyles }, { children: contextMenuItems })) })));
46
44
  };
47
45
  export default ContextMenu;
48
46
  //# sourceMappingURL=ContextMenu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEpF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,WAAW,GAAG,UAAC,EAQD;;QAPlB,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,UAAU,gBAAA,EACV,gBAAkB,EAAN,CAAC,OAAA,EAAE,CAAC,OAAA,EAChB,iBAA8B,EAA9B,SAAS,mBAAG,kBAAkB,KAAA,EAC9B,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,SAAS,eAAA;IAET,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEzC,IAAA,KAA4C,QAAQ,CAAC,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,EAA3F,iBAAiB,QAAA,EAAE,oBAAoB,QAAoD,CAAA;IAElG,IAAM,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAA;IAC1D,IAAM,WAAW,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAA;IAExD,IAAM,iBAAiB,GAAG,UAAC,KAAmD;QAC5E,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,SAAS,EAAE,CAAA;IACb,CAAC,CAAA;IAED,eAAe,CAAC;;QACd,oBAAoB,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,CAAA;IAC7D,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,IAAM,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,UAAC,EAAiD;YAA/C,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA;QAAO,OAAA,CACxF,2BAAoB,SAAS,EAAE,UAAU,CAAC,EAAE,wCAAwC,EAAE,gBAAgB,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,iBAC1I,IAAI,EACL,yBAAO,KAAK,GAAQ,MAFT,KAAK,CAGT,CACV;IALyF,CAKzF,CAAC,CAAA;IAEF,IAAM,aAAa,GAAG;QACpB,GAAG,EAAE,CAAC,GAAG,iBAAiB,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,GAAG,iBAAiB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC;QAC1G,IAAI,EAAE,CAAC,GAAG,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,GAAG,SAAS,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC;QACzF,KAAK,EAAE,SAAS;KACjB,CAAA;IAED,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,uBAAK,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,gBACzF,uBAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,CAAC,8BAA8B,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,aAAa,gBAC9G,gBAAgB,IACb,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEpF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,WAAW,GAAG,UAAC,EAUD;;QATlB,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,UAAU,gBAAA,EACV,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,gBAAkB,EAAN,CAAC,OAAA,EAAE,CAAC,OAAA,EAChB,iBAA8B,EAA9B,SAAS,mBAAG,kBAAkB,KAAA,EAC9B,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,KAAK,WAAA,EACL,SAAS,eAAA;IAET,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEzC,IAAA,KAA4C,QAAQ,CAAC,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,EAA3F,iBAAiB,QAAA,EAAE,oBAAoB,QAAoD,CAAA;IAElG,IAAM,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAA;IAC1D,IAAM,WAAW,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAA;IAExD,IAAM,iBAAiB,GAAG,UAAC,KAAmD;QAC5E,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,CAAC,gBAAgB,IAAI,SAAS,EAAE,CAAA;IAClC,CAAC,CAAA;IAED,eAAe,CAAC;;QACd,oBAAoB,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,CAAA;IAC7D,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,IAAM,mBAAmB,GAAG,UAAC,MAAkB,IAAK,OAAA,CAAC,gBAAgB,IAAI,MAAM,EAAE,EAA7B,CAA6B,CAAA;IACjF,IAAM,eAAe,GAAG,cAAM,OAAA,CAAC,gBAAgB,IAAI,SAAS,EAAE,EAAhC,CAAgC,CAAA;IAE9D,IAAM,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,UAAC,EAAqE;YAAnE,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EAAE,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA;QAAO,OAAA,CAC5G,2BAEE,SAAS,EAAE,UAAU,CAAC,EAAE,wCAAwC,EAAE,gBAAgB,EAAE,wCAAwC,EAAE,UAAU,EAAE,CAAC,EAC3I,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,cAAM,OAAA,mBAAmB,CAAC,MAAM,CAAC,EAA3B,CAA2B,iBAEzC,IAAI,EACL,yBAAO,KAAK,GAAQ,MANf,KAAK,CAOH,CACV;IAV6G,CAU7G,CAAC,CAAA;IAEF,IAAM,iBAAiB,cACrB,GAAG,EAAE,CAAC,GAAG,iBAAiB,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,GAAG,iBAAiB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC,EAC1G,IAAI,EAAE,CAAC,GAAG,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,GAAG,SAAS,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC,EACzF,KAAK,EAAE,SAAS,IACb,UAAU,CACd,CAAA;IAED,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,uBAAK,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,iBAAiB,gBAC/F,uBAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,CAAC,8BAA8B,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,iBAAiB,gBAClH,gBAAgB,IACb,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
@@ -2,20 +2,24 @@ import { ReactElement } from 'react';
2
2
  import { IThemeProps } from '../../constants';
3
3
  type MenuItem = {
4
4
  isNegativeAction?: boolean;
5
+ isSelected?: boolean;
5
6
  title: string;
6
7
  action: () => void;
7
8
  icon?: ReactElement;
8
9
  };
10
+ type TStyles = {
11
+ [key: string]: number | string;
12
+ };
9
13
  export interface IContextMenuProps extends IThemeProps {
10
14
  isMenuOpen: boolean;
15
+ isClickForbidden?: boolean;
11
16
  position: {
12
17
  x: number;
13
18
  y: number;
14
19
  };
15
20
  menuWidth?: number;
16
- itemStyles?: {
17
- [key: string]: number | string;
18
- };
21
+ menuStyles?: TStyles;
22
+ itemStyles?: TStyles;
19
23
  items: MenuItem[];
20
24
  closeMenu: () => void;
21
25
  }
@@ -23,7 +23,7 @@ var Textarea = function (_a) {
23
23
  var textareaRefCurrent = textareaRef.current;
24
24
  if (textareaRefCurrent) {
25
25
  textareaRefCurrent.style.height = MIN_TEXTAREA_HEIGHT;
26
- textareaRefCurrent.style.height = "".concat(textareaRefCurrent.scrollHeight, "px");
26
+ textareaRefCurrent.style.height = "".concat(textareaRefCurrent.scrollHeight + 2, "px");
27
27
  }
28
28
  };
29
29
  useEffect(function () {
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/сomponents/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,0BAA0B,CAAA;AAEjC,IAAM,QAAQ,GAAG,UAAC,EAA4G;QAA1G,UAAU,gBAAA,EAAE,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA;IAC1G,IAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAErD,IAAM,WAAW,GAAG;QAClB,IAAM,kBAAkB,GAAG,WAAW,CAAC,OAAO,CAAA;QAE9C,IAAI,kBAAkB,EAAE;YACtB,kBAAkB,CAAC,KAAK,CAAC,MAAM,GAAG,mBAAmB,CAAA;YACrD,kBAAkB,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,kBAAkB,CAAC,YAAY,OAAI,CAAA;SACzE;IACH,CAAC,CAAA;IAED,SAAS,CAAC;QACR,WAAW,EAAE,CAAA;IACf,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,wBAAK,SAAS,EAAC,mBAAmB,iBAC/B,KAAK,IAAI,uBAAK,SAAS,EAAE,aAAa,CAAC,0BAA0B,EAAE,IAAI,EAAE,KAAK,CAAC,gBAAG,KAAK,IAAO,EAC/F,mBACE,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,UAAU,CACnB,0BAA0B,EAC1B,EAAE,iCAAiC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EACtD,EAAE,gCAAgC,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CACzD,EACD,QAAQ,EAAE,UAAU,EACpB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,GACpB,EACD,KAAK,IAAI,uBAAK,SAAS,EAAC,0BAA0B,gBAAE,KAAK,IAAO,KAC7D,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/сomponents/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,0BAA0B,CAAA;AAEjC,IAAM,QAAQ,GAAG,UAAC,EAA4G;QAA1G,UAAU,gBAAA,EAAE,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA;IAC1G,IAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAErD,IAAM,WAAW,GAAG;QAClB,IAAM,kBAAkB,GAAG,WAAW,CAAC,OAAO,CAAA;QAE9C,IAAI,kBAAkB,EAAE;YACtB,kBAAkB,CAAC,KAAK,CAAC,MAAM,GAAG,mBAAmB,CAAA;YACrD,kBAAkB,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,kBAAkB,CAAC,YAAY,GAAG,CAAC,OAAI,CAAA;SAC7E;IACH,CAAC,CAAA;IAED,SAAS,CAAC;QACR,WAAW,EAAE,CAAA;IACf,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,wBAAK,SAAS,EAAC,mBAAmB,iBAC/B,KAAK,IAAI,uBAAK,SAAS,EAAE,aAAa,CAAC,0BAA0B,EAAE,IAAI,EAAE,KAAK,CAAC,gBAAG,KAAK,IAAO,EAC/F,mBACE,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,UAAU,CACnB,0BAA0B,EAC1B,EAAE,iCAAiC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EACtD,EAAE,gCAAgC,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CACzD,EACD,QAAQ,EAAE,UAAU,EACpB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,GACpB,EACD,KAAK,IAAI,uBAAK,SAAS,EAAC,0BAA0B,gBAAE,KAAK,IAAO,KAC7D,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@expressms/smartapp-ui",
3
- "version": "2.0.3",
3
+ "version": "2.0.5",
4
4
  "description": "SmartApp UI library",
5
5
  "license": "MIT",
6
6
  "main": "build/main/index.js",