@expressms/smartapp-ui 2.0.2 → 2.0.4

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.
Files changed (28) hide show
  1. package/build/main/constants/constants.d.ts +2 -0
  2. package/build/main/constants/constants.js +2 -0
  3. package/build/main/constants/constants.js.map +1 -1
  4. package/build/main/styles/styles.scss +2 -2
  5. package/build/main//321/201omponents/ActionModal/ActionModal.js +1 -2
  6. package/build/main//321/201omponents/ActionModal/ActionModal.js.map +1 -1
  7. package/build/main//321/201omponents/Button/Button.d.ts +1 -1
  8. package/build/main//321/201omponents/Button/Button.js +5 -4
  9. package/build/main//321/201omponents/Button/Button.js.map +1 -1
  10. package/build/main//321/201omponents/Button/types.d.ts +9 -11
  11. package/build/main//321/201omponents/Button/types.js +7 -8
  12. package/build/main//321/201omponents/Button/types.js.map +1 -1
  13. package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js +3 -2
  14. package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map +1 -1
  15. package/build/main//321/201omponents/ConfirmationModal/types.d.ts +1 -1
  16. package/build/main//321/201omponents/ContextMenu/ContextMenu.d.ts +4 -0
  17. package/build/main//321/201omponents/ContextMenu/ContextMenu.js +46 -0
  18. package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -0
  19. package/build/main//321/201omponents/ContextMenu/index.d.ts +1 -0
  20. package/build/main//321/201omponents/ContextMenu/index.js +2 -0
  21. package/build/main//321/201omponents/ContextMenu/index.js.map +1 -0
  22. package/build/main//321/201omponents/ContextMenu/types.d.ts +25 -0
  23. package/build/main//321/201omponents/ContextMenu/types.js +2 -0
  24. package/build/main//321/201omponents/ContextMenu/types.js.map +1 -0
  25. package/build/main//321/201omponents/index.d.ts +1 -0
  26. package/build/main//321/201omponents/index.js +1 -0
  27. package/build/main//321/201omponents/index.js.map +1 -1
  28. package/package.json +1 -1
@@ -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, type, appearance, width, onClick, }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default Button;
@@ -11,12 +11,13 @@ var __assign = (this && this.__assign) || function () {
11
11
  };
12
12
  import { jsx as _jsx } from "react/jsx-runtime";
13
13
  import classNames from 'classnames';
14
- import { TButtonType, TButtonColor } from './types';
15
- import { THEME } from '../../constants';
14
+ import { TButtonType, TButtonAppearance } from './types';
16
15
  import '../../styles/styles.scss';
17
16
  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 })));
17
+ var title = _a.title, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.type, type = _c === void 0 ? TButtonType.primary : _c, _d = _a.appearance, appearance = _d === void 0 ? TButtonAppearance.accent : _d, _e = _a.width, width = _e === void 0 ? 100 : _e, onClick = _a.onClick;
18
+ return (_jsx("button", __assign({ className: classNames('smartapp-button', "smartapp-button__".concat(type), "smartapp-button__".concat(type, "--").concat(appearance), {
19
+ 'smartapp-button__disabled': isDisabled,
20
+ }), disabled: isDisabled, style: { width: "".concat(width, "%") }, onClick: onClick }, { children: title })));
20
21
  };
21
22
  export default Button;
22
23
  //# 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":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAgB,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACtE,OAAO,0BAA0B,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,EAOD;QANb,KAAK,WAAA,EACL,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,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;IACW,OAAA,CAClB,0BACE,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,2BAAoB,IAAI,CAAE,EAAE,2BAAoB,IAAI,eAAK,UAAU,CAAE,EAAE;YAC9G,2BAA2B,EAAE,UAAU;SACxC,CAAC,EACF,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,KAAK,MAAG,EAAE,EAC7B,OAAO,EAAE,OAAO,gBAEf,KAAK,IACC,CACV;AAXmB,CAWnB,CAAA;AAED,eAAe,MAAM,CAAA"}
@@ -1,19 +1,17 @@
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
+ type?: 'primary' | 'secondary';
14
+ appearance?: 'accent' | 'negative';
18
15
  width?: IntRange<1, 101>;
16
+ onClick: () => void;
19
17
  }
