@expressms/smartapp-ui 2.9.12 → 2.9.13-alpha.1
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/constants/constants.d.ts +1 -0
- package/build/main/constants/constants.js +1 -0
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/index.d.ts +1 -0
- package/build/main/index.js +1 -0
- package/build/main/index.js.map +1 -1
- package/build/main/styles/styles.scss +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +3 -2
- package/build/main//321/201omponents/Avatar/Avatar.js +2 -2
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Chip/Chip.d.ts +3 -2
- package/build/main//321/201omponents/Chip/Chip.js +21 -5
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Chip/types.d.ts +6 -2
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.d.ts +11 -0
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.js +56 -0
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.js.map +1 -0
- package/build/main//321/201omponents/ChipDndContext/index.d.ts +1 -0
- package/build/main//321/201omponents/ChipDndContext/index.js +2 -0
- package/build/main//321/201omponents/ChipDndContext/index.js.map +1 -0
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.d.ts +3 -2
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +10 -13
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +3 -3
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +36 -25
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +3 -3
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +11 -0
- package/build/main//321/201omponents/UserDropdown/types.js.map +1 -1
- package/package.json +3 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { IAvatarProps } from './types';
|
|
2
3
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const
|
|
4
|
-
export default
|
|
4
|
+
declare const _default: React.MemoExoticComponent<({ theme, language, className, styles, avatarRef, isSelected, isHighlighted, isInactive, isSpam, isWarning, isCrown, isEye, isTooltipAvailableOnEye, size, username, initials, avatar, counter, icon, outlineDefaultBackground, outlineDarkBackground, onClick, onMouseDown, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element>;
|
|
5
|
+
export default _default;
|
|
@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
var _a;
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
-
import { useEffect, useRef, useState } from 'react';
|
|
14
|
+
import { memo, useEffect, useRef, useState } from 'react';
|
|
15
15
|
import Popup from 'reactjs-popup';
|
|
16
16
|
import classNames from 'classnames';
|
|
17
17
|
import { calculatePercentageOfValue, createInitials, isDarkTheme, userNameToColor } from '../../helpers';
|
|
@@ -222,5 +222,5 @@ var Avatar = function (_a) {
|
|
|
222
222
|
'smartapp-avatar__content--inactive': isInactive,
|
|
223
223
|
}) }, { children: [!!counter && renderCounter(), isEye && renderEye(), renderContent(), isCrown && renderCrown()] })) })));
|
|
224
224
|
};
|
|
225
|
-
export default Avatar;
|
|
225
|
+
export default memo(Avatar);
|
|
226
226
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAc,EAAiB,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC/E,OAAO,KAAK,MAAM,eAAe,CAAA;AAEjC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,0BAA0B,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACxG,OAAO,EAAE,YAAY,EAAE,eAAe,EAAgB,MAAM,SAAS,CAAA;AACrE,OAAO,EACL,MAAM,EACN,SAAS,EACT,oCAAoC,EACpC,mBAAmB,EACnB,uBAAuB,EACvB,KAAK,GAEN,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAC1E,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC9E,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAC3F,OAAO,0BAA0B,CAAA;AAEjC,IAAK,QAeJ;AAfD,WAAK,QAAQ;IACX,yCAAS,CAAA;IACT,yCAAS,CAAA;IACT,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,kDAAe,CAAA;IACf,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,+CAAa,CAAA;AACf,CAAC,EAfI,QAAQ,KAAR,QAAQ,QAeZ;AAED,IAAM,cAAc,GAAG,GAAG,CAAA;AAC1B,IAAM,qBAAqB,GAAG,GAAG,CAAA;AACjC,IAAM,+BAA+B,GAAG,uCAAuC,CAAA;AAC/E,IAAM,sBAAsB,GAAG,GAAG,CAAA;AAClC,IAAM,sBAAsB,GAAG,qBAAqB,CAAA;AACpD,IAAM,cAAc,GAAG,EAAE,CAAA;AACzB,IAAM,aAAa,GAAG,EAAE,CAAA,CAAC,+BAA+B;AACxD,IAAM,iBAAiB,GAAG,EAAE,CAAA;AAC5B,IAAM,gBAAgB,GAAG,CAAC,CAAA;AAC1B,IAAM,gBAAgB,GAAG,CAAC,CAAA;AAC1B,IAAM,qBAAqB,GAAG,EAAE,CAAA;AAEhC,IAAM,UAAU;IACd,GAAC,SAAS,CAAC,EAAE,IAAG,4CAA4C;IAC5D,GAAC,SAAS,CAAC,EAAE,IAAG,+CAA+C;IAC/D,GAAC,SAAS,CAAC,EAAE,IAAG,0DAA0D;IAC1E,GAAC,SAAS,CAAC,EAAE,IAAG,oDAAoD;IACpE,GAAC,SAAS,CAAC,EAAE,IAAG,gDAAgD;IAChE,GAAC,SAAS,CAAC,EAAE,IAAG,iCAAiC;IACjD,GAAC,SAAS,CAAC,EAAE,IAAG,oCAAoC;IACpD,GAAC,SAAS,CAAC,EAAE,IAAG,wCAAwC;IACxD,GAAC,SAAS,CAAC,EAAE,IAAG,wCAAwC;OACzD,CAAA;AAED,IAAM,MAAM,GAAG,UAAC,EAwBD;QAvBb,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,gBAAuB,EAAvB,QAAQ,mBAAG,SAAS,CAAC,EAAE,KAAA,EACvB,SAAS,eAAA,EACT,MAAM,YAAA,EACN,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,SAAS,eAAA,EACT,OAAO,aAAA,EACP,KAAK,WAAA,EACL,+BAA+B,EAA/B,uBAAuB,mBAAG,KAAK,KAAA,EAC/B,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,IAAI,UAAA,EACJ,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,EACzB,WAAW,iBAAA;IAEX,IAAM,QAAQ,GAAG,MAAM,CAAe,IAAI,CAAC,CAAA;IAC3C,IAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACpD,IAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE7C,IAAA,KAA4B,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAvC,SAAS,QAAA,EAAE,YAAY,QAAgB,CAAA;IACxC,IAAA,KAAsC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAjD,cAAc,QAAA,EAAE,iBAAiB,QAAgB,CAAA;IAClD,IAAA,KAA0B,QAAQ,CAAC,CAAC,CAAC,CAAC,EAArC,QAAQ,QAAA,EAAE,WAAW,QAAgB,CAAA;IACtC,IAAA,KAAoD,QAAQ,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAxF,qBAAqB,QAAA,EAAE,wBAAwB,QAAyC,CAAA;IACzF,IAAA,KAAoC,QAAQ,CAAC,CAAC,CAAC,EAA9C,aAAa,QAAA,EAAE,gBAAgB,QAAe,CAAA;IAC/C,IAAA,KAA4B,QAAQ,CAAwB,IAAI,CAAC,EAAhE,SAAS,QAAA,EAAE,YAAY,QAAyC,CAAA;IACjE,IAAA,KAAwC,QAAQ,CAAC,sBAAsB,CAAC,EAAvE,eAAe,QAAA,EAAE,kBAAkB,QAAoC,CAAA;IAE9E,IAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,CAAA;IACvE,IAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,wBAAwB,CAAA;IAC/F,IAAM,YAAY,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAA;IAEpH,IAAM,sBAAsB,GAAG;QAC7B,QAAQ,IAAI,EAAE;YACZ,KAAK,YAAY,CAAC,OAAO;gBACvB,OAAO,eAAe,CAAC,MAAM,CAAA;YAC/B,KAAK,YAAY,CAAC,OAAO,CAAC;YAC1B,KAAK,YAAY,CAAC,OAAO;gBACvB,OAAO,eAAe,CAAC,KAAK,CAAA;YAC9B,KAAK,YAAY,CAAC,OAAO,CAAC;YAC1B,KAAK,YAAY,CAAC,OAAO,CAAC;YAC1B,KAAK,YAAY,CAAC,OAAO;gBACvB,OAAO,eAAe,CAAC,MAAM,CAAA;YAC/B,KAAK,YAAY,CAAC,OAAO,CAAC;YAC1B,KAAK,YAAY,CAAC,OAAO;gBACvB,OAAO,eAAe,CAAC,MAAM,CAAA;YAC/B,KAAK,YAAY,CAAC,OAAO,CAAC;YAC1B,KAAK,YAAY,CAAC,OAAO,CAAC;YAC1B,KAAK,YAAY,CAAC,OAAO;gBACvB,OAAO,eAAe,CAAC,KAAK,CAAA;YAC9B,KAAK,YAAY,CAAC,QAAQ;gBACxB,OAAO,eAAe,CAAC,MAAM,CAAA;YAC/B,KAAK,YAAY,CAAC,QAAQ;gBACxB,OAAO,eAAe,CAAC,OAAO,CAAA;YAChC,KAAK,YAAY,CAAC,QAAQ;gBACxB,OAAO,eAAe,CAAC,QAAQ,CAAA;SAClC;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,cAAc,CAAC,QAAQ,CAAC,EAAlG,CAAkG,CAAA;IAEnI,IAAM,iBAAiB,GAAG,cAAM,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,cAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC,EAAnE,CAAmE,CAAA;IAEnG,IAAM,aAAa,GAAG;QACpB,IAAI,SAAS,EAAE;YACb,IAAM,WAAW,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,KAAK,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA;YAC/I,OAAO,KAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,GAAI,CAAA;SACtE;QAED,IAAI,UAAU,EAAE;YACd,IAAM,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;YACzF,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAI,CAAA;SACvD;QAED,IAAI,MAAM,EAAE;YACV,IAAM,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;YACzF,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAI,CAAA;SACvD;QAED,IAAI,IAAI,EAAE;YACR,IAAM,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA;YAC3F,IAAM,YAAY,GAAG,UAAG,QAAQ,OAAI,CAAA;YAEpC,OAAO,CACL,uBAAK,SAAS,EAAC,gCAAgC,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,gBACjG,IAAI,IACD,CACP,CAAA;SACF;QAED,OAAO,iBAAiB,EAAE,CAAA;IAC5B,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,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QAC9H,IAAM,MAAM,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACvF,IAAM,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QAC3F,IAAM,GAAG,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACpF,IAAM,KAAK,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACtF,IAAM,WAAW,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAA;QACnH,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,SAAS,CAAC;QACR,gBAAgB,CAAC,MAAM,CAAC,UAAU,GAAG,aAAa,CAAC,CAAA;QACnD,wBAAwB,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAA;QACrD,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAChB,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;QACf,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;QACrB,kBAAkB,CAAC,sBAAsB,CAAC,CAAA;IAC5C,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAA;IAEpB,IAAM,eAAe,GAAG,UAAC,gBAAwB;QAC/C,IAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAA;QACxC,IAAM,sBAAsB,GAAG,eAAe,CAAC,OAAO,CAAA;QACtD,IAAM,gBAAgB,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,KAAI,cAAc,CAAC,OAAO,CAAA;QAErE,IAAI,eAAe,IAAI,sBAAsB,IAAI,gBAAgB,EAAE;YAC3D,IAAA,KAAmC,gBAAgB,CAAC,qBAAqB,EAAE,EAAnE,UAAU,UAAA,EAAE,KAAG,SAAA,EAAE,KAAK,WAA6C,CAAA;YAC3E,IAAA,KAAuC,sBAAsB,CAAC,qBAAqB,EAAE,EAA5E,iBAAiB,WAAA,EAAE,MAAM,YAAmD,CAAA;YAC3F,IAAM,4BAA4B,GAAG,iBAAiB,GAAG,aAAa,CAAA;YACtE,IAAM,QAAQ,GAAG,UAAU,GAAG,iBAAiB,CAAA;YAC/C,IAAM,6BAA6B,GAAG,QAAQ,GAAG,4BAA4B,CAAA;YAC7E,IAAM,yBAAyB,GAAG,6BAA6B,GAAG,MAAM,CAAC,UAAU,CAAA;YACnF,IAAM,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,yBAAyB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;YACzF,IAAM,WAAW,GAAG,MAAM,GAAG,cAAc,GAAG,gBAAgB,CAAA;YAC9D,IAAM,OAAO,GAAG,KAAG,GAAG,WAAW,GAAG,gBAAgB,CAAA;YACpD,IAAM,gBAAgB,GAAG,OAAO,GAAG,CAAC,CAAA;YACpC,IAAM,YAAY,GAAG,gBAAgB,CAAC,CAAC,CAAC,KAAG,GAAG,IAAI,GAAG,qBAAqB,CAAC,CAAC,CAAC,OAAO,CAAA;YACpF,IAAM,kBAAkB,GAAG,KAAK,GAAG,kBAAkB,GAAG,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAA;YAEjG,IAAI,SAAS,KAAK,kBAAkB,IAAI,QAAQ,KAAK,YAAY,IAAI,aAAa,KAAK,iBAAiB,EAAE;gBACxG,eAAe,CAAC,KAAK,EAAE,CAAA;gBACvB,wBAAwB,CAAC,gBAAgB,CAAC,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAA;gBACzG,YAAY,CAAC,kBAAkB,CAAC,CAAA;gBAChC,WAAW,CAAC,YAAY,CAAC,CAAA;gBACzB,iBAAiB,CAAC,kBAAkB,CAAC,CAAA;gBACrC,gBAAgB,CAAC,iBAAiB,CAAC,CAAA;gBACnC,IAAM,aAAa,GAAG,UAAU,CAAC,sBAAM,OAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAA,EAAA,EAAE,CAAC,CAAC,CAAA;gBACnE,YAAY,CAAC,aAAa,CAAC,CAAA;aAC5B;YAED,kBAAkB,CAAC,EAAE,CAAC,CAAA;SACvB;IACH,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG,cAAM,OAAA,SAAS,IAAI,YAAY,CAAC,SAAS,CAAC,EAApC,CAAoC,CAAA;IAEnE,IAAM,yBAAyB,GAAG,cAAM,OAAA,CAAC;QACvC,4BAA4B,EAAE,UAAG,QAAQ,OAAI;QAC7C,6BAA6B,EAAE,UAAG,SAAS,OAAI;QAC/C,2BAA2B,EAAE,UAAG,cAAc,OAAI;QAClD,kCAAkC,EAAE,UAAG,aAAa,OAAI;KACzD,CAAC,EALsC,CAKtC,CAAA;IAEF,IAAM,SAAS,GAAG;QAChB,IAAM,GAAG,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAA;QACnF,IAAM,KAAK,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACtF,IAAM,OAAO,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QAExF,OAAO,CACL,KAAC,KAAK,aACJ,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,CAAC,uBAAuB,EAClC,MAAM,EAAE,cAAM,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB,EACpC,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,eAAe,CAAC,EACtD,QAAQ,EAAE,UAAG,qBAAqB,YAA0B,EAC5D,YAAY,EAAE,yBAAyB,EAAmB,EAC1D,EAAE,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAC/B,eAAe,EAAE,sBAAsB,EACvC,OAAO,EAAE,cAAM,OAAA,CACb,KAAC,WAAW,IACV,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,EAAE,GAAG,EAAE,WAAI,GAAG,OAAI,EAAE,KAAK,EAAE,WAAI,KAAK,OAAI,EAAE,GACjD,CACH,EARc,CAQd,gBAED,wBAAM,GAAG,EAAE,eAAe,gBAAG,UAAU,CAAC,QAAQ,CAAC,IAAQ,IACnD,CACT,CAAA;IACH,CAAC,CAAA;IAED,IAAM,WAAW,GAAG;QAClB,IAAM,MAAM,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACvF,IAAM,KAAK,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QACtF,IAAM,SAAS,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;QAE1F,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,gCAAgC,GAAG,cAAM,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,EAArF,CAAqF,CAAA;IAEpI,IAAM,2BAA2B,GAAG;QAClC,IAAM,QAAQ,GAAG,sBAAsB,EAAE,CAAA;QAEzC,OAAO;YACL,KAAK,EAAE,UAAG,IAAI,OAAI;YAClB,QAAQ,EAAE,UAAG,IAAI,OAAI;YACrB,MAAM,EAAE,UAAG,IAAI,OAAI;YACnB,QAAQ,UAAA;YACR,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,UAAU;gBACpB,CAAC,CAAC,kCAA2B,MAAM,CAAC,2BAA2B,kBAAQ,MAAM,CAAC,yBAAyB,WAAQ;gBAC/G,CAAC,CAAC,gCAAgC,EAAE;YACtC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;SAC1C,CAAA;IACH,CAAC,CAAA;IAED,OAAO,CACL,uBACE,GAAG,EAAE,SAAS,IAAI,cAAc,EAChC,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,2BAAoB,KAAK,CAAE,EAAE,EAAE,0BAA0B,EAAE,aAAa,EAAE,EAAE,SAAS,CAAC,EAC/H,KAAK,EAAE,WAAE,wBAAwB,EAAE,UAAG,YAAY,OAAI,IAAK,MAAM,CAAyB,EAC1F,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,gBAExB,wBACE,KAAK,EAAE,2BAA2B,EAAE,EACpC,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE;gBAChD,gCAAgC,EAAE,MAAM;gBACxC,oCAAoC,EAAE,UAAU;aACjD,CAAC,iBAED,CAAC,CAAC,OAAO,IAAI,aAAa,EAAE,EAC5B,KAAK,IAAI,SAAS,EAAE,EACpB,aAAa,EAAE,EACf,OAAO,IAAI,WAAW,EAAE,KACrB,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAC,MAAM,CAAC,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { IChipProps } from './types';
|
|
2
3
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const
|
|
4
|
-
export default
|
|
4
|
+
declare const _default: React.MemoExoticComponent<({ language, name, email, uid, avatar, isAvatarHidden, isDisabled, isError, isLoading, isWarning, isEye, isMyContacts, isOpenContextMenu, userType, contextMenuItems, className, styles, iconColor, platform, isDraggableLayer, draggableData, dropdownId, onDelete, setIsOpenContextMenu, }: IChipProps) => import("react/jsx-runtime").JSX.Element>;
|
|
5
|
+
export default _default;
|
|
@@ -10,8 +10,9 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { useCallback, useEffect, useRef } from 'react';
|
|
13
|
+
import { memo, useCallback, useEffect, useRef } from 'react';
|
|
14
14
|
import classNames from 'classnames';
|
|
15
|
+
import { useDraggable } from '@dnd-kit/core';
|
|
15
16
|
import Avatar from '../Avatar';
|
|
16
17
|
import ContextMenu from '../ContextMenu';
|
|
17
18
|
import Loader from '../Loader';
|
|
@@ -34,8 +35,18 @@ var OPACITY_VALUES;
|
|
|
34
35
|
var generateLoaderContainerStyles = function () { return ({ background: 'none' }); };
|
|
35
36
|
var generateLoaderStyles = function () { return ({ width: 'fit-content', padding: 0 }); };
|
|
36
37
|
var Chip = function (_a) {
|
|
37
|
-
var _b = _a.language, language = _b === void 0 ? LANGUAGES.ru : _b, name = _a.name, email = _a.email, uid = _a.uid, 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, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.isWarning, isWarning = _g === void 0 ? false : _g, _h = _a.isEye, isEye = _h === void 0 ? false : _h, isMyContacts = _a.isMyContacts, isOpenContextMenu = _a.isOpenContextMenu, userType = _a.userType, contextMenuItems = _a.contextMenuItems, className = _a.className, styles = _a.styles, iconColor = _a.iconColor, _j = _a.platform, platform = _j === void 0 ? PLATFORM.web : _j, onDelete = _a.onDelete, setIsOpenContextMenu = _a.setIsOpenContextMenu;
|
|
38
|
+
var _b = _a.language, language = _b === void 0 ? LANGUAGES.ru : _b, name = _a.name, email = _a.email, uid = _a.uid, 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, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.isWarning, isWarning = _g === void 0 ? false : _g, _h = _a.isEye, isEye = _h === void 0 ? false : _h, isMyContacts = _a.isMyContacts, isOpenContextMenu = _a.isOpenContextMenu, userType = _a.userType, contextMenuItems = _a.contextMenuItems, className = _a.className, styles = _a.styles, iconColor = _a.iconColor, _j = _a.platform, platform = _j === void 0 ? PLATFORM.web : _j, _k = _a.isDraggableLayer, isDraggableLayer = _k === void 0 ? false : _k, draggableData = _a.draggableData, dropdownId = _a.dropdownId, onDelete = _a.onDelete, setIsOpenContextMenu = _a.setIsOpenContextMenu;
|
|
38
39
|
var chipRef = useRef(null);
|
|
40
|
+
var chipId = "".concat(name, "-").concat(dropdownId);
|
|
41
|
+
var _l = useDraggable({
|
|
42
|
+
id: chipId,
|
|
43
|
+
data: { user: __assign(__assign({}, draggableData), { dropdownId: dropdownId }) },
|
|
44
|
+
}), attributes = _l.attributes, listeners = _l.listeners, setNodeRef = _l.setNodeRef, isDragging = _l.isDragging;
|
|
45
|
+
var handleRemoveClick = function (e) {
|
|
46
|
+
e.stopPropagation();
|
|
47
|
+
e.preventDefault();
|
|
48
|
+
onDelete === null || onDelete === void 0 ? void 0 : onDelete(name);
|
|
49
|
+
};
|
|
39
50
|
useEffect(function () {
|
|
40
51
|
window.addEventListener('mouseup', handleMouseUp);
|
|
41
52
|
return function () {
|
|
@@ -56,18 +67,23 @@ var Chip = function (_a) {
|
|
|
56
67
|
var _b = ((_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {}, _c = _b.left, left = _c === void 0 ? 0 : _c, _d = _b.top, top = _d === void 0 ? 0 : _d;
|
|
57
68
|
return { x: left, y: top + CONTEXT_MENU_INDENT };
|
|
58
69
|
}, [chipRef]);
|
|
59
|
-
var
|
|
70
|
+
var _m = useLongTap({ onLongTap: handleOpenContextMenu }), cancelPressTimer = _m.cancelPressTimer, startPressTimer = _m.startPressTimer;
|
|
60
71
|
var handleContextMenu = function (event) {
|
|
61
72
|
if (!isWebPlatform(platform))
|
|
62
73
|
return;
|
|
63
74
|
event.preventDefault();
|
|
64
75
|
handleOpenContextMenu();
|
|
65
76
|
};
|
|
77
|
+
var setChipRef = useCallback(function (node) {
|
|
78
|
+
setNodeRef(node);
|
|
79
|
+
chipRef.current = node;
|
|
80
|
+
}, [setNodeRef]);
|
|
66
81
|
var contextMenuHeader = (_jsxs("div", __assign({ className: "smartapp-chip__context-menu-header" }, { children: [_jsx(Avatar, { username: name, icon: generateAvatarIcon(userType), avatar: avatar, size: AVATAR_SIZES.size_32, isEye: isEye, outlineDefaultBackground: COLOR_CHIP }), _jsxs("div", __assign({ className: "smartapp-chip__context-menu-header__content" }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__context-menu-header__content--name" }, { children: [renderUserIcon(userType, isMyContacts), _jsx("span", { children: name })] })), _jsx("div", __assign({ className: "smartapp-chip__context-menu-header__content--email" }, { children: email }))] }))] })));
|
|
67
|
-
return (_jsxs("div", __assign({
|
|
82
|
+
return (_jsxs("div", __assign({ className: classNames('smartapp-chip', { 'smartapp-chip__disabled': isDisabled, 'smartapp-chip__loading': isLoading, 'smartapp-chip__layer': isDraggableLayer,
|
|
83
|
+
'smartapp-chip__dragging': isDragging, }, className), ref: setChipRef }, attributes, { style: styles, onContextMenu: handleContextMenu, onTouchStart: !isOpenContextMenu ? startPressTimer : undefined, onTouchEnd: cancelPressTimer, onTouchMove: cancelPressTimer }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__info" }, listeners, { children: [!isAvatarHidden && (_jsx("div", __assign({ className: "smartapp-chip__info--avatar" }, { children: isLoading ? (_jsx(Loader, { icon: _jsx(LoaderIcon, {}), color: COLORS.iconAccent, isLoader: true, iconSize: AVATAR_SIZES.size_20, styles: generateLoaderStyles(), containerStyles: generateLoaderContainerStyles(), isFullScreen: false })) : (_jsx(Avatar, { isTooltipAvailableOnEye: true, language: language, icon: generateAvatarIcon(userType), username: name, isWarning: isWarning, avatar: avatar, size: AVATAR_SIZES.size_24, isEye: isEye, outlineDefaultBackground: COLOR_CHIP })) }))), _jsxs("div", __assign({ className: classNames('smartapp-chip__info--name', { 'smartapp-chip__info--name__loading': isLoading }) }, { children: [_jsx("p", { children: name }), isError && _jsx(InfoIcon, { color: COLORS.iconNegative })] }))] })), !isDisabled && onDelete && (_jsx("button", __assign({ className: "smartapp-chip__delete-icon", onClick: handleDeleteClick, onTouchEnd: handleRemoveClick, onMouseDown: handleMouseDown }, { children: _jsx(DeleteIcon, { style: {
|
|
68
84
|
color: generateColor(iconColor),
|
|
69
85
|
opacity: isLoading ? OPACITY_VALUES.loading : OPACITY_VALUES.default,
|
|
70
86
|
} }) }))), contextMenuItems && (_jsx(ContextMenu, { isMenuOpen: !!isOpenContextMenu, position: setContextMenuPosition(), closeMenu: handleCloseContextMenu, items: contextMenuItems, actionData: uid || email, topSlot: contextMenuHeader, menuStyles: { width: FIT_CONTENT } }))] })));
|
|
71
87
|
};
|
|
72
|
-
export default Chip;
|
|
88
|
+
export default memo(Chip);
|
|
73
89
|
//# sourceMappingURL=Chip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/сomponents/Chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/сomponents/Chip/Chip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { ICommonProps, ILanguageProps, TStyles } from '../../constants';
|
|
2
2
|
import { CONTACT_TYPES } from '../UserDropdown/constants';
|
|
3
3
|
import { MenuItem } from '../ContextMenu/types';
|
|
4
|
+
import { TUser } from '../UserDropdown/types';
|
|
4
5
|
export interface IChipProps extends ICommonProps, ILanguageProps {
|
|
5
6
|
name: string;
|
|
6
|
-
email?: string;
|
|
7
|
+
email?: string | null;
|
|
7
8
|
uid?: string;
|
|
8
|
-
avatar?: string;
|
|
9
|
+
avatar?: string | null;
|
|
9
10
|
isAvatarHidden?: boolean;
|
|
10
11
|
isDisabled?: boolean;
|
|
11
12
|
isError?: boolean;
|
|
@@ -19,6 +20,9 @@ export interface IChipProps extends ICommonProps, ILanguageProps {
|
|
|
19
20
|
styles?: TStyles;
|
|
20
21
|
iconColor?: string;
|
|
21
22
|
contextMenuItems?: MenuItem[];
|
|
23
|
+
isDraggableLayer?: boolean;
|
|
24
|
+
draggableData?: TUser;
|
|
25
|
+
dropdownId?: string;
|
|
22
26
|
onDelete?: (name?: string) => void;
|
|
23
27
|
setIsOpenContextMenu?: (isOpen: boolean) => void;
|
|
24
28
|
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { UniqueIdentifier, DndContextProps } from '@dnd-kit/core';
|
|
3
|
+
import { TDragUser } from '../UserDropdown/types';
|
|
4
|
+
type TDndContextProps = Omit<DndContextProps, 'onDragStart' | 'onDragEnd'>;
|
|
5
|
+
type TChipDndContext = TDndContextProps & {
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
onDragStart?: (user: TDragUser) => void;
|
|
8
|
+
onDragEnd?: (user: TDragUser, dropdownId?: UniqueIdentifier) => void;
|
|
9
|
+
};
|
|
10
|
+
export declare const ChipDndContext: ({ children, onDragStart, onDragEnd, ...props }: TChipDndContext) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,56 @@
|
|
|
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
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
+
import { useCallback, useState } from 'react';
|
|
25
|
+
import { DndContext, DragOverlay, rectIntersection, TouchSensor, MouseSensor, useSensor, useSensors, } from '@dnd-kit/core';
|
|
26
|
+
import Chip from '../Chip';
|
|
27
|
+
export var ChipDndContext = function (_a) {
|
|
28
|
+
var children = _a.children, onDragStart = _a.onDragStart, onDragEnd = _a.onDragEnd, props = __rest(_a, ["children", "onDragStart", "onDragEnd"]);
|
|
29
|
+
var _b = useState(null), activeChip = _b[0], setActiveChip = _b[1];
|
|
30
|
+
var sensors = useSensors(useSensor(MouseSensor), useSensor(TouchSensor));
|
|
31
|
+
var handleDragStart = useCallback(function (_a) {
|
|
32
|
+
var current = _a.active.data.current;
|
|
33
|
+
var user = current === null || current === void 0 ? void 0 : current.user;
|
|
34
|
+
onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(user);
|
|
35
|
+
setActiveChip(user);
|
|
36
|
+
}, [onDragStart]);
|
|
37
|
+
var handleDragEnd = useCallback(function (_a) {
|
|
38
|
+
var current = _a.active.data.current, over = _a.over;
|
|
39
|
+
var draggedUser = current === null || current === void 0 ? void 0 : current.user;
|
|
40
|
+
if (!draggedUser)
|
|
41
|
+
return;
|
|
42
|
+
onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(draggedUser, over === null || over === void 0 ? void 0 : over.id);
|
|
43
|
+
setActiveChip(null);
|
|
44
|
+
}, [onDragEnd]);
|
|
45
|
+
var handleDragCancel = useCallback(function () {
|
|
46
|
+
setActiveChip(null);
|
|
47
|
+
}, []);
|
|
48
|
+
var ChipLayer = useCallback(function () {
|
|
49
|
+
if (!activeChip)
|
|
50
|
+
return null;
|
|
51
|
+
var label = activeChip.label, isPrivateSchedule = activeChip.isPrivateSchedule, rest = __rest(activeChip, ["label", "isPrivateSchedule"]);
|
|
52
|
+
return (_jsx(Chip, __assign({}, rest, { name: label, isEye: isPrivateSchedule, onDelete: function () { }, isDraggableLayer: true })));
|
|
53
|
+
}, [activeChip]);
|
|
54
|
+
return (_jsxs(DndContext, __assign({}, props, { sensors: sensors, onDragStart: handleDragStart, onDragEnd: handleDragEnd, onDragCancel: handleDragCancel, collisionDetection: rectIntersection }, { children: [children, _jsx(DragOverlay, __assign({ dropAnimation: null }, { children: _jsx(ChipLayer, {}) }))] })));
|
|
55
|
+
};
|
|
56
|
+
//# sourceMappingURL=ChipDndContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChipDndContext.js","sourceRoot":"","sources":["../../../../src/сomponents/ChipDndContext/ChipDndContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAa,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EACL,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,GAKX,MAAM,eAAe,CAAA;AACtB,OAAO,IAAI,MAAM,SAAS,CAAA;AAW1B,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAA+D;IAA7D,IAAA,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA5C,wCAA8C,CAAF;IACnE,IAAA,KAA8B,QAAQ,CAAmB,IAAI,CAAC,EAA7D,UAAU,QAAA,EAAE,aAAa,QAAoC,CAAA;IAEpE,IAAM,OAAO,GAAG,UAAU,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;IAE3E,IAAM,eAAe,GAAG,WAAW,CAAC,UAAC,EAInB;YAFL,OAAO,yBAAA;QAGjB,IAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAA;QAC1B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,IAAI,CAAC,CAAA;QACnB,aAAa,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,IAAM,aAAa,GAAG,WAAW,CAAC,UAAC,EAKpB;YAHH,OAAO,yBAAA,EAEjB,IAAI,UAAA;QAEJ,IAAM,WAAW,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAA;QACjC,IAAI,CAAC,WAAW;YAAE,OAAM;QACxB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,WAAW,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAC,CAAA;QAClC,aAAa,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,IAAM,gBAAgB,GAAG,WAAW,CAAC;QACnC,aAAa,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EAAC,EAAE,CAAC,CAAA;IAEL,IAAM,SAAS,GAAG,WAAW,CAAC;QAC5B,IAAI,CAAC,UAAU;YAAE,OAAO,IAAI,CAAA;QAEnB,IAAA,KAAK,GAAgC,UAAU,MAA1C,EAAE,iBAAiB,GAAa,UAAU,kBAAvB,EAAI,IAAI,UAAK,UAAU,EAAlD,8BAAqC,CAAF,CAAe;QACxD,OAAO,CACL,KAAC,IAAI,eACD,IAAI,IACN,IAAI,EAAE,KAAK,EACX,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,cAAO,CAAC,EAClB,gBAAgB,UAChB,CACH,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,MAAC,UAAU,eAAK,KAAK,IAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAC/F,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,gBAAgB,iBACjE,QAAQ,EACT,KAAC,WAAW,aAAC,aAAa,EAAE,IAAI,gBAC9B,KAAC,SAAS,KAAG,IACD,KACH,CACd,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ChipDndContext } from './ChipDndContext';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/ChipDndContext/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import '../../../styles/styles.scss';
|
|
2
|
-
declare const
|
|
3
|
-
export default
|
|
3
|
+
declare const _default: React.MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element | null>;
|
|
4
|
+
export default _default;
|
|
@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { useEffect, useRef, useState } from 'react';
|
|
13
|
+
import { memo, useEffect, useRef, useState } from 'react';
|
|
14
14
|
import Popup from 'reactjs-popup';
|
|
15
15
|
import { components } from 'react-select';
|
|
16
16
|
import { isEqual } from 'lodash';
|
|
@@ -27,15 +27,16 @@ var POPUP_PADDINGS = 24;
|
|
|
27
27
|
var POPUP_MARGINS = 32;
|
|
28
28
|
var POPUP_MARGIN_TOP = 1;
|
|
29
29
|
var MultiValueLabel = function (props) {
|
|
30
|
-
var
|
|
30
|
+
var data = props.data, transformCurrentChipToInputValue = props.transformCurrentChipToInputValue, _a = props.selectProps, isDisabled = _a.isDisabled, selectedUsers = _a.value, onChange = _a.onChange, instanceId = _a.instanceId;
|
|
31
31
|
var multiValueLabelRef = useRef(null);
|
|
32
32
|
var popupRef = useRef(null);
|
|
33
33
|
var popupContentRef = useRef(null);
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
34
|
+
var _b = useState(-1), left = _b[0], setLeft = _b[1];
|
|
35
|
+
var _c = useState(-1), top = _c[0], setTop = _c[1];
|
|
36
|
+
var _d = useState(null), timeoutId = _d[0], setTimeoutId = _d[1];
|
|
37
|
+
var _e = useState(POPUP_HIDDEN_CLASSNAME), hiddenClassName = _e[0], setHiddenClassName = _e[1];
|
|
38
|
+
var _f = useState(false), isOpenContextMenu = _f[0], setIsOpenContextMenu = _f[1];
|
|
39
|
+
var value = data.value, label = data.label, name = data.name, email = data.email, uid = data.uid, isResetChipsToInputValue = data.isResetChipsToInputValue, avatar = data.avatar, platform = data.platform, contextMenuItems = data.contextMenuItems, language = data.language, userType = data.userType, isMyContacts = data.isMyContacts, isPrivateSchedule = data.isPrivateSchedule, isNotRemovable = data.isNotRemovable, isChipsCollapsable = data.isChipsCollapsable, isSelectedChipHasTooltip = data.isSelectedChipHasTooltip, isBusyAtSelectedTime = data.isBusyAtSelectedTime, isLoading = data.isLoading, isWarning = data.isWarning, isInputFocused = data.isInputFocused.current, collapsableChipsCount = data.collapsableChipsCount.current, lastVisibleChipIndex = data.lastVisibleChipIndex.current;
|
|
39
40
|
useEffect(function () {
|
|
40
41
|
label && isResetChipsToInputValue && transformCurrentChipToInputValue(label, email);
|
|
41
42
|
// eslint-disable-next-line
|
|
@@ -48,10 +49,6 @@ var MultiValueLabel = function (props) {
|
|
|
48
49
|
return selectedUserValue === value && selectedUserLabel === label;
|
|
49
50
|
});
|
|
50
51
|
var handleDelete = function () { return onChange(selectedUsers.filter(function (user) { return !isEqual(user, props.data); })); };
|
|
51
|
-
var handleMouseDown = function (event) {
|
|
52
|
-
event.preventDefault();
|
|
53
|
-
event.stopPropagation();
|
|
54
|
-
};
|
|
55
52
|
var handleTouchEnd = function (event) { return event.stopPropagation(); };
|
|
56
53
|
var renderPopupContent = function () { return (_jsxs("div", __assign({ ref: popupContentRef, className: "smartapp-multi-value-label" }, { children: [_jsx(Avatar, { icon: generateAvatarIcon(userType), username: label, avatar: avatar, size: AVATAR_SIZES.size_32, isEye: isPrivateSchedule, outlineDefaultBackground: COLOR_CHIP }), _jsxs("div", __assign({ className: "smartapp-multi-value-label__content" }, { children: [_jsxs("div", __assign({ className: "smartapp-multi-value-label__content--name" }, { children: [_jsx("div", __assign({ className: "smartapp-multi-value-label__content--name__icon" }, { children: renderUserIcon(userType, isMyContacts) })), _jsx("span", { children: name })] })), _jsx("div", __assign({ className: "smartapp-multi-value-label__content--email" }, { children: email }))] }))] }))); };
|
|
57
54
|
var handleOpenPopup = function () {
|
|
@@ -87,7 +84,7 @@ var MultiValueLabel = function (props) {
|
|
|
87
84
|
'--multi-value-label-content-left': "".concat(left, "px"),
|
|
88
85
|
'--multi-value-label-content-top': "".concat(top, "px"),
|
|
89
86
|
'--multi-value-label-content-max-width': "".concat(popupContentMaxWidth, "px"),
|
|
90
|
-
}, on: [POPUP_ON_EVENT_TYPE.hover], mouseEnterDelay: POPUP_APPEARANCE_DELAY, trigger: function () { return (_jsx("div", __assign({
|
|
87
|
+
}, on: [POPUP_ON_EVENT_TYPE.hover], mouseEnterDelay: POPUP_APPEARANCE_DELAY, trigger: function () { return (_jsx("div", __assign({ onTouchEnd: handleTouchEnd }, { children: _jsx(Chip, { language: language, name: label || email, email: email, uid: uid, isOpenContextMenu: isOpenContextMenu, setIsOpenContextMenu: setIsOpenContextMenu, isMyContacts: isMyContacts, isWarning: isWarning, userType: userType, avatar: avatar, isLoading: isLoading, isError: isBusyAtSelectedTime, isDisabled: isDisabled || isNotRemovable, isEye: isPrivateSchedule, onDelete: handleDelete, contextMenuItems: contextMenuItems, platform: platform, draggableData: data, dropdownId: instanceId }) }))); } }, { children: renderPopupContent() })) })));
|
|
91
88
|
}
|
|
92
89
|
if (isChipsCollapsable && !isInputFocused && userIndex === lastVisibleChipIndex && !noChipsCount) {
|
|
93
90
|
return (_jsxs("div", __assign({ className: generateClassNames({
|
|
@@ -98,5 +95,5 @@ var MultiValueLabel = function (props) {
|
|
|
98
95
|
}
|
|
99
96
|
return null;
|
|
100
97
|
};
|
|
101
|
-
export default MultiValueLabel;
|
|
98
|
+
export default memo(MultiValueLabel);
|
|
102
99
|
//# sourceMappingURL=MultiValueLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiValueLabel.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MultiValueLabel/MultiValueLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"MultiValueLabel.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MultiValueLabel/MultiValueLabel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { IUserDropdownProps } from './types';
|
|
2
3
|
import '../../styles/styles.scss';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export default UserDropdown;
|
|
4
|
+
declare const _default: React.MemoExoticComponent<({ platform, isDisabled, isLoading, isChipsVisible, isChipsCollapsable, isSelectedChipHasTooltip, isMenuCloseOnSelect, isFilteringDisabled, hasNextPage, isNextPageLoading, isInputHidden, isBackspaceChipToInput, language, layoutType, externalInputValue, title, mask, placeholder, hint, isShowCatalogSearchButton, onShowCatalogSearchButtonClick, noOptionsMessage, maxMembersCount, fillType, menuPosition, autoFocus, containerClassName, containerStyles, selectedEntries, corporateEntries, myContactsEntries, emailsToExclude, userDropdownId: initialId, focusRef, onInputChange, onChange, onMenuOpen, onMenuClose, onLoadNextPage, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element>;
|
|
5
|
+
export default _default;
|
|
@@ -20,12 +20,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
20
20
|
};
|
|
21
21
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
22
22
|
/* eslint-disable max-lines */
|
|
23
|
-
import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
|
|
23
|
+
import { useCallback, useEffect, useLayoutEffect, useRef, useState, useImperativeHandle, memo } from 'react';
|
|
24
24
|
import Select, { components } from 'react-select';
|
|
25
25
|
import classNames from 'classnames';
|
|
26
26
|
import { ru } from 'convert-layout';
|
|
27
27
|
import { debounce, includes, isEmpty, isNil, isNull, isString, omit, uniq, uniqBy } from 'lodash';
|
|
28
28
|
import { transliterate as tr } from 'transliteration';
|
|
29
|
+
import { useDroppable } from '@dnd-kit/core';
|
|
29
30
|
import Modal from '../Modal';
|
|
30
31
|
import ContactBottomSheet from './ContactBottomSheet/ContactBottomSheet';
|
|
31
32
|
import LoadingMessage from './LoadingMessage/LoadingMessage';
|
|
@@ -36,7 +37,7 @@ import SearchInCatalogButton from './SearchInCatalogButton/SearchInCatalogButton
|
|
|
36
37
|
import selectStyles from './selectStyles';
|
|
37
38
|
import { generateId, isIosPlatform, isMobilePlatform } from '../../helpers';
|
|
38
39
|
import { DropdownIndicator, IndicatorSeparator, LoadingIndicator, MultiValueRemove, generateContactsOption, generateContactsOptionsToSelect, generateCorporateOption, generateCorporateOptionsToSelect, generateEnteredByUserOption, sortContacts, } from './helpers';
|
|
39
|
-
import { BACKSPACE_KEY, DEFAULT_INPUT_PADDING, ENTER_KEY, FILL_TYPE, INPUT_COUNTER_TIMEOUT, LANGUAGES, LAYOUT_TYPE, MASK_INPUT_PL, MENU_POSITIONS, PLATFORM, } from '../../constants';
|
|
40
|
+
import { BACKSPACE_KEY, DEFAULT_INPUT_PADDING, EMAIL_FIELD, ENTER_KEY, FILL_TYPE, INPUT_COUNTER_TIMEOUT, LANGUAGES, LAYOUT_TYPE, MASK_INPUT_PL, MENU_POSITIONS, PLATFORM, } from '../../constants';
|
|
40
41
|
import '../../styles/styles.scss';
|
|
41
42
|
var MIN_INPUT_SYMBOLS = 3;
|
|
42
43
|
var THREE_DIGIT_NUMBER_WIDTH = 48;
|
|
@@ -45,7 +46,6 @@ var SINGLE_DIGIT_NUMBER_WIDTH = 32;
|
|
|
45
46
|
var INPUT_SPACE_WIDTH = 46;
|
|
46
47
|
var GAP = 8;
|
|
47
48
|
var USER_TYPING_TIMEOUT = 1000;
|
|
48
|
-
export var EMAIL_FIELD = 'email';
|
|
49
49
|
var MENU_ACTIONS;
|
|
50
50
|
(function (MENU_ACTIONS) {
|
|
51
51
|
MENU_ACTIONS["close"] = "menu-close";
|
|
@@ -76,18 +76,18 @@ var EXCLUDED_FIELDS;
|
|
|
76
76
|
var COMMON_FIELDS_TO_OMIT = Object.keys(omit(EXCLUDED_FIELDS, [EXCLUDED_FIELDS.language, EXCLUDED_FIELDS.isEnteredByUser]));
|
|
77
77
|
var Input = function (props) { return _jsx(components.Input, __assign({}, props, { enterKeyHint: "done" })); };
|
|
78
78
|
var UserDropdown = function (_a) {
|
|
79
|
-
var _b = _a.platform, platform = _b === void 0 ? PLATFORM.web : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.isChipsVisible, isChipsVisible = _e === void 0 ? true : _e, _f = _a.isChipsCollapsable, isChipsCollapsable = _f === void 0 ? false : _f, _g = _a.isSelectedChipHasTooltip, isSelectedChipHasTooltip = _g === void 0 ? false : _g, _h = _a.isMenuCloseOnSelect, isMenuCloseOnSelect = _h === void 0 ? true : _h, _j = _a.isFilteringDisabled, isFilteringDisabled = _j === void 0 ? false : _j, _k = _a.hasNextPage, hasNextPage = _k === void 0 ? false : _k, _l = _a.isNextPageLoading, isNextPageLoading = _l === void 0 ? false : _l, _m = _a.isInputHidden, isInputHidden = _m === void 0 ? false : _m, _o = _a.isBackspaceChipToInput, isBackspaceChipToInput = _o === void 0 ? false : _o, _p = _a.language, language = _p === void 0 ? LANGUAGES.ru : _p, _q = _a.layoutType, layoutType = _q === void 0 ? LAYOUT_TYPE.minimal : _q, externalInputValue = _a.externalInputValue, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, hint = _a.hint, _r = _a.isShowCatalogSearchButton, isShowCatalogSearchButton = _r === void 0 ? false : _r, onShowCatalogSearchButtonClick = _a.onShowCatalogSearchButtonClick, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _s = _a.fillType, fillType = _s === void 0 ? FILL_TYPE.primary : _s, _t = _a.menuPosition, menuPosition = _t === void 0 ? MENU_POSITIONS.top : _t, _u = _a.autoFocus, autoFocus = _u === void 0 ? false : _u, containerClassName = _a.containerClassName, containerStyles = _a.containerStyles, _v = _a.selectedEntries, selectedEntries = _v === void 0 ? [] : _v, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, _w = _a.emailsToExclude, emailsToExclude = _w === void 0 ? [] : _w, onInputChange = _a.onInputChange, onChange = _a.onChange, onMenuOpen = _a.onMenuOpen, onMenuClose = _a.onMenuClose, onLoadNextPage = _a.onLoadNextPage;
|
|
80
|
-
var
|
|
81
|
-
var
|
|
82
|
-
var
|
|
83
|
-
var
|
|
84
|
-
var
|
|
85
|
-
var
|
|
86
|
-
var
|
|
87
|
-
var
|
|
88
|
-
var
|
|
89
|
-
var
|
|
90
|
-
var
|
|
79
|
+
var _b = _a.platform, platform = _b === void 0 ? PLATFORM.web : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.isChipsVisible, isChipsVisible = _e === void 0 ? true : _e, _f = _a.isChipsCollapsable, isChipsCollapsable = _f === void 0 ? false : _f, _g = _a.isSelectedChipHasTooltip, isSelectedChipHasTooltip = _g === void 0 ? false : _g, _h = _a.isMenuCloseOnSelect, isMenuCloseOnSelect = _h === void 0 ? true : _h, _j = _a.isFilteringDisabled, isFilteringDisabled = _j === void 0 ? false : _j, _k = _a.hasNextPage, hasNextPage = _k === void 0 ? false : _k, _l = _a.isNextPageLoading, isNextPageLoading = _l === void 0 ? false : _l, _m = _a.isInputHidden, isInputHidden = _m === void 0 ? false : _m, _o = _a.isBackspaceChipToInput, isBackspaceChipToInput = _o === void 0 ? false : _o, _p = _a.language, language = _p === void 0 ? LANGUAGES.ru : _p, _q = _a.layoutType, layoutType = _q === void 0 ? LAYOUT_TYPE.minimal : _q, externalInputValue = _a.externalInputValue, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, hint = _a.hint, _r = _a.isShowCatalogSearchButton, isShowCatalogSearchButton = _r === void 0 ? false : _r, onShowCatalogSearchButtonClick = _a.onShowCatalogSearchButtonClick, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _s = _a.fillType, fillType = _s === void 0 ? FILL_TYPE.primary : _s, _t = _a.menuPosition, menuPosition = _t === void 0 ? MENU_POSITIONS.top : _t, _u = _a.autoFocus, autoFocus = _u === void 0 ? false : _u, containerClassName = _a.containerClassName, containerStyles = _a.containerStyles, _v = _a.selectedEntries, selectedEntries = _v === void 0 ? [] : _v, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, _w = _a.emailsToExclude, emailsToExclude = _w === void 0 ? [] : _w, _x = _a.userDropdownId, initialId = _x === void 0 ? '' : _x, focusRef = _a.focusRef, onInputChange = _a.onInputChange, onChange = _a.onChange, onMenuOpen = _a.onMenuOpen, onMenuClose = _a.onMenuClose, onLoadNextPage = _a.onLoadNextPage;
|
|
80
|
+
var _y = useState(initialId), userDropdownId = _y[0], setUserDropdownId = _y[1];
|
|
81
|
+
var _z = useState([]), selectedUsers = _z[0], setSelectedUsers = _z[1];
|
|
82
|
+
var _0 = useState(null), timeoutId = _0[0], setTimeoutId = _0[1];
|
|
83
|
+
var _1 = useState(''), paddingLeft = _1[0], setPaddingLeft = _1[1];
|
|
84
|
+
var _2 = useState(0), maskWidth = _2[0], setMaskWidth = _2[1];
|
|
85
|
+
var _3 = useState(false), isError = _3[0], setIsError = _3[1];
|
|
86
|
+
var _4 = useState(true), isSearchable = _4[0], setIsSearchable = _4[1];
|
|
87
|
+
var _5 = useState(false), isUserTyping = _5[0], setIsUserTyping = _5[1];
|
|
88
|
+
var _6 = useState(null), modalData = _6[0], setModalData = _6[1];
|
|
89
|
+
var _7 = useState(''), chipLabelWithMaxWidth = _7[0], setChipLabelWithMaxWidth = _7[1];
|
|
90
|
+
var _8 = useState(''), inputValue = _8[0], setInputValue = _8[1];
|
|
91
91
|
var isInputFocused = useRef(false);
|
|
92
92
|
var selectRef = useRef(null);
|
|
93
93
|
var maskRef = useRef(null);
|
|
@@ -95,11 +95,17 @@ var UserDropdown = function (_a) {
|
|
|
95
95
|
var collapsableChipsCount = useRef(0);
|
|
96
96
|
var lastVisibleChipIndex = useRef(-1);
|
|
97
97
|
var skipAddUserToChipsOnNextBlurRef = useRef(false);
|
|
98
|
+
var _9 = useDroppable({ id: userDropdownId }), setNodeRef = _9.setNodeRef, over = _9.over;
|
|
99
|
+
var overId = (over || {}).id;
|
|
100
|
+
var isDraggable = overId === userDropdownId;
|
|
101
|
+
useImperativeHandle(focusRef, function () { return ({ focus: handleFocus }); });
|
|
98
102
|
var checkIsValueIsEmail = function (inputValue) {
|
|
99
103
|
var regex = new RegExp(/^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/);
|
|
100
104
|
return regex.test(inputValue);
|
|
101
105
|
};
|
|
102
|
-
|
|
106
|
+
// TODO: emailsToExclude в массиве зависимостей вызывает бесконечный ререндер при драге
|
|
107
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
108
|
+
var checkIsEmailToExclude = useCallback(function (email) { return includes(emailsToExclude, email); }, []);
|
|
103
109
|
var calculatePaddingLeft = function () {
|
|
104
110
|
var _a, _b;
|
|
105
111
|
var maskWidth = ((_b = (_a = maskRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) || null;
|
|
@@ -118,6 +124,7 @@ var UserDropdown = function (_a) {
|
|
|
118
124
|
platform: platform,
|
|
119
125
|
layoutType: layoutType,
|
|
120
126
|
isInputHidden: isInputHidden,
|
|
127
|
+
isDraggable: isDraggable,
|
|
121
128
|
});
|
|
122
129
|
};
|
|
123
130
|
var generateNoOptionsMessage = function (_a) {
|
|
@@ -169,13 +176,13 @@ var UserDropdown = function (_a) {
|
|
|
169
176
|
onInputChange(inputValue);
|
|
170
177
|
setIsUserTyping(false);
|
|
171
178
|
}, USER_TYPING_TIMEOUT);
|
|
172
|
-
var handleResetError = function () { return isError && setIsError(false); };
|
|
179
|
+
var handleResetError = useCallback(function () { return isError && setIsError(false); }, [isError]);
|
|
173
180
|
var handleMenuClose = function () {
|
|
174
181
|
menuScrollFromTop.current = 0;
|
|
175
182
|
handleResetError();
|
|
176
183
|
onMenuClose && onMenuClose();
|
|
177
184
|
};
|
|
178
|
-
var handleInputChange = function (inputValue, additionalInfo) {
|
|
185
|
+
var handleInputChange = useCallback(function (inputValue, additionalInfo) {
|
|
179
186
|
if (additionalInfo) {
|
|
180
187
|
var action = additionalInfo.action, prevInputValue = additionalInfo.prevInputValue;
|
|
181
188
|
var trimPrevInputValue_1 = prevInputValue.trim();
|
|
@@ -201,7 +208,9 @@ var UserDropdown = function (_a) {
|
|
|
201
208
|
setIsUserTyping(false);
|
|
202
209
|
}, USER_TYPING_TIMEOUT);
|
|
203
210
|
}
|
|
204
|
-
|
|
211
|
+
// TODO: requestDebounce в массиве зависимостей вызывает бесконечный ререндер при драге
|
|
212
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
213
|
+
}, [checkIsEmailToExclude, handleResetError, selectedUsers]);
|
|
205
214
|
var extractInputEmails = function (inputValue) {
|
|
206
215
|
return inputValue
|
|
207
216
|
.split(/[,;]+/)
|
|
@@ -269,7 +278,7 @@ var UserDropdown = function (_a) {
|
|
|
269
278
|
(_b = (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.onMenuOpen) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
270
279
|
}
|
|
271
280
|
};
|
|
272
|
-
var transformCurrentChipToInputValue = function (label, email) {
|
|
281
|
+
var transformCurrentChipToInputValue = useCallback(function (label, email) {
|
|
273
282
|
var _a, _b;
|
|
274
283
|
skipAddUserToChipsOnNextBlurRef.current = true;
|
|
275
284
|
setSelectedUsers(function (prevSelectedUsers) {
|
|
@@ -285,7 +294,7 @@ var UserDropdown = function (_a) {
|
|
|
285
294
|
handleInputChange(label);
|
|
286
295
|
onMenuOpen === null || onMenuOpen === void 0 ? void 0 : onMenuOpen();
|
|
287
296
|
(_b = (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.onMenuOpen) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
288
|
-
};
|
|
297
|
+
}, [onInputChange, handleInputChange, onMenuOpen, onChange]);
|
|
289
298
|
var handleChange = function (newSelectedUsers) {
|
|
290
299
|
var uniqNewSelectedUsers = uniqBy(newSelectedUsers, EMAIL_FIELD);
|
|
291
300
|
var users = [];
|
|
@@ -429,7 +438,7 @@ var UserDropdown = function (_a) {
|
|
|
429
438
|
new Promise(function (resolve) { return resolve(); }).then(function () { var _a; return (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
|
|
430
439
|
}
|
|
431
440
|
else {
|
|
432
|
-
setTimeout(function () { var _a; return (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
|
|
441
|
+
setTimeout(function () { var _a; return (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 50);
|
|
433
442
|
}
|
|
434
443
|
isInputFocused.current = true;
|
|
435
444
|
isChipsCollapsable && handleUnCollapseChips();
|
|
@@ -504,6 +513,8 @@ var UserDropdown = function (_a) {
|
|
|
504
513
|
return 'contacts' in entity ? generateCorporateOption(__assign({ option: entity }, commonFields)) : generatedNotCorporateEntity;
|
|
505
514
|
}));
|
|
506
515
|
}
|
|
516
|
+
else
|
|
517
|
+
setSelectedUsers([]);
|
|
507
518
|
// eslint-disable-next-line
|
|
508
519
|
}, [selectedEntries]);
|
|
509
520
|
useEffect(function () {
|
|
@@ -516,8 +527,8 @@ var UserDropdown = function (_a) {
|
|
|
516
527
|
var OptionComponent = useCallback(function (props) { return _jsx(Option, __assign({}, props, { children: props.children })); }, []);
|
|
517
528
|
var MenuListComponent = useCallback(function (props) { return (_jsx(MenuList, __assign({}, props, { children: props.children, selectRef: selectRef, scrollFromTop: menuScrollFromTop, language: language, hasNextPage: hasNextPage, isLoading: isLoading, isShowCatalogSearchButton: isShowCatalogSearchButton, onShowCatalogSearchButtonClick: onShowCatalogSearchButtonClick, isUserTyping: isUserTyping, isNextPageLoading: isNextPageLoading, onLoadNextPage: function (inputValue) { return onLoadNextPage && onLoadNextPage(inputValue); } }))); }, [language, hasNextPage, isLoading, isShowCatalogSearchButton, onShowCatalogSearchButtonClick, isUserTyping, isNextPageLoading, onLoadNextPage]);
|
|
518
529
|
var NoOptionsButton = function (props) { return (_jsx(components.NoOptionsMessage, __assign({}, props, { children: _jsx(SearchInCatalogButton, { language: language, isOnlyButtonInList: true, onShowCatalogSearchButtonClick: onShowCatalogSearchButtonClick, noOptionText: isShowCatalogSearchButton ? undefined : generateNoOptionsMessage({ inputValue: inputValue }) }) }))); };
|
|
519
|
-
var MultiValueLabelComponent = function (props) { return _jsx(MultiValueLabel, __assign({}, props, { transformCurrentChipToInputValue: transformCurrentChipToInputValue })); };
|
|
520
|
-
return (_jsxs("div", __assign({ id: userDropdownId, className: classNames('smartapp-user-dropdown', containerClassName), style: containerStyles }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-user-dropdown__container" }, { children: [renderMask(), _jsx(Select, { ref: selectRef, menuIsOpen: isInputHidden ? !!externalInputValue : undefined, isMulti: true, openMenuOnFocus: true, blurInputOnSelect: false, captureMenuScroll: false, isSearchable: isSearchable, menuPlacement: menuPosition, controlShouldRenderValue: isChipsVisible, backspaceRemovesValue: isChipsVisible, isDisabled: isDisabled, closeMenuOnSelect: isMenuCloseOnSelect, isLoading: isLoading || isUserTyping, isClearable: false, styles: generateStyles(), placeholder: placeholder || '', noOptionsMessage: generateNoOptionsMessage, loadingMessage: function () { return _jsx(LoadingMessage, {}); }, value: selectedUsers, inputValue: inputValue, options: !isNull(corporateEntries) || !isNull(myContactsEntries) ? generateOptions() : undefined, filterOption: handleFilterOption, onInputChange: handleInputChange, onChange: handleChange, onMenuClose: handleMenuClose, onMenuOpen: onMenuOpen, onKeyDown: handleKeyDown, onBlur: handleBlur, autoFocus: autoFocus, onFocus: handleFocus, components: {
|
|
530
|
+
var MultiValueLabelComponent = useCallback(function (props) { return _jsx(MultiValueLabel, __assign({}, props, { transformCurrentChipToInputValue: transformCurrentChipToInputValue })); }, [transformCurrentChipToInputValue]);
|
|
531
|
+
return (_jsxs("div", __assign({ id: userDropdownId, className: classNames('smartapp-user-dropdown', containerClassName), style: containerStyles }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-user-dropdown__container", ref: setNodeRef }, { children: [renderMask(), _jsx(Select, { ref: selectRef, menuIsOpen: isInputHidden ? !!externalInputValue : undefined, isMulti: true, openMenuOnFocus: true, blurInputOnSelect: false, captureMenuScroll: false, isSearchable: isSearchable, menuPlacement: menuPosition, controlShouldRenderValue: isChipsVisible, backspaceRemovesValue: isChipsVisible, isDisabled: isDisabled, closeMenuOnSelect: isMenuCloseOnSelect, isLoading: isLoading || isUserTyping, isClearable: false, styles: generateStyles(), placeholder: placeholder || '', noOptionsMessage: generateNoOptionsMessage, loadingMessage: function () { return _jsx(LoadingMessage, {}); }, value: selectedUsers, inputValue: inputValue, options: !isNull(corporateEntries) || !isNull(myContactsEntries) ? generateOptions() : undefined, filterOption: handleFilterOption, onInputChange: handleInputChange, onChange: handleChange, onMenuClose: handleMenuClose, onMenuOpen: onMenuOpen, onKeyDown: handleKeyDown, onBlur: handleBlur, autoFocus: autoFocus, onFocus: handleFocus, instanceId: userDropdownId, components: {
|
|
521
532
|
Input: Input,
|
|
522
533
|
MultiValueLabel: MultiValueLabelComponent,
|
|
523
534
|
MultiValueRemove: MultiValueRemove,
|
|
@@ -529,5 +540,5 @@ var UserDropdown = function (_a) {
|
|
|
529
540
|
NoOptionsMessage: NoOptionsButton,
|
|
530
541
|
} })] })), renderHint(), _jsx(Modal, { isModalOpen: !isNull(modalData), platform: platform, content: modalContent, isBottomSheet: isMobilePlatform(platform), backgroundColor: "var(--color-bg-blackout-transparent)", handleCloseModal: handleCloseModal })] })));
|
|
531
542
|
};
|
|
532
|
-
export default UserDropdown;
|
|
543
|
+
export default memo(UserDropdown);
|
|
533
544
|
//# sourceMappingURL=UserDropdown.js.map
|