@uzum-tech/ui 1.12.2 → 1.12.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (231) hide show
  1. package/README.md +1 -1
  2. package/dist/index.js +1196 -13136
  3. package/dist/index.prod.js +4 -4
  4. package/es/_utils/composable/composables.js +2 -1
  5. package/es/chat/index.d.ts +1 -1
  6. package/es/chat/src/ChatParts/ChatAttachment.d.ts +1 -1
  7. package/es/chat/src/ChatParts/ChatAttachment.js +4 -4
  8. package/es/chat/src/ChatParts/MainArea.js +11 -1
  9. package/es/chat/src/interface.d.ts +9 -1
  10. package/es/chat/src/interface.js +7 -0
  11. package/es/header/src/Header.d.ts +3 -1
  12. package/es/header/src/Header.js +16 -4
  13. package/es/header/src/HeaderNavigation.d.ts +1601 -4
  14. package/es/header/src/HeaderNavigation.js +191 -31
  15. package/es/header/src/styles/index.cssr.js +47 -10
  16. package/es/locales/index.d.ts +0 -46
  17. package/es/locales/index.js +0 -46
  18. package/es/menu/src/utils.js +3 -1
  19. package/es/message/src/use-message.js +1 -1
  20. package/es/slider/src/Slider.js +0 -1
  21. package/es/tabs/src/Tabs.js +2 -2
  22. package/es/upload/src/interface.d.ts +3 -2
  23. package/es/version.d.ts +1 -1
  24. package/es/version.js +1 -1
  25. package/lib/_utils/composable/composables.js +2 -1
  26. package/lib/chat/index.d.ts +1 -1
  27. package/lib/chat/src/ChatParts/ChatAttachment.d.ts +1 -1
  28. package/lib/chat/src/ChatParts/ChatAttachment.js +3 -3
  29. package/lib/chat/src/ChatParts/MainArea.js +11 -1
  30. package/lib/chat/src/interface.d.ts +9 -1
  31. package/lib/chat/src/interface.js +8 -1
  32. package/lib/header/src/Header.d.ts +3 -1
  33. package/lib/header/src/Header.js +16 -4
  34. package/lib/header/src/HeaderNavigation.d.ts +1601 -4
  35. package/lib/header/src/HeaderNavigation.js +189 -29
  36. package/lib/header/src/styles/index.cssr.js +47 -10
  37. package/lib/locales/index.d.ts +0 -46
  38. package/lib/locales/index.js +1 -94
  39. package/lib/menu/src/utils.js +3 -1
  40. package/lib/message/src/use-message.js +1 -1
  41. package/lib/slider/src/Slider.js +0 -1
  42. package/lib/tabs/src/Tabs.js +2 -2
  43. package/lib/upload/src/interface.d.ts +3 -2
  44. package/lib/version.d.ts +1 -1
  45. package/lib/version.js +1 -1
  46. package/package.json +1 -1
  47. package/web-types.json +2752 -2752
  48. package/es/locales/common/arDZ.d.ts +0 -3
  49. package/es/locales/common/arDZ.js +0 -147
  50. package/es/locales/common/deDE.d.ts +0 -3
  51. package/es/locales/common/deDE.js +0 -147
  52. package/es/locales/common/enGB.d.ts +0 -3
  53. package/es/locales/common/enGB.js +0 -148
  54. package/es/locales/common/eo.d.ts +0 -3
  55. package/es/locales/common/eo.js +0 -149
  56. package/es/locales/common/esAR.d.ts +0 -3
  57. package/es/locales/common/esAR.js +0 -151
  58. package/es/locales/common/faIR.d.ts +0 -3
  59. package/es/locales/common/faIR.js +0 -147
  60. package/es/locales/common/frFR.d.ts +0 -3
  61. package/es/locales/common/frFR.js +0 -147
  62. package/es/locales/common/idID.d.ts +0 -3
  63. package/es/locales/common/idID.js +0 -151
  64. package/es/locales/common/itIT.d.ts +0 -3
  65. package/es/locales/common/itIT.js +0 -150
  66. package/es/locales/common/jaJP.d.ts +0 -3
  67. package/es/locales/common/jaJP.js +0 -150
  68. package/es/locales/common/koKR.d.ts +0 -3
  69. package/es/locales/common/koKR.js +0 -150
  70. package/es/locales/common/nbNO.d.ts +0 -3
  71. package/es/locales/common/nbNO.js +0 -151
  72. package/es/locales/common/nlNL.d.ts +0 -3
  73. package/es/locales/common/nlNL.js +0 -149
  74. package/es/locales/common/plPL.d.ts +0 -3
  75. package/es/locales/common/plPL.js +0 -150
  76. package/es/locales/common/ptBR.d.ts +0 -3
  77. package/es/locales/common/ptBR.js +0 -147
  78. package/es/locales/common/skSK.d.ts +0 -3
  79. package/es/locales/common/skSK.js +0 -151
  80. package/es/locales/common/svSE.d.ts +0 -3
  81. package/es/locales/common/svSE.js +0 -147
  82. package/es/locales/common/thTH.d.ts +0 -3
  83. package/es/locales/common/thTH.js +0 -151
  84. package/es/locales/common/trTR.d.ts +0 -3
  85. package/es/locales/common/trTR.js +0 -148
  86. package/es/locales/common/ukUA.d.ts +0 -3
  87. package/es/locales/common/ukUA.js +0 -148
  88. package/es/locales/common/viVN.d.ts +0 -3
  89. package/es/locales/common/viVN.js +0 -147
  90. package/es/locales/common/zhCN.d.ts +0 -3
  91. package/es/locales/common/zhCN.js +0 -147
  92. package/es/locales/common/zhTW.d.ts +0 -3
  93. package/es/locales/common/zhTW.js +0 -147
  94. package/es/locales/date/arDZ.d.ts +0 -3
  95. package/es/locales/date/arDZ.js +0 -6
  96. package/es/locales/date/deDE.d.ts +0 -3
  97. package/es/locales/date/deDE.js +0 -6
  98. package/es/locales/date/enGB.d.ts +0 -3
  99. package/es/locales/date/enGB.js +0 -6
  100. package/es/locales/date/eo.d.ts +0 -3
  101. package/es/locales/date/eo.js +0 -6
  102. package/es/locales/date/esAR.d.ts +0 -3
  103. package/es/locales/date/esAR.js +0 -6
  104. package/es/locales/date/faIR.d.ts +0 -3
  105. package/es/locales/date/faIR.js +0 -6
  106. package/es/locales/date/frFR.d.ts +0 -3
  107. package/es/locales/date/frFR.js +0 -6
  108. package/es/locales/date/idID.d.ts +0 -3
  109. package/es/locales/date/idID.js +0 -6
  110. package/es/locales/date/itIT.d.ts +0 -3
  111. package/es/locales/date/itIT.js +0 -6
  112. package/es/locales/date/jaJP.d.ts +0 -3
  113. package/es/locales/date/jaJP.js +0 -6
  114. package/es/locales/date/koKR.d.ts +0 -3
  115. package/es/locales/date/koKR.js +0 -6
  116. package/es/locales/date/nbNO.d.ts +0 -3
  117. package/es/locales/date/nbNO.js +0 -6
  118. package/es/locales/date/nlNL.d.ts +0 -3
  119. package/es/locales/date/nlNL.js +0 -6
  120. package/es/locales/date/plPL.d.ts +0 -3
  121. package/es/locales/date/plPL.js +0 -6
  122. package/es/locales/date/ptBR.d.ts +0 -3
  123. package/es/locales/date/ptBR.js +0 -6
  124. package/es/locales/date/skSK.d.ts +0 -3
  125. package/es/locales/date/skSK.js +0 -6
  126. package/es/locales/date/svSE.d.ts +0 -3
  127. package/es/locales/date/svSE.js +0 -6
  128. package/es/locales/date/thTH.d.ts +0 -3
  129. package/es/locales/date/thTH.js +0 -6
  130. package/es/locales/date/trTR.d.ts +0 -3
  131. package/es/locales/date/trTR.js +0 -6
  132. package/es/locales/date/ukUA.d.ts +0 -3
  133. package/es/locales/date/ukUA.js +0 -6
  134. package/es/locales/date/viVN.d.ts +0 -3
  135. package/es/locales/date/viVN.js +0 -6
  136. package/es/locales/date/zhCN.d.ts +0 -3
  137. package/es/locales/date/zhCN.js +0 -6
  138. package/es/locales/date/zhTW.d.ts +0 -3
  139. package/es/locales/date/zhTW.js +0 -6
  140. package/lib/locales/common/arDZ.d.ts +0 -3
  141. package/lib/locales/common/arDZ.js +0 -149
  142. package/lib/locales/common/deDE.d.ts +0 -3
  143. package/lib/locales/common/deDE.js +0 -149
  144. package/lib/locales/common/enGB.d.ts +0 -3
  145. package/lib/locales/common/enGB.js +0 -150
  146. package/lib/locales/common/eo.d.ts +0 -3
  147. package/lib/locales/common/eo.js +0 -151
  148. package/lib/locales/common/esAR.d.ts +0 -3
  149. package/lib/locales/common/esAR.js +0 -153
  150. package/lib/locales/common/faIR.d.ts +0 -3
  151. package/lib/locales/common/faIR.js +0 -149
  152. package/lib/locales/common/frFR.d.ts +0 -3
  153. package/lib/locales/common/frFR.js +0 -149
  154. package/lib/locales/common/idID.d.ts +0 -3
  155. package/lib/locales/common/idID.js +0 -153
  156. package/lib/locales/common/itIT.d.ts +0 -3
  157. package/lib/locales/common/itIT.js +0 -152
  158. package/lib/locales/common/jaJP.d.ts +0 -3
  159. package/lib/locales/common/jaJP.js +0 -152
  160. package/lib/locales/common/koKR.d.ts +0 -3
  161. package/lib/locales/common/koKR.js +0 -152
  162. package/lib/locales/common/nbNO.d.ts +0 -3
  163. package/lib/locales/common/nbNO.js +0 -153
  164. package/lib/locales/common/nlNL.d.ts +0 -3
  165. package/lib/locales/common/nlNL.js +0 -151
  166. package/lib/locales/common/plPL.d.ts +0 -3
  167. package/lib/locales/common/plPL.js +0 -152
  168. package/lib/locales/common/ptBR.d.ts +0 -3
  169. package/lib/locales/common/ptBR.js +0 -149
  170. package/lib/locales/common/skSK.d.ts +0 -3
  171. package/lib/locales/common/skSK.js +0 -153
  172. package/lib/locales/common/svSE.d.ts +0 -3
  173. package/lib/locales/common/svSE.js +0 -149
  174. package/lib/locales/common/thTH.d.ts +0 -3
  175. package/lib/locales/common/thTH.js +0 -153
  176. package/lib/locales/common/trTR.d.ts +0 -3
  177. package/lib/locales/common/trTR.js +0 -150
  178. package/lib/locales/common/ukUA.d.ts +0 -3
  179. package/lib/locales/common/ukUA.js +0 -150
  180. package/lib/locales/common/viVN.d.ts +0 -3
  181. package/lib/locales/common/viVN.js +0 -149
  182. package/lib/locales/common/zhCN.d.ts +0 -3
  183. package/lib/locales/common/zhCN.js +0 -149
  184. package/lib/locales/common/zhTW.d.ts +0 -3
  185. package/lib/locales/common/zhTW.js +0 -149
  186. package/lib/locales/date/arDZ.d.ts +0 -3
  187. package/lib/locales/date/arDZ.js +0 -11
  188. package/lib/locales/date/deDE.d.ts +0 -3
  189. package/lib/locales/date/deDE.js +0 -11
  190. package/lib/locales/date/enGB.d.ts +0 -3
  191. package/lib/locales/date/enGB.js +0 -11
  192. package/lib/locales/date/eo.d.ts +0 -3
  193. package/lib/locales/date/eo.js +0 -11
  194. package/lib/locales/date/esAR.d.ts +0 -3
  195. package/lib/locales/date/esAR.js +0 -11
  196. package/lib/locales/date/faIR.d.ts +0 -3
  197. package/lib/locales/date/faIR.js +0 -11
  198. package/lib/locales/date/frFR.d.ts +0 -3
  199. package/lib/locales/date/frFR.js +0 -11
  200. package/lib/locales/date/idID.d.ts +0 -3
  201. package/lib/locales/date/idID.js +0 -11
  202. package/lib/locales/date/itIT.d.ts +0 -3
  203. package/lib/locales/date/itIT.js +0 -11
  204. package/lib/locales/date/jaJP.d.ts +0 -3
  205. package/lib/locales/date/jaJP.js +0 -11
  206. package/lib/locales/date/koKR.d.ts +0 -3
  207. package/lib/locales/date/koKR.js +0 -11
  208. package/lib/locales/date/nbNO.d.ts +0 -3
  209. package/lib/locales/date/nbNO.js +0 -11
  210. package/lib/locales/date/nlNL.d.ts +0 -3
  211. package/lib/locales/date/nlNL.js +0 -11
  212. package/lib/locales/date/plPL.d.ts +0 -3
  213. package/lib/locales/date/plPL.js +0 -11
  214. package/lib/locales/date/ptBR.d.ts +0 -3
  215. package/lib/locales/date/ptBR.js +0 -11
  216. package/lib/locales/date/skSK.d.ts +0 -3
  217. package/lib/locales/date/skSK.js +0 -11
  218. package/lib/locales/date/svSE.d.ts +0 -3
  219. package/lib/locales/date/svSE.js +0 -11
  220. package/lib/locales/date/thTH.d.ts +0 -3
  221. package/lib/locales/date/thTH.js +0 -11
  222. package/lib/locales/date/trTR.d.ts +0 -3
  223. package/lib/locales/date/trTR.js +0 -11
  224. package/lib/locales/date/ukUA.d.ts +0 -3
  225. package/lib/locales/date/ukUA.js +0 -11
  226. package/lib/locales/date/viVN.d.ts +0 -3
  227. package/lib/locales/date/viVN.js +0 -11
  228. package/lib/locales/date/zhCN.d.ts +0 -3
  229. package/lib/locales/date/zhCN.js +0 -11
  230. package/lib/locales/date/zhTW.d.ts +0 -3
  231. package/lib/locales/date/zhTW.js +0 -11
