@expressms/smartapp-ui 2.2.3 → 2.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/build/main/constants/constants.d.ts +12 -0
  2. package/build/main/constants/constants.js +14 -0
  3. package/build/main/constants/constants.js.map +1 -1
  4. package/build/main/helpers/index.d.ts +3 -0
  5. package/build/main/helpers/index.js +4 -1
  6. package/build/main/helpers/index.js.map +1 -1
  7. package/build/main/styles/styles.scss +1 -1
  8. package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.d.ts +1 -1
  9. package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js +2 -3
  10. package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js.map +1 -1
  11. package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.d.ts +1 -1
  12. package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js +2 -2
  13. package/build/main//321/201omponents/UserDropdown/LoadingMessage/LoadingMessage.js.map +1 -1
  14. package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.d.ts +3 -0
  15. package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js +57 -0
  16. package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js.map +1 -0
  17. package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.d.ts +2 -1
  18. package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +23 -4
  19. package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -1
  20. package/build/main//321/201omponents/UserDropdown/Option/Option.d.ts +2 -1
  21. package/build/main//321/201omponents/UserDropdown/Option/Option.js +4 -6
  22. package/build/main//321/201omponents/UserDropdown/Option/Option.js.map +1 -1
  23. package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +1 -1
  24. package/build/main//321/201omponents/UserDropdown/UserDropdown.js +78 -53
  25. package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
  26. package/build/main//321/201omponents/UserDropdown/colors.d.ts +2 -2
  27. package/build/main//321/201omponents/UserDropdown/colors.js +2 -2
  28. package/build/main//321/201omponents/UserDropdown/colors.js.map +1 -1
  29. package/build/main//321/201omponents/UserDropdown/helpers.d.ts +34 -12
  30. package/build/main//321/201omponents/UserDropdown/helpers.js +21 -36
  31. package/build/main//321/201omponents/UserDropdown/helpers.js.map +1 -1
  32. package/build/main//321/201omponents/UserDropdown/selectStyles.d.ts +1 -3
  33. package/build/main//321/201omponents/UserDropdown/selectStyles.js +13 -12
  34. package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
  35. package/build/main//321/201omponents/UserDropdown/types.d.ts +51 -22
  36. package/package.json +1 -1
  37. package/build/main/assets/icons/trust-user.svg +0 -10
  38. package/build/main//321/201omponents/UserDropdown/GroupHeading/GroupHeading.d.ts +0 -2
  39. package/build/main//321/201omponents/UserDropdown/GroupHeading/GroupHeading.js +0 -20
  40. package/build/main//321/201omponents/UserDropdown/GroupHeading/GroupHeading.js.map +0 -1
@@ -1,6 +1,12 @@
1
1
  /// <reference types="react" />
2
2
  import { TGenerateContactsOption, TGenerateContactsOptionsToSelect, TGenerateCorporateOption, TGenerateCorporateOptionsToSelect, TGenerateEnteredByUserOption } from './types';
