@pega/cosmos-react-cs 5.0.0-dev.4.6 → 5.0.0-dev.4.8

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 (201) hide show
  1. package/package.json +3 -3
  2. package/lib/components/CTIPanel/CTIPanel.d.ts +0 -13
  3. package/lib/components/CTIPanel/CTIPanel.d.ts.map +0 -1
  4. package/lib/components/CTIPanel/CTIPanel.js +0 -12
  5. package/lib/components/CTIPanel/CTIPanel.js.map +0 -1
  6. package/lib/components/CTIPanel/index.d.ts +0 -2
  7. package/lib/components/CTIPanel/index.d.ts.map +0 -1
  8. package/lib/components/CTIPanel/index.js +0 -2
  9. package/lib/components/CTIPanel/index.js.map +0 -1
  10. package/lib/components/CallControlPanel/AttachInteractionDialog.d.ts +0 -47
  11. package/lib/components/CallControlPanel/AttachInteractionDialog.d.ts.map +0 -1
  12. package/lib/components/CallControlPanel/AttachInteractionDialog.js +0 -54
  13. package/lib/components/CallControlPanel/AttachInteractionDialog.js.map +0 -1
  14. package/lib/components/CallControlPanel/Call.d.ts +0 -6
  15. package/lib/components/CallControlPanel/Call.d.ts.map +0 -1
  16. package/lib/components/CallControlPanel/Call.js +0 -145
  17. package/lib/components/CallControlPanel/Call.js.map +0 -1
  18. package/lib/components/CallControlPanel/CallControlPanel.d.ts +0 -6
  19. package/lib/components/CallControlPanel/CallControlPanel.d.ts.map +0 -1
  20. package/lib/components/CallControlPanel/CallControlPanel.js +0 -61
  21. package/lib/components/CallControlPanel/CallControlPanel.js.map +0 -1
  22. package/lib/components/CallControlPanel/CallControlPanel.styles.d.ts +0 -16
  23. package/lib/components/CallControlPanel/CallControlPanel.styles.d.ts.map +0 -1
  24. package/lib/components/CallControlPanel/CallControlPanel.styles.js +0 -105
  25. package/lib/components/CallControlPanel/CallControlPanel.styles.js.map +0 -1
  26. package/lib/components/CallControlPanel/CallControlPanel.types.d.ts +0 -120
  27. package/lib/components/CallControlPanel/CallControlPanel.types.d.ts.map +0 -1
  28. package/lib/components/CallControlPanel/CallControlPanel.types.js +0 -2
  29. package/lib/components/CallControlPanel/CallControlPanel.types.js.map +0 -1
  30. package/lib/components/CallControlPanel/CallControlPanelIcon.d.ts +0 -15
  31. package/lib/components/CallControlPanel/CallControlPanelIcon.d.ts.map +0 -1
  32. package/lib/components/CallControlPanel/CallControlPanelIcon.js +0 -81
  33. package/lib/components/CallControlPanel/CallControlPanelIcon.js.map +0 -1
  34. package/lib/components/CallControlPanel/CallHandover/CallHandover.types.d.ts +0 -17
  35. package/lib/components/CallControlPanel/CallHandover/CallHandover.types.d.ts.map +0 -1
  36. package/lib/components/CallControlPanel/CallHandover/CallHandover.types.js +0 -2
  37. package/lib/components/CallControlPanel/CallHandover/CallHandover.types.js.map +0 -1
  38. package/lib/components/CallControlPanel/CallHandover/CallHandoverDialog.d.ts +0 -16
  39. package/lib/components/CallControlPanel/CallHandover/CallHandoverDialog.d.ts.map +0 -1
  40. package/lib/components/CallControlPanel/CallHandover/CallHandoverDialog.js +0 -56
  41. package/lib/components/CallControlPanel/CallHandover/CallHandoverDialog.js.map +0 -1
  42. package/lib/components/CallControlPanel/CallHandover/CallHandoverForm.d.ts +0 -31
  43. package/lib/components/CallControlPanel/CallHandover/CallHandoverForm.d.ts.map +0 -1
  44. package/lib/components/CallControlPanel/CallHandover/CallHandoverForm.js +0 -60
  45. package/lib/components/CallControlPanel/CallHandover/CallHandoverForm.js.map +0 -1
  46. package/lib/components/CallControlPanel/CallHandover/index.d.ts +0 -4
  47. package/lib/components/CallControlPanel/CallHandover/index.d.ts.map +0 -1
  48. package/lib/components/CallControlPanel/CallHandover/index.js +0 -4
  49. package/lib/components/CallControlPanel/CallHandover/index.js.map +0 -1
  50. package/lib/components/CallControlPanel/ContactList/CalleePicker.d.ts +0 -18
  51. package/lib/components/CallControlPanel/ContactList/CalleePicker.d.ts.map +0 -1
  52. package/lib/components/CallControlPanel/ContactList/CalleePicker.js +0 -54
  53. package/lib/components/CallControlPanel/ContactList/CalleePicker.js.map +0 -1
  54. package/lib/components/CallControlPanel/ContactList/ContactList.d.ts +0 -10
  55. package/lib/components/CallControlPanel/ContactList/ContactList.d.ts.map +0 -1
  56. package/lib/components/CallControlPanel/ContactList/ContactList.js +0 -129
  57. package/lib/components/CallControlPanel/ContactList/ContactList.js.map +0 -1
  58. package/lib/components/CallControlPanel/ContactList/ContactList.types.d.ts +0 -30
  59. package/lib/components/CallControlPanel/ContactList/ContactList.types.d.ts.map +0 -1
  60. package/lib/components/CallControlPanel/ContactList/ContactList.types.js +0 -2
  61. package/lib/components/CallControlPanel/ContactList/ContactList.types.js.map +0 -1
  62. package/lib/components/CallControlPanel/ContactList/index.d.ts +0 -3
  63. package/lib/components/CallControlPanel/ContactList/index.d.ts.map +0 -1
  64. package/lib/components/CallControlPanel/ContactList/index.js +0 -2
  65. package/lib/components/CallControlPanel/ContactList/index.js.map +0 -1
  66. package/lib/components/CallControlPanel/ExternalCTI.d.ts +0 -24
  67. package/lib/components/CallControlPanel/ExternalCTI.d.ts.map +0 -1
  68. package/lib/components/CallControlPanel/ExternalCTI.js +0 -48
  69. package/lib/components/CallControlPanel/ExternalCTI.js.map +0 -1
  70. package/lib/components/CallControlPanel/FloatingPanel.d.ts +0 -36
  71. package/lib/components/CallControlPanel/FloatingPanel.d.ts.map +0 -1
  72. package/lib/components/CallControlPanel/FloatingPanel.js +0 -72
  73. package/lib/components/CallControlPanel/FloatingPanel.js.map +0 -1
  74. package/lib/components/CallControlPanel/IncomingCall.d.ts +0 -6
  75. package/lib/components/CallControlPanel/IncomingCall.d.ts.map +0 -1
  76. package/lib/components/CallControlPanel/IncomingCall.js +0 -18
  77. package/lib/components/CallControlPanel/IncomingCall.js.map +0 -1
  78. package/lib/components/CallControlPanel/StopWatch.d.ts +0 -11
  79. package/lib/components/CallControlPanel/StopWatch.d.ts.map +0 -1
  80. package/lib/components/CallControlPanel/StopWatch.js +0 -28
  81. package/lib/components/CallControlPanel/StopWatch.js.map +0 -1
  82. package/lib/components/CallControlPanel/index.d.ts +0 -5
  83. package/lib/components/CallControlPanel/index.d.ts.map +0 -1
  84. package/lib/components/CallControlPanel/index.js +0 -3
  85. package/lib/components/CallControlPanel/index.js.map +0 -1
  86. package/lib/components/CallControlPanel/utils.d.ts +0 -7
  87. package/lib/components/CallControlPanel/utils.d.ts.map +0 -1
  88. package/lib/components/CallControlPanel/utils.js +0 -34
  89. package/lib/components/CallControlPanel/utils.js.map +0 -1
  90. package/lib/components/DialPad/DialPad.d.ts +0 -18
  91. package/lib/components/DialPad/DialPad.d.ts.map +0 -1
  92. package/lib/components/DialPad/DialPad.js +0 -30
  93. package/lib/components/DialPad/DialPad.js.map +0 -1
  94. package/lib/components/DialPad/DialPad.types.d.ts +0 -33
  95. package/lib/components/DialPad/DialPad.types.d.ts.map +0 -1
  96. package/lib/components/DialPad/DialPad.types.js +0 -2
  97. package/lib/components/DialPad/DialPad.types.js.map +0 -1
  98. package/lib/components/DialPad/DialPadDialog.d.ts +0 -9
  99. package/lib/components/DialPad/DialPadDialog.d.ts.map +0 -1
  100. package/lib/components/DialPad/DialPadDialog.js +0 -35
  101. package/lib/components/DialPad/DialPadDialog.js.map +0 -1
  102. package/lib/components/DialPad/DialPadKeyboard.d.ts +0 -12
  103. package/lib/components/DialPad/DialPadKeyboard.d.ts.map +0 -1
  104. package/lib/components/DialPad/DialPadKeyboard.js +0 -89
  105. package/lib/components/DialPad/DialPadKeyboard.js.map +0 -1
  106. package/lib/components/DialPad/DialPadKeyboard.styles.d.ts +0 -5
  107. package/lib/components/DialPad/DialPadKeyboard.styles.d.ts.map +0 -1
  108. package/lib/components/DialPad/DialPadKeyboard.styles.js +0 -76
  109. package/lib/components/DialPad/DialPadKeyboard.styles.js.map +0 -1
  110. package/lib/components/DialPad/KeyboardNavigation.d.ts +0 -6
  111. package/lib/components/DialPad/KeyboardNavigation.d.ts.map +0 -1
  112. package/lib/components/DialPad/KeyboardNavigation.js +0 -156
  113. package/lib/components/DialPad/KeyboardNavigation.js.map +0 -1
  114. package/lib/components/DialPad/index.d.ts +0 -4
  115. package/lib/components/DialPad/index.d.ts.map +0 -1
  116. package/lib/components/DialPad/index.js +0 -3
  117. package/lib/components/DialPad/index.js.map +0 -1
  118. package/lib/components/DialPad/utils.d.ts +0 -4
  119. package/lib/components/DialPad/utils.d.ts.map +0 -1
  120. package/lib/components/DialPad/utils.js +0 -7
  121. package/lib/components/DialPad/utils.js.map +0 -1
  122. package/lib/components/InteractionNotification/CountdownButton.d.ts +0 -15
  123. package/lib/components/InteractionNotification/CountdownButton.d.ts.map +0 -1
  124. package/lib/components/InteractionNotification/CountdownButton.js +0 -42
  125. package/lib/components/InteractionNotification/CountdownButton.js.map +0 -1
  126. package/lib/components/InteractionNotification/InteractionNotification.d.ts +0 -35
  127. package/lib/components/InteractionNotification/InteractionNotification.d.ts.map +0 -1
  128. package/lib/components/InteractionNotification/InteractionNotification.js +0 -110
  129. package/lib/components/InteractionNotification/InteractionNotification.js.map +0 -1
  130. package/lib/components/InteractionNotification/index.d.ts +0 -2
  131. package/lib/components/InteractionNotification/index.d.ts.map +0 -1
  132. package/lib/components/InteractionNotification/index.js +0 -2
  133. package/lib/components/InteractionNotification/index.js.map +0 -1
  134. package/lib/components/InteractionTimer/InteractionTimer.d.ts +0 -29
  135. package/lib/components/InteractionTimer/InteractionTimer.d.ts.map +0 -1
  136. package/lib/components/InteractionTimer/InteractionTimer.js +0 -90
  137. package/lib/components/InteractionTimer/InteractionTimer.js.map +0 -1
  138. package/lib/components/InteractionTimer/index.d.ts +0 -3
  139. package/lib/components/InteractionTimer/index.d.ts.map +0 -1
  140. package/lib/components/InteractionTimer/index.js +0 -2
  141. package/lib/components/InteractionTimer/index.js.map +0 -1
  142. package/lib/components/Picker/Picker.d.ts +0 -6
  143. package/lib/components/Picker/Picker.d.ts.map +0 -1
  144. package/lib/components/Picker/Picker.js +0 -109
  145. package/lib/components/Picker/Picker.js.map +0 -1
  146. package/lib/components/Picker/Picker.styles.d.ts +0 -12
  147. package/lib/components/Picker/Picker.styles.d.ts.map +0 -1
  148. package/lib/components/Picker/Picker.styles.js +0 -59
  149. package/lib/components/Picker/Picker.styles.js.map +0 -1
  150. package/lib/components/Picker/Picker.types.d.ts +0 -35
  151. package/lib/components/Picker/Picker.types.d.ts.map +0 -1
  152. package/lib/components/Picker/Picker.types.js +0 -2
  153. package/lib/components/Picker/Picker.types.js.map +0 -1
  154. package/lib/components/Picker/index.d.ts +0 -2
  155. package/lib/components/Picker/index.d.ts.map +0 -1
  156. package/lib/components/Picker/index.js +0 -2
  157. package/lib/components/Picker/index.js.map +0 -1
  158. package/lib/components/TaskManager/ConversationAI.d.ts +0 -6
  159. package/lib/components/TaskManager/ConversationAI.d.ts.map +0 -1
  160. package/lib/components/TaskManager/ConversationAI.js +0 -29
  161. package/lib/components/TaskManager/ConversationAI.js.map +0 -1
  162. package/lib/components/TaskManager/Dialogue.d.ts +0 -6
  163. package/lib/components/TaskManager/Dialogue.d.ts.map +0 -1
  164. package/lib/components/TaskManager/Dialogue.js +0 -30
  165. package/lib/components/TaskManager/Dialogue.js.map +0 -1
  166. package/lib/components/TaskManager/TaskManager.context.d.ts +0 -5
  167. package/lib/components/TaskManager/TaskManager.context.d.ts.map +0 -1
  168. package/lib/components/TaskManager/TaskManager.context.js +0 -3
  169. package/lib/components/TaskManager/TaskManager.context.js.map +0 -1
  170. package/lib/components/TaskManager/TaskManager.d.ts +0 -6
  171. package/lib/components/TaskManager/TaskManager.d.ts.map +0 -1
  172. package/lib/components/TaskManager/TaskManager.js +0 -68
  173. package/lib/components/TaskManager/TaskManager.js.map +0 -1
  174. package/lib/components/TaskManager/TaskManager.styles.d.ts +0 -37
  175. package/lib/components/TaskManager/TaskManager.styles.d.ts.map +0 -1
  176. package/lib/components/TaskManager/TaskManager.styles.js +0 -325
  177. package/lib/components/TaskManager/TaskManager.styles.js.map +0 -1
  178. package/lib/components/TaskManager/TaskManager.types.d.ts +0 -98
  179. package/lib/components/TaskManager/TaskManager.types.d.ts.map +0 -1
  180. package/lib/components/TaskManager/TaskManager.types.js +0 -2
  181. package/lib/components/TaskManager/TaskManager.types.js.map +0 -1
  182. package/lib/components/TaskManager/TaskManagerTabs.d.ts +0 -6
  183. package/lib/components/TaskManager/TaskManagerTabs.d.ts.map +0 -1
  184. package/lib/components/TaskManager/TaskManagerTabs.js +0 -186
  185. package/lib/components/TaskManager/TaskManagerTabs.js.map +0 -1
  186. package/lib/components/TaskManager/TaskPicker.d.ts +0 -19
  187. package/lib/components/TaskManager/TaskPicker.d.ts.map +0 -1
  188. package/lib/components/TaskManager/TaskPicker.js +0 -89
  189. package/lib/components/TaskManager/TaskPicker.js.map +0 -1
  190. package/lib/components/TaskManager/TaskView.d.ts +0 -6
  191. package/lib/components/TaskManager/TaskView.d.ts.map +0 -1
  192. package/lib/components/TaskManager/TaskView.js +0 -10
  193. package/lib/components/TaskManager/TaskView.js.map +0 -1
  194. package/lib/components/TaskManager/index.d.ts +0 -5
  195. package/lib/components/TaskManager/index.d.ts.map +0 -1
  196. package/lib/components/TaskManager/index.js +0 -4
  197. package/lib/components/TaskManager/index.js.map +0 -1
  198. package/lib/index.d.ts +0 -13
  199. package/lib/index.d.ts.map +0 -1
  200. package/lib/index.js +0 -14
  201. package/lib/index.js.map +0 -1