@@ -8,6 +8,7 @@ import { EmptyProps } from '../../empty';
8
8
  import { InputProps } from '../../input';
9
9
  import type { ChatTheme } from '../styles';
10
10
  import type { MergedTheme } from '../../_mixins';
11
+ import { OnChangePayload } from '../../upload/src/interface';
11
12
  export declare enum MessageStatus {
12
13
  READ = "read",
13
14
  UNREAD = "unread",
@@ -20,6 +21,12 @@ export declare enum ChatMessageType {
20
21
  FILE = "file",
21
22
  MARK = "mark"
22
23
  }
24
+ export declare enum ChatAttachmentStatus {
25
+ PENDING = "pending",
26
+ UPLOADING = "uploading",
27
+ FINISHED = "finished",
28
+ ERROR = "error"
29
+ }
23
30
  export declare enum ChatMarkType {
24
31
  SYSTEM = "system",
25
32
  EVENT = "event",
@@ -120,7 +127,7 @@ export interface ChatAttachment {
120
127
  size?: number | string;
121
128
  thumbnail?: string | (() => VNodeChild);
122
129
  preview?: string | (() => VNodeChild);
123
- status?: 'pending' | 'uploading' | 'finished' | 'error';
130
+ status?: ChatAttachmentStatus;
124
131
  percentage?: number;
125
132
  uploadProps?: Partial<UploadProps>;
126
133
  }
@@ -346,3 +353,4 @@ export declare const chatInjectionKey: InjectionKey<{
346
353
  headerShareIconPropsRef: Ref<Partial<IconProps> | undefined>;
347
354
  headerProfileIconPropsRef: Ref<Partial<IconProps> | undefined>;
348
355
  }>;
356
+ export type HandleOnChangeType = ((data: OnChangePayload) => void) | undefined;
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.chatInjectionKey = exports.ChatBubbleActionKey = exports.ChatMarkType = exports.ChatMessageType = exports.MessageStatus = void 0;
3
+ exports.chatInjectionKey = exports.ChatBubbleActionKey = exports.ChatMarkType = exports.ChatAttachmentStatus = exports.ChatMessageType = exports.MessageStatus = void 0;
4
4
  const _utils_1 = require("../../_utils");
5
5
  var MessageStatus;
6
6
  (function (MessageStatus) {
@@ -16,6 +16,13 @@ var ChatMessageType;
16
16
  ChatMessageType["FILE"] = "file";
17
17
  ChatMessageType["MARK"] = "mark";
18
18
  })(ChatMessageType || (exports.ChatMessageType = ChatMessageType = {}));
19
+ var ChatAttachmentStatus;
20
+ (function (ChatAttachmentStatus) {
21
+ ChatAttachmentStatus["PENDING"] = "pending";
22
+ ChatAttachmentStatus["UPLOADING"] = "uploading";
23
+ ChatAttachmentStatus["FINISHED"] = "finished";
24
+ ChatAttachmentStatus["ERROR"] = "error";
25
+ })(ChatAttachmentStatus || (exports.ChatAttachmentStatus = ChatAttachmentStatus = {}));
19
26
  var ChatMarkType;
20
27
  (function (ChatMarkType) {
21
28
  ChatMarkType["SYSTEM"] = "system";
@@ -399,6 +399,7 @@ declare const _default: import("vue").DefineComponent<{
399
399
  handleSearchResultSelect: (result: HeaderSearchResult) => void;
400
400
  handlePreviewClick: () => void;
401
401
  handleLogoutClick: () => void;
402
+ handleLogoClick: () => void;
402
403
  toggleMobileMenu: () => void;
403
404
  closeMobileMenu: () => void;
404
405
  handleMobileMenuItemClick: (option: HeaderMenuOption) => void;
@@ -407,7 +408,7 @@ declare const _default: import("vue").DefineComponent<{
407
408
  menuPaneClass: ComputedRef<string>;
408
409
  menuPaneWrapperClass: ComputedRef<string>;
409
410
  onRender: () => void;
410
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ["search", "search-result-select", "preview", "logout", "language-select", "mobile-primary-action", "mobile-secondary-action"], "search" | "logout" | "preview" | "search-result-select" | "language-select" | "mobile-primary-action" | "mobile-secondary-action", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
411
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ["search", "search-result-select", "preview", "logout", "language-select", "logo-click", "mobile-primary-action", "mobile-secondary-action"], "search" | "logout" | "preview" | "search-result-select" | "language-select" | "logo-click" | "mobile-primary-action" | "mobile-secondary-action", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
411
412
  menuOptions: {
412
413
  type: PropType<HeaderPropsInterface["menuOptions"]>;
413
414
  default: () => never[];
@@ -582,6 +583,7 @@ declare const _default: import("vue").DefineComponent<{
582
583
  onLogout?: ((...args: any[]) => any) | undefined;
583
584
  "onSearch-result-select"?: ((...args: any[]) => any) | undefined;
584
585
  "onLanguage-select"?: ((...args: any[]) => any) | undefined;
586
+ "onLogo-click"?: ((...args: any[]) => any) | undefined;
585
587
  "onMobile-primary-action"?: ((...args: any[]) => any) | undefined;
586
588
  "onMobile-secondary-action"?: ((...args: any[]) => any) | undefined;
587
589
  }, {
@@ -124,6 +124,7 @@ exports.default = (0, vue_1.defineComponent)({
124
124
  'preview',
125
125
  'logout',
126
126
  'language-select',
127
+ 'logo-click',
127
128
  'mobile-primary-action',
128
129
  'mobile-secondary-action'
129
130
  ],
@@ -222,9 +223,7 @@ exports.default = (0, vue_1.defineComponent)({
222
223
  (0, _utils_1.call)(_onUpdateMenuValue, value);
223
224
  }
224
225
  function handleMenuValueUpdate(value) {
225
- if (value !== null) {
226
- doUpdateMenuValue(value);
227
- }
226
+ doUpdateMenuValue(value);
228
227
  }
229
228
  function handleSearchClick() {
230
229
  searchVisibleRef.value = true;
@@ -261,6 +260,9 @@ exports.default = (0, vue_1.defineComponent)({
261
260
  if (option.key !== undefined) {
262
261
  doUpdateMenuValue(option.key);
263
262
  }
263
+ if (option.onClick) {
264
+ option.onClick();
265
+ }
264
266
  closeMobileMenu();
265
267
  }
266
268
  function handleMobilePrimaryAction() {
@@ -269,6 +271,9 @@ exports.default = (0, vue_1.defineComponent)({
269
271
  function handleMobileSecondaryAction() {
270
272
  emit('mobile-secondary-action');
271
273
  }
274
+ function handleLogoClick() {
275
+ emit('logo-click');
276
+ }
272
277
  return {
273
278
  mergedClsPrefix: mergedClsPrefixRef,
274
279
  cssVars: cssVarsRef,
@@ -287,6 +292,7 @@ exports.default = (0, vue_1.defineComponent)({
287
292
  handleSearchResultSelect,
288
293
  handlePreviewClick,
289
294
  handleLogoutClick,
295
+ handleLogoClick,
290
296
  toggleMobileMenu,
291
297
  closeMobileMenu,
292
298
  handleMobileMenuItemClick,
@@ -302,7 +308,13 @@ exports.default = (0, vue_1.defineComponent)({
302
308
  const { mergedClsPrefix, $slots } = this;
303
309
  (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
304
310
  const blockClass = `${mergedClsPrefix}-header`;
305
- const logoNode = (0, _utils_1.resolveWrappedSlot)($slots.logo, (children) => children ? (0, vue_1.h)("div", { class: `${blockClass}__logo` }, children) : null) || ((0, vue_1.h)("div", { class: `${blockClass}__logo` },
311
+ const logoNode = (0, _utils_1.resolveWrappedSlot)($slots.logo, (children) => children ? ((0, vue_1.h)("div", { class: [
312
+ `${blockClass}__logo`,
313
+ this.logoSrc && `${blockClass}__logo--clickable`
314
+ ].filter(Boolean), onClick: this.handleLogoClick }, children)) : null) || ((0, vue_1.h)("div", { class: [
315
+ `${blockClass}__logo`,
316
+ this.logoSrc && `${blockClass}__logo--clickable`
317
+ ].filter(Boolean), onClick: this.handleLogoClick },
306
318
  (0, vue_1.h)("img", { src: this.logoSrc, alt: this.logoAlt })));
307
319
  const navigationNode = (0, _utils_1.resolveWrappedSlot)($slots.navigation, (children) => children !== null && children !== void 0 ? children : null) || ((0, vue_1.h)(HeaderNavigation_1.default, { menuOptions: this.menuOptions, menuPlacement: this.menuPlacement, menuTrigger: this.menuTrigger, menuValue: this.mergedMenuValue, menuTabsProps: this.menuTabsProps, menuCardMinColumnWidth: this.menuCardMinColumnWidth, mergedClsPrefix: mergedClsPrefix, menuPaneClass: this.menuPaneClass, menuPaneWrapperClass: this.menuPaneWrapperClass, onUpdateMenuValue: this.handleMenuValueUpdate }));
308
320
  const mobileNode = this.responsive && this.isMobile ? ((0, vue_1.h)(HeaderMobile_1.default, { visible: this.mobileMenuVisible, menuOptions: this.normalizedMenuItems, activeMenuValue: this.mergedMenuValue, langOptions: this.langOptions || defaultLangOptions, currentLang: this.currentLang, mergedClsPrefix: mergedClsPrefix, cssVars: this.cssVars, menuType: this.mobileMenuType, showFooterActions: this.mobileShowFooterActions, showHeaderActions: this.mobileShowHeaderActions, primaryActionText: this.mobilePrimaryActionText, secondaryActionText: this.mobileSecondaryActionText, onToggle: this.toggleMobileMenu, onClose: this.closeMobileMenu, onMenuItemClick: this.handleMobileMenuItemClick, onLanguageSelect: this.handleSelectLang, onPrimaryAction: this.handleMobilePrimaryAction, onSecondaryAction: this.handleMobileSecondaryAction, onSearchClick: this.handleSearchClick, onPreview: this.handlePreviewClick, onLogout: this.handleLogoutClick }, {