3
- export declare const generateCorporateOption: ({ option: { name, avatar, email, contacts, serverName, company, department, companyPosition }, theme, }: TGenerateCorporateOption) => {
3
+ export declare const generateCorporateOption: ({ option: { name, avatar, email, contacts, serverName, company, department, companyPosition }, ...remainingFields }: TGenerateCorporateOption) => {
4
+ theme: string;
5
+ platform: string;
6
+ layoutType: string;
7
+ isChipsCollapsable: boolean;
8
+ isInputFocused: import("react").MutableRefObject<boolean>;
9
+ selectRef: import("react").MutableRefObject<any>;
4
10
  value: string;
5
11
  label: string;
6
12
  name: string;
@@ -14,12 +20,14 @@ export declare const generateCorporateOption: ({ option: { name, avatar, email,
14
20
  company: string | null;
15
21
  department: string | null;
16
22
  companyPosition: string | null;
17
- theme: string;
18
23
  };
19
- export declare const generateCorporateOptionsToSelect: ({ options, theme, platform, isTrustUser, setIsSearchable, selectRef, }: TGenerateCorporateOptionsToSelect) => {
20
- isTrustUser: boolean | undefined;
21
- platform: string;
24
+ export declare const generateCorporateOptionsToSelect: ({ options, setIsSearchable, ...remainingFields }: TGenerateCorporateOptionsToSelect) => {
22
25
  setIsSearchable: (isSearchable: boolean) => void;
26
+ theme: string;
27
+ platform: string;
28
+ layoutType: string;
29
+ isChipsCollapsable: boolean;
30
+ isInputFocused: import("react").MutableRefObject<boolean>;
23
31
  selectRef: import("react").MutableRefObject<any>;
24
32
  value: string;
25
33
  label: string;
@@ -34,32 +42,46 @@ export declare const generateCorporateOptionsToSelect: ({ options, theme, platfo
34
42
  company: string | null;
35
43
  department: string | null;
36
44
  companyPosition: string | null;
37
- theme: string;
38
45
  }[];
39
- export declare const generateContactsOption: ({ option: { name, avatar, email }, theme }: TGenerateContactsOption) => {
46
+ export declare const generateContactsOption: ({ option: { name, avatar, email }, ...remainingFields }: TGenerateContactsOption) => {
47
+ theme: string;
48
+ platform: string;
49
+ layoutType: string;
50
+ isChipsCollapsable: boolean;
51
+ isInputFocused: import("react").MutableRefObject<boolean>;
52
+ selectRef: import("react").MutableRefObject<any>;
40
53
  value: string;
41
54
  label: string;
42
55
  name: string | null;
43
56
  avatar: string | null;
44
57
  email: string;
45
58
  isMyContacts: boolean;
46
- theme: string;
47
59
  };
48
- export declare const generateContactsOptionsToSelect: ({ options, theme }: TGenerateContactsOptionsToSelect) => {
60
+ export declare const generateContactsOptionsToSelect: ({ options, ...remainingFields }: TGenerateContactsOptionsToSelect) => {
61
+ theme: string;
62
+ platform: string;
63
+ layoutType: string;
64
+ isChipsCollapsable: boolean;
65
+ isInputFocused: import("react").MutableRefObject<boolean>;
66
+ selectRef: import("react").MutableRefObject<any>;
49
67
  value: string;
50
68
  label: string;
51
69
  name: string | null;
52
70
  avatar: string | null;
53
71
  email: string;
54
72
  isMyContacts: boolean;
55
- theme: string;
56
73
  }[];
57
- export declare const generateEnteredByUserOption: ({ email, theme }: TGenerateEnteredByUserOption) => {
74
+ export declare const generateEnteredByUserOption: ({ email, ...remainingFields }: TGenerateEnteredByUserOption) => {
75
+ theme: string;
76
+ platform: string;
77
+ layoutType: string;
78
+ isChipsCollapsable: boolean;
79
+ isInputFocused: import("react").MutableRefObject<boolean>;
80
+ selectRef: import("react").MutableRefObject<any>;
58
81
  value: string;
59
82
  label: string;
60
83
  email: string;
61
84
  isEnteredByUser: boolean;
62
- theme: string;
63
85
  };
64
86
  export declare const IndicatorSeparator: () => null;
65
87
  export declare const DropdownIndicator: () => null;
@@ -9,51 +9,36 @@ var __assign = (this && this.__assign) || function () {
9
9
  };
10
10
  return __assign.apply(this, arguments);
11
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
+ };
12
23
  export var generateCorporateOption = function (_a) {
13
- var _b = _a.option, name = _b.name, avatar = _b.avatar, email = _b.email, contacts = _b.contacts, serverName = _b.serverName, company = _b.company, department = _b.department, companyPosition = _b.companyPosition, theme = _a.theme;
14
- return ({
15
- value: contacts[0].userHuid,
16
- label: name,
17
- name: name,
18
- avatar: avatar,
19
- email: email || contacts[0].contact,
20
- contacts: contacts,
21
- serverName: serverName,
22
- company: company,
23
- department: department,
24
- companyPosition: companyPosition,
25
- theme: theme,
26
- });
24
+ var _b = _a.option, name = _b.name, avatar = _b.avatar, email = _b.email, contacts = _b.contacts, serverName = _b.serverName, company = _b.company, department = _b.department, companyPosition = _b.companyPosition, remainingFields = __rest(_a, ["option"]);
25
+ return (__assign({ value: contacts[0].userHuid, label: name, name: name, avatar: avatar, email: email || contacts[0].contact, contacts: contacts, serverName: serverName, company: company, department: department, companyPosition: companyPosition }, remainingFields));
27
26
  };
28
27
  export var generateCorporateOptionsToSelect = function (_a) {
29
- var options = _a.options, theme = _a.theme, platform = _a.platform, isTrustUser = _a.isTrustUser, setIsSearchable = _a.setIsSearchable, selectRef = _a.selectRef;
30
- return options.map(function (option) { return (__assign(__assign({}, generateCorporateOption({ option: option, theme: theme })), { isTrustUser: isTrustUser, platform: platform, setIsSearchable: setIsSearchable, selectRef: selectRef })); });
28
+ var options = _a.options, setIsSearchable = _a.setIsSearchable, remainingFields = __rest(_a, ["options", "setIsSearchable"]);
29
+ return options.map(function (option) { return (__assign(__assign({}, generateCorporateOption(__assign({ option: option }, remainingFields))), { setIsSearchable: setIsSearchable })); });
31
30
  };
32
31
  export var generateContactsOption = function (_a) {
33
- var _b = _a.option, name = _b.name, avatar = _b.avatar, email = _b.email, theme = _a.theme;
34
- return ({
35
- value: email,
36
- label: name || email,
37
- name: name,
38
- avatar: avatar,
39
- email: email,
40
- isMyContacts: true,
41
- theme: theme,
42
- });
32
+ var _b = _a.option, name = _b.name, avatar = _b.avatar, email = _b.email, remainingFields = __rest(_a, ["option"]);
33
+ return (__assign({ value: email, label: name || email, name: name, avatar: avatar, email: email, isMyContacts: true }, remainingFields));
43
34
  };
44
35
  export var generateContactsOptionsToSelect = function (_a) {
45
- var options = _a.options, theme = _a.theme;
46
- return options.map(function (option) { return generateContactsOption({ option: option, theme: theme }); });
36
+ var options = _a.options, remainingFields = __rest(_a, ["options"]);
37
+ return options.map(function (option) { return generateContactsOption(__assign({ option: option }, remainingFields)); });
47
38
  };
48
39
  export var generateEnteredByUserOption = function (_a) {
49
- var email = _a.email, theme = _a.theme;
50
- return ({
51
- value: email,
52
- label: email,
53
- email: email,
54
- isEnteredByUser: true,
55
- theme: theme,
56
- });
40
+ var email = _a.email, remainingFields = __rest(_a, ["email"]);
41
+ return (__assign({ value: email, label: email, email: email, isEnteredByUser: true }, remainingFields));
57
42
  };
58
43
  export var IndicatorSeparator = function () { return null; };
59
44
  export var DropdownIndicator = function () { return null; };
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/helpers.ts"],"names":[],"mappings":";;;;;;;;;;;AAQA,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAGb;QAFzB,cAA2F,EAAjF,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,eAAe,qBAAA,EACzF,KAAK,WAAA;IACyB,OAAA,CAAC;QAC/B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ;QAC3B,KAAK,EAAE,IAAI;QACX,IAAI,MAAA;QACJ,MAAM,QAAA;QACN,KAAK,EAAE,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO;QACnC,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,OAAO,SAAA;QACP,UAAU,YAAA;QACV,eAAe,iBAAA;QACf,KAAK,OAAA;KACN,CAAC;AAZ8B,CAY9B,CAAA;AAEF,MAAM,CAAC,IAAM,gCAAgC,GAAG,UAAC,EAOb;QANlC,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,SAAS,eAAA;IAET,OAAA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,uBACnB,uBAAuB,CAAC,EAAE,MAAM,QAAA,EAAE,KAAK,OAAA,EAAE,CAAC,KAC7C,WAAW,aAAA,EACX,QAAQ,UAAA,EACR,eAAe,iBAAA,EACf,SAAS,WAAA,IACT,EANsB,CAMtB,CAAC;AANH,CAMG,CAAA;AAEL,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,EAAmE;QAAjE,cAA+B,EAArB,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAI,KAAK,WAAA;IAAgC,OAAA,CAAC;QAC9G,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,IAAI,IAAI,KAAK;QACpB,IAAI,MAAA;QACJ,MAAM,QAAA;QACN,KAAK,OAAA;QACL,YAAY,EAAE,IAAI;QAClB,KAAK,OAAA;KACN,CAAC;AAR6G,CAQ7G,CAAA;AAEF,MAAM,CAAC,IAAM,+BAA+B,GAAG,UAAC,EAAoD;QAAlD,OAAO,aAAA,EAAE,KAAK,WAAA;IAC9D,OAAA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,sBAAsB,CAAC,EAAE,MAAM,QAAA,EAAE,KAAK,OAAA,EAAE,CAAC,EAAzC,CAAyC,CAAC;AAAlE,CAAkE,CAAA;AAEpE,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAA8C;QAA5C,KAAK,WAAA,EAAE,KAAK,WAAA;IAAqC,OAAA,CAAC;QAC9F,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,KAAK;QACZ,KAAK,OAAA;QACL,eAAe,EAAE,IAAI;QACrB,KAAK,OAAA;KACN,CAAC;AAN6F,CAM7F,CAAA;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;AAC5C,MAAM,CAAC,IAAM,iBAAiB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;AAC3C,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;AAC1C,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA"}
1
+ {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/helpers.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAGb;IAFzB,IAAA,cAA2F,EAAjF,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,eAAe,qBAAA,EACtF,eAAe,cAFoB,UAGvC,CADmB;IACY,OAAA,YAC9B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,EAC3B,KAAK,EAAE,IAAI,EACX,IAAI,MAAA,EACJ,MAAM,QAAA,EACN,KAAK,EAAE,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,EACnC,QAAQ,UAAA,EACR,UAAU,YAAA,EACV,OAAO,SAAA,EACP,UAAU,YAAA,EACV,eAAe,iBAAA,IACZ,eAAe,EAClB,CAAA;CAAA,CAAA;AAEF,MAAM,CAAC,IAAM,gCAAgC,GAAG,UAAC,EAAmF;IAAjF,IAAA,OAAO,aAAA,EAAE,eAAe,qBAAA,EAAK,eAAe,cAA9C,8BAAgD,CAAF;IAC7F,OAAA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,uBACnB,uBAAuB,YAAG,MAAM,QAAA,IAAK,eAAe,EAAG,KAC1D,eAAe,iBAAA,IACf,EAHsB,CAGtB,CAAC,CAAA;CAAA,CAAA;AAEL,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,EAAgF;IAA9E,IAAA,cAA+B,EAArB,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAO,eAAe,cAArD,UAAuD,CAAF;IAAgC,OAAA,YAC1H,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,IAAI,KAAK,EACpB,IAAI,MAAA,EACJ,MAAM,QAAA,EACN,KAAK,OAAA,EACL,YAAY,EAAE,IAAI,IACf,eAAe,EAClB,CAAA;CAAA,CAAA;AAEF,MAAM,CAAC,IAAM,+BAA+B,GAAG,UAAC,EAAiE;IAA/D,IAAA,OAAO,aAAA,EAAK,eAAe,cAA7B,WAA+B,CAAF;IAC3E,OAAA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,sBAAsB,YAAG,MAAM,QAAA,IAAK,eAAe,EAAG,EAAtD,CAAsD,CAAC,CAAA;CAAA,CAAA;AAEjF,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAA2D;IAAzD,IAAA,KAAK,WAAA,EAAK,eAAe,cAA3B,SAA6B,CAAF;IAAqC,OAAA,YAC1G,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,OAAA,EACL,eAAe,EAAE,IAAI,IAClB,eAAe,EAClB,CAAA;CAAA,CAAA;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;AAC5C,MAAM,CAAC,IAAM,iBAAiB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;AAC3C,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;AAC1C,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA"}
@@ -1,9 +1,7 @@
1
1
  import { TSelectStyles } from './types';
2
- declare const _default: ({ isLoading, isFullScreen, isChipsVisible, isMaxMembersAdded, isDisabled, isError, lastRowNumber, paddingLeft, borderType, theme, }: TSelectStyles) => {
2
+ declare const _default: ({ isChipsVisible, isMaxMembersAdded, isDisabled, isError, lastRowNumber, paddingLeft, borderType, theme, layoutType, }: TSelectStyles) => {
3
3
  control: (provided: any, { menuIsOpen }: any) => any;
4
4
  menu: (provided: any) => any;
5
- group: (provided: any) => any;
6
- groupHeading: (provided: any) => any;
7
5
  menuList: (provided: any) => any;
8
6
  valueContainer: (provided: any, { hasValue }: any) => any;
9
7
  placeholder: (provided: any) => any;
@@ -9,12 +9,12 @@ var __assign = (this && this.__assign) || function () {
9
9
  };
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
- import { isDarkTheme } from '../../helpers';
12
+ import { isDarkTheme, isFullScreen, isHalfLayoutType } from '../../helpers';
13
13
  import { INPUT_BORDER_TYPE } from '../../constants';
14
14
  import * as colors from './colors';
15
15
  // eslint-disable-next-line import/no-anonymous-default-export
16
16
  export default (function (_a) {
17
- var isLoading = _a.isLoading, isFullScreen = _a.isFullScreen, isChipsVisible = _a.isChipsVisible, isMaxMembersAdded = _a.isMaxMembersAdded, isDisabled = _a.isDisabled, isError = _a.isError, lastRowNumber = _a.lastRowNumber, paddingLeft = _a.paddingLeft, borderType = _a.borderType, theme = _a.theme;
17
+ var isChipsVisible = _a.isChipsVisible, isMaxMembersAdded = _a.isMaxMembersAdded, isDisabled = _a.isDisabled, isError = _a.isError, lastRowNumber = _a.lastRowNumber, paddingLeft = _a.paddingLeft, borderType = _a.borderType, theme = _a.theme, layoutType = _a.layoutType;
18
18
  return ({
19
19
  control: function (provided, _a) {
20
20
  var menuIsOpen = _a.menuIsOpen;
@@ -30,21 +30,19 @@ export default (function (_a) {
30
30
  borderColor: isError ? colors.redBorderColor : hoverBorderColor,
31
31
  } });
32
32
  },
33
- menu: function (provided) { return (__assign(__assign({}, provided), { width: isFullScreen ? '384px' : '100%', left: isFullScreen ? '55px' : 0, borderRadius: '4px', boxShadow: isDarkTheme(theme) ? "0 4px 17px 0 ".concat(colors.boxShadowColor) : "0 2px 4px 0 ".concat(colors.boxShadowColor), margin: '4px 0', zIndex: 2 })); },
34
- group: function (provided) { return (__assign(__assign({}, provided), { padding: 0, '& > div:last-child > div:last-child': {
33
+ menu: function (provided) { return (__assign(__assign({}, provided), { width: isFullScreen(layoutType) ? '384px' : '100%', left: isFullScreen(layoutType) ? '55px' : 0, borderRadius: '4px', boxShadow: isDarkTheme(theme) ? "0 4px 17px 0 ".concat(colors.boxShadowColor) : "0 2px 4px 0 ".concat(colors.boxShadowColor), margin: '4px 0', zIndex: 2, '& > div:last-child > div:last-child': {
35
34
  '.smartapp-option__container': {
36
35
  borderBottom: 'none',
37
36
  },
38
37
  }, '[role=option]:has(+[role=option]:hover)': {
39
38
  '.smartapp-option__container': {
40
- borderBottomColor: 'transparent',
39
+ borderBottomColor: colors.transparent,
41
40
  },
42
41
  } })); },
43
- groupHeading: function (provided) { return (__assign(__assign({}, provided), { fontSize: '12px', fontWeight: 600, lineHeight: '16px', color: isDarkTheme(theme) ? colors.darkGrayColor : colors.darkGrayColor, background: isDarkTheme(theme) ? colors.lighterBlackBackgroundColor : colors.grayBackgroundColor, textTransform: 'unset', padding: '8px 16px', margin: 0 })); },
44
- menuList: function (provided) { return (__assign(__assign({}, provided), { maxHeight: isLoading ? 'fit-content' : '356px', background: isDarkTheme(theme) ? colors.lightBlackColor : colors.whiteBackgroundColor, borderRadius: '4px', padding: 0, scrollbarColor: "".concat(colors.lightBlueColor, " transparent"), '::-webkit-scrollbar-thumb': {
42
+ menuList: function (provided) { return (__assign(__assign({}, provided), { maxHeight: '356px', background: isDarkTheme(theme) ? colors.lightBlackColor : colors.whiteBackgroundColor, borderRadius: '4px', padding: 0, scrollbarColor: "".concat(colors.lightBlueColor, " ").concat(colors.transparent), '::-webkit-scrollbar-thumb': {
45
43
  background: colors.lightBlueColor,
46
44
  }, '::-webkit-scrollbar-track': {
47
- background: 'transparent',
45
+ background: colors.transparent,
48
46
  } })); },
49
47
  valueContainer: function (provided, _a) {
50
48
  var hasValue = _a.hasValue;
@@ -53,16 +51,19 @@ export default (function (_a) {
53
51
  },
54
52
  placeholder: function (provided) { return (__assign(__assign({}, provided), { fontFamily: "Open Sans, 'sans-serif'", fontSize: '14px', fontWeight: '400', lineHeight: '19px', color: isDarkTheme(theme) ? colors.lighterBlackColor : colors.grayColor, margin: 0 })); },
55
53
  input: function (provided) { return (__assign(__assign({}, provided), { display: isMaxMembersAdded || isDisabled ? 'none' : 'grid', fontSize: '14px', fontWeight: '400', lineHeight: '19px', color: isDarkTheme(theme) ? colors.grayBackgroundColor : colors.blackColor, caretColor: colors.blueColor, padding: 0, margin: 0, overflow: 'auto' })); },
56
- multiValue: function (provided) { return (__assign(__assign({}, provided), { width: isFullScreen ? 'auto' : 'calc(50% - 4px)', background: 'unset', borderRadius: '20px', margin: 0 })); },
54
+ multiValue: function (provided) { return (__assign(__assign({}, provided), { width: isFullScreen(layoutType) ? 'auto' : isHalfLayoutType(layoutType) ? 'calc((100% - 16px) / 3)' : 'calc(50% - 4px)', background: 'unset', borderRadius: '20px', margin: 0, '&:empty, &:has(.multi-value-label-counter)': {
55
+ width: 'fit-content',
56
+ cursor: 'default',
57
+ } })); },
57
58
  multiValueLabel: function (provided) { return (__assign(__assign({}, provided), { width: '100%', padding: '0 !important', '.smartapp-chip': {
58
59
  maxWidth: '100%',
59
60
  } })); },
60
61
  noOptionsMessage: function (provided) { return (__assign(__assign({}, provided), { fontSize: '12px', fontWeight: 400, color: isDarkTheme(theme) ? colors.grayColor : colors.lightGrayColor, padding: '8px 16px' })); },
61
62
  loadingMessage: function (provided) { return (__assign(__assign({}, provided), { padding: 0 })); },
62
- option: function (provided) { return (__assign(__assign({}, provided), { background: isDarkTheme(theme) ? colors.lightBlackColor : colors.whiteBackgroundColor, padding: '0 0 0 16px', cursor: 'pointer', '&:hover': {
63
- background: isDarkTheme(theme) ? colors.lightBlackBackgroundColor : colors.darkGrayBackgroundColor,
63
+ option: function (provided) { return (__assign(__assign({}, provided), { background: isDarkTheme(theme) ? colors.lighterBlackBackgroundColor : colors.whiteBackgroundColor, padding: '0 0 0 16px', cursor: 'pointer', '&:hover': {
64
+ background: isDarkTheme(theme) ? colors.lightBlackColor : colors.darkGrayBackgroundColor,
64
65
  '.smartapp-option__container': {
65
- borderBottomColor: 'transparent',
66
+ borderBottomColor: colors.transparent,
66
67
  },
67
68
  } })); },
68
69
  });
@@ -1 +1 @@
1
- {"version":3,"file":"selectStyles.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/selectStyles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"selectStyles.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/selectStyles.ts"],"names":[],"mappings":"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"}
@@ -1,8 +1,8 @@
1
1
  import { MutableRefObject } from 'react';
2
+ import { MenuListProps, OptionProps } from 'react-select';
2
3
  import { ICommonProps } from '../../constants';
3
4
  export interface IContactBottomSheet {
4
5
  theme: string;
5
- isTrustUser: boolean;
6
6
  avatar: string | null;
7
7
  name: string;
8
8
  email: string;
@@ -24,34 +24,60 @@ export type TRenderInfoItem = {
24
24
  };
25
25
  export interface ILoadingMessage {
26
26
  theme: 'default' | 'dark';
27
+ skeletonRowsCount?: number;
27
28
  }
28
- export type TGenerateCorporateOption = {
29
- option: TCorporateEntity;
30
- theme: string;
29
+ export interface IMenuListProps extends MenuListProps {
30
+ appTheme: 'default' | 'dark';
31
+ selectRef: MutableRefObject<any>;
32
+ scrollFromTop: MutableRefObject<number | undefined>;
33
+ hasNextPage: boolean;
34
+ isLoading: boolean;
35
+ isUserTyping: boolean;
36
+ isNextPageLoading: boolean;
37
+ onLoadNextPage: (inputValue: string) => void;
38
+ }
39
+ type TData = {
40
+ label: string;
41
+ avatar: string | null;
42
+ email: string;
43
+ serverName: string | null;
44
+ company: string | null;
45
+ department: string | null;
46
+ companyPosition: string | null;
47
+ isMyContacts: boolean;
48
+ theme: 'default' | 'dark';
49
+ platform: 'web' | 'ios' | 'android';
50
+ setIsSearchable: (isSearchable: boolean) => void;
51
+ selectRef: MutableRefObject<any>;
31
52
  };
32
- export type TGenerateCorporateOptionsToSelect = {
33
- options: TCorporateEntity[];
53
+ export interface IOptionProps extends OptionProps {
54
+ data: TData;
55
+ }
56
+ type TGenerateCommonOption = {
34
57
  theme: string;
35
58
  platform: string;
36
- isTrustUser?: boolean;
37
- setIsSearchable: (isSearchable: boolean) => void;
59
+ layoutType: string;
60
+ isChipsCollapsable: boolean;
61
+ isInputFocused: MutableRefObject<boolean>;
38
62
  selectRef: MutableRefObject<any>;
39
63
  };
40
- export type TGenerateContactsOption = {
64
+ export type TGenerateCorporateOption = TGenerateCommonOption & {
65
+ option: TCorporateEntity;
66
+ };
67
+ export type TGenerateCorporateOptionsToSelect = TGenerateCommonOption & {
68
+ options: TCorporateEntity[];
69
+ setIsSearchable: (isSearchable: boolean) => void;
70
+ };
71
+ export type TGenerateContactsOption = TGenerateCommonOption & {
41
72
  option: TMyContactsEntries;
42
- theme: string;
43
73
  };
44
- export type TGenerateContactsOptionsToSelect = {
74
+ export type TGenerateContactsOptionsToSelect = TGenerateCommonOption & {
45
75
  options: TMyContactsEntries[];
46
- theme: string;
47
76
  };
48
- export type TGenerateEnteredByUserOption = {
77
+ export type TGenerateEnteredByUserOption = TGenerateCommonOption & {
49
78
  email: string;
50
- theme: string;
51
79
  };
52
80
  export type TSelectStyles = {
53
- isLoading: boolean;
54
- isFullScreen: boolean;
55
81
  isChipsVisible: boolean;
56
82
  isMaxMembersAdded: boolean;
57
83
  isDisabled: boolean;
@@ -60,6 +86,7 @@ export type TSelectStyles = {
60
86
  paddingLeft: string;
61
87
  borderType: string;
62
88
  theme: string;
89
+ layoutType: string;
63
90
  };
64
91
  export type TGenerateNoOptionsMessage = {
65
92
  inputValue: string;
@@ -67,11 +94,8 @@ export type TGenerateNoOptionsMessage = {
67
94
  export type THandleFilterOption = {
68
95
  data: MultiOptionType;
69
96
  };
70
- type TOptions = {
71
- options: MultiOptionType[];
72
- };
73
97
  export type TSelectProps = {
74
- options: TOptions[];
98
+ options: MultiOptionType[];
75
99
  inputValue: string;
76
100
  onChange: (value: MultiOptionType[]) => void;
77
101
  onInputChange: (value: string) => void;
@@ -82,12 +106,13 @@ export interface MultiOptionType {
82
106
  avatar?: string | null;
83
107
  email: string;
84
108
  theme: string;
109
+ layoutType: string;
110
+ isChipsCollapsable: boolean;
85
111
  platform?: string;
86
112
  serverName?: string | null;
87
113
  company?: string | null;
88
114
  department?: string | null;
89
115
  companyPosition?: string | null;
90
- isTrustUser?: boolean;
91
116
  isMyContacts?: boolean;
92
117
  isEnteredByUser?: boolean;
93
118
  }
@@ -118,11 +143,14 @@ export type TUser = TCorporateEntity | TMyContactsEntries | {
118
143
  email: string;
119
144
  };
120
145
  export interface IUserDropdownProps extends ICommonProps {
121
- isFullScreen?: boolean;
122
146
  isDisabled?: boolean;
123
147
  isLoading?: boolean;
124
148
  isChipsVisible?: boolean;
149
+ isChipsCollapsable?: boolean;
125
150
  isMenuCloseOnSelect?: boolean;
151
+ hasNextPage?: boolean;
152
+ isNextPageLoading?: boolean;
153
+ layoutType?: 'minimal' | 'half' | 'fullscreen';
126
154
  title?: string;
127
155
  mask?: string;
128
156
  placeholder?: string;
@@ -136,6 +164,7 @@ export interface IUserDropdownProps extends ICommonProps {
136
164
  onInputChange: (inputValue: string) => void;
137
165
  onChange: (users: TUser[]) => void;
138
166
  onMenuClose?: () => void;
167
+ onLoadNextPage?: (inputValue: string) => void;
139
168
  menuPosition?: 'bottom' | 'auto' | 'top';
140
169
  }
141
170
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@expressms/smartapp-ui",
3
- "version": "2.2.3",
3
+ "version": "2.2.4",
4
4
  "description": "SmartApp UI library",
5
5
  "license": "MIT",
6
6
  "main": "build/main/index.js",
@@ -1,10 +0,0 @@
1
- <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_8442_108093)">
3
- <path d="M6 0C2.688 0 0 2.688 0 6C0 9.312 2.688 12 6 12C9.312 12 12 9.312 12 6C12 2.688 9.312 0 6 0ZM5.4 10.758C3.03 10.464 1.2 8.448 1.2 6C1.2 5.628 1.248 5.274 1.326 4.926L4.2 7.8V8.4C4.2 9.06 4.74 9.6 5.4 9.6V10.758ZM9.54 9.234C9.384 8.748 8.94 8.4 8.4 8.4H7.8V6.6C7.8 6.27 7.53 6 7.2 6H3.6V4.8H4.8C5.13 4.8 5.4 4.53 5.4 4.2V3H6.6C7.26 3 7.8 2.46 7.8 1.8V1.554C9.558 2.268 10.8 3.99 10.8 6C10.8 7.248 10.32 8.382 9.54 9.234Z" fill="#4799E3"/>
4
- </g>
5
- <defs>
6
- <clipPath id="clip0_8442_108093">
7
- <rect width="12" height="12" fill="white"/>
8
- </clipPath>
9
- </defs>
10
- </svg>
@@ -1,2 +0,0 @@
1
- declare const GroupHeading: (props: any) => import("react/jsx-runtime").JSX.Element | null;
2
- export default GroupHeading;
@@ -1,20 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { components } from 'react-select';
14
- import { isNil } from 'lodash';
15
- var GroupHeading = function (props) {
16
- var label = props.data.label;
17
- return !isNil(label) ? _jsx(components.GroupHeading, __assign({}, props)) : null;
18
- };
19
- export default GroupHeading;
20
- //# sourceMappingURL=GroupHeading.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"GroupHeading.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/GroupHeading/GroupHeading.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAE9B,IAAM,YAAY,GAAG,UAAC,KAAU;IAEpB,IAAA,KAAK,GACX,KAAK,WADM,CACN;IAET,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAC,UAAU,CAAC,YAAY,eAAK,KAAK,EAAI,CAAC,CAAC,CAAC,IAAI,CAAA;AACtE,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}