@@ -1,186 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { createElement as _createElement } from "react";
3
- import { forwardRef, useContext, createRef, useMemo, useRef, useEffect, useState, useLayoutEffect } from 'react';
4
- import { cap, Flex } from '@pega/cosmos-react-core';
5
- import { useDirection, useI18n } from '@pega/cosmos-react-core/lib/hooks';
6
- import { StyledTaskManagerTabs, StyleTaskName, StyledTasksTabList, StyledTaskManagerTab, StyledOverflowTabMenu } from './TaskManager.styles';
7
- import TaskManagerContext from './TaskManager.context';
8
- const TaskManagerTabs = forwardRef(function TaskManagerTabs({ wrapUpTabId, wrapUpTabPanelId, ...restProps }, ref) {
9
- const { wrapUp, tasks = [], onTaskLaunch } = useContext(TaskManagerContext);
10
- const [tabs, setTabs] = useState(tasks);
11
- const [isOverflowing, setIsOverflowing] = useState(false);
12
- // Used to keep a reference for every tab in order to focus them with key presses
13
- const tabRefs = tasks.map(() => createRef());
14
- const wrapUpRef = useRef(null);
15
- const tabListRef = useRef(null);
16
- const { rtl, end: endDirection, start: startDirection } = useDirection();
17
- const t = useI18n();
18
- const tasksMenu = useMemo(() => {
19
- const openTasks = tasks.filter(task => !task.isResolved);
20
- const openTasksMenuItems = openTasks.map(({ name, secondary, id, active }) => {
21
- return {
22
- primary: name,
23
- secondary,
24
- id,
25
- selected: !!active,
26
- onClick: idx => {
27
- onTaskLaunch?.(idx);
28
- }
29
- };
30
- });
31
- if (wrapUp?.showTab) {
32
- openTasksMenuItems.push({
33
- primary: t('task_manager_wrap_up'),
34
- secondary: [],
35
- id: '',
36
- selected: !!wrapUp.active,
37
- onClick: () => {
38
- wrapUp?.onClick();
39
- }
40
- });
41
- }
42
- const resolvedTasks = tasks.filter(task => task.isResolved);
43
- const resolvedTasksMenuItems = resolvedTasks.map(({ id, name, secondary, active }) => {
44
- return {
45
- primary: name,
46
- secondary,
47
- id,
48
- selected: !!active,
49
- onClick: () => {
50
- onTaskLaunch?.(id);
51
- }
52
- };
53
- });
54
- const taskCategories = [];
55
- if (openTasksMenuItems.length > 0) {
56
- taskCategories.push({ id: 'open_tasks', label: t('open_cases'), items: [] });
57
- taskCategories
58
- .find(category => category.id === 'open_tasks')
59
- ?.items?.push(...openTasksMenuItems);
60
- }
61
- if (resolvedTasksMenuItems.length > 0) {
62
- taskCategories.push({ id: 'resolved_tasks', label: t('resolved_cases'), items: [] });
63
- taskCategories
64
- .find(category => category.id === 'resolved_tasks')
65
- ?.items?.push(...resolvedTasksMenuItems);
66
- }
67
- return taskCategories;
68
- }, [tasks]);
69
- const checkAndUpdateIsOverflowing = () => {
70
- if (tabListRef.current) {
71
- const value = tabListRef.current.scrollWidth > tabListRef.current.clientWidth;
72
- if (value !== isOverflowing) {
73
- setIsOverflowing(value);
74
- return value;
75
- }
76
- }
77
- return isOverflowing;
78
- };
79
- useEffect(() => {
80
- setTabs(tasks.filter(task => !task.hideFromTab));
81
- }, [tasks]);
82
- useEffect(() => {
83
- const resizeObserver = new ResizeObserver(() => {
84
- checkAndUpdateIsOverflowing();
85
- });
86
- if (tabListRef?.current)
87
- resizeObserver.observe(tabListRef?.current);
88
- return () => {
89
- resizeObserver.disconnect();
90
- };
91
- }, [checkAndUpdateIsOverflowing]);
92
- useLayoutEffect(() => {
93
- if (!checkAndUpdateIsOverflowing())
94
- return;
95
- const activeTabRef = [...tabRefs, wrapUpRef].find(tab => tab?.current?.getAttribute('aria-selected') === 'true');
96
- if (activeTabRef && activeTabRef.current && tabListRef.current) {
97
- const activeTabRect = activeTabRef.current.getBoundingClientRect();
98
- const tabListWidth = tabListRef.current.clientWidth;
99
- // Check if it is not in view
100
- if (activeTabRect.left <= 0 || activeTabRect.right >= tabListWidth) {
101
- tabListRef.current.scrollLeft = rtl
102
- ? -(tabListWidth - (activeTabRef.current.offsetLeft + activeTabRect.width))
103
- : activeTabRef.current.offsetLeft;
104
- }
105
- }
106
- }, [tasks, wrapUp]);
107
- const changeTabFocus = (event, index) => {
108
- let activeIndex = index;
109
- if (tabs.length) {
110
- const { key } = event;
111
- if (key === `Arrow${cap(endDirection)}`) {
112
- event.preventDefault();
113
- let nextIndex;
114
- if (wrapUpRef?.current === event.currentTarget) {
115
- nextIndex = 0;
116
- }
117
- else {
118
- if (index === tabs.length - 1 && wrapUp?.showTab) {
119
- wrapUpRef?.current?.focus();
120
- return;
121
- }
122
- nextIndex = index + 1 < tabs.length ? index + 1 : 0;
123
- }
124
- activeIndex = nextIndex;
125
- const nextTab = tabRefs[nextIndex]?.current;
126
- nextTab?.focus();
127
- }
128
- else if (key === `Arrow${cap(startDirection)}`) {
129
- event.preventDefault();
130
- let prevIndex;
131
- if (wrapUpRef?.current === event.currentTarget) {
132
- prevIndex = tabs.length - 1;
133
- }
134
- else {
135
- if (index === 0 && wrapUp?.showTab) {
136
- wrapUpRef?.current?.focus();
137
- return;
138
- }
139
- prevIndex = index === 0 ? tabs.length - 1 : index - 1;
140
- }
141
- const prevTab = tabRefs[prevIndex]?.current;
142
- activeIndex = prevIndex;
143
- prevTab?.focus();
144
- }
145
- else if (key === 'Enter' || key === ' ') {
146
- event.preventDefault();
147
- if (wrapUpRef?.current === event.currentTarget) {
148
- wrapUp?.onClick();
149
- return;
150
- }
151
- onTaskLaunch?.(tabs[activeIndex].id);
152
- }
153
- }
154
- };
155
- return (_jsx(Flex, { container: { gap: 1 }, as: StyledTaskManagerTabs, ref: ref, children: (tasks.length > 0 || wrapUp?.showTab) && (_jsxs(_Fragment, { children: [_jsxs(StyledTasksTabList, { role: 'tablist', ref: tabListRef, ...restProps, children: [tabs.map(({ id, active = false, icon, meta, name, ...tabRestProps }, i) => {
156
- return (_createElement(StyledTaskManagerTab, { ...tabRestProps, ref: tabRefs[i], key: id, onClick: () => onTaskLaunch?.(id), "aria-selected": active, "aria-controls": `tab-panel-${id}`, id: `tab-${id}`, role: 'tab', tabIndex: active ? 0 : -1, onKeyUp: (e) => {
157
- changeTabFocus(e, i);
158
- }, onKeyDown: (e) => {
159
- const { key } = e;
160
- if (key === 'ArrowRight' ||
161
- key === 'ArrowDown' ||
162
- key === 'ArrowLeft' ||
163
- key === 'ArrowUp' ||
164
- key === 'Enter' ||
165
- key === ' ') {
166
- e.preventDefault();
167
- }
168
- }, active: active },
169
- _jsx(Flex, { container: { justify: 'start', gap: 1, alignItems: 'center' }, children: _jsx(StyleTaskName, { children: name }) })));
170
- }), wrapUp?.showTab && (_jsx(StyledTaskManagerTab, { onClick: wrapUp.onClick, variant: 'wrap-up', "aria-selected": wrapUp.active, "aria-controls": wrapUpTabPanelId, id: wrapUpTabId, role: 'tab', active: wrapUp.active, tabIndex: wrapUp.active ? 0 : -1, onKeyUp: (e) => {
171
- changeTabFocus(e);
172
- }, onKeyDown: (e) => {
173
- const { key } = e;
174
- if (key === 'ArrowRight' ||
175
- key === 'ArrowDown' ||
176
- key === 'ArrowLeft' ||
177
- key === 'ArrowUp') {
178
- e.preventDefault();
179
- }
180
- }, ref: wrapUpRef, children: _jsx("span", { children: t('task_manager_wrap_up') }) }))] }), _jsx(StyledOverflowTabMenu, { menu: {
181
- items: tasksMenu,
182
- mode: 'single-select'
183
- }, icon: 'caret-down', iconOnly: true, variant: 'simple', text: t('case_manager_overflow_menu') })] })) }));
184
- });
185
- export default TaskManagerTabs;
186
- //# sourceMappingURL=TaskManagerTabs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TaskManagerTabs.js","sourceRoot":"","sources":["../../../src/components/TaskManager/TaskManagerTabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n FunctionComponent,\n forwardRef,\n useContext,\n createRef,\n RefObject,\n KeyboardEvent,\n useMemo,\n PropsWithoutRef,\n useRef,\n useEffect,\n useState,\n useLayoutEffect\n} from 'react';\n\nimport { cap, Flex, ForwardProps, MenuItemProps, MenuProps } from '@pega/cosmos-react-core';\nimport { useDirection, useI18n } from '@pega/cosmos-react-core/lib/hooks';\n\nimport {\n StyledTaskManagerTabs,\n StyleTaskName,\n StyledTasksTabList,\n StyledTaskManagerTab,\n StyledOverflowTabMenu\n} from './TaskManager.styles';\nimport TaskManagerContext from './TaskManager.context';\nimport { TaskManagerTabsProps, TaskProps } from './TaskManager.types';\n\nconst TaskManagerTabs: FunctionComponent<TaskManagerTabsProps & ForwardProps> = forwardRef(\n function TaskManagerTabs(\n { wrapUpTabId, wrapUpTabPanelId, ...restProps }: PropsWithoutRef<TaskManagerTabsProps>,\n ref: TaskManagerTabsProps['ref']\n ) {\n const { wrapUp, tasks = [], onTaskLaunch } = useContext(TaskManagerContext);\n\n const [tabs, setTabs] = useState<TaskProps[]>(tasks);\n const [isOverflowing, setIsOverflowing] = useState(false);\n\n // Used to keep a reference for every tab in order to focus them with key presses\n const tabRefs: RefObject<HTMLLIElement>[] = tasks.map(() => createRef<HTMLLIElement>());\n const wrapUpRef = useRef<HTMLLIElement>(null);\n const tabListRef = useRef<HTMLUListElement>(null);\n\n const { rtl, end: endDirection, start: startDirection } = useDirection();\n const t = useI18n();\n\n const tasksMenu = useMemo(() => {\n const openTasks = tasks.filter(task => !task.isResolved);\n const openTasksMenuItems: MenuItemProps[] = openTasks.map(\n ({ name, secondary, id, active }) => {\n return {\n primary: name,\n secondary,\n id,\n selected: !!active,\n onClick: idx => {\n onTaskLaunch?.(idx);\n }\n };\n }\n );\n if (wrapUp?.showTab) {\n openTasksMenuItems.push({\n primary: t('task_manager_wrap_up'),\n secondary: [],\n id: '',\n selected: !!wrapUp.active,\n onClick: () => {\n wrapUp?.onClick();\n }\n });\n }\n\n const resolvedTasks = tasks.filter(task => task.isResolved);\n const resolvedTasksMenuItems: MenuItemProps[] = resolvedTasks.map(\n ({ id, name, secondary, active }) => {\n return {\n primary: name,\n secondary,\n id,\n selected: !!active,\n onClick: () => {\n onTaskLaunch?.(id);\n }\n };\n }\n );\n const taskCategories: MenuProps['items'] = [];\n if (openTasksMenuItems.length > 0) {\n taskCategories.push({ id: 'open_tasks', label: t('open_cases'), items: [] });\n taskCategories\n .find(category => category.id === 'open_tasks')\n ?.items?.push(...openTasksMenuItems);\n }\n if (resolvedTasksMenuItems.length > 0) {\n taskCategories.push({ id: 'resolved_tasks', label: t('resolved_cases'), items: [] });\n taskCategories\n .find(category => category.id === 'resolved_tasks')\n ?.items?.push(...resolvedTasksMenuItems);\n }\n return taskCategories;\n }, [tasks]);\n\n const checkAndUpdateIsOverflowing = () => {\n if (tabListRef.current) {\n const value = tabListRef.current.scrollWidth > tabListRef.current.clientWidth;\n if (value !== isOverflowing) {\n setIsOverflowing(value);\n return value;\n }\n }\n return isOverflowing;\n };\n\n useEffect(() => {\n setTabs(tasks.filter(task => !task.hideFromTab));\n }, [tasks]);\n\n useEffect(() => {\n const resizeObserver = new ResizeObserver(() => {\n checkAndUpdateIsOverflowing();\n });\n if (tabListRef?.current) resizeObserver.observe(tabListRef?.current as Element);\n return () => {\n resizeObserver.disconnect();\n };\n }, [checkAndUpdateIsOverflowing]);\n\n useLayoutEffect(() => {\n if (!checkAndUpdateIsOverflowing()) return;\n const activeTabRef = [...tabRefs, wrapUpRef].find(\n tab => tab?.current?.getAttribute('aria-selected') === 'true'\n );\n\n if (activeTabRef && activeTabRef.current && tabListRef.current) {\n const activeTabRect = activeTabRef.current.getBoundingClientRect();\n const tabListWidth = tabListRef.current.clientWidth;\n\n // Check if it is not in view\n if (activeTabRect.left <= 0 || activeTabRect.right >= tabListWidth) {\n tabListRef.current.scrollLeft = rtl\n ? -(tabListWidth - (activeTabRef.current.offsetLeft + activeTabRect.width))\n : activeTabRef.current.offsetLeft;\n }\n }\n }, [tasks, wrapUp]);\n\n const changeTabFocus = (event: KeyboardEvent, index?: number): void => {\n let activeIndex = index;\n if (tabs.length) {\n const { key } = event;\n\n if (key === `Arrow${cap(endDirection)}`) {\n event.preventDefault();\n let nextIndex;\n if (wrapUpRef?.current === event.currentTarget) {\n nextIndex = 0;\n } else {\n if (index === tabs.length - 1 && wrapUp?.showTab) {\n wrapUpRef?.current?.focus();\n return;\n }\n nextIndex = index! + 1 < tabs.length ? index! + 1 : 0;\n }\n activeIndex = nextIndex;\n const nextTab = tabRefs[nextIndex]?.current;\n nextTab?.focus();\n } else if (key === `Arrow${cap(startDirection)}`) {\n event.preventDefault();\n let prevIndex;\n if (wrapUpRef?.current === event.currentTarget) {\n prevIndex = tabs.length - 1;\n } else {\n if (index === 0 && wrapUp?.showTab) {\n wrapUpRef?.current?.focus();\n return;\n }\n prevIndex = index === 0 ? tabs.length - 1 : index! - 1;\n }\n const prevTab = tabRefs[prevIndex]?.current;\n activeIndex = prevIndex;\n prevTab?.focus();\n } else if (key === 'Enter' || key === ' ') {\n event.preventDefault();\n if (wrapUpRef?.current === event.currentTarget) {\n wrapUp?.onClick();\n return;\n }\n onTaskLaunch?.(tabs[activeIndex!].id);\n }\n }\n };\n\n return (\n <Flex container={{ gap: 1 }} as={StyledTaskManagerTabs} ref={ref}>\n {(tasks.length > 0 || wrapUp?.showTab) && (\n <>\n <StyledTasksTabList role='tablist' ref={tabListRef} {...restProps}>\n {tabs.map(({ id, active = false, icon, meta, name, ...tabRestProps }, i) => {\n return (\n <StyledTaskManagerTab\n {...tabRestProps}\n ref={tabRefs[i]}\n key={id}\n onClick={() => onTaskLaunch?.(id)}\n aria-selected={active}\n aria-controls={`tab-panel-${id}`}\n id={`tab-${id}`}\n role='tab'\n tabIndex={active ? 0 : -1}\n onKeyUp={(e: KeyboardEvent) => {\n changeTabFocus(e, i);\n }}\n onKeyDown={(e: KeyboardEvent) => {\n const { key } = e;\n if (\n key === 'ArrowRight' ||\n key === 'ArrowDown' ||\n key === 'ArrowLeft' ||\n key === 'ArrowUp' ||\n key === 'Enter' ||\n key === ' '\n ) {\n e.preventDefault();\n }\n }}\n active={active}\n >\n <Flex container={{ justify: 'start', gap: 1, alignItems: 'center' }}>\n <StyleTaskName>{name}</StyleTaskName>\n </Flex>\n </StyledTaskManagerTab>\n );\n })}\n {wrapUp?.showTab && (\n <StyledTaskManagerTab\n onClick={wrapUp.onClick}\n variant='wrap-up'\n aria-selected={wrapUp.active}\n aria-controls={wrapUpTabPanelId}\n id={wrapUpTabId}\n role='tab'\n active={wrapUp.active}\n tabIndex={wrapUp.active ? 0 : -1}\n onKeyUp={(e: KeyboardEvent) => {\n changeTabFocus(e);\n }}\n onKeyDown={(e: KeyboardEvent) => {\n const { key } = e;\n if (\n key === 'ArrowRight' ||\n key === 'ArrowDown' ||\n key === 'ArrowLeft' ||\n key === 'ArrowUp'\n ) {\n e.preventDefault();\n }\n }}\n ref={wrapUpRef}\n >\n <span>{t('task_manager_wrap_up')}</span>\n </StyledTaskManagerTab>\n )}\n </StyledTasksTabList>\n <StyledOverflowTabMenu\n menu={{\n items: tasksMenu,\n mode: 'single-select'\n }}\n icon='caret-down'\n iconOnly\n variant='simple'\n text={t('case_manager_overflow_menu')}\n />\n </>\n )}\n </Flex>\n );\n }\n);\n\nexport default TaskManagerTabs;\n"]}
@@ -1,19 +0,0 @@
1
- import { FunctionComponent, Ref } from 'react';
2
- import { ForwardProps, MenuItemProps, BaseProps, FormDialogProps } from '@pega/cosmos-react-core';
3
- import Dialog from '@pega/cosmos-react-core/lib/components/Dialog/Dialog';
4
- import { PickerProps } from '../Picker/Picker.types';
5
- export interface TaskPickerProps extends BaseProps, Pick<PickerProps, 'items'> {
6
- /** Callback when add button is clicked */
7
- onAdd: (selections: MenuItemProps[]) => void;
8
- /** Callback when cancel button is clicked */
9
- onCancel: () => void;
10
- /** Target for the modal */
11
- target: FormDialogProps['target'];
12
- /** Picker reference . */
13
- ref?: Ref<HTMLDivElement>;
14
- }
15
- export declare const StyledSingleTaskDialog: typeof Dialog;
16
- export declare const StyledMultiTaskDialog: import("styled-components").StyledComponent<import("react").FC<FormDialogProps & Pick<import("react").HTMLAttributes<HTMLDivElement>, "hidden" | "color" | "content" | "style" | "translate" | "prefix" | "slot" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">>, import("styled-components").DefaultTheme, {}, never>;
17
- declare const TaskPicker: FunctionComponent<TaskPickerProps & ForwardProps>;
18
- export default TaskPicker;
19
- //# sourceMappingURL=TaskPicker.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TaskPicker.d.ts","sourceRoot":"","sources":["../../../src/components/TaskManager/TaskPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAEjB,GAAG,EAKJ,MAAM,OAAO,CAAC;AAGf,OAAO,EACL,YAAY,EAYZ,aAAa,EAGb,SAAS,EACT,eAAe,EAChB,MAAM,yBAAyB,CAAC;AAMjC,OAAO,MAAM,MAAM,sDAAsD,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAqB,MAAM,wBAAwB,CAAC;AAGxE,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IAC5E,0CAA0C;IAC1C,KAAK,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IAC7C,6CAA6C;IAC7C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,2BAA2B;IAC3B,MAAM,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IAClC,yBAAyB;IACzB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,sBAAsB,EAAE,OAAO,MAM1C,CAAC;AAEH,eAAO,MAAM,qBAAqB,mtJAyBjC,CAAC;AAIF,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CAmHjE,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1,89 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
3
- import styled, { css } from 'styled-components';
4
- import { useI18n, useConsolidatedRef, useElement, useUID, useOuterEvent, Flex, Button, Icon, Text, useFocusTrap, useEvent, FormDialog, defaultThemeProp } from '@pega/cosmos-react-core';
5
- import { StyledChildrenWrap, StyledDialogContent, StyledDialogHeader } from '@pega/cosmos-react-core/lib/components/Dialog/Dialog.styles';
6
- import Dialog from '@pega/cosmos-react-core/lib/components/Dialog/Dialog';
7
- import { StyledMenu } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';
8
- import Picker from '../Picker';
9
- export const StyledSingleTaskDialog = styled(Dialog)(() => {
10
- return css `
11
- ${StyledMenu} {
12
- overflow: auto;
13
- }
14
- `;
15
- });
16
- export const StyledMultiTaskDialog = styled(FormDialog)(({ theme: { base: { spacing } } }) => {
17
- return css `
18
- ${StyledDialogContent},
19
- ${StyledChildrenWrap} {
20
- display: flex;
21
- }
22
-
23
- ${StyledDialogHeader} {
24
- padding-inline: ${spacing};
25
- }
26
-
27
- ${StyledDialogContent} {
28
- padding-inline: 0;
29
- }
30
-
31
- ${StyledMenu} {
32
- overflow: auto;
33
- }
34
- `;
35
- });
36
- StyledMultiTaskDialog.defaultProps = defaultThemeProp;
37
- const TaskPicker = forwardRef(function TaskPicker({ items, onAdd, onCancel, target, ...restProps }, ref) {
38
- const t = useI18n();
39
- const headingId = useUID();
40
- const [selections, setSelections] = useState([]);
41
- const [enableMultiSelect, setEnableMultiSelect] = useState(false);
42
- const [pickerEl, setPickerEl] = useElement();
43
- const pickerRef = useConsolidatedRef(ref, setPickerEl);
44
- const initialRender = useRef(true);
45
- const toggleHandleRef = useRef(null);
46
- const onSelectionChange = (selectedItems) => {
47
- setSelections(selectedItems);
48
- };
49
- useOuterEvent('mousedown', [target, pickerRef], () => {
50
- onCancel?.();
51
- });
52
- const onModeToggle = () => {
53
- setSelections([]);
54
- setEnableMultiSelect(curr => !curr);
55
- };
56
- useEffect(() => {
57
- if (!enableMultiSelect && selections?.length) {
58
- onAdd(selections);
59
- }
60
- }, [selections, enableMultiSelect]);
61
- useEffect(() => {
62
- if (initialRender.current) {
63
- initialRender.current = false;
64
- }
65
- else {
66
- toggleHandleRef.current?.focusToggleSwitch();
67
- }
68
- }, [enableMultiSelect]);
69
- const onKeydown = useCallback((e) => {
70
- const { key } = e;
71
- if (key === 'Escape') {
72
- onCancel?.();
73
- }
74
- }, [onCancel]);
75
- useFocusTrap(pickerRef, false, [onCancel, pickerEl, enableMultiSelect]);
76
- useEvent('keydown', onKeydown, { dependencies: [pickerEl, enableMultiSelect] });
77
- const pickerContent = (_jsx(Picker, { ...restProps, contextualLabel: t('task_manager_cases').toLowerCase(), items: items, multiSelect: enableMultiSelect, onModeToggle: onModeToggle, reorderSelections: true, selections: selections, onSelectionChange: onSelectionChange, handle: toggleHandleRef }));
78
- return enableMultiSelect ? (_jsx(StyledMultiTaskDialog, { ...restProps, target: target, heading: t('add_cases'), ref: pickerRef, onCancel: () => {
79
- onCancel();
80
- }, onSubmit: {
81
- text: t('add'),
82
- disabled: !selections.length,
83
- handler: () => {
84
- onAdd(selections);
85
- }
86
- }, children: pickerContent })) : (_jsxs(Flex, { ...restProps, container: { direction: 'column', gap: 1 }, as: StyledSingleTaskDialog, target: target, labelledbyId: headingId, ref: pickerRef, children: [_jsxs(Flex, { container: { justify: 'between', alignItems: 'center', pad: 1 }, children: [_jsx(Text, { id: headingId, variant: 'h2', children: t('task_manager_add_case') }), _jsx(Button, { icon: true, variant: 'simple', onClick: onCancel, label: t('close'), "aria-label": t('close_noun', [t('task_manager_add_case')]), children: _jsx(Icon, { name: 'times' }) })] }), pickerContent] }));
87
- });
88
- export default TaskPicker;
89
- //# sourceMappingURL=TaskPicker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TaskPicker.js","sourceRoot":"","sources":["../../../src/components/TaskManager/TaskPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n forwardRef,\n FunctionComponent,\n PropsWithoutRef,\n Ref,\n useCallback,\n useEffect,\n useRef,\n useState\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n ForwardProps,\n useI18n,\n useConsolidatedRef,\n useElement,\n useUID,\n useOuterEvent,\n Flex,\n Button,\n Icon,\n Text,\n useFocusTrap,\n useEvent,\n MenuItemProps,\n FormDialog,\n defaultThemeProp,\n BaseProps,\n FormDialogProps\n} from '@pega/cosmos-react-core';\nimport {\n StyledChildrenWrap,\n StyledDialogContent,\n StyledDialogHeader\n} from '@pega/cosmos-react-core/lib/components/Dialog/Dialog.styles';\nimport Dialog from '@pega/cosmos-react-core/lib/components/Dialog/Dialog';\nimport { StyledMenu } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';\n\nimport { PickerProps, SwitchHandleValue } from '../Picker/Picker.types';\nimport Picker from '../Picker';\n\nexport interface TaskPickerProps extends BaseProps, Pick<PickerProps, 'items'> {\n /** Callback when add button is clicked */\n onAdd: (selections: MenuItemProps[]) => void;\n /** Callback when cancel button is clicked */\n onCancel: () => void;\n /** Target for the modal */\n target: FormDialogProps['target'];\n /** Picker reference . */\n ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledSingleTaskDialog: typeof Dialog = styled(Dialog)(() => {\n return css`\n ${StyledMenu} {\n overflow: auto;\n }\n `;\n});\n\nexport const StyledMultiTaskDialog = styled(FormDialog)(\n ({\n theme: {\n base: { spacing }\n }\n }) => {\n return css`\n ${StyledDialogContent},\n ${StyledChildrenWrap} {\n display: flex;\n }\n\n ${StyledDialogHeader} {\n padding-inline: ${spacing};\n }\n\n ${StyledDialogContent} {\n padding-inline: 0;\n }\n\n ${StyledMenu} {\n overflow: auto;\n }\n `;\n }\n);\n\nStyledMultiTaskDialog.defaultProps = defaultThemeProp;\n\nconst TaskPicker: FunctionComponent<TaskPickerProps & ForwardProps> = forwardRef(\n function TaskPicker(\n { items, onAdd, onCancel, target, ...restProps }: PropsWithoutRef<TaskPickerProps>,\n ref: TaskPickerProps['ref']\n ) {\n const t = useI18n();\n const headingId = useUID();\n const [selections, setSelections] = useState<MenuItemProps[]>([]);\n const [enableMultiSelect, setEnableMultiSelect] = useState(false);\n const [pickerEl, setPickerEl] = useElement<HTMLDivElement>();\n const pickerRef = useConsolidatedRef(ref, setPickerEl);\n const initialRender = useRef(true);\n const toggleHandleRef = useRef<SwitchHandleValue>(null);\n\n const onSelectionChange = (selectedItems: MenuItemProps[]) => {\n setSelections(selectedItems);\n };\n\n useOuterEvent('mousedown', [target, pickerRef], () => {\n onCancel?.();\n });\n\n const onModeToggle = () => {\n setSelections([]);\n setEnableMultiSelect(curr => !curr);\n };\n\n useEffect(() => {\n if (!enableMultiSelect && selections?.length) {\n onAdd(selections);\n }\n }, [selections, enableMultiSelect]);\n\n useEffect(() => {\n if (initialRender.current) {\n initialRender.current = false;\n } else {\n toggleHandleRef.current?.focusToggleSwitch();\n }\n }, [enableMultiSelect]);\n\n const onKeydown = useCallback(\n (e: KeyboardEvent) => {\n const { key } = e;\n if (key === 'Escape') {\n onCancel?.();\n }\n },\n [onCancel]\n );\n\n useFocusTrap(pickerRef, false, [onCancel, pickerEl, enableMultiSelect]);\n\n useEvent('keydown', onKeydown, { dependencies: [pickerEl, enableMultiSelect] });\n\n const pickerContent = (\n <Picker\n {...restProps}\n contextualLabel={t('task_manager_cases').toLowerCase()}\n items={items}\n multiSelect={enableMultiSelect}\n onModeToggle={onModeToggle}\n reorderSelections\n selections={selections}\n onSelectionChange={onSelectionChange}\n handle={toggleHandleRef}\n />\n );\n\n return enableMultiSelect ? (\n <StyledMultiTaskDialog\n {...restProps}\n target={target}\n heading={t('add_cases')}\n ref={pickerRef}\n onCancel={() => {\n onCancel();\n }}\n onSubmit={{\n text: t('add'),\n disabled: !selections.length,\n handler: () => {\n onAdd(selections);\n }\n }}\n >\n {pickerContent}\n </StyledMultiTaskDialog>\n ) : (\n <Flex\n {...restProps}\n container={{ direction: 'column', gap: 1 }}\n as={StyledSingleTaskDialog}\n target={target}\n labelledbyId={headingId}\n ref={pickerRef}\n >\n <Flex container={{ justify: 'between', alignItems: 'center', pad: 1 }}>\n <Text id={headingId} variant='h2'>\n {t('task_manager_add_case')}\n </Text>\n <Button\n icon\n variant='simple'\n onClick={onCancel}\n label={t('close')}\n aria-label={t('close_noun', [t('task_manager_add_case')])}\n >\n <Icon name='times' />\n </Button>\n </Flex>\n {pickerContent}\n </Flex>\n );\n }\n);\n\nexport default TaskPicker;\n"]}
@@ -1,6 +0,0 @@
1
- import { FunctionComponent } from 'react';
2
- import { ForwardProps } from '@pega/cosmos-react-core';
3
- import { TaskViewProps } from './TaskManager.types';
4
- declare const TaskView: FunctionComponent<TaskViewProps & ForwardProps>;
5
- export default TaskView;
6
- //# sourceMappingURL=TaskView.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TaskView.d.ts","sourceRoot":"","sources":["../../../src/components/TaskManager/TaskView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAiC,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEtF,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpD,QAAA,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,GAAG,YAAY,CAc5D,CAAC;AAEH,eAAe,QAAQ,CAAC"}
@@ -1,10 +0,0 @@
1
- import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
2
- import { forwardRef } from 'react';
3
- import { Card, CardContent, CardHeader } from '@pega/cosmos-react-core';
4
- import { StyledStickyCardHeader } from './TaskManager.styles';
5
- const TaskView = forwardRef(function TaskView(props, ref) {
6
- const { header, actions, children, ...restProps } = props;
7
- return (_jsxs(Card, { ...restProps, ref: ref, children: [_jsxs(CardHeader, { as: StyledStickyCardHeader, children: [header, actions] }), _jsx(CardContent, { children: children })] }));
8
- });
9
- export default TaskView;
10
- //# sourceMappingURL=TaskView.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TaskView.js","sourceRoot":"","sources":["../../../src/components/TaskManager/TaskView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,UAAU,EAAmB,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAgB,MAAM,yBAAyB,CAAC;AAGtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,MAAM,QAAQ,GAAoD,UAAU,CAAC,SAAS,QAAQ,CAC5F,KAAqC,EACrC,GAAyB;IAEzB,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1D,OAAO,CACL,MAAC,IAAI,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,aAC3B,MAAC,UAAU,IAAC,EAAE,EAAE,sBAAsB,aACnC,MAAM,EACN,OAAO,IACG,EACb,KAAC,WAAW,cAAE,QAAQ,GAAe,IAChC,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { FunctionComponent, forwardRef, PropsWithoutRef } from 'react';\n\nimport { Card, CardContent, CardHeader, ForwardProps } from '@pega/cosmos-react-core';\n\nimport { TaskViewProps } from './TaskManager.types';\nimport { StyledStickyCardHeader } from './TaskManager.styles';\n\nconst TaskView: FunctionComponent<TaskViewProps & ForwardProps> = forwardRef(function TaskView(\n props: PropsWithoutRef<TaskViewProps>,\n ref: TaskViewProps['ref']\n) {\n const { header, actions, children, ...restProps } = props;\n return (\n <Card {...restProps} ref={ref}>\n <CardHeader as={StyledStickyCardHeader}>\n {header}\n {actions}\n </CardHeader>\n <CardContent>{children}</CardContent>\n </Card>\n );\n});\n\nexport default TaskView;\n"]}
@@ -1,5 +0,0 @@
1
- export { default } from './TaskManager';
2
- export { default as TaskView } from './TaskView';
3
- export type { TaskManagerProps, TaskProps, TaskManagerTabsProps, TaskViewProps, DialogueProps } from './TaskManager.types';
4
- export { default as TaskPicker } from './TaskPicker';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TaskManager/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EACV,gBAAgB,EAChB,SAAS,EACT,oBAAoB,EACpB,aAAa,EACb,aAAa,EACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
@@ -1,4 +0,0 @@
1
- export { default } from './TaskManager';
2
- export { default as TaskView } from './TaskView';
3
- export { default as TaskPicker } from './TaskPicker';
4
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TaskManager/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { default } from './TaskManager';\nexport { default as TaskView } from './TaskView';\nexport type {\n TaskManagerProps,\n TaskProps,\n TaskManagerTabsProps,\n TaskViewProps,\n DialogueProps\n} from './TaskManager.types';\nexport { default as TaskPicker } from './TaskPicker';\n"]}
package/lib/index.d.ts DELETED
@@ -1,13 +0,0 @@
1
- export { default as CallControlPanel } from './components/CallControlPanel';
2
- export * from './components/CallControlPanel';
3
- export { default as CTIPanel } from './components/CTIPanel';
4
- export * from './components/CTIPanel';
5
- export { default as DialPad } from './components/DialPad';
6
- export * from './components/DialPad';
7
- export { default as InteractionNotification } from './components/InteractionNotification';
8
- export { default as InteractionTimer } from './components/InteractionTimer';
9
- export * from './components/InteractionTimer';
10
- export { default as Picker } from './components/Picker';
11
- export { default as TaskManager } from './components/TaskManager';
12
- export * from './components/TaskManager';
13
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC"}
package/lib/index.js DELETED
@@ -1,14 +0,0 @@
1
- // This file is autogenerated. Any changes will be overwritten.
2
- export { default as CallControlPanel } from './components/CallControlPanel';
3
- export * from './components/CallControlPanel';
4
- export { default as CTIPanel } from './components/CTIPanel';
5
- export * from './components/CTIPanel';
6
- export { default as DialPad } from './components/DialPad';
7
- export * from './components/DialPad';
8
- export { default as InteractionNotification } from './components/InteractionNotification';
9
- export { default as InteractionTimer } from './components/InteractionTimer';
10
- export * from './components/InteractionTimer';
11
- export { default as Picker } from './components/Picker';
12
- export { default as TaskManager } from './components/TaskManager';
13
- export * from './components/TaskManager';
14
- //# sourceMappingURL=index.js.map
package/lib/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as CallControlPanel } from './components/CallControlPanel';\nexport * from './components/CallControlPanel';\nexport { default as CTIPanel } from './components/CTIPanel';\nexport * from './components/CTIPanel';\nexport { default as DialPad } from './components/DialPad';\nexport * from './components/DialPad';\nexport { default as InteractionNotification } from './components/InteractionNotification';\nexport { default as InteractionTimer } from './components/InteractionTimer';\nexport * from './components/InteractionTimer';\nexport { default as Picker } from './components/Picker';\nexport { default as TaskManager } from './components/TaskManager';\nexport * from './components/TaskManager';\n"]}