@@ -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;
@@ -0,0 +1,4 @@
1
+ import { IContextMenuProps } from './types';
2
+ import '../../styles/styles.scss';
3
+ declare const ContextMenu: ({ theme, isMenuOpen, isClickForbidden, position: { x, y }, menuWidth, menuStyles, itemStyles, items, closeMenu, }: IContextMenuProps) => import("react/jsx-runtime").JSX.Element | null;
4
+ export default ContextMenu;
@@ -0,0 +1,46 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import { useLayoutEffect, useRef, useState } from 'react';
14
+ import classNames from 'classnames';
15
+ import { getClassNames } from '../../helpers';
16
+ import { CONTEXT_MENU_SAFE_SPACE, CONTEXT_MENU_WIDTH, THEME } from '../../constants';
17
+ import '../../styles/styles.scss';
18
+ var ContextMenu = function (_a) {
19
+ var _b;
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
+ var elementRef = useRef(null);
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
+ var clientHeight = document.documentElement.clientHeight;
24
+ var clientWidth = document.documentElement.clientWidth;
25
+ var handleContextMenu = function (event) {
26
+ event.preventDefault();
27
+ !isClickForbidden && closeMenu();
28
+ };
29
+ useLayoutEffect(function () {
30
+ var _a;
31
+ setContextMenuHeight(((_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0);
32
+ }, [isMenuOpen]);
33
+ var handleMenuItemClick = function (action) { return !isClickForbidden && action(); };
34
+ var handleMenuClose = function () { return !isClickForbidden && closeMenu(); };
35
+ var contextMenuItems = items.map(function (_a) {
36
+ var _b = _a.isNegativeAction, isNegativeAction = _b === void 0 ? false : _b, title = _a.title, icon = _a.icon, action = _a.action;
37
+ return (_jsxs("button", __assign({ className: classNames({ 'smartapp-context-menu__items--negative': isNegativeAction }), style: itemStyles, onClick: function () { return handleMenuItemClick(action); } }, { children: [icon, _jsx("span", { children: title })] }), title));
38
+ });
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);
40
+ if (!isMenuOpen) {
41
+ return null;
42
+ }
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 })) })));
44
+ };
45
+ export default ContextMenu;
46
+ //# sourceMappingURL=ContextMenu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ export { default } from './ContextMenu';
@@ -0,0 +1,2 @@
1
+ export { default } from './ContextMenu';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}
@@ -0,0 +1,25 @@
1
+ import { ReactElement } from 'react';
2
+ import { IThemeProps } from '../../constants';
3
+ type MenuItem = {
4
+ isNegativeAction?: boolean;
5
+ title: string;
6
+ action: () => void;
7
+ icon?: ReactElement;
8
+ };
9
+ type TStyles = {
10
+ [key: string]: number | string;
11
+ };
12
+ export interface IContextMenuProps extends IThemeProps {
13
+ isMenuOpen: boolean;
14
+ isClickForbidden?: boolean;
15
+ position: {
16
+ x: number;
17
+ y: number;
18
+ };
19
+ menuWidth?: number;
20
+ menuStyles?: TStyles;
21
+ itemStyles?: TStyles;
22
+ items: MenuItem[];
23
+ closeMenu: () => void;
24
+ }
25
+ export {};
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/types.ts"],"names":[],"mappings":""}
@@ -23,3 +23,4 @@ export { default as Modal } from './Modal';
23
23
  export { default as Notification } from './Notification';
24
24
  export { default as RadioButton } from './RadioButton';
25
25
  export { default as Textarea } from './Textarea';
26
+ export { default as ContextMenu } from './ContextMenu';
@@ -23,4 +23,5 @@ export { default as Modal } from './Modal';
23
23
  export { default as Notification } from './Notification';
24
24
  export { default as RadioButton } from './RadioButton';
25
25
  export { default as Textarea } from './Textarea';
26
+ export { default as ContextMenu } from './ContextMenu';
26
27
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/сomponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/сomponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@expressms/smartapp-ui",
3
- "version": "2.0.2",
3
+ "version": "2.0.4",
4
4
  "description": "SmartApp UI library",
5
5
  "license": "MIT",
6
6
  "main": "build/main/index.js",