@expressms/smartapp-ui 2.1.5 → 2.1.7
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/cancel-cross.svg +2 -2
- package/build/main/assets/icons/clear.svg +2 -9
- package/build/main/assets/icons/contact-info.svg +12 -0
- package/build/main/assets/icons/corporate-user.svg +10 -0
- package/build/main/assets/icons/crown.svg +1 -3
- package/build/main/assets/icons/external-link.svg +2 -2
- package/build/main/assets/icons/my-contact-user.svg +10 -0
- package/build/main/assets/icons/trust-user.svg +10 -0
- package/build/main/assets/storybook/index.d.ts +2 -0
- package/build/main/assets/storybook/index.js +3 -0
- package/build/main/assets/storybook/index.js.map +1 -0
- package/build/main/constants/constants.d.ts +10 -2
- package/build/main/constants/constants.js +9 -1
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/constants/types.d.ts +5 -0
- package/build/main/helpers/index.d.ts +2 -2
- package/build/main/helpers/index.js +2 -1
- package/build/main/helpers/index.js.map +1 -1
- package/build/main/styles/styles.scss +2 -2
- package/build/main//321/201omponents/ActionModal/ActionModal.d.ts +1 -1
- package/build/main//321/201omponents/ActionModal/ActionModal.js +2 -2
- package/build/main//321/201omponents/ActionModal/ActionModal.js.map +1 -1
- package/build/main//321/201omponents/ActionModal/types.d.ts +1 -0
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js +2 -4
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js.map +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.js +10 -10
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +4 -2
- package/build/main//321/201omponents/Avatar/types.js.map +1 -1
- package/build/main//321/201omponents/Chip/Chip.d.ts +1 -1
- package/build/main//321/201omponents/Chip/Chip.js +10 -4
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Chip/types.d.ts +1 -0
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js +1 -1
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js +1 -1
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -1
- package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js +3 -2
- package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js.map +1 -1
- package/build/main//321/201omponents/DragAndDrop/types.d.ts +5 -0
- package/build/main//321/201omponents/Modal/Modal.d.ts +1 -1
- package/build/main//321/201omponents/Modal/Modal.js +3 -3
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Modal/types.d.ts +1 -0
- package/build/main//321/201omponents/Skeleton/Skeleton.d.ts +4 -0
- package/build/main//321/201omponents/Skeleton/Skeleton.js +62 -0
- package/build/main//321/201omponents/Skeleton/Skeleton.js.map +1 -0
- package/build/main//321/201omponents/Skeleton/index.d.ts +1 -0
- package/build/main//321/201omponents/Skeleton/index.js +2 -0
- package/build/main//321/201omponents/Skeleton/index.js.map +1 -0
- package/build/main//321/201omponents/Skeleton/types.d.ts +16 -0
- package/build/main//321/201omponents/Skeleton/types.js +2 -0
- package/build/main//321/201omponents/Skeleton/types.js.map +1 -0
- package/build/main//321/201omponents/Stories/Stories.js +5 -2
- package/build/main//321/201omponents/Stories/Stories.js.map +1 -1
- package/build/main//321/201omponents/Textarea/Textarea.js +1 -1
- package/build/main//321/201omponents/Textarea/Textarea.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.d.ts +4 -0
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js +24 -0
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.d.ts +4 -0
- package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.js +31 -0
- package/build/main//321/201omponents/UserDropdown/ContactInfo/ContactInfo.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/GroupHeading/GroupHeading.d.ts +2 -0
- package/build/main//321/201omponents/UserDropdown/GroupHeading/GroupHeading.js +20 -0
- package/build/main//321/201omponents/UserDropdown/GroupHeading/GroupHeading.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.d.ts +4 -0
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js +23 -0
- package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.d.ts +2 -0
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +22 -0
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/Option/Option.d.ts +3 -0
- package/build/main//321/201omponents/UserDropdown/Option/Option.js +63 -0
- package/build/main//321/201omponents/UserDropdown/Option/Option.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +4 -0
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +199 -0
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/colors.d.ts +19 -0
- package/build/main//321/201omponents/UserDropdown/colors.js +20 -0
- package/build/main//321/201omponents/UserDropdown/colors.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/helpers.d.ts +45 -0
- package/build/main//321/201omponents/UserDropdown/helpers.js +49 -0
- package/build/main//321/201omponents/UserDropdown/helpers.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/index.d.ts +1 -0
- package/build/main//321/201omponents/UserDropdown/index.js +2 -0
- package/build/main//321/201omponents/UserDropdown/index.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/selectStyles.d.ts +17 -0
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +62 -0
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/types.d.ts +130 -0
- package/build/main//321/201omponents/UserDropdown/types.js +2 -0
- package/build/main//321/201omponents/UserDropdown/types.js.map +1 -0
- package/build/main//321/201omponents/index.d.ts +2 -0
- package/build/main//321/201omponents/index.js +2 -0
- package/build/main//321/201omponents/index.js.map +1 -1
- package/package.json +5 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IActionModalProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const ActionModal: ({ isModalOpen, isFullScreen, isClosableOutside, title, buttonName, confirmButtonFunction, cancelButtonFunction, theme, platform, placeholder, defaultValue, isButtonDisabled, titleStyles, iconColor, buttonWidth, backgroundColor, }: IActionModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const ActionModal: ({ isModalOpen, isFullScreen, isClosableOutside, title, buttonName, confirmButtonFunction, cancelButtonFunction, theme, platform, placeholder, defaultValue, isWaitingResponse, isButtonDisabled, titleStyles, iconColor, buttonWidth, backgroundColor, }: IActionModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ActionModal;
|
|
@@ -19,7 +19,7 @@ import { getClassNames, getColor, getDefaultGrayColorForIcon, isMobilePlatform }
|
|
|
19
19
|
import { COLORS, FULL_SCREEN_CLASS_NAME, PLATFORM, THEME } from '../../constants';
|
|
20
20
|
import '../../styles/styles.scss';
|
|
21
21
|
var ActionModal = function (_a) {
|
|
22
|
-
var isModalOpen = _a.isModalOpen, _b = _a.isFullScreen, isFullScreen = _b === void 0 ? false : _b, _c = _a.isClosableOutside, isClosableOutside = _c === void 0 ? true : _c, title = _a.title, buttonName = _a.buttonName, confirmButtonFunction = _a.confirmButtonFunction, cancelButtonFunction = _a.cancelButtonFunction, _d = _a.theme, theme = _d === void 0 ? THEME.default : _d, _e = _a.platform, platform = _e === void 0 ? PLATFORM.web : _e, placeholder = _a.placeholder, _f = _a.defaultValue, defaultValue = _f === void 0 ? '' : _f, isButtonDisabled = _a.isButtonDisabled, titleStyles = _a.titleStyles, iconColor = _a.iconColor, _g = _a.buttonWidth, buttonWidth = _g === void 0 ? 100 : _g, backgroundColor = _a.backgroundColor;
|
|
22
|
+
var isModalOpen = _a.isModalOpen, _b = _a.isFullScreen, isFullScreen = _b === void 0 ? false : _b, _c = _a.isClosableOutside, isClosableOutside = _c === void 0 ? true : _c, title = _a.title, buttonName = _a.buttonName, confirmButtonFunction = _a.confirmButtonFunction, cancelButtonFunction = _a.cancelButtonFunction, _d = _a.theme, theme = _d === void 0 ? THEME.default : _d, _e = _a.platform, platform = _e === void 0 ? PLATFORM.web : _e, placeholder = _a.placeholder, _f = _a.defaultValue, defaultValue = _f === void 0 ? '' : _f, isWaitingResponse = _a.isWaitingResponse, isButtonDisabled = _a.isButtonDisabled, titleStyles = _a.titleStyles, iconColor = _a.iconColor, _g = _a.buttonWidth, buttonWidth = _g === void 0 ? 100 : _g, backgroundColor = _a.backgroundColor;
|
|
23
23
|
var additionalClassName = isFullScreen ? [theme, platform, FULL_SCREEN_CLASS_NAME] : [theme, platform];
|
|
24
24
|
var ref = useRef(null);
|
|
25
25
|
var _h = useState(defaultValue), value = _h[0], setValue = _h[1];
|
|
@@ -49,7 +49,7 @@ var ActionModal = function (_a) {
|
|
|
49
49
|
var onChange = function (value) {
|
|
50
50
|
setValue(value);
|
|
51
51
|
};
|
|
52
|
-
return (_jsx(Popup, __assign({ className: getClassNames('action-modal', '-', platform), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames('smartapp-action-modal', '__', additionalClassName) }, { children: _jsxs("div", __assign({ className: getClassNames('smartapp-action-modal__content', '--', platform) }, { children: [_jsx("p", __assign({ className: getClassNames('smartapp-action-modal__content--title', '__', platform), style: titleStyles }, { children: title })), isClosableOutside && (_jsx("div", __assign({ onClick: onCloseModal, className: "smartapp-action-modal__content--cancel-cross" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor, getDefaultGrayColorForIcon(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 }) }))] })) })) })));
|
|
52
|
+
return (_jsx(Popup, __assign({ className: getClassNames({ className: 'action-modal', delimiter: '-', additionalClassName: platform }), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames({ className: 'smartapp-action-modal', delimiter: '__', additionalClassName: additionalClassName }) }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-action-modal__content', delimiter: '--', additionalClassName: platform }) }, { children: [_jsx("p", __assign({ className: getClassNames({ className: 'smartapp-action-modal__content--title', delimiter: '__', additionalClassName: platform }), style: titleStyles }, { children: title })), isClosableOutside && (_jsx("div", __assign({ onClick: onCloseModal, className: "smartapp-action-modal__content--cancel-cross" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor, getDefaultGrayColorForIcon(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, isWaitingResponse: isWaitingResponse, isDisabled: isButtonDisabled, title: buttonName, onClick: onConfirmClick }) }))] })) })) })));
|
|
53
53
|
};
|
|
54
54
|
export default ActionModal;
|
|
55
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,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAA;AACjF,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,KAAK,MAAM,UAAU,CAAA;AAE5B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrG,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACjF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,WAAW,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"ActionModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ActionModal/ActionModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,7 +27,7 @@ var AttachedFile = function (_a) {
|
|
|
27
27
|
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, fileName = _a.fileName, weight = _a.weight, weightType = _a.weightType, _c = _a.isIconEnclosedWithinBorders, isIconEnclosedWithinBorders = _c === void 0 ? false : _c, _d = _a.isSpaceBetween, isSpaceBetween = _d === void 0 ? false : _d, _e = _a.isRemovable, isRemovable = _e === void 0 ? false : _e, _f = _a.isDownloadable, isDownloadable = _f === void 0 ? false : _f, _g = _a.isDisabled, isDisabled = _g === void 0 ? false : _g, _h = _a.isLoading, isLoading = _h === void 0 ? false : _h, _j = _a.width, width = _j === void 0 ? 100 : _j, _k = _a.displaySize, displaySize = _k === void 0 ? DISPLAY_SIZE.normal : _k, fileColor = _a.fileColor, downloadColor = _a.downloadColor, removeColor = _a.removeColor, fileIcon = _a.fileIcon, onClick = _a.onClick, onRemove = _a.onRemove, onDownload = _a.onDownload;
|
|
28
28
|
var handleAttachmentClick = function () { return !isLoading && !isDisabled && onClick && onClick(fileName); };
|
|
29
29
|
var handleAttachmentRemove = function (event) {
|
|
30
|
-
if (
|
|
30
|
+
if (onRemove) {
|
|
31
31
|
event.stopPropagation();
|
|
32
32
|
onRemove(fileName);
|
|
33
33
|
}
|
|
@@ -51,9 +51,7 @@ var AttachedFile = function (_a) {
|
|
|
51
51
|
}) }, { children: [_jsx("p", __assign({ className: classNames('smartapp-attached-file__value--info__name', "smartapp-attached-file__value--info__name--".concat(displaySize), {
|
|
52
52
|
'smartapp-attached-file__value--info__name--disabled': isDisabled,
|
|
53
53
|
'smartapp-attached-file__value--info__name--loading': isLoading,
|
|
54
|
-
}) }, { children: fileName })), _jsx("p", __assign({ className: "smartapp-attached-file__value--info__weight" }, { children: "".concat(weight, " ").concat(weightType) }))] })), _jsxs("div", __assign({ className: "smartapp-attached-file__value--icons" }, { children: [isRemovable && (_jsx("div", __assign({ onClick: handleAttachmentRemove, className: classNames('smartapp-attached-file__value--
|
|
55
|
-
'smartapp-attached-file__value--icons__close--loading': isLoading,
|
|
56
|
-
}) }, { children: _jsx(RemoveIcon, { style: { color: getColor(removeColor, getDefaultGrayColorForIcon(theme)) } }) }))), isDownloadable && (_jsx("div", __assign({ onClick: handleAttachmentDownload, className: classNames('smartapp-attached-file__value--icons__download', {
|
|
54
|
+
}) }, { children: fileName })), _jsx("p", __assign({ className: "smartapp-attached-file__value--info__weight" }, { children: "".concat(weight, " ").concat(weightType) }))] })), _jsxs("div", __assign({ className: "smartapp-attached-file__value--icons" }, { children: [isRemovable && (_jsx("div", __assign({ onClick: handleAttachmentRemove, className: "smartapp-attached-file__value--icons__close" }, { children: _jsx(RemoveIcon, { style: { color: getColor(removeColor, getDefaultGrayColorForIcon(theme)) } }) }))), isDownloadable && (_jsx("div", __assign({ onClick: handleAttachmentDownload, className: classNames('smartapp-attached-file__value--icons__download', {
|
|
57
55
|
'smartapp-attached-file__value--icons__download--disabled': isDisabled,
|
|
58
56
|
'smartapp-attached-file__value--icons__download--loading': isLoading,
|
|
59
57
|
}) }, { children: _jsx(DownloadIcon, { style: { color: getColor(downloadColor, COLORS.blue) } }) })))] }))] }))] }), weight));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttachedFile.js","sourceRoot":"","sources":["../../../../src/сomponents/AttachedFile/AttachedFile.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAC3E,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAChF,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,0CAA0C,CAAA;AACvF,OAAO,EAAE,QAAQ,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,0BAA0B,CAAA;AAEjC,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,iCAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,IAAM,YAAY,GAAG,UAAC,EAoBD;QAnBnB,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,mCAAmC,EAAnC,2BAA2B,mBAAG,KAAK,KAAA,EACnC,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,mBAAiC,EAAjC,WAAW,mBAAG,YAAY,CAAC,MAAM,KAAA,EACjC,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,UAAU,gBAAA;IAEV,IAAM,qBAAqB,GAAG,cAAM,OAAA,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAzD,CAAyD,CAAA;IAE7F,IAAM,sBAAsB,GAAG,UAAC,KAAuC;QACrE,IAAI,
|
|
1
|
+
{"version":3,"file":"AttachedFile.js","sourceRoot":"","sources":["../../../../src/сomponents/AttachedFile/AttachedFile.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAC3E,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAChF,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,0CAA0C,CAAA;AACvF,OAAO,EAAE,QAAQ,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,0BAA0B,CAAA;AAEjC,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,iCAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,IAAM,YAAY,GAAG,UAAC,EAoBD;QAnBnB,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,mCAAmC,EAAnC,2BAA2B,mBAAG,KAAK,KAAA,EACnC,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,mBAAiC,EAAjC,WAAW,mBAAG,YAAY,CAAC,MAAM,KAAA,EACjC,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,UAAU,gBAAA;IAEV,IAAM,qBAAqB,GAAG,cAAM,OAAA,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAzD,CAAyD,CAAA;IAE7F,IAAM,sBAAsB,GAAG,UAAC,KAAuC;QACrE,IAAI,QAAQ,EAAE;YACZ,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,QAAQ,CAAC,QAAQ,CAAC,CAAA;SACnB;IACH,CAAC,CAAA;IAED,IAAM,wBAAwB,GAAG,UAAC,KAAuC;QACvE,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,UAAU,EAAE;YAC3C,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,UAAU,CAAC,QAAQ,CAAC,CAAA;SACrB;IACH,CAAC,CAAA;IAED,OAAO,CACL,wBAEE,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,KAAK,MAAG,EAAE,EAC7B,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,kCAA2B,KAAK,CAAE,EAAE;YAClF,mCAAmC,EAAE,OAAO;YAC5C,kCAAkC,EAAE,UAAU;YAC9C,iCAAiC,EAAE,SAAS;SAC7C,CAAC,EACF,OAAO,EAAE,qBAAqB,iBAE9B,wBACE,SAAS,EAAE,UAAU,CAAC,8BAA8B,EAAE,wCAAiC,WAAW,CAAE,EAAE;oBACpG,wCAAwC,EAAE,2BAA2B;oBACrE,wCAAwC,EAAE,UAAU;oBACpD,uCAAuC,EAAE,SAAS,IAAI,CAAC,2BAA2B;iBACnF,CAAC,iBAED,QAAQ,IAAI,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,0BAA0B,CAAC,KAAK,CAAC,CAAC,EAAE,GAAI,EAClG,SAAS,IAAI,CACZ,uBAAK,SAAS,EAAE,UAAU,CAAC,sCAAsC,EAAE,gDAAyC,WAAW,CAAE,CAAC,gBACxH,KAAC,UAAU,KAAG,IACV,CACP,KACG,EACN,wBAAK,SAAS,EAAE,UAAU,CAAC,+BAA+B,EAAE,EAAE,uBAAuB,EAAE,cAAc,EAAE,CAAC,iBACtG,wBACE,SAAS,EAAE,UAAU,CAAC,qCAAqC,EAAE;4BAC3D,+CAA+C,EAAE,2BAA2B,IAAI,WAAW,KAAK,YAAY,CAAC,MAAM;yBACpH,CAAC,iBAEF,qBACE,SAAS,EAAE,UAAU,CAAC,2CAA2C,EAAE,qDAA8C,WAAW,CAAE,EAAE;oCAC9H,qDAAqD,EAAE,UAAU;oCACjE,oDAAoD,EAAE,SAAS;iCAChE,CAAC,gBAED,QAAQ,IACP,EACJ,qBAAG,SAAS,EAAC,6CAA6C,gBAAE,UAAG,MAAM,cAAI,UAAU,CAAE,IAAK,KACtF,EACN,wBAAK,SAAS,EAAC,sCAAsC,iBAClD,WAAW,IAAI,CACd,uBAAK,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAC,6CAA6C,gBAC3F,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,WAAW,EAAE,0BAA0B,CAAC,KAAK,CAAC,CAAC,EAAE,GAAI,IACtF,CACP,EACA,cAAc,IAAI,CACjB,uBACE,OAAO,EAAE,wBAAwB,EACjC,SAAS,EAAE,UAAU,CAAC,gDAAgD,EAAE;oCACtE,0DAA0D,EAAE,UAAU;oCACtE,yDAAyD,EAAE,SAAS;iCACrE,CAAC,gBAEF,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,GAAI,IACpE,CACP,KACG,KACF,MAzDD,MAAM,CA0DP,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IAvatarProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Avatar: ({ theme, isSelected, isHighlighted, isSpam, isCrown, size, username, initials, avatar, counter, onClick, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Avatar: ({ theme, isSelected, isHighlighted, isSpam, isCrown, size, username, initials, avatar, counter, outlineDefaultBackground, outlineDarkBackground, onClick, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Avatar;
|
|
@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import classNames from 'classnames';
|
|
14
14
|
import { getInitials, getPercentageOfValue, isDarkTheme, userNameToColor } from '../../helpers';
|
|
15
15
|
import { AvatarFontSizes } from './types';
|
|
16
|
-
import { COLORS, THEME } from '../../constants';
|
|
16
|
+
import { COLORS, MAX_NUMBER_OF_CHARACTERS_IN_INITIALS, THEME } from '../../constants';
|
|
17
17
|
import { ReactComponent as TickIcon } from '../../assets/icons/tick.svg';
|
|
18
18
|
import { ReactComponent as InfoIcon } from '../../assets/icons/info.svg';
|
|
19
19
|
import { ReactComponent as CrownIcon } from '../../assets/icons/crown.svg';
|
|
@@ -22,7 +22,6 @@ var PERCENTS;
|
|
|
22
22
|
(function (PERCENTS) {
|
|
23
23
|
PERCENTS[PERCENTS["pct_5"] = 5] = "pct_5";
|
|
24
24
|
PERCENTS[PERCENTS["pct_10"] = 10] = "pct_10";
|
|
25
|
-
PERCENTS[PERCENTS["pct_12_5"] = 12.5] = "pct_12_5";
|
|
26
25
|
PERCENTS[PERCENTS["pct_15"] = 15] = "pct_15";
|
|
27
26
|
PERCENTS[PERCENTS["pct_40"] = 40] = "pct_40";
|
|
28
27
|
PERCENTS[PERCENTS["pct_50"] = 50] = "pct_50";
|
|
@@ -30,10 +29,9 @@ var PERCENTS;
|
|
|
30
29
|
PERCENTS[PERCENTS["pct_60"] = 60] = "pct_60";
|
|
31
30
|
PERCENTS[PERCENTS["pct_75"] = 75] = "pct_75";
|
|
32
31
|
})(PERCENTS || (PERCENTS = {}));
|
|
33
|
-
var MAX_NUMBER_OF_CHARACTERS_IN_INITIALS = 2;
|
|
34
32
|
var Avatar = function (_a) {
|
|
35
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isSpam = _a.isSpam, isCrown = _a.isCrown, _c = _a.size, size = _c === void 0 ? 44 : _c, _d = _a.username, username = _d === void 0 ? '' : _d, initials = _a.initials, avatar = _a.avatar, _e = _a.counter, counter = _e === void 0 ? 0 : _e, _f = _a.onClick, onClick =
|
|
36
|
-
var outlineBackground = isDarkTheme(theme) ?
|
|
33
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isSpam = _a.isSpam, isCrown = _a.isCrown, _c = _a.size, size = _c === void 0 ? 44 : _c, _d = _a.username, username = _d === void 0 ? '' : _d, initials = _a.initials, avatar = _a.avatar, _e = _a.counter, counter = _e === void 0 ? 0 : _e, _f = _a.outlineDefaultBackground, outlineDefaultBackground = _f === void 0 ? COLORS.white : _f, _g = _a.outlineDarkBackground, outlineDarkBackground = _g === void 0 ? COLORS.brightBlack : _g, _h = _a.onClick, onClick = _h === void 0 ? function () { return undefined; } : _h;
|
|
34
|
+
var outlineBackground = isDarkTheme(theme) ? outlineDarkBackground : outlineDefaultBackground;
|
|
37
35
|
var outlineWidth = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_5, shouldBeRounded: false });
|
|
38
36
|
var getFontSizeAvatar = function () {
|
|
39
37
|
switch (size) {
|
|
@@ -45,7 +43,8 @@ var Avatar = function (_a) {
|
|
|
45
43
|
case 40: {
|
|
46
44
|
return AvatarFontSizes.small;
|
|
47
45
|
}
|
|
48
|
-
case 44:
|
|
46
|
+
case 44:
|
|
47
|
+
case 48: {
|
|
49
48
|
return AvatarFontSizes.average;
|
|
50
49
|
}
|
|
51
50
|
case 56: {
|
|
@@ -74,14 +73,15 @@ var Avatar = function (_a) {
|
|
|
74
73
|
var width = getPercentageOfValue({ value: size, percentage: isSingleDigitNumber ? PERCENTS.pct_40 : PERCENTS.pct_50 });
|
|
75
74
|
var height = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_40 });
|
|
76
75
|
var fontSize = getPercentageOfValue({ value: height, percentage: PERCENTS.pct_75 });
|
|
77
|
-
var
|
|
76
|
+
var top = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_10 });
|
|
77
|
+
var right = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_15 });
|
|
78
78
|
var borderWidth = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_5, shouldBeRounded: false });
|
|
79
79
|
var borderRadius = isSingleDigitNumber ? '50%' : "".concat(height * 1.5625, "px");
|
|
80
80
|
return (_jsx("div", __assign({ className: "smartapp-avatar__content--counter", style: {
|
|
81
81
|
width: "".concat(width, "px"),
|
|
82
82
|
height: "".concat(height, "px"),
|
|
83
|
-
top: "-".concat(
|
|
84
|
-
right: "-".concat(
|
|
83
|
+
top: "-".concat(top, "px"),
|
|
84
|
+
right: "-".concat(right, "px"),
|
|
85
85
|
fontSize: "".concat(fontSize, "px"),
|
|
86
86
|
border: "".concat(borderWidth, "px solid ").concat(outlineBackground),
|
|
87
87
|
borderRadius: borderRadius,
|
|
@@ -89,7 +89,7 @@ var Avatar = function (_a) {
|
|
|
89
89
|
};
|
|
90
90
|
var renderCrown = function () {
|
|
91
91
|
var bottom = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_10 });
|
|
92
|
-
var right = getPercentageOfValue({ value: size, percentage: PERCENTS.
|
|
92
|
+
var right = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_15 });
|
|
93
93
|
var crownSize = getPercentageOfValue({ value: size, percentage: PERCENTS.pct_50 });
|
|
94
94
|
return (_jsx(CrownIcon, { className: "smartapp-avatar__content--crown", width: crownSize, height: crownSize, color: outlineBackground, style: { bottom: "-".concat(bottom, "px"), right: "-".concat(right, "px") } }));
|
|
95
95
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/F,OAAO,EAAE,eAAe,EAAgB,MAAM,SAAS,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/F,OAAO,EAAE,eAAe,EAAgB,MAAM,SAAS,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,oCAAoC,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACrF,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAC1E,OAAO,0BAA0B,CAAA;AAEjC,IAAK,QASJ;AATD,WAAK,QAAQ;IACX,yCAAS,CAAA;IACT,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;AACb,CAAC,EATI,QAAQ,KAAR,QAAQ,QASZ;AAED,IAAM,MAAM,GAAG,UAAC,EAcD;QAbb,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,UAAU,gBAAA,EACV,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,OAAO,aAAA,EACP,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,gCAAuC,EAAvC,wBAAwB,mBAAG,MAAM,CAAC,KAAK,KAAA,EACvC,6BAA0C,EAA1C,qBAAqB,mBAAG,MAAM,CAAC,WAAW,KAAA,EAC1C,eAAyB,EAAzB,OAAO,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA;IAEzB,IAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,wBAAwB,CAAA;IAC/F,IAAM,YAAY,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAA;IAE9G,IAAM,iBAAiB,GAAG;QACxB,QAAQ,IAAI,EAAE;YACZ,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC,CAAC;gBACP,OAAO,eAAe,CAAC,MAAM,CAAA;aAC9B;YACD,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC,CAAC;gBACP,OAAO,eAAe,CAAC,KAAK,CAAA;aAC7B;YACD,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC,CAAC;gBACP,OAAO,eAAe,CAAC,OAAO,CAAA;aAC/B;YACD,KAAK,EAAE,CAAC,CAAC;gBACP,OAAO,eAAe,CAAC,IAAI,CAAA;aAC5B;YACD,KAAK,GAAG,CAAC,CAAC;gBACR,OAAO,eAAe,CAAC,QAAQ,CAAA;aAChC;SACF;IACH,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG,cAAM,OAAA,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAC,CAAC,EAAE,oCAAoC,EAAE,WAAW,EAAE,KAAI,WAAW,CAAC,QAAQ,CAAC,EAA/F,CAA+F,CAAA;IAEhI,IAAM,aAAa,GAAG;QACpB,IAAI,UAAU,EAAE;YACd,IAAM,QAAQ,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;YACnF,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAI,CAAA;SACvD;QAED,IAAI,MAAM,EAAE;YACV,IAAM,QAAQ,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;YACnF,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAI,CAAA;SACvD;QAED,OAAO,MAAM,CAAC,CAAC,CAAC,cAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAA;IAC1E,CAAC,CAAA;IAED,IAAM,aAAa,GAAG;QACpB,IAAM,mBAAmB,GAAG,OAAO,IAAI,CAAC,CAAA;QACxC,IAAM,WAAW,GAAG,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;QACxD,IAAM,KAAK,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACxH,IAAM,MAAM,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACjF,IAAM,QAAQ,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACrF,IAAM,GAAG,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QAC9E,IAAM,KAAK,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QAChF,IAAM,WAAW,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAA;QAC7G,IAAM,YAAY,GAAG,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,MAAM,GAAG,MAAM,OAAI,CAAA;QAEzE,OAAO,CACL,uBACE,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE;gBACL,KAAK,EAAE,UAAG,KAAK,OAAI;gBACnB,MAAM,EAAE,UAAG,MAAM,OAAI;gBACrB,GAAG,EAAE,WAAI,GAAG,OAAI;gBAChB,KAAK,EAAE,WAAI,KAAK,OAAI;gBACpB,QAAQ,EAAE,UAAG,QAAQ,OAAI;gBACzB,MAAM,EAAE,UAAG,WAAW,sBAAY,iBAAiB,CAAE;gBACrD,YAAY,cAAA;aACb,gBAEA,WAAW,IACR,CACP,CAAA;IACH,CAAC,CAAA;IAED,IAAM,WAAW,GAAG;QAClB,IAAM,MAAM,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACjF,IAAM,KAAK,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QAChF,IAAM,SAAS,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QAEpF,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,EAAE,MAAM,EAAE,WAAI,MAAM,OAAI,EAAE,KAAK,EAAE,WAAI,KAAK,OAAI,EAAE,GACvD,CACH,CAAA;IACH,CAAC,CAAA;IAED,IAAM,sBAAsB,GAAG,cAAM,OAAA,CAAC;QACpC,KAAK,EAAE,UAAG,IAAI,OAAI;QAClB,QAAQ,EAAE,UAAG,IAAI,OAAI;QACrB,MAAM,EAAE,UAAG,IAAI,OAAI;QACnB,QAAQ,EAAE,iBAAiB,EAAE;QAC7B,UAAU,EAAE,eAAe,CAAC,QAAQ,CAAC;KACtC,CAAC,EANmC,CAMnC,CAAA;IAEF,OAAO,CACL,uBACE,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,2BAAoB,KAAK,CAAE,EAAE,EAAE,0BAA0B,EAAE,aAAa,EAAE,CAAC,EACpH,KAAK,EAAE,EAAE,wBAAwB,EAAE,UAAG,YAAY,OAAI,EAAyB,EAC/E,OAAO,EAAE,OAAO,gBAEhB,wBACE,KAAK,EAAE,sBAAsB,EAAE,EAC/B,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE;gBAChD,gCAAgC,EAAE,MAAM;aACzC,CAAC,iBAED,CAAC,CAAC,OAAO,IAAI,aAAa,EAAE,EAC5B,aAAa,EAAE,EACf,OAAO,IAAI,WAAW,EAAE,KACrB,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -4,11 +4,13 @@ export interface IAvatarProps extends IThemeProps {
|
|
|
4
4
|
isHighlighted?: boolean;
|
|
5
5
|
isSpam?: boolean;
|
|
6
6
|
isCrown?: boolean;
|
|
7
|
-
size?: 20 | 24 | 32 | 40 | 44 | 56 | 100;
|
|
7
|
+
size?: 20 | 24 | 32 | 40 | 44 | 48 | 56 | 100;
|
|
8
8
|
username?: string;
|
|
9
9
|
initials?: string;
|
|
10
|
-
avatar?: string;
|
|
10
|
+
avatar?: string | null;
|
|
11
11
|
counter?: number;
|
|
12
|
+
outlineDefaultBackground?: string;
|
|
13
|
+
outlineDarkBackground?: string;
|
|
12
14
|
onClick?: () => void;
|
|
13
15
|
}
|
|
14
16
|
export declare enum AvatarFontSizes {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/types.ts"],"names":[],"mappings":"AAiBA,MAAM,CAAN,IAAY,eAMX;AAND,WAAY,eAAe;IACzB,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,mCAAgB,CAAA;IAChB,gCAAa,CAAA;IACb,oCAAiB,CAAA;AACnB,CAAC,EANW,eAAe,KAAf,eAAe,QAM1B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IChipProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Chip: ({ theme, name, avatar, isAvatarHidden, isError, iconColor, onDelete }: IChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Chip: ({ theme, name, avatar, isAvatarHidden, isDisabled, isError, iconColor, onDelete, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Chip;
|
|
@@ -13,13 +13,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import { useEffect, useRef } from 'react';
|
|
14
14
|
import Avatar from '../Avatar';
|
|
15
15
|
import { getClassNames, getColor } from '../../helpers';
|
|
16
|
-
import { COLORS, ERROR_CLASSNAME, THEME } from '../../constants';
|
|
16
|
+
import { COLORS, DISABLED_CLASSNAME, ERROR_CLASSNAME, THEME } from '../../constants';
|
|
17
17
|
import { ReactComponent as DeleteIcon } from '../../assets/icons/delete-chip.svg';
|
|
18
18
|
import '../../styles/styles.scss';
|
|
19
19
|
var Chip = function (_a) {
|
|
20
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, name = _a.name, avatar = _a.avatar, _c = _a.isAvatarHidden, isAvatarHidden = _c === void 0 ? false : _c, _d = _a.
|
|
21
|
-
var
|
|
20
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, name = _a.name, avatar = _a.avatar, _c = _a.isAvatarHidden, isAvatarHidden = _c === void 0 ? false : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isError, isError = _e === void 0 ? false : _e, iconColor = _a.iconColor, onDelete = _a.onDelete;
|
|
21
|
+
var isChipDisabled = isError ? false : isDisabled;
|
|
22
22
|
var chipRef = useRef(null);
|
|
23
|
+
var generateAdditionalClassName = function () {
|
|
24
|
+
var classNames = [theme];
|
|
25
|
+
isError && classNames.push(ERROR_CLASSNAME);
|
|
26
|
+
isChipDisabled && classNames.push(DISABLED_CLASSNAME);
|
|
27
|
+
return classNames;
|
|
28
|
+
};
|
|
23
29
|
useEffect(function () {
|
|
24
30
|
window.addEventListener('mouseup', handleMouseUp);
|
|
25
31
|
return function () {
|
|
@@ -28,7 +34,7 @@ var Chip = function (_a) {
|
|
|
28
34
|
}, []);
|
|
29
35
|
var handleMouseDown = function () { var _a; return (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-chip__pressed'); };
|
|
30
36
|
var handleMouseUp = function () { var _a; return (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-chip__pressed'); };
|
|
31
|
-
return (_jsxs("div", __assign({ ref: chipRef, className: getClassNames('smartapp-chip', '__', additionalClassName) }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__info" }, { children: [!isAvatarHidden && !isError && _jsx(Avatar, { username: name, avatar: avatar, size: 24 }), _jsx("p", __assign({ className: "smartapp-chip__info--name" }, { children: name }))] })), onDelete && (_jsx("div", __assign({ className: "smartapp-chip__delete-icon", onClick: function () { return onDelete(name); }, onMouseDown: handleMouseDown }, { children: _jsx(DeleteIcon, { style: { color: getColor(iconColor, isError ? COLORS.darkRed : COLORS.darkerGray) } }) })))] })));
|
|
37
|
+
return (_jsxs("div", __assign({ ref: chipRef, className: getClassNames({ className: 'smartapp-chip', delimiter: '__', additionalClassName: generateAdditionalClassName() }) }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__info" }, { children: [!isAvatarHidden && !isError && _jsx(Avatar, { username: name, avatar: avatar, size: 24 }), _jsx("p", __assign({ className: "smartapp-chip__info--name" }, { children: name }))] })), !isChipDisabled && onDelete && (_jsx("div", __assign({ className: "smartapp-chip__delete-icon", onClick: function () { return onDelete(name); }, onMouseDown: handleMouseDown }, { children: _jsx(DeleteIcon, { style: { color: getColor(iconColor, isError ? COLORS.darkRed : COLORS.darkerGray) } }) })))] })));
|
|
32
38
|
};
|
|
33
39
|
export default Chip;
|
|
34
40
|
//# sourceMappingURL=Chip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/сomponents/Chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/сomponents/Chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEpF,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAA;AACjF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,IAAI,GAAG,UAAC,EASD;QARX,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,SAAS,eAAA,EACT,QAAQ,cAAA;IAER,IAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAA;IACnD,IAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEnD,IAAM,2BAA2B,GAAG;QAClC,IAAM,UAAU,GAAa,CAAC,KAAK,CAAC,CAAA;QAEpC,OAAO,IAAI,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;QAC3C,cAAc,IAAI,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;QAErD,OAAO,UAAU,CAAA;IACnB,CAAC,CAAA;IAED,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAA,EAAA,CAAA;IACtF,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAA,EAAA,CAAA;IAEvF,OAAO,CACL,wBAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,EAAE,CAAC,iBAC9I,wBAAK,SAAS,EAAC,qBAAqB,iBACjC,CAAC,cAAc,IAAI,CAAC,OAAO,IAAI,KAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,GAAI,EACpF,qBAAG,SAAS,EAAC,2BAA2B,gBAAE,IAAI,IAAK,KAC/C,EACL,CAAC,cAAc,IAAI,QAAQ,IAAI,CAC9B,uBAAK,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,EAAE,WAAW,EAAE,eAAe,gBACrG,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,GAAI,IAC/F,CACP,KACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -37,7 +37,7 @@ var ConfirmationModal = function (_a) {
|
|
|
37
37
|
document === null || document === void 0 ? void 0 : document.removeEventListener('mousedown', checkIfClickedOutside, true);
|
|
38
38
|
};
|
|
39
39
|
}, [isModalOpen, isClosableOutside, cancelButtonFunction]);
|
|
40
|
-
return (_jsx(Popup, __assign({ className: getClassNames('confirmation-modal', '-', platform), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames('smartapp-confirmation-modal', '__', additionalClassName) }, { children: _jsxs("div", __assign({ className: getClassNames('smartapp-confirmation-modal__content', '--', platform) }, { children: [title && (_jsx("p", __assign({ className: "smartapp-confirmation-modal__content--title", style: titleStyles }, { children: title }))), isClosableOutside && (_jsx("div", __assign({ onClick: cancelButtonFunction, className: "smartapp-confirmation-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor, getDefaultGrayColorForIcon(theme)) } }) }))), _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 })] }))] })) })) })));
|
|
40
|
+
return (_jsx(Popup, __assign({ className: getClassNames({ className: 'confirmation-modal', delimiter: '-', additionalClassName: platform }), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames({ className: 'smartapp-confirmation-modal', delimiter: '__', additionalClassName: additionalClassName }) }, { 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 }))), isClosableOutside && (_jsx("div", __assign({ onClick: cancelButtonFunction, className: "smartapp-confirmation-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor, getDefaultGrayColorForIcon(theme)) } }) }))), _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 })] }))] })) })) })));
|
|
41
41
|
};
|
|
42
42
|
export default ConfirmationModal;
|
|
43
43
|
//# 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,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACjF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrG,OAAO,0BAA0B,CAAA;AAEjC,IAAM,iBAAiB,GAAG,UAAC,EAeD;QAdxB,WAAW,iBAAA,EACX,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,gBAAgB,sBAAA,EAChB,iBAAiB,uBAAA,EACjB,oBAAoB,0BAAA,EACpB,qBAAqB,2BAAA,EACrB,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,gBAAuB,EAAvB,QAAQ,mBAAG,QAAQ,CAAC,GAAG,KAAA,EACvB,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,eAAe,qBAAA;IAEf,IAAM,mBAAmB,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IACxG,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;IACtD,IAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAExC,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,iCAAiC,EAAE,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA;IAC5H,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,SAAS,CAAC;QACR,IAAM,qBAAqB,GAAG,UAAC,CAAkB;YAC/C,IAAI,WAAW,IAAI,iBAAiB,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;gBACtF,oBAAoB,EAAE,CAAA;aACvB;QACH,CAAC,CAAA;QAED,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,gBAAgB,CAAC,WAAW,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAA;QAEpE,OAAO;YACL,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,mBAAmB,CAAC,WAAW,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAA;QACzE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,EAAE,oBAAoB,CAAC,CAAC,CAAA;IAE1D,OAAO,CACL,KAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"ConfirmationModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ConfirmationModal/ConfirmationModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,7 +40,7 @@ var ContextMenu = function (_a) {
|
|
|
40
40
|
if (!isMenuOpen) {
|
|
41
41
|
return null;
|
|
42
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 })) })));
|
|
43
|
+
return (_jsx("div", __assign({ className: "smartapp-context-menu", onClick: handleMenuClose, onContextMenu: handleContextMenu }, { children: _jsx("div", __assign({ ref: elementRef, className: getClassNames({ className: 'smartapp-context-menu__items', delimiter: '--', additionalClassName: theme }), style: contextMenuStyles }, { children: contextMenuItems })) })));
|
|
44
44
|
};
|
|
45
45
|
export default ContextMenu;
|
|
46
46
|
//# sourceMappingURL=ContextMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,8 @@ var DragAndDrop = function (_a) {
|
|
|
22
22
|
var placeholder = _a.placeholder, options = _a.options, onDragEndFunction = _a.onDragEndFunction, onChangeIsCompletedOption = _a.onChangeIsCompletedOption, onChangeOption = _a.onChangeOption, onClickDeleteOption = _a.onClickDeleteOption, width = _a.width, checkboxColor = _a.checkboxColor, orderColor = _a.orderColor, deleteColor = _a.deleteColor;
|
|
23
23
|
var _b = useState(false), isOnDragStart = _b[0], setIsOnDragStart = _b[1];
|
|
24
24
|
var isCheckbox = function (option) { return (option === null || option === void 0 ? void 0 : option.isCompleted) !== undefined; };
|
|
25
|
-
var reorderOptions = function (
|
|
25
|
+
var reorderOptions = function (_a) {
|
|
26
|
+
var options = _a.options, startIndex = _a.startIndex, endIndex = _a.endIndex;
|
|
26
27
|
var result = Array.from(options);
|
|
27
28
|
result.forEach(function (item, index) {
|
|
28
29
|
if (startIndex > endIndex && index < startIndex && index >= endIndex) {
|
|
@@ -47,7 +48,7 @@ var DragAndDrop = function (_a) {
|
|
|
47
48
|
if (!(result === null || result === void 0 ? void 0 : result.destination)) {
|
|
48
49
|
return;
|
|
49
50
|
}
|
|
50
|
-
var newOptions = reorderOptions(options, result.source.index, result.destination.index);
|
|
51
|
+
var newOptions = reorderOptions({ options: options, startIndex: result.source.index, endIndex: result.destination.index });
|
|
51
52
|
onDragEndFunction(newOptions);
|
|
52
53
|
};
|
|
53
54
|
return (_jsx("div", __assign({ style: { width: "".concat(width, "%") }, className: "smartapp-drag-drop" }, { children: _jsx(DragDropContext, __assign({ onDragStart: onDragStart, onDragEnd: onDragEnd }, { children: _jsx(Droppable, __assign({ droppableId: "droppable" }, { children: function (provided) { return (_jsx("div", __assign({}, provided.droppableProps, { ref: provided.innerRef, className: "smartapp-drag-drop__container" }, { children: options === null || options === void 0 ? void 0 : options.map(function (instanceOption, index) { return (_jsx(Draggable, __assign({ draggableId: instanceOption.id, index: index }, { children: function (provided) { return (_jsxs("div", __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { className: "smartapp-drag-drop__container--instance" }, { children: [_jsxs("div", __assign({ className: "smartapp-drag-drop__container--instance__info" }, { children: [isCheckbox(instanceOption) && onChangeIsCompletedOption && (_jsx(CheckBox, { id: instanceOption.id, isChecked: instanceOption.isCompleted, checkedColor: checkboxColor, onChange: function () { return onChangeIsCompletedOption(instanceOption); } })), onChangeOption ? (_jsx("input", { onChange: function (e) { return onChangeOption && onChangeOption(e, instanceOption); }, defaultValue: instanceOption.defaultValue, className: "smartapp-drag-drop__container--instance__info--name", type: "text", enterKeyHint: "enter", placeholder: placeholder }, instanceOption === null || instanceOption === void 0 ? void 0 : instanceOption.id)) : (_jsx("p", __assign({ className: "smartapp-drag-drop__container--instance__info--name" }, { children: instanceOption.defaultValue })))] })), _jsxs("div", __assign({ className: "smartapp-drag-drop__container--instance__icons" }, { children: [_jsx(OrderIcon, { style: { color: getColor(orderColor, COLORS.gray) } }), onClickDeleteOption && (_jsx(DeleteIcon, { className: "cp", style: { color: getColor(deleteColor, COLORS.blue) }, onClick: function () { return onClickDeleteOption(instanceOption); } }))] }))] }))); } }), instanceOption.id)); }) }))); } })) })) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DragAndDrop.js","sourceRoot":"","sources":["../../../../src/сomponents/DragAndDrop/DragAndDrop.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC3E,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAC1E,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAC3E,OAAO,QAAQ,MAAM,aAAa,CAAA;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,0BAA0B,CAAA;AAEjC,IAAM,WAAW,GAAG,UAAC,EAWD;QAVlB,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,iBAAiB,uBAAA,EACjB,yBAAyB,+BAAA,EACzB,cAAc,oBAAA,EACd,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,WAAW,iBAAA;IAEL,IAAA,KAAoC,QAAQ,CAAU,KAAK,CAAC,EAA3D,aAAa,QAAA,EAAE,gBAAgB,QAA4B,CAAA;IAElE,IAAM,UAAU,GAAG,UAAC,MAA0B,IAAK,OAAA,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,MAAK,SAAS,EAAjC,CAAiC,CAAA;IAEpF,IAAM,cAAc,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"DragAndDrop.js","sourceRoot":"","sources":["../../../../src/сomponents/DragAndDrop/DragAndDrop.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IModalProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Modal: ({ isModalOpen, isFullScreen, isClosableOutside, content, handleCloseModal, title, theme, platform, titleStyles, iconColor, backgroundColor, }: IModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Modal: ({ isModalOpen, isFullScreen, isClosableOutside, content, handleCloseModal, title, theme, platform, titleStyles, contentStyles, iconColor, backgroundColor, }: IModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Modal;
|
|
@@ -14,10 +14,10 @@ import { useEffect, useRef } from 'react';
|
|
|
14
14
|
import Popup from 'reactjs-popup';
|
|
15
15
|
import { ReactComponent as CloseIcon } from '../../assets/icons/cancel-cross.svg';
|
|
16
16
|
import { COLORS, FULL_SCREEN_CLASS_NAME, PLATFORM, THEME } from '../../constants';
|
|
17
|
-
import { getClassNames, getColor, getDefaultGrayColorForIcon } from '../../helpers';
|
|
17
|
+
import { getClassNames, getColor, getDefaultGrayColorForIcon, isMobilePlatform } from '../../helpers';
|
|
18
18
|
import '../../styles/styles.scss';
|
|
19
19
|
var Modal = function (_a) {
|
|
20
|
-
var isModalOpen = _a.isModalOpen, _b = _a.isFullScreen, isFullScreen = _b === void 0 ? false : _b, _c = _a.isClosableOutside, isClosableOutside = _c === void 0 ? true : _c, content = _a.content, handleCloseModal = _a.handleCloseModal, title = _a.title, _d = _a.theme, theme = _d === void 0 ? THEME.default : _d, _e = _a.platform, platform = _e === void 0 ? PLATFORM.web : _e, titleStyles = _a.titleStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor;
|
|
20
|
+
var isModalOpen = _a.isModalOpen, _b = _a.isFullScreen, isFullScreen = _b === void 0 ? false : _b, _c = _a.isClosableOutside, isClosableOutside = _c === void 0 ? true : _c, content = _a.content, handleCloseModal = _a.handleCloseModal, title = _a.title, _d = _a.theme, theme = _d === void 0 ? THEME.default : _d, _e = _a.platform, platform = _e === void 0 ? PLATFORM.web : _e, titleStyles = _a.titleStyles, contentStyles = _a.contentStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor;
|
|
21
21
|
var additionalClassName = isFullScreen ? [theme, platform, FULL_SCREEN_CLASS_NAME] : [theme, platform];
|
|
22
22
|
var ref = useRef(null);
|
|
23
23
|
useEffect(function () {
|
|
@@ -34,7 +34,7 @@ var Modal = function (_a) {
|
|
|
34
34
|
document === null || document === void 0 ? void 0 : document.removeEventListener('mousedown', checkIfClickedOutside, true);
|
|
35
35
|
};
|
|
36
36
|
}, [isModalOpen, isClosableOutside, handleCloseModal]);
|
|
37
|
-
return (_jsx(Popup, __assign({ className: getClassNames('modal', '-', platform), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames('smartapp-modal', '__', additionalClassName) }, { children: _jsxs("div", __assign({ className: getClassNames('smartapp-modal__content', '--', platform) }, { children: [title && (_jsx("p", __assign({ className: "smartapp-modal__content--title", style: titleStyles }, { children: title }))), isClosableOutside && (_jsx("div", __assign({ onClick: handleCloseModal, className: "smartapp-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor, getDefaultGrayColorForIcon(theme)) } }) }))), content] })) })) })));
|
|
37
|
+
return (_jsx(Popup, __assign({ className: getClassNames({ className: 'modal', delimiter: '-', additionalClassName: platform }), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames({ className: 'smartapp-modal', delimiter: '__', additionalClassName: additionalClassName }) }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-modal__content', delimiter: '--', additionalClassName: platform }), style: contentStyles }, { children: [title && (_jsx("p", __assign({ className: "smartapp-modal__content--title", style: titleStyles }, { children: title }))), isClosableOutside && !isMobilePlatform(platform) && (_jsx("div", __assign({ onClick: handleCloseModal, className: "smartapp-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor, getDefaultGrayColorForIcon(theme)) } }) }))), content] })) })) })));
|
|
38
38
|
};
|
|
39
39
|
export default Modal;
|
|
40
40
|
//# 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,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAA;AACjF,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACjF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
import { useEffect, useRef, useState } from 'react';
|
|
7
|
+
import { COLORS, THEME } from '../../constants';
|
|
8
|
+
import { getColor, isDarkTheme } from '../../helpers';
|
|
9
|
+
import '../../styles/styles.scss';
|
|
10
|
+
import styled, { css, keyframes } from 'styled-components';
|
|
11
|
+
// animation gradient size
|
|
12
|
+
var startEdgeGradientSize = '8.26%';
|
|
13
|
+
var centerGradientSize = '39.24%';
|
|
14
|
+
var endEdgeGradientSize = '70.22%';
|
|
15
|
+
export var Skeleton = function (_a) {
|
|
16
|
+
var className = _a.className, baseColor = _a.baseColor, width = _a.width, height = _a.height, _b = _a.borderRadius, borderRadius = _b === void 0 ? 8 : _b, circle = _a.circle, _c = _a.theme, theme = _c === void 0 ? THEME.default : _c,
|
|
17
|
+
// needed to determine the offset, the left border must coincide with the left border of the skeletons (without padding in container)
|
|
18
|
+
containerRef = _a.containerRef,
|
|
19
|
+
// if not default, then it must be specified for all skeletons
|
|
20
|
+
_d = _a.animationDuration,
|
|
21
|
+
// if not default, then it must be specified for all skeletons
|
|
22
|
+
animationDuration = _d === void 0 ? 2 : _d, _e = _a.initialOffset, initialOffset = _e === void 0 ? -200 : _e;
|
|
23
|
+
var skeletonRef = useRef(null);
|
|
24
|
+
var _f = useState({ container: { left: 0, width: 0 }, item: { left: 0, width: 0 } }), position = _f[0], setPosition = _f[1];
|
|
25
|
+
//after mount set offset sizes
|
|
26
|
+
useEffect(function () {
|
|
27
|
+
var containerRefCurrent = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
|
|
28
|
+
var skeletonRefContainerCurrent = skeletonRef === null || skeletonRef === void 0 ? void 0 : skeletonRef.current;
|
|
29
|
+
if (containerRefCurrent && skeletonRefContainerCurrent) {
|
|
30
|
+
var containerLeft = containerRefCurrent.getBoundingClientRect().left || 0;
|
|
31
|
+
var containerWidth = containerRefCurrent.clientWidth || 0;
|
|
32
|
+
var itemLeft = skeletonRefContainerCurrent.getBoundingClientRect().left || 0;
|
|
33
|
+
var itemWidth = skeletonRefContainerCurrent.getBoundingClientRect().width || 0;
|
|
34
|
+
setPosition({ container: { left: containerLeft, width: containerWidth }, item: { left: itemLeft, width: itemWidth } });
|
|
35
|
+
}
|
|
36
|
+
}, [containerRef]);
|
|
37
|
+
var getOffset = function () {
|
|
38
|
+
var diff = position.item.left - position.container.left;
|
|
39
|
+
var startOffset = initialOffset - diff;
|
|
40
|
+
var finalOffset = position.container.width - diff;
|
|
41
|
+
return { startOffset: startOffset, finalOffset: finalOffset };
|
|
42
|
+
};
|
|
43
|
+
var skeletonBackgroundColor = getColor(baseColor, isDarkTheme(theme) ? COLORS.skeletonDarkBg : COLORS.skeletonBg);
|
|
44
|
+
var skeletonGradientCenter = isDarkTheme(theme) ? COLORS.skeletonDarkGradientCenter : COLORS.skeletonGradientCenter;
|
|
45
|
+
var skeletonGradientEdge = COLORS.skeletonGradientEdge;
|
|
46
|
+
var skeletonCSS = {
|
|
47
|
+
width: width,
|
|
48
|
+
height: circle ? width : height,
|
|
49
|
+
minWidth: circle ? width : 0,
|
|
50
|
+
borderRadius: circle ? '50%' : borderRadius,
|
|
51
|
+
backgroundColor: skeletonBackgroundColor,
|
|
52
|
+
backgroundImage: "linear-gradient(\n 90deg,\n ".concat(skeletonGradientEdge, " ").concat(startEdgeGradientSize, ",\n ").concat(skeletonGradientCenter, " ").concat(centerGradientSize, ",\n ").concat(skeletonGradientEdge, " ").concat(endEdgeGradientSize, "\n );"),
|
|
53
|
+
};
|
|
54
|
+
return (_jsx(StyledSkeleton, { "$animationDuration": animationDuration, "$initialOffset": getOffset().startOffset, "$finalOffset": getOffset().finalOffset, "$CSS": skeletonCSS, ref: skeletonRef, className: className }));
|
|
55
|
+
};
|
|
56
|
+
var StyledSkeleton = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n overflow: hidden;\n background-size: 230px;\n background-repeat: no-repeat;\n ", ";\n"], ["\n position: relative;\n overflow: hidden;\n background-size: 230px;\n background-repeat: no-repeat;\n ", ";\n"])), function (_a) {
|
|
57
|
+
var $CSS = _a.$CSS, $animationDuration = _a.$animationDuration, $initialOffset = _a.$initialOffset, $finalOffset = _a.$finalOffset;
|
|
58
|
+
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n animation: ", " ", "s infinite linear;\n ", ";\n "], ["\n animation: ", " ", "s infinite linear;\n ", ";\n "])), flash($initialOffset, $finalOffset), $animationDuration, $CSS);
|
|
59
|
+
});
|
|
60
|
+
var flash = function (initialOffset, finalOffset) { return keyframes(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n 0% {\n background-position: ", "px;\n }\n\n 60%,\n 100% {\n background-position: ", "px;\n }\n"], ["\n 0% {\n background-position: ", "px;\n }\n\n 60%,\n 100% {\n background-position: ", "px;\n }\n"])), initialOffset, finalOffset); };
|
|
61
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
62
|
+
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Skeleton } from './Skeleton';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IThemeProps } from '../../constants';
|
|
3
|
+
type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
|
|
4
|
+
type IntRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;
|
|
5
|
+
export interface ISkeletonProps extends IThemeProps {
|
|
6
|
+
className?: string;
|
|
7
|
+
baseColor?: string;
|
|
8
|
+
width?: number;
|
|
9
|
+
height?: number;
|
|
10
|
+
borderRadius?: number;
|
|
11
|
+
circle?: boolean;
|
|
12
|
+
containerRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
13
|
+
animationDuration?: IntRange<1, 7>;
|
|
14
|
+
initialOffset?: number;
|
|
15
|
+
}
|
|
16
|
+
export {};
|