@pega/cosmos-react-demos 3.0.0-dev.9.0 → 3.0.0-rc.2

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 (987) hide show
  1. package/jsx/build/AppHeader/AppHeader.stories.d.ts +1 -1
  2. package/jsx/build/AppHeader/AppHeader.stories.d.ts.map +1 -1
  3. package/jsx/build/AppHeader/AppHeader.stories.jsx +102 -81
  4. package/jsx/build/AppHeader/AppHeader.stories.jsx.map +1 -1
  5. package/jsx/build/DynamicContentEditor/DynamicContentEditor.stories.d.ts +1 -1
  6. package/jsx/build/DynamicContentEditor/DynamicContentEditor.stories.d.ts.map +1 -1
  7. package/jsx/build/DynamicContentEditor/DynamicContentEditor.stories.jsx +22 -1
  8. package/jsx/build/DynamicContentEditor/DynamicContentEditor.stories.jsx.map +1 -1
  9. package/jsx/build/ExpressionBuilder/ExpressionBuilder.mocks.d.ts +60 -0
  10. package/jsx/build/ExpressionBuilder/ExpressionBuilder.mocks.d.ts.map +1 -0
  11. package/jsx/build/ExpressionBuilder/ExpressionBuilder.mocks.js +523 -0
  12. package/jsx/build/ExpressionBuilder/ExpressionBuilder.mocks.js.map +1 -0
  13. package/jsx/build/ExpressionBuilder/ExpressionBuilder.stories.d.ts +26 -0
  14. package/jsx/build/ExpressionBuilder/ExpressionBuilder.stories.d.ts.map +1 -0
  15. package/jsx/build/ExpressionBuilder/ExpressionBuilder.stories.jsx +339 -0
  16. package/jsx/build/ExpressionBuilder/ExpressionBuilder.stories.jsx.map +1 -0
  17. package/jsx/build/FlowModeller/AddNodeUtils.mocks.d.ts +4 -4
  18. package/jsx/build/FlowModeller/AddNodeUtils.mocks.d.ts.map +1 -1
  19. package/jsx/build/FlowModeller/AddNodeUtils.mocks.js.map +1 -1
  20. package/jsx/build/FlowModeller/FlowModeller.mocks.d.ts +4 -2
  21. package/jsx/build/FlowModeller/FlowModeller.mocks.d.ts.map +1 -1
  22. package/jsx/build/FlowModeller/FlowModeller.mocks.jsx +118 -33
  23. package/jsx/build/FlowModeller/FlowModeller.mocks.jsx.map +1 -1
  24. package/jsx/build/FlowModeller/FlowModeller.stories.d.ts +7 -2
  25. package/jsx/build/FlowModeller/FlowModeller.stories.d.ts.map +1 -1
  26. package/jsx/build/FlowModeller/FlowModeller.stories.jsx +246 -63
  27. package/jsx/build/FlowModeller/FlowModeller.stories.jsx.map +1 -1
  28. package/jsx/build/LifeCycle/LifeCycle.mocks.d.ts.map +1 -1
  29. package/jsx/build/LifeCycle/LifeCycle.mocks.js +40 -0
  30. package/jsx/build/LifeCycle/LifeCycle.mocks.js.map +1 -1
  31. package/jsx/build/ObjectSelect/ObjectSelect.mocks.d.ts +25 -8
  32. package/jsx/build/ObjectSelect/ObjectSelect.mocks.d.ts.map +1 -1
  33. package/jsx/build/ObjectSelect/ObjectSelect.mocks.jsx +129 -68
  34. package/jsx/build/ObjectSelect/ObjectSelect.mocks.jsx.map +1 -1
  35. package/jsx/build/ObjectSelect/ObjectSelect.stories.d.ts.map +1 -1
  36. package/jsx/build/ObjectSelect/ObjectSelect.stories.jsx +115 -26
  37. package/jsx/build/ObjectSelect/ObjectSelect.stories.jsx.map +1 -1
  38. package/jsx/build/PageTemplates/PageTemplates.mocks.d.ts.map +1 -1
  39. package/jsx/build/PageTemplates/PageTemplates.mocks.jsx +4 -4
  40. package/jsx/build/PageTemplates/PageTemplates.mocks.jsx.map +1 -1
  41. package/jsx/build/PageTemplates/PageTemplates.stories.d.ts.map +1 -1
  42. package/jsx/build/PageTemplates/PageTemplates.stories.jsx +3 -3
  43. package/jsx/build/PageTemplates/PageTemplates.stories.jsx.map +1 -1
  44. package/jsx/build/Workbench/Workbench.stories.d.ts +1 -0
  45. package/jsx/build/Workbench/Workbench.stories.d.ts.map +1 -1
  46. package/jsx/build/Workbench/Workbench.stories.jsx +201 -4
  47. package/jsx/build/Workbench/Workbench.stories.jsx.map +1 -1
  48. package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.mocks.d.ts +1 -1
  49. package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.mocks.d.ts.map +1 -1
  50. package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.mocks.js +3 -1
  51. package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.mocks.js.map +1 -1
  52. package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.stories.d.ts +2 -1
  53. package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.stories.d.ts.map +1 -1
  54. package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.stories.jsx +47 -16
  55. package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.stories.jsx.map +1 -1
  56. package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.styles.d.ts +1 -1
  57. package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.styles.d.ts.map +1 -1
  58. package/jsx/condition-builder/ConditionBuilder/props.mock.d.ts.map +1 -1
  59. package/jsx/condition-builder/ConditionBuilder/props.mock.js +132 -31
  60. package/jsx/condition-builder/ConditionBuilder/props.mock.js.map +1 -1
  61. package/jsx/condition-builder/ConditionInput/ConditionInput.stories.d.ts +10 -0
  62. package/jsx/condition-builder/ConditionInput/ConditionInput.stories.d.ts.map +1 -0
  63. package/jsx/condition-builder/ConditionInput/ConditionInput.stories.jsx +40 -0
  64. package/jsx/condition-builder/ConditionInput/ConditionInput.stories.jsx.map +1 -0
  65. package/jsx/condition-builder/PromotedFilters/PromotedFilters.mocks.d.ts +4 -0
  66. package/jsx/condition-builder/PromotedFilters/PromotedFilters.mocks.d.ts.map +1 -0
  67. package/jsx/condition-builder/PromotedFilters/PromotedFilters.mocks.js +181 -0
  68. package/jsx/condition-builder/PromotedFilters/PromotedFilters.mocks.js.map +1 -0
  69. package/jsx/condition-builder/PromotedFilters/PromotedFilters.stories.d.ts +8 -0
  70. package/jsx/condition-builder/PromotedFilters/PromotedFilters.stories.d.ts.map +1 -0
  71. package/jsx/condition-builder/PromotedFilters/PromotedFilters.stories.jsx +31 -0
  72. package/jsx/condition-builder/PromotedFilters/PromotedFilters.stories.jsx.map +1 -0
  73. package/jsx/condition-builder/PromotedFilters/PromotedFilters.styles.d.ts +9 -0
  74. package/jsx/condition-builder/PromotedFilters/PromotedFilters.styles.d.ts.map +1 -0
  75. package/jsx/condition-builder/PromotedFilters/PromotedFilters.styles.js +35 -0
  76. package/jsx/condition-builder/PromotedFilters/PromotedFilters.styles.js.map +1 -0
  77. package/jsx/core/AdditionalInfo/AdditionalInfo.stories.d.ts +9 -0
  78. package/jsx/core/AdditionalInfo/AdditionalInfo.stories.d.ts.map +1 -0
  79. package/jsx/core/AdditionalInfo/AdditionalInfo.stories.jsx +25 -0
  80. package/jsx/core/AdditionalInfo/AdditionalInfo.stories.jsx.map +1 -0
  81. package/jsx/core/AppShell/AppShell.mocks.d.ts +1 -1
  82. package/jsx/core/AppShell/AppShell.mocks.jsx +5 -5
  83. package/jsx/core/AppShell/AppShell.mocks.jsx.map +1 -1
  84. package/jsx/core/AppShell/AppShell.stories.d.ts +2 -0
  85. package/jsx/core/AppShell/AppShell.stories.d.ts.map +1 -1
  86. package/jsx/core/AppShell/AppShell.stories.jsx +47 -13
  87. package/jsx/core/AppShell/AppShell.stories.jsx.map +1 -1
  88. package/jsx/core/Banner/Banner.stories.d.ts +0 -1
  89. package/jsx/core/Banner/Banner.stories.d.ts.map +1 -1
  90. package/jsx/core/Banner/Banner.stories.jsx +2 -10
  91. package/jsx/core/Banner/Banner.stories.jsx.map +1 -1
  92. package/jsx/core/Checkbox/Checkbox.stories.d.ts +6 -2
  93. package/jsx/core/Checkbox/Checkbox.stories.d.ts.map +1 -1
  94. package/jsx/core/Checkbox/Checkbox.stories.jsx +26 -7
  95. package/jsx/core/Checkbox/Checkbox.stories.jsx.map +1 -1
  96. package/jsx/core/CheckboxGroup/CheckboxGroup.stories.d.ts +6 -2
  97. package/jsx/core/CheckboxGroup/CheckboxGroup.stories.d.ts.map +1 -1
  98. package/jsx/core/CheckboxGroup/CheckboxGroup.stories.jsx +46 -5
  99. package/jsx/core/CheckboxGroup/CheckboxGroup.stories.jsx.map +1 -1
  100. package/jsx/core/ColorPicker/ColorPicker.stories.d.ts +4 -1
  101. package/jsx/core/ColorPicker/ColorPicker.stories.d.ts.map +1 -1
  102. package/jsx/core/ColorPicker/ColorPicker.stories.jsx +10 -3
  103. package/jsx/core/ColorPicker/ColorPicker.stories.jsx.map +1 -1
  104. package/jsx/core/ComboBox/ComboBox.stories.d.ts +1 -0
  105. package/jsx/core/ComboBox/ComboBox.stories.d.ts.map +1 -1
  106. package/jsx/core/ComboBox/ComboBox.stories.jsx +40 -8
  107. package/jsx/core/ComboBox/ComboBox.stories.jsx.map +1 -1
  108. package/jsx/core/CompositeInput/CompositeInput.mocks.d.ts +8 -0
  109. package/jsx/core/CompositeInput/CompositeInput.mocks.d.ts.map +1 -0
  110. package/jsx/core/CompositeInput/CompositeInput.mocks.jsx +8 -0
  111. package/jsx/core/CompositeInput/CompositeInput.mocks.jsx.map +1 -0
  112. package/jsx/core/CompositeInput/CompositeInput.stories.d.ts +9 -0
  113. package/jsx/core/CompositeInput/CompositeInput.stories.d.ts.map +1 -0
  114. package/jsx/core/CompositeInput/CompositeInput.stories.jsx +54 -0
  115. package/jsx/core/CompositeInput/CompositeInput.stories.jsx.map +1 -0
  116. package/jsx/core/CreditCard/CreditCard.stories.d.ts +4 -1
  117. package/jsx/core/CreditCard/CreditCard.stories.d.ts.map +1 -1
  118. package/jsx/core/CreditCard/CreditCard.stories.jsx +11 -4
  119. package/jsx/core/CreditCard/CreditCard.stories.jsx.map +1 -1
  120. package/jsx/core/Currency/Currency.stories.d.ts +6 -1
  121. package/jsx/core/Currency/Currency.stories.d.ts.map +1 -1
  122. package/jsx/core/Currency/Currency.stories.jsx +30 -7
  123. package/jsx/core/Currency/Currency.stories.jsx.map +1 -1
  124. package/jsx/core/DateTime/DateTime.stories.d.ts +41 -10
  125. package/jsx/core/DateTime/DateTime.stories.d.ts.map +1 -1
  126. package/jsx/core/DateTime/DateTime.stories.jsx +188 -17
  127. package/jsx/core/DateTime/DateTime.stories.jsx.map +1 -1
  128. package/jsx/core/DateTime/DateTimePicker.stories.d.ts.map +1 -1
  129. package/jsx/core/DateTime/DateTimePicker.stories.jsx +1 -1
  130. package/jsx/core/DateTime/DateTimePicker.stories.jsx.map +1 -1
  131. package/jsx/core/Dialog/Dialog.stories.d.ts +6 -0
  132. package/jsx/core/Dialog/Dialog.stories.d.ts.map +1 -0
  133. package/jsx/core/Dialog/Dialog.stories.jsx +79 -0
  134. package/jsx/core/Dialog/Dialog.stories.jsx.map +1 -0
  135. package/jsx/core/FieldGroup/FieldGroup.stories.d.ts +2 -0
  136. package/jsx/core/FieldGroup/FieldGroup.stories.d.ts.map +1 -1
  137. package/jsx/core/FieldGroup/FieldGroup.stories.jsx +12 -4
  138. package/jsx/core/FieldGroup/FieldGroup.stories.jsx.map +1 -1
  139. package/jsx/core/FieldGroup/FieldGroupList.stories.d.ts.map +1 -1
  140. package/jsx/core/FieldGroup/FieldGroupList.stories.jsx +4 -0
  141. package/jsx/core/FieldGroup/FieldGroupList.stories.jsx.map +1 -1
  142. package/jsx/core/FieldValueList/FieldValueList.stories.d.ts +1 -0
  143. package/jsx/core/FieldValueList/FieldValueList.stories.d.ts.map +1 -1
  144. package/jsx/core/FieldValueList/FieldValueList.stories.jsx +34 -2
  145. package/jsx/core/FieldValueList/FieldValueList.stories.jsx.map +1 -1
  146. package/jsx/core/FieldValueList/FieldValueList.styles.d.ts +2 -0
  147. package/jsx/core/FieldValueList/FieldValueList.styles.d.ts.map +1 -0
  148. package/jsx/core/FieldValueList/FieldValueList.styles.js +8 -0
  149. package/jsx/core/FieldValueList/FieldValueList.styles.js.map +1 -0
  150. package/jsx/core/File/FileDisplay.stories.d.ts.map +1 -1
  151. package/jsx/core/File/FileDisplay.stories.jsx +10 -5
  152. package/jsx/core/File/FileDisplay.stories.jsx.map +1 -1
  153. package/jsx/core/Form/Form.mocks.d.ts +6 -0
  154. package/jsx/core/Form/Form.mocks.d.ts.map +1 -1
  155. package/jsx/core/Form/Form.mocks.jsx +84 -7
  156. package/jsx/core/Form/Form.mocks.jsx.map +1 -1
  157. package/jsx/core/Form/Form.stories.d.ts +1 -0
  158. package/jsx/core/Form/Form.stories.d.ts.map +1 -1
  159. package/jsx/core/Form/Form.stories.jsx +4 -1
  160. package/jsx/core/Form/Form.stories.jsx.map +1 -1
  161. package/jsx/core/HTML/HTML.stories.jsx +1 -1
  162. package/jsx/core/HTML/HTML.stories.jsx.map +1 -1
  163. package/jsx/core/Icon/Icon.stories.jsx.map +1 -1
  164. package/jsx/core/IconPicker/IconPicker.stories.d.ts.map +1 -1
  165. package/jsx/core/IconPicker/IconPicker.stories.jsx +6 -9
  166. package/jsx/core/IconPicker/IconPicker.stories.jsx.map +1 -1
  167. package/jsx/core/Input/Input.stories.d.ts +2 -0
  168. package/jsx/core/Input/Input.stories.d.ts.map +1 -1
  169. package/jsx/core/Input/Input.stories.jsx +78 -2
  170. package/jsx/core/Input/Input.stories.jsx.map +1 -1
  171. package/jsx/core/Lightbox/Lightbox.stories.jsx +1 -1
  172. package/jsx/core/Lightbox/Lightbox.stories.jsx.map +1 -1
  173. package/jsx/core/Link/Link.stories.d.ts +1 -0
  174. package/jsx/core/Link/Link.stories.d.ts.map +1 -1
  175. package/jsx/core/Link/Link.stories.jsx +12 -1
  176. package/jsx/core/Link/Link.stories.jsx.map +1 -1
  177. package/jsx/core/ListToolbar/ListToolbar.stories.d.ts +7 -1
  178. package/jsx/core/ListToolbar/ListToolbar.stories.d.ts.map +1 -1
  179. package/jsx/core/ListToolbar/ListToolbar.stories.jsx +21 -6
  180. package/jsx/core/ListToolbar/ListToolbar.stories.jsx.map +1 -1
  181. package/jsx/core/Location/Location.stories.d.ts +4 -1
  182. package/jsx/core/Location/Location.stories.d.ts.map +1 -1
  183. package/jsx/core/Location/Location.stories.jsx +13 -6
  184. package/jsx/core/Location/Location.stories.jsx.map +1 -1
  185. package/jsx/core/Location/locationTestUtils.d.ts +3 -0
  186. package/jsx/core/Location/locationTestUtils.d.ts.map +1 -0
  187. package/jsx/core/Location/locationTestUtils.js +29 -0
  188. package/jsx/core/Location/locationTestUtils.js.map +1 -0
  189. package/jsx/core/Menu/Menu.stories.d.ts.map +1 -1
  190. package/jsx/core/Menu/Menu.stories.jsx +7 -6
  191. package/jsx/core/Menu/Menu.stories.jsx.map +1 -1
  192. package/jsx/core/Modal/Modal.stories.d.ts +10 -1
  193. package/jsx/core/Modal/Modal.stories.d.ts.map +1 -1
  194. package/jsx/core/Modal/Modal.stories.jsx +49 -26
  195. package/jsx/core/Modal/Modal.stories.jsx.map +1 -1
  196. package/jsx/core/MultiStepForm/MultiStepForm.mocks.d.ts +34 -0
  197. package/jsx/core/MultiStepForm/MultiStepForm.mocks.d.ts.map +1 -0
  198. package/jsx/core/MultiStepForm/MultiStepForm.mocks.jsx +124 -0
  199. package/jsx/core/MultiStepForm/MultiStepForm.mocks.jsx.map +1 -0
  200. package/jsx/core/{MultiStep/MultiStep.stories.d.ts → MultiStepForm/MultiStepForm.stories.d.ts} +2 -2
  201. package/jsx/core/MultiStepForm/MultiStepForm.stories.d.ts.map +1 -0
  202. package/jsx/core/MultiStepForm/MultiStepForm.stories.jsx +208 -0
  203. package/jsx/core/MultiStepForm/MultiStepForm.stories.jsx.map +1 -0
  204. package/jsx/core/Number/Number.stories.d.ts +5 -2
  205. package/jsx/core/Number/Number.stories.d.ts.map +1 -1
  206. package/jsx/core/Number/Number.stories.jsx +204 -24
  207. package/jsx/core/Number/Number.stories.jsx.map +1 -1
  208. package/jsx/core/PageTemplates/PageTemplates.mocks.d.ts +1 -1
  209. package/jsx/core/PageTemplates/PageTemplates.mocks.d.ts.map +1 -1
  210. package/jsx/core/Phone/Phone.stories.d.ts +4 -1
  211. package/jsx/core/Phone/Phone.stories.d.ts.map +1 -1
  212. package/jsx/core/Phone/Phone.stories.jsx +10 -3
  213. package/jsx/core/Phone/Phone.stories.jsx.map +1 -1
  214. package/jsx/core/Popover/Popover.stories.jsx +6 -6
  215. package/jsx/core/Popover/Popover.stories.jsx.map +1 -1
  216. package/jsx/core/RadioButton/RadioButton.stories.d.ts +6 -2
  217. package/jsx/core/RadioButton/RadioButton.stories.d.ts.map +1 -1
  218. package/jsx/core/RadioButton/RadioButton.stories.jsx +22 -5
  219. package/jsx/core/RadioButton/RadioButton.stories.jsx.map +1 -1
  220. package/jsx/core/RadioButtonGroup/RadioButtonGroup.stories.d.ts +6 -2
  221. package/jsx/core/RadioButtonGroup/RadioButtonGroup.stories.d.ts.map +1 -1
  222. package/jsx/core/RadioButtonGroup/RadioButtonGroup.stories.jsx +46 -5
  223. package/jsx/core/RadioButtonGroup/RadioButtonGroup.stories.jsx.map +1 -1
  224. package/jsx/core/SearchInput/SearchInput.mocks.d.ts +12 -0
  225. package/jsx/core/SearchInput/SearchInput.mocks.d.ts.map +1 -0
  226. package/jsx/core/SearchInput/SearchInput.mocks.js +25 -0
  227. package/jsx/core/SearchInput/SearchInput.mocks.js.map +1 -0
  228. package/jsx/core/SearchInput/SearchInput.stories.d.ts +1 -4
  229. package/jsx/core/SearchInput/SearchInput.stories.d.ts.map +1 -1
  230. package/jsx/core/SearchInput/SearchInput.stories.jsx +29 -17
  231. package/jsx/core/SearchInput/SearchInput.stories.jsx.map +1 -1
  232. package/jsx/core/Select/Select.stories.d.ts +1 -0
  233. package/jsx/core/Select/Select.stories.d.ts.map +1 -1
  234. package/jsx/core/Select/Select.stories.jsx +10 -3
  235. package/jsx/core/Select/Select.stories.jsx.map +1 -1
  236. package/jsx/core/SkipLinks/SkipLinks.stories.d.ts +6 -0
  237. package/jsx/core/SkipLinks/SkipLinks.stories.d.ts.map +1 -0
  238. package/jsx/core/SkipLinks/SkipLinks.stories.jsx +29 -0
  239. package/jsx/core/SkipLinks/SkipLinks.stories.jsx.map +1 -0
  240. package/jsx/core/SkipLinks/SkipLinks.styles.d.ts +2 -0
  241. package/jsx/core/SkipLinks/SkipLinks.styles.d.ts.map +1 -0
  242. package/jsx/core/SkipLinks/SkipLinks.styles.js +16 -0
  243. package/jsx/core/SkipLinks/SkipLinks.styles.js.map +1 -0
  244. package/jsx/core/SummaryList/SummaryList.stories.d.ts.map +1 -1
  245. package/jsx/core/SummaryList/SummaryList.stories.jsx +4 -4
  246. package/jsx/core/SummaryList/SummaryList.stories.jsx.map +1 -1
  247. package/jsx/core/Tabs/Tabs.stories.jsx +1 -1
  248. package/jsx/core/Tabs/Tabs.stories.jsx.map +1 -1
  249. package/jsx/core/TextArea/TextArea.stories.d.ts +4 -1
  250. package/jsx/core/TextArea/TextArea.stories.d.ts.map +1 -1
  251. package/jsx/core/TextArea/TextArea.stories.jsx +10 -3
  252. package/jsx/core/TextArea/TextArea.stories.jsx.map +1 -1
  253. package/jsx/core/Toaster/Toaster.stories.jsx +3 -3
  254. package/jsx/core/Toaster/Toaster.stories.jsx.map +1 -1
  255. package/jsx/core/Tree/Tree.mocks.d.ts +1 -1
  256. package/jsx/core/Tree/Tree.mocks.d.ts.map +1 -1
  257. package/jsx/core/Tree/Tree.stories.d.ts.map +1 -1
  258. package/jsx/core/Tree/Tree.stories.jsx +14 -0
  259. package/jsx/core/Tree/Tree.stories.jsx.map +1 -1
  260. package/jsx/cs/ArticleList/ArticleList.stories.d.ts.map +1 -1
  261. package/jsx/cs/ArticleList/ArticleList.stories.jsx +1 -1
  262. package/jsx/cs/ArticleList/ArticleList.stories.jsx.map +1 -1
  263. package/jsx/cs/CallControlPanel/CallControlPanel.mocks.d.ts +7 -2
  264. package/jsx/cs/CallControlPanel/CallControlPanel.mocks.d.ts.map +1 -1
  265. package/jsx/cs/CallControlPanel/CallControlPanel.mocks.js +151 -9
  266. package/jsx/cs/CallControlPanel/CallControlPanel.mocks.js.map +1 -1
  267. package/jsx/cs/CallControlPanel/CallControlPanel.stories.d.ts +5 -2
  268. package/jsx/cs/CallControlPanel/CallControlPanel.stories.d.ts.map +1 -1
  269. package/jsx/cs/CallControlPanel/CallControlPanel.stories.jsx +208 -90
  270. package/jsx/cs/CallControlPanel/CallControlPanel.stories.jsx.map +1 -1
  271. package/jsx/cs/IntelligentGuidance/IntelligentGuidance.stories.jsx +2 -2
  272. package/jsx/cs/IntelligentGuidance/IntelligentGuidance.stories.jsx.map +1 -1
  273. package/jsx/cs/InteractionNotification/InteractionNotification.stories.d.ts +1 -0
  274. package/jsx/cs/InteractionNotification/InteractionNotification.stories.d.ts.map +1 -1
  275. package/jsx/cs/InteractionNotification/InteractionNotification.stories.jsx +6 -6
  276. package/jsx/cs/InteractionNotification/InteractionNotification.stories.jsx.map +1 -1
  277. package/jsx/cs/InteractionTimer/InteractionTimer.mocks.js +5 -5
  278. package/jsx/cs/InteractionTimer/InteractionTimer.mocks.js.map +1 -1
  279. package/jsx/cs/InteractionTimer/InteractionTimer.stories.d.ts +1 -0
  280. package/jsx/cs/InteractionTimer/InteractionTimer.stories.d.ts.map +1 -1
  281. package/jsx/cs/InteractionTimer/InteractionTimer.stories.jsx +33 -14
  282. package/jsx/cs/InteractionTimer/InteractionTimer.stories.jsx.map +1 -1
  283. package/jsx/cs/TaskManager/TaskManager.mocks.d.ts +12 -0
  284. package/jsx/cs/TaskManager/TaskManager.mocks.d.ts.map +1 -1
  285. package/jsx/cs/TaskManager/TaskManager.mocks.js +86 -0
  286. package/jsx/cs/TaskManager/TaskManager.mocks.js.map +1 -1
  287. package/jsx/cs/TaskManager/TaskManager.stories.d.ts +2 -1
  288. package/jsx/cs/TaskManager/TaskManager.stories.d.ts.map +1 -1
  289. package/jsx/cs/TaskManager/TaskManager.stories.jsx +103 -25
  290. package/jsx/cs/TaskManager/TaskManager.stories.jsx.map +1 -1
  291. package/jsx/cs/TaskManager/TaskManager.styles.js +2 -1
  292. package/jsx/cs/TaskManager/TaskManager.styles.js.map +1 -1
  293. package/jsx/dnd/StandardDragDropList/Demo.d.ts +7 -0
  294. package/jsx/dnd/StandardDragDropList/Demo.d.ts.map +1 -0
  295. package/jsx/dnd/StandardDragDropList/Demo.jsx +158 -0
  296. package/jsx/dnd/StandardDragDropList/Demo.jsx.map +1 -0
  297. package/jsx/dnd/StandardDragDropList/GroupConfig.d.ts +10 -0
  298. package/jsx/dnd/StandardDragDropList/GroupConfig.d.ts.map +1 -0
  299. package/jsx/dnd/StandardDragDropList/GroupConfig.jsx +26 -0
  300. package/jsx/dnd/StandardDragDropList/GroupConfig.jsx.map +1 -0
  301. package/jsx/dnd/StandardDragDropList/ItemConfig.d.ts +12 -0
  302. package/jsx/dnd/StandardDragDropList/ItemConfig.d.ts.map +1 -0
  303. package/jsx/dnd/StandardDragDropList/ItemConfig.jsx +21 -0
  304. package/jsx/dnd/StandardDragDropList/ItemConfig.jsx.map +1 -0
  305. package/jsx/dnd/StandardDragDropList/Popover.d.ts +14 -0
  306. package/jsx/dnd/StandardDragDropList/Popover.d.ts.map +1 -0
  307. package/jsx/dnd/StandardDragDropList/Popover.jsx +51 -0
  308. package/jsx/dnd/StandardDragDropList/Popover.jsx.map +1 -0
  309. package/jsx/dnd/StandardDragDropList/SelectionMenu.d.ts +16 -0
  310. package/jsx/dnd/StandardDragDropList/SelectionMenu.d.ts.map +1 -0
  311. package/jsx/dnd/StandardDragDropList/SelectionMenu.jsx +104 -0
  312. package/jsx/dnd/StandardDragDropList/SelectionMenu.jsx.map +1 -0
  313. package/jsx/dnd/StandardDragDropList/StandardDragDropList.stories.d.ts +5 -0
  314. package/jsx/dnd/StandardDragDropList/StandardDragDropList.stories.d.ts.map +1 -0
  315. package/jsx/dnd/StandardDragDropList/StandardDragDropList.stories.jsx +15 -0
  316. package/jsx/dnd/StandardDragDropList/StandardDragDropList.stories.jsx.map +1 -0
  317. package/jsx/dnd/StandardDragDropList/mockData.d.ts +26 -0
  318. package/jsx/dnd/StandardDragDropList/mockData.d.ts.map +1 -0
  319. package/jsx/dnd/StandardDragDropList/mockData.js +77 -0
  320. package/jsx/dnd/StandardDragDropList/mockData.js.map +1 -0
  321. package/jsx/rte/Editor/Editor.stories.d.ts.map +1 -1
  322. package/jsx/rte/Editor/Editor.stories.jsx +1 -1
  323. package/jsx/rte/Editor/Editor.stories.jsx.map +1 -1
  324. package/jsx/rte/RichTextEditor/RichTextEditor.stories.d.ts +4 -1
  325. package/jsx/rte/RichTextEditor/RichTextEditor.stories.d.ts.map +1 -1
  326. package/jsx/rte/RichTextEditor/RichTextEditor.stories.jsx +11 -4
  327. package/jsx/rte/RichTextEditor/RichTextEditor.stories.jsx.map +1 -1
  328. package/jsx/rte/RichTextEditor/RichTextViewer.stories.d.ts.map +1 -1
  329. package/jsx/rte/RichTextEditor/RichTextViewer.stories.jsx +2 -2
  330. package/jsx/rte/RichTextEditor/RichTextViewer.stories.jsx.map +1 -1
  331. package/jsx/social/Chat/Chat.mocks.d.ts +15 -2
  332. package/jsx/social/Chat/Chat.mocks.d.ts.map +1 -1
  333. package/jsx/social/Chat/Chat.mocks.js +5 -6
  334. package/jsx/social/Chat/Chat.mocks.js.map +1 -1
  335. package/jsx/social/Chat/Chat.stories.d.ts.map +1 -1
  336. package/jsx/social/Chat/Chat.stories.jsx +91 -11
  337. package/jsx/social/Chat/Chat.stories.jsx.map +1 -1
  338. package/jsx/social/Email/Email.mocks.d.ts +70 -9
  339. package/jsx/social/Email/Email.mocks.d.ts.map +1 -1
  340. package/jsx/social/Email/Email.mocks.jsx +386 -55
  341. package/jsx/social/Email/Email.mocks.jsx.map +1 -1
  342. package/jsx/social/Email/Email.stories.d.ts +50 -11
  343. package/jsx/social/Email/Email.stories.d.ts.map +1 -1
  344. package/jsx/social/Email/Email.stories.jsx +851 -323
  345. package/jsx/social/Email/Email.stories.jsx.map +1 -1
  346. package/jsx/social/Email/Email.styles.d.ts +0 -1
  347. package/jsx/social/Email/Email.styles.d.ts.map +1 -1
  348. package/jsx/social/Email/Email.styles.js +0 -3
  349. package/jsx/social/Email/Email.styles.js.map +1 -1
  350. package/jsx/social/Feed/Feed.mocks.d.ts +13 -18
  351. package/jsx/social/Feed/Feed.mocks.d.ts.map +1 -1
  352. package/jsx/social/Feed/Feed.mocks.jsx +10 -5
  353. package/jsx/social/Feed/Feed.mocks.jsx.map +1 -1
  354. package/jsx/social/Feed/Feed.stories.d.ts +3 -2
  355. package/jsx/social/Feed/Feed.stories.d.ts.map +1 -1
  356. package/jsx/social/Feed/Feed.stories.jsx +12 -7
  357. package/jsx/social/Feed/Feed.stories.jsx.map +1 -1
  358. package/jsx/social/Feed/FeedNewPost.stories.d.ts.map +1 -1
  359. package/jsx/social/Feed/FeedNewPost.stories.jsx +4 -3
  360. package/jsx/social/Feed/FeedNewPost.stories.jsx.map +1 -1
  361. package/jsx/social/Feed/FeedPost.stories.d.ts.map +1 -1
  362. package/jsx/social/Feed/FeedPost.stories.jsx +12 -11
  363. package/jsx/social/Feed/FeedPost.stories.jsx.map +1 -1
  364. package/jsx/social/Feed/FeedReply.stories.d.ts +1 -1
  365. package/jsx/social/Feed/FeedReply.stories.d.ts.map +1 -1
  366. package/jsx/social/Feed/FeedReply.stories.jsx +7 -7
  367. package/jsx/social/Feed/FeedReply.stories.jsx.map +1 -1
  368. package/jsx/social/Feed/FeedReplyInput.stories.d.ts.map +1 -1
  369. package/jsx/social/Feed/FeedReplyInput.stories.jsx +4 -3
  370. package/jsx/social/Feed/FeedReplyInput.stories.jsx.map +1 -1
  371. package/jsx/tools/Clipboard/Clipboard.mocks.d.ts +6 -0
  372. package/jsx/tools/Clipboard/Clipboard.mocks.d.ts.map +1 -0
  373. package/jsx/tools/Clipboard/Clipboard.mocks.jsx +81 -0
  374. package/jsx/tools/Clipboard/Clipboard.mocks.jsx.map +1 -0
  375. package/jsx/tools/Clipboard/Clipboard.stories.d.ts +6 -0
  376. package/jsx/tools/Clipboard/Clipboard.stories.d.ts.map +1 -0
  377. package/jsx/tools/Clipboard/Clipboard.stories.jsx +69 -0
  378. package/jsx/tools/Clipboard/Clipboard.stories.jsx.map +1 -0
  379. package/jsx/tools/DevTools/DevTools.mocks.d.ts +3 -0
  380. package/jsx/tools/DevTools/DevTools.mocks.d.ts.map +1 -0
  381. package/jsx/tools/DevTools/DevTools.mocks.js +3 -0
  382. package/jsx/tools/DevTools/DevTools.mocks.js.map +1 -0
  383. package/jsx/tools/DevTools/DevTools.stories.d.ts +10 -0
  384. package/jsx/tools/DevTools/DevTools.stories.d.ts.map +1 -0
  385. package/jsx/tools/DevTools/DevTools.stories.jsx +35 -0
  386. package/jsx/tools/DevTools/DevTools.stories.jsx.map +1 -0
  387. package/jsx/tools/PreviewShell/PreviewShell.mocks.d.ts +9 -0
  388. package/jsx/tools/PreviewShell/PreviewShell.mocks.d.ts.map +1 -0
  389. package/jsx/tools/PreviewShell/PreviewShell.mocks.jsx +58 -0
  390. package/jsx/tools/PreviewShell/PreviewShell.mocks.jsx.map +1 -0
  391. package/jsx/tools/PreviewShell/PreviewShell.stories.d.ts +16 -0
  392. package/jsx/tools/PreviewShell/PreviewShell.stories.d.ts.map +1 -0
  393. package/jsx/tools/PreviewShell/PreviewShell.stories.jsx +153 -0
  394. package/jsx/tools/PreviewShell/PreviewShell.stories.jsx.map +1 -0
  395. package/jsx/tools/PreviewShell/PreviewShell.styles.d.ts +3 -0
  396. package/jsx/tools/PreviewShell/PreviewShell.styles.d.ts.map +1 -0
  397. package/jsx/tools/PreviewShell/PreviewShell.styles.js +7 -0
  398. package/jsx/tools/PreviewShell/PreviewShell.styles.js.map +1 -0
  399. package/jsx/work/AppAnnouncement/AppAnnouncement.stories.d.ts.map +1 -1
  400. package/jsx/work/AppAnnouncement/AppAnnouncement.stories.jsx +5 -4
  401. package/jsx/work/AppAnnouncement/AppAnnouncement.stories.jsx.map +1 -1
  402. package/jsx/work/CaseView/Attachments.mocks.jsx +5 -6
  403. package/jsx/work/CaseView/Attachments.mocks.jsx.map +1 -1
  404. package/jsx/work/CaseView/CaseView.mocks.d.ts +72 -2
  405. package/jsx/work/CaseView/CaseView.mocks.d.ts.map +1 -1
  406. package/jsx/work/CaseView/CaseView.mocks.jsx +201 -11
  407. package/jsx/work/CaseView/CaseView.mocks.jsx.map +1 -1
  408. package/jsx/work/CaseView/CaseView.stories.d.ts +4 -22
  409. package/jsx/work/CaseView/CaseView.stories.d.ts.map +1 -1
  410. package/jsx/work/CaseView/CaseView.stories.jsx +55 -230
  411. package/jsx/work/CaseView/CaseView.stories.jsx.map +1 -1
  412. package/jsx/work/CaseView/Pulse.mocks.d.ts +4 -3
  413. package/jsx/work/CaseView/Pulse.mocks.d.ts.map +1 -1
  414. package/jsx/work/CaseView/Pulse.mocks.jsx +2 -2
  415. package/jsx/work/CaseView/Pulse.mocks.jsx.map +1 -1
  416. package/jsx/work/ConfigurableLayout/ConfigurableLayout.stories.d.ts.map +1 -1
  417. package/jsx/work/ConfigurableLayout/ConfigurableLayout.stories.jsx +1 -0
  418. package/jsx/work/ConfigurableLayout/ConfigurableLayout.stories.jsx.map +1 -1
  419. package/jsx/work/Confirmation/Confirmation.stories.d.ts +3 -0
  420. package/jsx/work/Confirmation/Confirmation.stories.d.ts.map +1 -1
  421. package/jsx/work/Confirmation/Confirmation.stories.jsx +12 -8
  422. package/jsx/work/Confirmation/Confirmation.stories.jsx.map +1 -1
  423. package/jsx/work/Details/Details.stories.d.ts.map +1 -1
  424. package/jsx/work/Details/Details.stories.jsx +67 -64
  425. package/jsx/work/Details/Details.stories.jsx.map +1 -1
  426. package/jsx/work/SearchResults/SearchResults.mocks.d.ts +6 -0
  427. package/jsx/work/SearchResults/SearchResults.mocks.d.ts.map +1 -1
  428. package/jsx/work/SearchResults/SearchResults.mocks.jsx +39 -38
  429. package/jsx/work/SearchResults/SearchResults.mocks.jsx.map +1 -1
  430. package/jsx/work/SearchResults/SearchResults.stories.d.ts +1 -0
  431. package/jsx/work/SearchResults/SearchResults.stories.d.ts.map +1 -1
  432. package/jsx/work/SearchResults/SearchResults.stories.jsx +74 -44
  433. package/jsx/work/SearchResults/SearchResults.stories.jsx.map +1 -1
  434. package/jsx/work/Stages/Stages.mocks.d.ts +14 -0
  435. package/jsx/work/Stages/Stages.mocks.d.ts.map +1 -0
  436. package/jsx/work/Stages/Stages.mocks.jsx +40 -0
  437. package/jsx/work/Stages/Stages.mocks.jsx.map +1 -0
  438. package/jsx/work/Stages/Stages.stories.d.ts +1 -1
  439. package/jsx/work/Stages/Stages.stories.d.ts.map +1 -1
  440. package/jsx/work/Stages/Stages.stories.jsx +12 -46
  441. package/jsx/work/Stages/Stages.stories.jsx.map +1 -1
  442. package/jsx/work/Stakeholders/Stakeholders.stories.d.ts.map +1 -1
  443. package/jsx/work/Stakeholders/Stakeholders.stories.jsx +1 -0
  444. package/jsx/work/Stakeholders/Stakeholders.stories.jsx.map +1 -1
  445. package/jsx/work/Tasks/TaskList.stories.d.ts.map +1 -1
  446. package/jsx/work/Tasks/TaskList.stories.jsx +3 -1
  447. package/jsx/work/Tasks/TaskList.stories.jsx.map +1 -1
  448. package/jsx/work/Tasks/Tasks.stories.d.ts +4 -0
  449. package/jsx/work/Tasks/Tasks.stories.d.ts.map +1 -1
  450. package/jsx/work/Tasks/Tasks.stories.jsx +20 -10
  451. package/jsx/work/Tasks/Tasks.stories.jsx.map +1 -1
  452. package/jsx/work/Timeline/Timeline.stories.d.ts.map +1 -1
  453. package/jsx/work/Timeline/Timeline.stories.jsx +2 -1
  454. package/jsx/work/Timeline/Timeline.stories.jsx.map +1 -1
  455. package/jsx/wss/AppShell/AppShell.mocks.d.ts +35 -0
  456. package/jsx/wss/AppShell/AppShell.mocks.d.ts.map +1 -0
  457. package/jsx/wss/AppShell/AppShell.mocks.jsx +75 -0
  458. package/jsx/wss/AppShell/AppShell.mocks.jsx.map +1 -0
  459. package/jsx/wss/AppShell/AppShell.stories.d.ts +19 -0
  460. package/jsx/wss/AppShell/AppShell.stories.d.ts.map +1 -0
  461. package/jsx/wss/AppShell/AppShell.stories.jsx +68 -0
  462. package/jsx/wss/AppShell/AppShell.stories.jsx.map +1 -0
  463. package/jsx/wss/AppShell/AppShell.styles.d.ts +2 -0
  464. package/jsx/wss/AppShell/AppShell.styles.d.ts.map +1 -0
  465. package/jsx/wss/AppShell/AppShell.styles.js +5 -0
  466. package/jsx/wss/AppShell/AppShell.styles.js.map +1 -0
  467. package/jsx/wss/CaseView/CaseView.mocks.d.ts +13 -0
  468. package/jsx/wss/CaseView/CaseView.mocks.d.ts.map +1 -0
  469. package/jsx/wss/CaseView/CaseView.mocks.jsx +34 -0
  470. package/jsx/wss/CaseView/CaseView.mocks.jsx.map +1 -0
  471. package/jsx/wss/CaseView/CaseView.stories.d.ts +12 -0
  472. package/jsx/wss/CaseView/CaseView.stories.d.ts.map +1 -0
  473. package/jsx/wss/CaseView/CaseView.stories.jsx +69 -0
  474. package/jsx/wss/CaseView/CaseView.stories.jsx.map +1 -0
  475. package/jsx/wss/PageTemplates/PageTemplates.stories.d.ts +15 -0
  476. package/jsx/wss/PageTemplates/PageTemplates.stories.d.ts.map +1 -0
  477. package/jsx/wss/PageTemplates/PageTemplates.stories.jsx +48 -0
  478. package/jsx/wss/PageTemplates/PageTemplates.stories.jsx.map +1 -0
  479. package/jsx/wss/QuickCreate/QuickCreate.stories.d.ts +10 -0
  480. package/jsx/wss/QuickCreate/QuickCreate.stories.d.ts.map +1 -0
  481. package/jsx/wss/QuickCreate/QuickCreate.stories.jsx +37 -0
  482. package/jsx/wss/QuickCreate/QuickCreate.stories.jsx.map +1 -0
  483. package/lib/build/AppHeader/AppHeader.stories.d.ts +1 -1
  484. package/lib/build/AppHeader/AppHeader.stories.d.ts.map +1 -1
  485. package/lib/build/AppHeader/AppHeader.stories.js +100 -81
  486. package/lib/build/AppHeader/AppHeader.stories.js.map +1 -1
  487. package/lib/build/DynamicContentEditor/DynamicContentEditor.stories.d.ts +1 -1
  488. package/lib/build/DynamicContentEditor/DynamicContentEditor.stories.d.ts.map +1 -1
  489. package/lib/build/DynamicContentEditor/DynamicContentEditor.stories.js +22 -1
  490. package/lib/build/DynamicContentEditor/DynamicContentEditor.stories.js.map +1 -1
  491. package/lib/build/ExpressionBuilder/ExpressionBuilder.mocks.d.ts +60 -0
  492. package/lib/build/ExpressionBuilder/ExpressionBuilder.mocks.d.ts.map +1 -0
  493. package/lib/build/ExpressionBuilder/ExpressionBuilder.mocks.js +524 -0
  494. package/lib/build/ExpressionBuilder/ExpressionBuilder.mocks.js.map +1 -0
  495. package/lib/build/ExpressionBuilder/ExpressionBuilder.stories.d.ts +26 -0
  496. package/lib/build/ExpressionBuilder/ExpressionBuilder.stories.d.ts.map +1 -0
  497. package/lib/build/ExpressionBuilder/ExpressionBuilder.stories.js +336 -0
  498. package/lib/build/ExpressionBuilder/ExpressionBuilder.stories.js.map +1 -0
  499. package/lib/build/FlowModeller/AddNodeUtils.mocks.d.ts +4 -4
  500. package/lib/build/FlowModeller/AddNodeUtils.mocks.d.ts.map +1 -1
  501. package/lib/build/FlowModeller/AddNodeUtils.mocks.js.map +1 -1
  502. package/lib/build/FlowModeller/FlowModeller.mocks.d.ts +4 -2
  503. package/lib/build/FlowModeller/FlowModeller.mocks.d.ts.map +1 -1
  504. package/lib/build/FlowModeller/FlowModeller.mocks.js +117 -31
  505. package/lib/build/FlowModeller/FlowModeller.mocks.js.map +1 -1
  506. package/lib/build/FlowModeller/FlowModeller.stories.d.ts +7 -2
  507. package/lib/build/FlowModeller/FlowModeller.stories.d.ts.map +1 -1
  508. package/lib/build/FlowModeller/FlowModeller.stories.js +244 -64
  509. package/lib/build/FlowModeller/FlowModeller.stories.js.map +1 -1
  510. package/lib/build/LifeCycle/LifeCycle.mocks.d.ts.map +1 -1
  511. package/lib/build/LifeCycle/LifeCycle.mocks.js +40 -0
  512. package/lib/build/LifeCycle/LifeCycle.mocks.js.map +1 -1
  513. package/lib/build/ObjectSelect/ObjectSelect.mocks.d.ts +25 -8
  514. package/lib/build/ObjectSelect/ObjectSelect.mocks.d.ts.map +1 -1
  515. package/lib/build/ObjectSelect/ObjectSelect.mocks.js +122 -61
  516. package/lib/build/ObjectSelect/ObjectSelect.mocks.js.map +1 -1
  517. package/lib/build/ObjectSelect/ObjectSelect.stories.d.ts.map +1 -1
  518. package/lib/build/ObjectSelect/ObjectSelect.stories.js +116 -25
  519. package/lib/build/ObjectSelect/ObjectSelect.stories.js.map +1 -1
  520. package/lib/build/PageTemplates/PageTemplates.mocks.d.ts.map +1 -1
  521. package/lib/build/PageTemplates/PageTemplates.mocks.js +4 -4
  522. package/lib/build/PageTemplates/PageTemplates.mocks.js.map +1 -1
  523. package/lib/build/PageTemplates/PageTemplates.stories.d.ts.map +1 -1
  524. package/lib/build/PageTemplates/PageTemplates.stories.js +3 -3
  525. package/lib/build/PageTemplates/PageTemplates.stories.js.map +1 -1
  526. package/lib/build/Workbench/Workbench.stories.d.ts +1 -0
  527. package/lib/build/Workbench/Workbench.stories.d.ts.map +1 -1
  528. package/lib/build/Workbench/Workbench.stories.js +196 -4
  529. package/lib/build/Workbench/Workbench.stories.js.map +1 -1
  530. package/lib/condition-builder/ConditionBuilder/ConditionBuilder.mocks.d.ts +1 -1
  531. package/lib/condition-builder/ConditionBuilder/ConditionBuilder.mocks.d.ts.map +1 -1
  532. package/lib/condition-builder/ConditionBuilder/ConditionBuilder.mocks.js +3 -1
  533. package/lib/condition-builder/ConditionBuilder/ConditionBuilder.mocks.js.map +1 -1
  534. package/lib/condition-builder/ConditionBuilder/ConditionBuilder.stories.d.ts +2 -1
  535. package/lib/condition-builder/ConditionBuilder/ConditionBuilder.stories.d.ts.map +1 -1
  536. package/lib/condition-builder/ConditionBuilder/ConditionBuilder.stories.js +29 -15
  537. package/lib/condition-builder/ConditionBuilder/ConditionBuilder.stories.js.map +1 -1
  538. package/lib/condition-builder/ConditionBuilder/ConditionBuilder.styles.d.ts +1 -1
  539. package/lib/condition-builder/ConditionBuilder/ConditionBuilder.styles.d.ts.map +1 -1
  540. package/lib/condition-builder/ConditionBuilder/props.mock.d.ts.map +1 -1
  541. package/lib/condition-builder/ConditionBuilder/props.mock.js +132 -31
  542. package/lib/condition-builder/ConditionBuilder/props.mock.js.map +1 -1
  543. package/lib/condition-builder/ConditionInput/ConditionInput.stories.d.ts +10 -0
  544. package/lib/condition-builder/ConditionInput/ConditionInput.stories.d.ts.map +1 -0
  545. package/lib/condition-builder/ConditionInput/ConditionInput.stories.js +41 -0
  546. package/lib/condition-builder/ConditionInput/ConditionInput.stories.js.map +1 -0
  547. package/lib/condition-builder/PromotedFilters/PromotedFilters.mocks.d.ts +4 -0
  548. package/lib/condition-builder/PromotedFilters/PromotedFilters.mocks.d.ts.map +1 -0
  549. package/lib/condition-builder/PromotedFilters/PromotedFilters.mocks.js +181 -0
  550. package/lib/condition-builder/PromotedFilters/PromotedFilters.mocks.js.map +1 -0
  551. package/lib/condition-builder/PromotedFilters/PromotedFilters.stories.d.ts +8 -0
  552. package/lib/condition-builder/PromotedFilters/PromotedFilters.stories.d.ts.map +1 -0
  553. package/lib/condition-builder/PromotedFilters/PromotedFilters.stories.js +24 -0
  554. package/lib/condition-builder/PromotedFilters/PromotedFilters.stories.js.map +1 -0
  555. package/lib/condition-builder/PromotedFilters/PromotedFilters.styles.d.ts +9 -0
  556. package/lib/condition-builder/PromotedFilters/PromotedFilters.styles.d.ts.map +1 -0
  557. package/lib/condition-builder/PromotedFilters/PromotedFilters.styles.js +35 -0
  558. package/lib/condition-builder/PromotedFilters/PromotedFilters.styles.js.map +1 -0
  559. package/lib/core/AdditionalInfo/AdditionalInfo.stories.d.ts +9 -0
  560. package/lib/core/AdditionalInfo/AdditionalInfo.stories.d.ts.map +1 -0
  561. package/lib/core/AdditionalInfo/AdditionalInfo.stories.js +16 -0
  562. package/lib/core/AdditionalInfo/AdditionalInfo.stories.js.map +1 -0
  563. package/lib/core/AppShell/AppShell.mocks.d.ts +1 -1
  564. package/lib/core/AppShell/AppShell.mocks.js +5 -5
  565. package/lib/core/AppShell/AppShell.mocks.js.map +1 -1
  566. package/lib/core/AppShell/AppShell.stories.d.ts +2 -0
  567. package/lib/core/AppShell/AppShell.stories.d.ts.map +1 -1
  568. package/lib/core/AppShell/AppShell.stories.js +47 -13
  569. package/lib/core/AppShell/AppShell.stories.js.map +1 -1
  570. package/lib/core/Banner/Banner.stories.d.ts +0 -1
  571. package/lib/core/Banner/Banner.stories.d.ts.map +1 -1
  572. package/lib/core/Banner/Banner.stories.js +2 -13
  573. package/lib/core/Banner/Banner.stories.js.map +1 -1
  574. package/lib/core/Checkbox/Checkbox.stories.d.ts +6 -2
  575. package/lib/core/Checkbox/Checkbox.stories.d.ts.map +1 -1
  576. package/lib/core/Checkbox/Checkbox.stories.js +26 -7
  577. package/lib/core/Checkbox/Checkbox.stories.js.map +1 -1
  578. package/lib/core/CheckboxGroup/CheckboxGroup.stories.d.ts +6 -2
  579. package/lib/core/CheckboxGroup/CheckboxGroup.stories.d.ts.map +1 -1
  580. package/lib/core/CheckboxGroup/CheckboxGroup.stories.js +40 -4
  581. package/lib/core/CheckboxGroup/CheckboxGroup.stories.js.map +1 -1
  582. package/lib/core/ColorPicker/ColorPicker.stories.d.ts +4 -1
  583. package/lib/core/ColorPicker/ColorPicker.stories.d.ts.map +1 -1
  584. package/lib/core/ColorPicker/ColorPicker.stories.js +10 -3
  585. package/lib/core/ColorPicker/ColorPicker.stories.js.map +1 -1
  586. package/lib/core/ComboBox/ComboBox.stories.d.ts +1 -0
  587. package/lib/core/ComboBox/ComboBox.stories.d.ts.map +1 -1
  588. package/lib/core/ComboBox/ComboBox.stories.js +40 -8
  589. package/lib/core/ComboBox/ComboBox.stories.js.map +1 -1
  590. package/lib/core/CompositeInput/CompositeInput.mocks.d.ts +8 -0
  591. package/lib/core/CompositeInput/CompositeInput.mocks.d.ts.map +1 -0
  592. package/lib/core/CompositeInput/CompositeInput.mocks.js +6 -0
  593. package/lib/core/CompositeInput/CompositeInput.mocks.js.map +1 -0
  594. package/lib/core/CompositeInput/CompositeInput.stories.d.ts +9 -0
  595. package/lib/core/CompositeInput/CompositeInput.stories.d.ts.map +1 -0
  596. package/lib/core/CompositeInput/CompositeInput.stories.js +55 -0
  597. package/lib/core/CompositeInput/CompositeInput.stories.js.map +1 -0
  598. package/lib/core/CreditCard/CreditCard.stories.d.ts +4 -1
  599. package/lib/core/CreditCard/CreditCard.stories.d.ts.map +1 -1
  600. package/lib/core/CreditCard/CreditCard.stories.js +11 -4
  601. package/lib/core/CreditCard/CreditCard.stories.js.map +1 -1
  602. package/lib/core/Currency/Currency.stories.d.ts +6 -1
  603. package/lib/core/Currency/Currency.stories.d.ts.map +1 -1
  604. package/lib/core/Currency/Currency.stories.js +30 -7
  605. package/lib/core/Currency/Currency.stories.js.map +1 -1
  606. package/lib/core/DateTime/DateTime.stories.d.ts +41 -10
  607. package/lib/core/DateTime/DateTime.stories.d.ts.map +1 -1
  608. package/lib/core/DateTime/DateTime.stories.js +188 -17
  609. package/lib/core/DateTime/DateTime.stories.js.map +1 -1
  610. package/lib/core/DateTime/DateTimePicker.stories.d.ts.map +1 -1
  611. package/lib/core/DateTime/DateTimePicker.stories.js +1 -1
  612. package/lib/core/DateTime/DateTimePicker.stories.js.map +1 -1
  613. package/lib/core/Dialog/Dialog.stories.d.ts +6 -0
  614. package/lib/core/Dialog/Dialog.stories.d.ts.map +1 -0
  615. package/lib/core/Dialog/Dialog.stories.js +47 -0
  616. package/lib/core/Dialog/Dialog.stories.js.map +1 -0
  617. package/lib/core/FieldGroup/FieldGroup.stories.d.ts +2 -0
  618. package/lib/core/FieldGroup/FieldGroup.stories.d.ts.map +1 -1
  619. package/lib/core/FieldGroup/FieldGroup.stories.js +11 -3
  620. package/lib/core/FieldGroup/FieldGroup.stories.js.map +1 -1
  621. package/lib/core/FieldGroup/FieldGroupList.stories.d.ts.map +1 -1
  622. package/lib/core/FieldGroup/FieldGroupList.stories.js +4 -0
  623. package/lib/core/FieldGroup/FieldGroupList.stories.js.map +1 -1
  624. package/lib/core/FieldValueList/FieldValueList.stories.d.ts +1 -0
  625. package/lib/core/FieldValueList/FieldValueList.stories.d.ts.map +1 -1
  626. package/lib/core/FieldValueList/FieldValueList.stories.js +32 -2
  627. package/lib/core/FieldValueList/FieldValueList.stories.js.map +1 -1
  628. package/lib/core/FieldValueList/FieldValueList.styles.d.ts +2 -0
  629. package/lib/core/FieldValueList/FieldValueList.styles.d.ts.map +1 -0
  630. package/lib/core/FieldValueList/FieldValueList.styles.js +8 -0
  631. package/lib/core/FieldValueList/FieldValueList.styles.js.map +1 -0
  632. package/lib/core/File/FileDisplay.stories.d.ts.map +1 -1
  633. package/lib/core/File/FileDisplay.stories.js +10 -5
  634. package/lib/core/File/FileDisplay.stories.js.map +1 -1
  635. package/lib/core/Form/Form.mocks.d.ts +6 -0
  636. package/lib/core/Form/Form.mocks.d.ts.map +1 -1
  637. package/lib/core/Form/Form.mocks.js +28 -5
  638. package/lib/core/Form/Form.mocks.js.map +1 -1
  639. package/lib/core/Form/Form.stories.d.ts +1 -0
  640. package/lib/core/Form/Form.stories.d.ts.map +1 -1
  641. package/lib/core/Form/Form.stories.js +4 -1
  642. package/lib/core/Form/Form.stories.js.map +1 -1
  643. package/lib/core/HTML/HTML.stories.js +1 -1
  644. package/lib/core/HTML/HTML.stories.js.map +1 -1
  645. package/lib/core/Icon/Icon.stories.js.map +1 -1
  646. package/lib/core/IconPicker/IconPicker.stories.d.ts.map +1 -1
  647. package/lib/core/IconPicker/IconPicker.stories.js +6 -9
  648. package/lib/core/IconPicker/IconPicker.stories.js.map +1 -1
  649. package/lib/core/Input/Input.stories.d.ts +2 -0
  650. package/lib/core/Input/Input.stories.d.ts.map +1 -1
  651. package/lib/core/Input/Input.stories.js +78 -2
  652. package/lib/core/Input/Input.stories.js.map +1 -1
  653. package/lib/core/Lightbox/Lightbox.stories.js +1 -1
  654. package/lib/core/Lightbox/Lightbox.stories.js.map +1 -1
  655. package/lib/core/Link/Link.stories.d.ts +1 -0
  656. package/lib/core/Link/Link.stories.d.ts.map +1 -1
  657. package/lib/core/Link/Link.stories.js +5 -1
  658. package/lib/core/Link/Link.stories.js.map +1 -1
  659. package/lib/core/ListToolbar/ListToolbar.stories.d.ts +7 -1
  660. package/lib/core/ListToolbar/ListToolbar.stories.d.ts.map +1 -1
  661. package/lib/core/ListToolbar/ListToolbar.stories.js +21 -6
  662. package/lib/core/ListToolbar/ListToolbar.stories.js.map +1 -1
  663. package/lib/core/Location/Location.stories.d.ts +4 -1
  664. package/lib/core/Location/Location.stories.d.ts.map +1 -1
  665. package/lib/core/Location/Location.stories.js +13 -6
  666. package/lib/core/Location/Location.stories.js.map +1 -1
  667. package/lib/core/Location/locationTestUtils.d.ts +3 -0
  668. package/lib/core/Location/locationTestUtils.d.ts.map +1 -0
  669. package/lib/core/Location/locationTestUtils.js +30 -0
  670. package/lib/core/Location/locationTestUtils.js.map +1 -0
  671. package/lib/core/Menu/Menu.stories.d.ts.map +1 -1
  672. package/lib/core/Menu/Menu.stories.js +7 -6
  673. package/lib/core/Menu/Menu.stories.js.map +1 -1
  674. package/lib/core/Modal/Modal.stories.d.ts +10 -1
  675. package/lib/core/Modal/Modal.stories.d.ts.map +1 -1
  676. package/lib/core/Modal/Modal.stories.js +49 -26
  677. package/lib/core/Modal/Modal.stories.js.map +1 -1
  678. package/lib/core/MultiStepForm/MultiStepForm.mocks.d.ts +34 -0
  679. package/lib/core/MultiStepForm/MultiStepForm.mocks.d.ts.map +1 -0
  680. package/lib/core/MultiStepForm/MultiStepForm.mocks.js +75 -0
  681. package/lib/core/MultiStepForm/MultiStepForm.mocks.js.map +1 -0
  682. package/lib/core/{MultiStep/MultiStep.stories.d.ts → MultiStepForm/MultiStepForm.stories.d.ts} +2 -2
  683. package/lib/core/MultiStepForm/MultiStepForm.stories.d.ts.map +1 -0
  684. package/lib/core/MultiStepForm/MultiStepForm.stories.js +187 -0
  685. package/lib/core/MultiStepForm/MultiStepForm.stories.js.map +1 -0
  686. package/lib/core/Number/Number.stories.d.ts +5 -2
  687. package/lib/core/Number/Number.stories.d.ts.map +1 -1
  688. package/lib/core/Number/Number.stories.js +204 -24
  689. package/lib/core/Number/Number.stories.js.map +1 -1
  690. package/lib/core/PageTemplates/PageTemplates.mocks.d.ts +1 -1
  691. package/lib/core/PageTemplates/PageTemplates.mocks.d.ts.map +1 -1
  692. package/lib/core/Phone/Phone.stories.d.ts +4 -1
  693. package/lib/core/Phone/Phone.stories.d.ts.map +1 -1
  694. package/lib/core/Phone/Phone.stories.js +10 -3
  695. package/lib/core/Phone/Phone.stories.js.map +1 -1
  696. package/lib/core/Popover/Popover.stories.js +1 -1
  697. package/lib/core/Popover/Popover.stories.js.map +1 -1
  698. package/lib/core/RadioButton/RadioButton.stories.d.ts +6 -2
  699. package/lib/core/RadioButton/RadioButton.stories.d.ts.map +1 -1
  700. package/lib/core/RadioButton/RadioButton.stories.js +22 -5
  701. package/lib/core/RadioButton/RadioButton.stories.js.map +1 -1
  702. package/lib/core/RadioButtonGroup/RadioButtonGroup.stories.d.ts +6 -2
  703. package/lib/core/RadioButtonGroup/RadioButtonGroup.stories.d.ts.map +1 -1
  704. package/lib/core/RadioButtonGroup/RadioButtonGroup.stories.js +40 -4
  705. package/lib/core/RadioButtonGroup/RadioButtonGroup.stories.js.map +1 -1
  706. package/lib/core/SearchInput/SearchInput.mocks.d.ts +12 -0
  707. package/lib/core/SearchInput/SearchInput.mocks.d.ts.map +1 -0
  708. package/lib/core/SearchInput/SearchInput.mocks.js +25 -0
  709. package/lib/core/SearchInput/SearchInput.mocks.js.map +1 -0
  710. package/lib/core/SearchInput/SearchInput.stories.d.ts +1 -4
  711. package/lib/core/SearchInput/SearchInput.stories.d.ts.map +1 -1
  712. package/lib/core/SearchInput/SearchInput.stories.js +29 -15
  713. package/lib/core/SearchInput/SearchInput.stories.js.map +1 -1
  714. package/lib/core/Select/Select.stories.d.ts +1 -0
  715. package/lib/core/Select/Select.stories.d.ts.map +1 -1
  716. package/lib/core/Select/Select.stories.js +10 -3
  717. package/lib/core/Select/Select.stories.js.map +1 -1
  718. package/lib/core/SkipLinks/SkipLinks.stories.d.ts +6 -0
  719. package/lib/core/SkipLinks/SkipLinks.stories.d.ts.map +1 -0
  720. package/lib/core/SkipLinks/SkipLinks.stories.js +28 -0
  721. package/lib/core/SkipLinks/SkipLinks.stories.js.map +1 -0
  722. package/lib/core/SkipLinks/SkipLinks.styles.d.ts +2 -0
  723. package/lib/core/SkipLinks/SkipLinks.styles.d.ts.map +1 -0
  724. package/lib/core/SkipLinks/SkipLinks.styles.js +16 -0
  725. package/lib/core/SkipLinks/SkipLinks.styles.js.map +1 -0
  726. package/lib/core/SummaryList/SummaryList.stories.d.ts.map +1 -1
  727. package/lib/core/SummaryList/SummaryList.stories.js +4 -4
  728. package/lib/core/SummaryList/SummaryList.stories.js.map +1 -1
  729. package/lib/core/Tabs/Tabs.stories.js +1 -1
  730. package/lib/core/Tabs/Tabs.stories.js.map +1 -1
  731. package/lib/core/TextArea/TextArea.stories.d.ts +4 -1
  732. package/lib/core/TextArea/TextArea.stories.d.ts.map +1 -1
  733. package/lib/core/TextArea/TextArea.stories.js +10 -3
  734. package/lib/core/TextArea/TextArea.stories.js.map +1 -1
  735. package/lib/core/Toaster/Toaster.stories.js +3 -3
  736. package/lib/core/Toaster/Toaster.stories.js.map +1 -1
  737. package/lib/core/Tree/Tree.mocks.d.ts +1 -1
  738. package/lib/core/Tree/Tree.mocks.d.ts.map +1 -1
  739. package/lib/core/Tree/Tree.stories.d.ts.map +1 -1
  740. package/lib/core/Tree/Tree.stories.js +16 -0
  741. package/lib/core/Tree/Tree.stories.js.map +1 -1
  742. package/lib/cs/ArticleList/ArticleList.stories.d.ts.map +1 -1
  743. package/lib/cs/ArticleList/ArticleList.stories.js +1 -1
  744. package/lib/cs/ArticleList/ArticleList.stories.js.map +1 -1
  745. package/lib/cs/CallControlPanel/CallControlPanel.mocks.d.ts +7 -2
  746. package/lib/cs/CallControlPanel/CallControlPanel.mocks.d.ts.map +1 -1
  747. package/lib/cs/CallControlPanel/CallControlPanel.mocks.js +151 -9
  748. package/lib/cs/CallControlPanel/CallControlPanel.mocks.js.map +1 -1
  749. package/lib/cs/CallControlPanel/CallControlPanel.stories.d.ts +5 -2
  750. package/lib/cs/CallControlPanel/CallControlPanel.stories.d.ts.map +1 -1
  751. package/lib/cs/CallControlPanel/CallControlPanel.stories.js +208 -94
  752. package/lib/cs/CallControlPanel/CallControlPanel.stories.js.map +1 -1
  753. package/lib/cs/IntelligentGuidance/IntelligentGuidance.stories.js +2 -2
  754. package/lib/cs/IntelligentGuidance/IntelligentGuidance.stories.js.map +1 -1
  755. package/lib/cs/InteractionNotification/InteractionNotification.stories.d.ts +1 -0
  756. package/lib/cs/InteractionNotification/InteractionNotification.stories.d.ts.map +1 -1
  757. package/lib/cs/InteractionNotification/InteractionNotification.stories.js +24 -22
  758. package/lib/cs/InteractionNotification/InteractionNotification.stories.js.map +1 -1
  759. package/lib/cs/InteractionTimer/InteractionTimer.mocks.js +5 -5
  760. package/lib/cs/InteractionTimer/InteractionTimer.mocks.js.map +1 -1
  761. package/lib/cs/InteractionTimer/InteractionTimer.stories.d.ts +1 -0
  762. package/lib/cs/InteractionTimer/InteractionTimer.stories.d.ts.map +1 -1
  763. package/lib/cs/InteractionTimer/InteractionTimer.stories.js +33 -14
  764. package/lib/cs/InteractionTimer/InteractionTimer.stories.js.map +1 -1
  765. package/lib/cs/TaskManager/TaskManager.mocks.d.ts +12 -0
  766. package/lib/cs/TaskManager/TaskManager.mocks.d.ts.map +1 -1
  767. package/lib/cs/TaskManager/TaskManager.mocks.js +86 -0
  768. package/lib/cs/TaskManager/TaskManager.mocks.js.map +1 -1
  769. package/lib/cs/TaskManager/TaskManager.stories.d.ts +2 -1
  770. package/lib/cs/TaskManager/TaskManager.stories.d.ts.map +1 -1
  771. package/lib/cs/TaskManager/TaskManager.stories.js +103 -25
  772. package/lib/cs/TaskManager/TaskManager.stories.js.map +1 -1
  773. package/lib/cs/TaskManager/TaskManager.styles.js +2 -1
  774. package/lib/cs/TaskManager/TaskManager.styles.js.map +1 -1
  775. package/lib/dnd/StandardDragDropList/Demo.d.ts +7 -0
  776. package/lib/dnd/StandardDragDropList/Demo.d.ts.map +1 -0
  777. package/lib/dnd/StandardDragDropList/Demo.js +151 -0
  778. package/lib/dnd/StandardDragDropList/Demo.js.map +1 -0
  779. package/lib/dnd/StandardDragDropList/GroupConfig.d.ts +10 -0
  780. package/lib/dnd/StandardDragDropList/GroupConfig.d.ts.map +1 -0
  781. package/lib/dnd/StandardDragDropList/GroupConfig.js +18 -0
  782. package/lib/dnd/StandardDragDropList/GroupConfig.js.map +1 -0
  783. package/lib/dnd/StandardDragDropList/ItemConfig.d.ts +12 -0
  784. package/lib/dnd/StandardDragDropList/ItemConfig.d.ts.map +1 -0
  785. package/lib/dnd/StandardDragDropList/ItemConfig.js +20 -0
  786. package/lib/dnd/StandardDragDropList/ItemConfig.js.map +1 -0
  787. package/lib/dnd/StandardDragDropList/Popover.d.ts +14 -0
  788. package/lib/dnd/StandardDragDropList/Popover.d.ts.map +1 -0
  789. package/lib/dnd/StandardDragDropList/Popover.js +33 -0
  790. package/lib/dnd/StandardDragDropList/Popover.js.map +1 -0
  791. package/lib/dnd/StandardDragDropList/SelectionMenu.d.ts +16 -0
  792. package/lib/dnd/StandardDragDropList/SelectionMenu.d.ts.map +1 -0
  793. package/lib/dnd/StandardDragDropList/SelectionMenu.js +100 -0
  794. package/lib/dnd/StandardDragDropList/SelectionMenu.js.map +1 -0
  795. package/lib/dnd/StandardDragDropList/StandardDragDropList.stories.d.ts +5 -0
  796. package/lib/dnd/StandardDragDropList/StandardDragDropList.stories.d.ts.map +1 -0
  797. package/lib/dnd/StandardDragDropList/StandardDragDropList.stories.js +13 -0
  798. package/lib/dnd/StandardDragDropList/StandardDragDropList.stories.js.map +1 -0
  799. package/lib/dnd/StandardDragDropList/mockData.d.ts +26 -0
  800. package/lib/dnd/StandardDragDropList/mockData.d.ts.map +1 -0
  801. package/lib/dnd/StandardDragDropList/mockData.js +78 -0
  802. package/lib/dnd/StandardDragDropList/mockData.js.map +1 -0
  803. package/lib/rte/Editor/Editor.stories.d.ts.map +1 -1
  804. package/lib/rte/Editor/Editor.stories.js +1 -1
  805. package/lib/rte/Editor/Editor.stories.js.map +1 -1
  806. package/lib/rte/RichTextEditor/RichTextEditor.stories.d.ts +4 -1
  807. package/lib/rte/RichTextEditor/RichTextEditor.stories.d.ts.map +1 -1
  808. package/lib/rte/RichTextEditor/RichTextEditor.stories.js +11 -4
  809. package/lib/rte/RichTextEditor/RichTextEditor.stories.js.map +1 -1
  810. package/lib/rte/RichTextEditor/RichTextViewer.stories.d.ts.map +1 -1
  811. package/lib/rte/RichTextEditor/RichTextViewer.stories.js +2 -2
  812. package/lib/rte/RichTextEditor/RichTextViewer.stories.js.map +1 -1
  813. package/lib/social/Chat/Chat.mocks.d.ts +15 -2
  814. package/lib/social/Chat/Chat.mocks.d.ts.map +1 -1
  815. package/lib/social/Chat/Chat.mocks.js +5 -6
  816. package/lib/social/Chat/Chat.mocks.js.map +1 -1
  817. package/lib/social/Chat/Chat.stories.d.ts.map +1 -1
  818. package/lib/social/Chat/Chat.stories.js +70 -8
  819. package/lib/social/Chat/Chat.stories.js.map +1 -1
  820. package/lib/social/Email/Email.mocks.d.ts +70 -9
  821. package/lib/social/Email/Email.mocks.d.ts.map +1 -1
  822. package/lib/social/Email/Email.mocks.js +386 -55
  823. package/lib/social/Email/Email.mocks.js.map +1 -1
  824. package/lib/social/Email/Email.stories.d.ts +50 -11
  825. package/lib/social/Email/Email.stories.d.ts.map +1 -1
  826. package/lib/social/Email/Email.stories.js +822 -348
  827. package/lib/social/Email/Email.stories.js.map +1 -1
  828. package/lib/social/Email/Email.styles.d.ts +0 -1
  829. package/lib/social/Email/Email.styles.d.ts.map +1 -1
  830. package/lib/social/Email/Email.styles.js +0 -3
  831. package/lib/social/Email/Email.styles.js.map +1 -1
  832. package/lib/social/Feed/Feed.mocks.d.ts +13 -18
  833. package/lib/social/Feed/Feed.mocks.d.ts.map +1 -1
  834. package/lib/social/Feed/Feed.mocks.js +10 -5
  835. package/lib/social/Feed/Feed.mocks.js.map +1 -1
  836. package/lib/social/Feed/Feed.stories.d.ts +3 -2
  837. package/lib/social/Feed/Feed.stories.d.ts.map +1 -1
  838. package/lib/social/Feed/Feed.stories.js +12 -7
  839. package/lib/social/Feed/Feed.stories.js.map +1 -1
  840. package/lib/social/Feed/FeedNewPost.stories.d.ts.map +1 -1
  841. package/lib/social/Feed/FeedNewPost.stories.js +4 -3
  842. package/lib/social/Feed/FeedNewPost.stories.js.map +1 -1
  843. package/lib/social/Feed/FeedPost.stories.d.ts.map +1 -1
  844. package/lib/social/Feed/FeedPost.stories.js +12 -11
  845. package/lib/social/Feed/FeedPost.stories.js.map +1 -1
  846. package/lib/social/Feed/FeedReply.stories.d.ts +1 -1
  847. package/lib/social/Feed/FeedReply.stories.d.ts.map +1 -1
  848. package/lib/social/Feed/FeedReply.stories.js +7 -7
  849. package/lib/social/Feed/FeedReply.stories.js.map +1 -1
  850. package/lib/social/Feed/FeedReplyInput.stories.d.ts.map +1 -1
  851. package/lib/social/Feed/FeedReplyInput.stories.js +4 -3
  852. package/lib/social/Feed/FeedReplyInput.stories.js.map +1 -1
  853. package/lib/tools/Clipboard/Clipboard.mocks.d.ts +6 -0
  854. package/lib/tools/Clipboard/Clipboard.mocks.d.ts.map +1 -0
  855. package/lib/tools/Clipboard/Clipboard.mocks.js +75 -0
  856. package/lib/tools/Clipboard/Clipboard.mocks.js.map +1 -0
  857. package/lib/tools/Clipboard/Clipboard.stories.d.ts +6 -0
  858. package/lib/tools/Clipboard/Clipboard.stories.d.ts.map +1 -0
  859. package/lib/tools/Clipboard/Clipboard.stories.js +78 -0
  860. package/lib/tools/Clipboard/Clipboard.stories.js.map +1 -0
  861. package/lib/tools/DevTools/DevTools.mocks.d.ts +3 -0
  862. package/lib/tools/DevTools/DevTools.mocks.d.ts.map +1 -0
  863. package/lib/tools/DevTools/DevTools.mocks.js +3 -0
  864. package/lib/tools/DevTools/DevTools.mocks.js.map +1 -0
  865. package/lib/tools/DevTools/DevTools.stories.d.ts +10 -0
  866. package/lib/tools/DevTools/DevTools.stories.d.ts.map +1 -0
  867. package/lib/tools/DevTools/DevTools.stories.js +31 -0
  868. package/lib/tools/DevTools/DevTools.stories.js.map +1 -0
  869. package/lib/tools/PreviewShell/PreviewShell.mocks.d.ts +9 -0
  870. package/lib/tools/PreviewShell/PreviewShell.mocks.d.ts.map +1 -0
  871. package/lib/tools/PreviewShell/PreviewShell.mocks.js +57 -0
  872. package/lib/tools/PreviewShell/PreviewShell.mocks.js.map +1 -0
  873. package/lib/tools/PreviewShell/PreviewShell.stories.d.ts +16 -0
  874. package/lib/tools/PreviewShell/PreviewShell.stories.d.ts.map +1 -0
  875. package/lib/tools/PreviewShell/PreviewShell.stories.js +154 -0
  876. package/lib/tools/PreviewShell/PreviewShell.stories.js.map +1 -0
  877. package/lib/tools/PreviewShell/PreviewShell.styles.d.ts +3 -0
  878. package/lib/tools/PreviewShell/PreviewShell.styles.d.ts.map +1 -0
  879. package/lib/tools/PreviewShell/PreviewShell.styles.js +7 -0
  880. package/lib/tools/PreviewShell/PreviewShell.styles.js.map +1 -0
  881. package/lib/work/AppAnnouncement/AppAnnouncement.stories.d.ts.map +1 -1
  882. package/lib/work/AppAnnouncement/AppAnnouncement.stories.js +5 -4
  883. package/lib/work/AppAnnouncement/AppAnnouncement.stories.js.map +1 -1
  884. package/lib/work/CaseView/Attachments.mocks.js +5 -6
  885. package/lib/work/CaseView/Attachments.mocks.js.map +1 -1
  886. package/lib/work/CaseView/CaseView.mocks.d.ts +72 -2
  887. package/lib/work/CaseView/CaseView.mocks.d.ts.map +1 -1
  888. package/lib/work/CaseView/CaseView.mocks.js +191 -11
  889. package/lib/work/CaseView/CaseView.mocks.js.map +1 -1
  890. package/lib/work/CaseView/CaseView.stories.d.ts +4 -22
  891. package/lib/work/CaseView/CaseView.stories.d.ts.map +1 -1
  892. package/lib/work/CaseView/CaseView.stories.js +50 -240
  893. package/lib/work/CaseView/CaseView.stories.js.map +1 -1
  894. package/lib/work/CaseView/Pulse.mocks.d.ts +4 -3
  895. package/lib/work/CaseView/Pulse.mocks.d.ts.map +1 -1
  896. package/lib/work/CaseView/Pulse.mocks.js +2 -2
  897. package/lib/work/CaseView/Pulse.mocks.js.map +1 -1
  898. package/lib/work/ConfigurableLayout/ConfigurableLayout.stories.d.ts.map +1 -1
  899. package/lib/work/ConfigurableLayout/ConfigurableLayout.stories.js +1 -0
  900. package/lib/work/ConfigurableLayout/ConfigurableLayout.stories.js.map +1 -1
  901. package/lib/work/Confirmation/Confirmation.stories.d.ts +3 -0
  902. package/lib/work/Confirmation/Confirmation.stories.d.ts.map +1 -1
  903. package/lib/work/Confirmation/Confirmation.stories.js +12 -8
  904. package/lib/work/Confirmation/Confirmation.stories.js.map +1 -1
  905. package/lib/work/Details/Details.stories.d.ts.map +1 -1
  906. package/lib/work/Details/Details.stories.js +14 -59
  907. package/lib/work/Details/Details.stories.js.map +1 -1
  908. package/lib/work/SearchResults/SearchResults.mocks.d.ts +6 -0
  909. package/lib/work/SearchResults/SearchResults.mocks.d.ts.map +1 -1
  910. package/lib/work/SearchResults/SearchResults.mocks.js +39 -38
  911. package/lib/work/SearchResults/SearchResults.mocks.js.map +1 -1
  912. package/lib/work/SearchResults/SearchResults.stories.d.ts +1 -0
  913. package/lib/work/SearchResults/SearchResults.stories.d.ts.map +1 -1
  914. package/lib/work/SearchResults/SearchResults.stories.js +74 -44
  915. package/lib/work/SearchResults/SearchResults.stories.js.map +1 -1
  916. package/lib/work/Stages/Stages.mocks.d.ts +14 -0
  917. package/lib/work/Stages/Stages.mocks.d.ts.map +1 -0
  918. package/lib/work/Stages/Stages.mocks.js +39 -0
  919. package/lib/work/Stages/Stages.mocks.js.map +1 -0
  920. package/lib/work/Stages/Stages.stories.d.ts +1 -1
  921. package/lib/work/Stages/Stages.stories.d.ts.map +1 -1
  922. package/lib/work/Stages/Stages.stories.js +12 -44
  923. package/lib/work/Stages/Stages.stories.js.map +1 -1
  924. package/lib/work/Stakeholders/Stakeholders.stories.d.ts.map +1 -1
  925. package/lib/work/Stakeholders/Stakeholders.stories.js +1 -0
  926. package/lib/work/Stakeholders/Stakeholders.stories.js.map +1 -1
  927. package/lib/work/Tasks/TaskList.stories.d.ts.map +1 -1
  928. package/lib/work/Tasks/TaskList.stories.js +3 -1
  929. package/lib/work/Tasks/TaskList.stories.js.map +1 -1
  930. package/lib/work/Tasks/Tasks.stories.d.ts +4 -0
  931. package/lib/work/Tasks/Tasks.stories.d.ts.map +1 -1
  932. package/lib/work/Tasks/Tasks.stories.js +20 -8
  933. package/lib/work/Tasks/Tasks.stories.js.map +1 -1
  934. package/lib/work/Timeline/Timeline.stories.d.ts.map +1 -1
  935. package/lib/work/Timeline/Timeline.stories.js +2 -1
  936. package/lib/work/Timeline/Timeline.stories.js.map +1 -1
  937. package/lib/wss/AppShell/AppShell.mocks.d.ts +35 -0
  938. package/lib/wss/AppShell/AppShell.mocks.d.ts.map +1 -0
  939. package/lib/wss/AppShell/AppShell.mocks.js +70 -0
  940. package/lib/wss/AppShell/AppShell.mocks.js.map +1 -0
  941. package/lib/wss/AppShell/AppShell.stories.d.ts +19 -0
  942. package/lib/wss/AppShell/AppShell.stories.d.ts.map +1 -0
  943. package/lib/wss/AppShell/AppShell.stories.js +70 -0
  944. package/lib/wss/AppShell/AppShell.stories.js.map +1 -0
  945. package/lib/wss/AppShell/AppShell.styles.d.ts +2 -0
  946. package/lib/wss/AppShell/AppShell.styles.d.ts.map +1 -0
  947. package/lib/wss/AppShell/AppShell.styles.js +5 -0
  948. package/lib/wss/AppShell/AppShell.styles.js.map +1 -0
  949. package/lib/wss/CaseView/CaseView.mocks.d.ts +13 -0
  950. package/lib/wss/CaseView/CaseView.mocks.d.ts.map +1 -0
  951. package/lib/wss/CaseView/CaseView.mocks.js +35 -0
  952. package/lib/wss/CaseView/CaseView.mocks.js.map +1 -0
  953. package/lib/wss/CaseView/CaseView.stories.d.ts +12 -0
  954. package/lib/wss/CaseView/CaseView.stories.d.ts.map +1 -0
  955. package/lib/wss/CaseView/CaseView.stories.js +70 -0
  956. package/lib/wss/CaseView/CaseView.stories.js.map +1 -0
  957. package/lib/wss/PageTemplates/PageTemplates.stories.d.ts +15 -0
  958. package/lib/wss/PageTemplates/PageTemplates.stories.d.ts.map +1 -0
  959. package/lib/wss/PageTemplates/PageTemplates.stories.js +41 -0
  960. package/lib/wss/PageTemplates/PageTemplates.stories.js.map +1 -0
  961. package/lib/wss/QuickCreate/QuickCreate.stories.d.ts +10 -0
  962. package/lib/wss/QuickCreate/QuickCreate.stories.d.ts.map +1 -0
  963. package/lib/wss/QuickCreate/QuickCreate.stories.js +36 -0
  964. package/lib/wss/QuickCreate/QuickCreate.stories.js.map +1 -0
  965. package/package.json +11 -12
  966. package/jsx/core/MultiStep/MultiStep.stories.d.ts.map +0 -1
  967. package/jsx/core/MultiStep/MultiStep.stories.jsx +0 -56
  968. package/jsx/core/MultiStep/MultiStep.stories.jsx.map +0 -1
  969. package/jsx/cs/CSCaseView/CSAppShell.stories.d.ts +0 -11
  970. package/jsx/cs/CSCaseView/CSAppShell.stories.d.ts.map +0 -1
  971. package/jsx/cs/CSCaseView/CSAppShell.stories.jsx +0 -248
  972. package/jsx/cs/CSCaseView/CSAppShell.stories.jsx.map +0 -1
  973. package/jsx/cs/CSCaseView/CSCaseView.mocks.d.ts +0 -66
  974. package/jsx/cs/CSCaseView/CSCaseView.mocks.d.ts.map +0 -1
  975. package/jsx/cs/CSCaseView/CSCaseView.mocks.jsx +0 -253
  976. package/jsx/cs/CSCaseView/CSCaseView.mocks.jsx.map +0 -1
  977. package/lib/core/MultiStep/MultiStep.stories.d.ts.map +0 -1
  978. package/lib/core/MultiStep/MultiStep.stories.js +0 -36
  979. package/lib/core/MultiStep/MultiStep.stories.js.map +0 -1
  980. package/lib/cs/CSCaseView/CSAppShell.stories.d.ts +0 -11
  981. package/lib/cs/CSCaseView/CSAppShell.stories.d.ts.map +0 -1
  982. package/lib/cs/CSCaseView/CSAppShell.stories.js +0 -227
  983. package/lib/cs/CSCaseView/CSAppShell.stories.js.map +0 -1
  984. package/lib/cs/CSCaseView/CSCaseView.mocks.d.ts +0 -66
  985. package/lib/cs/CSCaseView/CSCaseView.mocks.d.ts.map +0 -1
  986. package/lib/cs/CSCaseView/CSCaseView.mocks.js +0 -240
  987. package/lib/cs/CSCaseView/CSCaseView.mocks.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"AppAnnouncement.stories.d.ts","sourceRoot":"","sources":["../../../src/work/AppAnnouncement/AppAnnouncement.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAI/C,OAAO,EAAmB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;;AAEhF,wBAGU;AAEV,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,oBAAoB,CAmB3D,CAAC"}
1
+ {"version":3,"file":"AppAnnouncement.stories.d.ts","sourceRoot":"","sources":["../../../src/work/AppAnnouncement/AppAnnouncement.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAmB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;;AAEhF,wBAGU;AAEV,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,oBAAoB,CAoB3D,CAAC"}
@@ -1,29 +1,30 @@
1
- import { useContext } from 'react';
2
- import { ToasterContext } from '@pega/cosmos-react-core';
1
+ import { useToaster } from '@pega/cosmos-react-core';
3
2
  import { AppAnnouncement } from '@pega/cosmos-react-work';
4
3
  export default {
5
4
  title: 'Work/AppAnnouncement',
6
5
  component: AppAnnouncement
7
6
  };
8
7
  export const AppAnnouncementDemo = (args) => {
9
- const { push } = useContext(ToasterContext);
8
+ const { push } = useToaster();
10
9
  const details = [
11
10
  'New React based UI rendering',
12
11
  'Streamlined components for all business needs',
13
12
  'Other improvements'
14
13
  ];
15
- return (<AppAnnouncement heading={args.heading} description={args.description} details={details} whatsNewLink={args.whatsNewLink} image={args.image} onDismiss={() => push({ content: 'Dismissed AppAnnouncement' })}/>);
14
+ return (<AppAnnouncement heading={args.heading} description={args.description} details={details} whatsNewLink={args.whatsNewLink} whatsNewText={args.whatsNewText} image={args.image} onDismiss={() => push({ content: 'Dismissed AppAnnouncement' })}/>);
16
15
  };
17
16
  AppAnnouncementDemo.args = {
18
17
  heading: 'Pega Cosmos Design System',
19
18
  description: 'We have launched a brand new experience to accelerate your workflow!',
20
19
  whatsNewLink: 'https://www.pega.com',
20
+ whatsNewText: "See what's new",
21
21
  image: 'https://www.pega.com/sites/default/files/styles/2560/public/media/images/2019-01/pega-logo_0.png'
22
22
  };
23
23
  AppAnnouncementDemo.argTypes = {
24
24
  heading: { control: { type: 'text' } },
25
25
  description: { control: { type: 'text' } },
26
26
  whatsNewLink: { control: { type: 'text' } },
27
+ whatsNewText: { control: { type: 'text' } },
27
28
  image: { control: { type: 'text' } }
28
29
  };
29
30
  //# sourceMappingURL=AppAnnouncement.stories.jsx.map
@@ -1 +1 @@
1
- {"version":3,"file":"AppAnnouncement.stories.jsx","sourceRoot":"","sources":["../../../src/work/AppAnnouncement/AppAnnouncement.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAwB,MAAM,yBAAyB,CAAC;AAEhF,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAe;CACnB,CAAC;AAEV,MAAM,CAAC,MAAM,mBAAmB,GAAgC,CAAC,IAA0B,EAAE,EAAE;IAC7F,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG;QACd,8BAA8B;QAC9B,+CAA+C;QAC/C,oBAAoB;KACrB,CAAC;IAEF,OAAO,CACL,CAAC,eAAe,CACd,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,YAAY,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAChC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,2BAA2B,EAAE,CAAC,CAAC,EAChE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,IAAI,GAAG;IACzB,OAAO,EAAE,2BAA2B;IACpC,WAAW,EAAE,sEAAsE;IACnF,YAAY,EAAE,sBAAsB;IACpC,KAAK,EACH,kGAAkG;CACrG,CAAC;AAEF,mBAAmB,CAAC,QAAQ,GAAG;IAC7B,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC1C,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC3C,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACrC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useContext } from 'react';\n\nimport { ToasterContext } from '@pega/cosmos-react-core';\nimport { AppAnnouncement, AppAnnouncementProps } from '@pega/cosmos-react-work';\n\nexport default {\n title: 'Work/AppAnnouncement',\n component: AppAnnouncement\n} as Meta;\n\nexport const AppAnnouncementDemo: Story<AppAnnouncementProps> = (args: AppAnnouncementProps) => {\n const { push } = useContext(ToasterContext);\n\n const details = [\n 'New React based UI rendering',\n 'Streamlined components for all business needs',\n 'Other improvements'\n ];\n\n return (\n <AppAnnouncement\n heading={args.heading}\n description={args.description}\n details={details}\n whatsNewLink={args.whatsNewLink}\n image={args.image}\n onDismiss={() => push({ content: 'Dismissed AppAnnouncement' })}\n />\n );\n};\n\nAppAnnouncementDemo.args = {\n heading: 'Pega Cosmos Design System',\n description: 'We have launched a brand new experience to accelerate your workflow!',\n whatsNewLink: 'https://www.pega.com',\n image:\n 'https://www.pega.com/sites/default/files/styles/2560/public/media/images/2019-01/pega-logo_0.png'\n};\n\nAppAnnouncementDemo.argTypes = {\n heading: { control: { type: 'text' } },\n description: { control: { type: 'text' } },\n whatsNewLink: { control: { type: 'text' } },\n image: { control: { type: 'text' } }\n};\n"]}
1
+ {"version":3,"file":"AppAnnouncement.stories.jsx","sourceRoot":"","sources":["../../../src/work/AppAnnouncement/AppAnnouncement.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAwB,MAAM,yBAAyB,CAAC;AAEhF,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAe;CACnB,CAAC;AAEV,MAAM,CAAC,MAAM,mBAAmB,GAAgC,CAAC,IAA0B,EAAE,EAAE;IAC7F,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC;IAE9B,MAAM,OAAO,GAAG;QACd,8BAA8B;QAC9B,+CAA+C;QAC/C,oBAAoB;KACrB,CAAC;IAEF,OAAO,CACL,CAAC,eAAe,CACd,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAC9B,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,YAAY,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAChC,YAAY,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAChC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,2BAA2B,EAAE,CAAC,CAAC,EAChE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,IAAI,GAAG;IACzB,OAAO,EAAE,2BAA2B;IACpC,WAAW,EAAE,sEAAsE;IACnF,YAAY,EAAE,sBAAsB;IACpC,YAAY,EAAE,gBAAgB;IAC9B,KAAK,EACH,kGAAkG;CACrG,CAAC;AAEF,mBAAmB,CAAC,QAAQ,GAAG;IAC7B,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC1C,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC3C,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC3C,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACrC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport { useToaster } from '@pega/cosmos-react-core';\nimport { AppAnnouncement, AppAnnouncementProps } from '@pega/cosmos-react-work';\n\nexport default {\n title: 'Work/AppAnnouncement',\n component: AppAnnouncement\n} as Meta;\n\nexport const AppAnnouncementDemo: Story<AppAnnouncementProps> = (args: AppAnnouncementProps) => {\n const { push } = useToaster();\n\n const details = [\n 'New React based UI rendering',\n 'Streamlined components for all business needs',\n 'Other improvements'\n ];\n\n return (\n <AppAnnouncement\n heading={args.heading}\n description={args.description}\n details={details}\n whatsNewLink={args.whatsNewLink}\n whatsNewText={args.whatsNewText}\n image={args.image}\n onDismiss={() => push({ content: 'Dismissed AppAnnouncement' })}\n />\n );\n};\n\nAppAnnouncementDemo.args = {\n heading: 'Pega Cosmos Design System',\n description: 'We have launched a brand new experience to accelerate your workflow!',\n whatsNewLink: 'https://www.pega.com',\n whatsNewText: \"See what's new\",\n image:\n 'https://www.pega.com/sites/default/files/styles/2560/public/media/images/2019-01/pega-logo_0.png'\n};\n\nAppAnnouncementDemo.argTypes = {\n heading: { control: { type: 'text' } },\n description: { control: { type: 'text' } },\n whatsNewLink: { control: { type: 'text' } },\n whatsNewText: { control: { type: 'text' } },\n image: { control: { type: 'text' } }\n};\n"]}
@@ -1,5 +1,5 @@
1
1
  import { useState, useCallback, useContext, useEffect, useRef, useMemo, forwardRef } from 'react';
2
- import { Button, FileInput, FileVisual, Progress, Modal, ModalManagerContext, Text, ToasterContext, SummaryList, ViewAll, getKindFromMimeType, getMimeTypeFromFile, Popover, Flex, Input, ComboBox, createUID, useOuterEvent, hasProp, DateTimeDisplay, MetaList } from '@pega/cosmos-react-core';
2
+ import { Button, FileInput, FileVisual, Progress, Modal, Text, SummaryList, ViewAll, getKindFromMimeType, getMimeTypeFromFile, Popover, Flex, Input, ComboBox, createUID, useModalManager, useModalContext, useOuterEvent, useToaster, hasProp, DateTimeDisplay, MetaList } from '@pega/cosmos-react-core';
3
3
  import { FileServiceContext, mockAttachmentListRequest, mockCategories } from './FileService.mock';
4
4
  const getSummaryListItemProps = ({ ref, file, editFile, cancelFile, deleteFile }) => {
5
5
  let actions;
@@ -138,9 +138,8 @@ const EditPopover = forwardRef(({ file, target, onSubmit, onCancel }, ref) => {
138
138
  });
139
139
  const AttachmentsModal = ({ defaultMode }) => {
140
140
  const [mode, setMode] = useState(defaultMode);
141
- const { push: pushToaster } = useContext(ToasterContext);
142
- const { ModalContext } = useContext(ModalManagerContext);
143
- const { dismiss } = useContext(ModalContext);
141
+ const { push: pushToaster } = useToaster();
142
+ const { dismiss } = useModalContext();
144
143
  const { files, setFiles, cancelFile, attachFile, deleteFile } = useContext(FileServiceContext);
145
144
  const [search, setSearch] = useState('');
146
145
  const [loading, setLoading] = useState(true);
@@ -298,8 +297,8 @@ const AttachmentsModal = ({ defaultMode }) => {
298
297
  </Modal>);
299
298
  };
300
299
  export const AttachmentsMock = () => {
301
- const { push: pushToaster } = useContext(ToasterContext);
302
- const { create: createModal } = useContext(ModalManagerContext);
300
+ const { push: pushToaster } = useToaster();
301
+ const { create: createModal } = useModalManager();
303
302
  const [loading, setLoading] = useState(true);
304
303
  const { files, setFiles, cancelFile, deleteFile } = useContext(FileServiceContext);
305
304
  const listItemEls = useRef([]);
@@ -1 +1 @@
1
- {"version":3,"file":"Attachments.mocks.jsx","sourceRoot":"","sources":["../../../src/work/CaseView/Attachments.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,SAAS,EAET,MAAM,EAEN,OAAO,EAEP,UAAU,EAGX,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,MAAM,EACN,SAAS,EACT,UAAU,EACV,QAAQ,EACR,KAAK,EACL,mBAAmB,EACnB,IAAI,EACJ,cAAc,EACd,WAAW,EACX,OAAO,EACP,mBAAmB,EACnB,mBAAmB,EAEnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EAET,aAAa,EACb,OAAO,EACP,eAAe,EAEf,QAAQ,EACT,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,kBAAkB,EAElB,yBAAyB,EACzB,cAAc,EAGf,MAAM,oBAAoB,CAAC;AAK5B,MAAM,uBAAuB,GAAG,CAAC,EAC/B,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,UAAU,EAOX,EAAmB,EAAE;IACpB,IAAI,OAAiB,CAAC;IACtB,IAAI,MAAmB,CAAC;IAExB,IAAI,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,GAAG,GAAG,EAAE;QACzF,MAAM,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAG,CAAC;QAC9E,OAAO,GAAG;YACR;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE,GAAG,EAAE;oBACZ,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBACtB,CAAC;aACF;SACF,CAAC;KACH;SAAM;QACL,MAAM,GAAG,CACP,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAChE,SAAS,CAAC,CAAE,IAAmC,CAAC,SAAS,CAAC,EAC1D,CACH,CAAC;QACF,OAAO,GAAG;YACR;gBACE,EAAE,EAAE,MAAM;gBACV,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;gBACnB,CAAC;aACF;YACD;gBACE,EAAE,EAAE,UAAU;gBACd,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;aAClB;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE,GAAG,EAAE;oBACZ,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBACtB,CAAC;aACF;SACF,CAAC;KACH;IAED,OAAO;QACL,GAAG;QACH,EAAE,EAAE,IAAI,CAAC,EAAE;QACX,MAAM;QACN,OAAO,EAAE,IAAI,CAAC,IAAI;QAClB,SAAS,EAAE,CACT,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CACvB;QAAA,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,CACvF,aAAa,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAC1C,CAAC,CAAC,CAAC,CACF,CAAC,QAAQ,CACP,KAAK,CAAC,CAAC;oBACL,IAAI,CAAC,QAAQ;oBACb,EACE;wBAAQ,CAAC,GAAG,CACZ;gBAAA,CAAC,eAAe,CACd,OAAO,CAAC,UAAU,CAClB,KAAK,CAAC,CAAE,IAAmC,CAAC,UAAU,CAAC,EAE3D;cAAA,GAAG;iBACJ,CAAC,EACF,CACH,CACH;MAAA,EAAE,IAAI,CAAC,CACR;QACD,OAAO;KACR,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,WAAW,GAAyB,UAAU,CAClD,CACE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAqC,EACvE,GAA4B,EAC5B,EAAE;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QAChD,OAAO;YACL,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC5D,GAAG,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;gBAC/B,OAAO;oBACL,EAAE,EAAE,SAAS,EAAE;oBACf,OAAO,EAAE,QAAQ;oBACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,KAAK,QAAQ;iBACrC,CAAC;YACJ,CAAC,CAAC;SACH,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,MAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAC5C,OAAO,EAAE;YACP,CAAC,CAAC;gBACE,KAAK,EAAE;oBACL,EAAE,EAAE,EAAE,CAAC,EAAE;oBACT,IAAI,EAAE,EAAE,CAAC,OAAO;iBACjB;aACF;YACH,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CAEL,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,cAAc,CACnF;QAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CACvD;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAEhC;;UAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC/C;YAAA,CAAC,KAAK,CACJ,KAAK,CAAC,MAAM,CACZ,WAAW,CAAC,aAAa,CACzB,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,IAAI,CAAC,CAAC,KAAK,CAAC,CACZ,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CACpC,SAAS,CACT,QAAQ,CACR,QAAQ,CAAC,CAAC,CAAC,CAAgC,EAAE,EAAE;YAC7C,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACxB,IAAI,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE;gBAC3B,QAAQ,CAAC,EAAE,CAAC,CAAC;aACd;QACH,CAAC,CAAC,CACF,MAAM,CAAC,CAAC,GAAG,EAAE;YACX,IAAI,CAAC,IAAI,EAAE;gBACT,QAAQ,CAAC,mBAAmB,CAAC,CAAC;aAC/B;QACH,CAAC,CAAC,EAEJ;YAAA,CAAC,QAAQ,CACP,KAAK,CAAC,UAAU,CAChB,WAAW,CAAC,SAAS,CACrB,QAAQ,CAAC,CAAC,gBAAgB,CAAC,CAC3B,IAAI,CAAC,CAAC;YACJ,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,UAAU;YACjB,WAAW,EAAE,EAAE,CAAC,EAAE;gBAChB,aAAa,CAAC,GAAG,CAAC,EAAE;oBAClB,OAAO,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;wBACxB,OAAO;4BACL,GAAG,QAAQ;4BACX,QAAQ,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE;yBAC7B,CAAC;oBACJ,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;YACL,CAAC;SACF,CAAC,EAEN;UAAA,EAAE,IAAI,CAEN;;UAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CACtC;YAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,CACzC;YAAA,CAAC,MAAM,CACL,OAAO,CAAC,SAAS,CACjB,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,IAAI,KAAK;gBAAE,OAAO;YAClB,QAAQ,CAAC;gBACP,IAAI;gBACJ,QAAQ,EACN,CAAC,gBAAgB,IAAI,gBAAgB,CAAC,KAAK,CAAC,IAAI,KAAK,aAAa;oBAChE,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI;aAClC,CAAC,CAAC;QACL,CAAC,CAAC,CAEF;;YACF,EAAE,MAAM,CACV;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,OAAO,CAAC,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AASF,MAAM,gBAAgB,GAAG,CAAC,EAAE,WAAW,EAAyB,EAAE,EAAE;IAClE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAE9C,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IACzD,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACzD,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE/F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAuB,EAAE,CAAC,CAAC;IAEnE,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAC7B,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,MAAM,WAAW,GAAG,MAAM,CAAkB,EAAE,CAAC,CAAC;IAChD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC,CAAC;IAE/D,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,OAAO,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACtF,CAAC,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjC,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CACH,mBAAmB;QACjB,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAoB,8BAA8B,CAAC;QACtF,CAAC,CAAC,IAAI,EACV,CAAC,mBAAmB,CAAC,CACtB,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,mBAAmB;YAAE,OAAO;QACjC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;QACrB,UAAU,EAAE,KAAK,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEtC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAgB,EAAE,EAAE;QACrD,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YACtB,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;SACtB;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAGpD,aAAa,CAAC,WAAW,EAAE,CAAC,cAAc,CAAC,EAAE,kBAAkB,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC9B,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC,EAAE,IAAI,CAAC,CAAC;YAET,OAAO,GAAG,EAAE;gBACV,YAAY,CAAC,OAAO,CAAC,CAAC;YACxB,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,mBAAmB;YAAE,OAAO;QACjC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QAEb,WAAW,CAAC,OAAO,GAAG,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,eAAuB,EAAE,EAAE;QAC1B,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC;YACrB,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBACjC,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;gBACvB,OAAO;oBACL,EAAE;oBACF,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,QAAQ,EAAE,EAAE;oBACZ,IAAI,EAAE,IAAI;oBACV,GAAG,EAAE,CAAC,EAAiB,EAAE,EAAE;wBACzB,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;oBAC9B,CAAC;oBACD,MAAM,EAAE,GAAG,EAAE;wBACX,gBAAgB,CAAC,CAAC,CAAC,CAAC;oBACtB,CAAC;oBACD,QAAQ,EAAE,GAAG,EAAE;wBACb,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;oBAC/C,CAAC;iBACF,CAAC;YACJ,CAAC,CAAC;YACF,GAAG,OAAO;SACX,CAAC,CAAC;IACL,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAGF,MAAM,OAAO,GACX,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAClB,EACE;QAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,MAAM,CACxC;QAAA,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,SAAS,CAEjB,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAEhC;;QACF,EAAE,MAAM,CACV;MAAA,GAAG,CACJ,CAAC,CAAC,CAAC,IAAI,CAAC;IAGX,MAAM,OAAO,GACX,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAClB,CAAC,SAAS,CACR,QAAQ,CACR,KAAK,CAAC,wBAAwB,CAC9B,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EACpE,CACH,CAAC,CAAC,CAAC,CACF,CAAC,OAAO,CACN,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACnF,OAAO,uBAAuB,CAAC;gBAC7B,GAAG,EAAE,CAAC,EAAiB,EAAE,EAAE;oBACzB,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;gBAC9B,CAAC;gBACD,IAAI;gBACJ,QAAQ,EAAE,GAAG,EAAE;oBACb,gBAAgB,CAAC,CAAC,CAAC,CAAC;gBACtB,CAAC;gBACD,UAAU,EAAE,EAAE,CAAC,EAAE;oBACf,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAuB,CAAC;oBACxE,UAAU,CAAC,EAAE,CAAC,CAAC;oBACf,WAAW,CAAC,EAAE,OAAO,EAAE,uBAAuB,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACvE,CAAC;gBACD,UAAU,EAAE,KAAK,EAAC,EAAE,EAAC,EAAE;oBACrB,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAA+B,CAAC;oBAC/E,MAAM,UAAU,CAAC,EAAE,CAAC,CAAC;oBACrB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC,IAAI,UAAU,EAAE,CAAC,CAAC;gBAC1D,CAAC;aACF,CAAC,CAAC;QACL,CAAC,CAAC,CAAC,CACH,OAAO,CAAC,CAAC;YACP;gBACE,EAAE,EAAE,YAAY;gBAChB,IAAI,EAAE,WAAW;gBACjB,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,QAAQ,CAAC,CAAC;gBACpB,CAAC;aACF;YACD;gBACE,EAAE,EAAE,YAAY;gBAChB,IAAI,EAAE,WAAW;gBACjB,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,QAAQ,CAAC,CAAC;gBACpB,CAAC;aACF;SACF,CAAC,CACF,gBAAgB,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,EAChE,CACH,CAAC;IAEJ,OAAO,CACL,CAAC,KAAK,CACJ,EAAE,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAC3C,OAAO,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,aAAa,CAAC,CAC/D,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,gBAAgB,CAAC,CAAC,GAAG,EAAE;YACrB,OAAO,CAAC,mBAAmB,CAAC;QAC9B,CAAC,CAAC,CACF,QAAQ,CAAC,CACP,IAAI,KAAK,QAAQ;YACf,CAAC,CAAC,CAAC,CAAY,EAAE,EAAE;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;YACrB,CAAC;YACH,CAAC,CAAC,SAAS,CACd,CAED;MAAA,EACE;QAAA,CAAC,OAAO,CACR;QAAA,CAAC,mBAAmB,IAAI,CACtB,CAAC,WAAW,CACV,GAAG,CAAC,CAAC,cAAc,CAAC,CACpB,MAAM,CAAC,CAAC,UAAU,CAAC,CACnB,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CACzE,QAAQ,CAAC,CAAC,kBAAkB,CAAC,CAC7B,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;gBAC/B,kBAAkB,EAAE,CAAC;gBAKrB,IAAI,IAAI,KAAK,QAAQ,EAAE;oBACrB,WAAW,CAAC,GAAG,CAAC,EAAE;wBAChB,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;4BACzB,IAAI,CAAC,KAAK,aAAa,EAAE;gCACvB,OAAO;oCACL,GAAG,IAAI;oCACP,IAAI;oCACJ,QAAQ;iCACT,CAAC;6BACH;4BAED,OAAO,IAAI,CAAC;wBACd,CAAC,CAAC,CAAC;oBACL,CAAC,CAAC,CAAC;iBACJ;qBAAM;oBACL,QAAQ,CAAC,GAAG,CAAC,EAAE,CACb,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;wBAClB,IAAI,CAAC,KAAK,aAAa,EAAE;4BACvB,OAAO;gCACL,GAAG,IAAI;gCACP,IAAI;gCACJ,QAAQ;6BACT,CAAC;yBACH;wBAED,OAAO,IAAI,CAAC;oBACd,CAAC,CAAC,CACH,CAAC;iBACH;YACH,CAAC,CAAC,EACF,CACH,CACH;MAAA,GACF;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IACzD,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAChE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAEnF,MAAM,WAAW,GAAG,MAAM,CAAkB,EAAE,CAAC,CAAC;IAChD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC,CAAC;IAE/D,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,OAAO,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACtF,CAAC,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjC,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CACH,mBAAmB;QACjB,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAoB,8BAA8B,CAAC;QACtF,CAAC,CAAC,IAAI,EACV,CAAC,mBAAmB,CAAC,CACtB,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,mBAAmB;YAAE,OAAO;QACjC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;QACrB,UAAU,EAAE,KAAK,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEtC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAgB,EAAE,EAAE;QACrD,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YACtB,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;SACtB;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAGpD,aAAa,CAAC,WAAW,EAAE,CAAC,cAAc,CAAC,EAAE,kBAAkB,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,yBAAyB,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;YAC7C,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,mBAAmB;YAAE,OAAO;QACjC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,EACE;MAAA,CAAC,WAAW,CACV,IAAI,CAAC,YAAY,CACjB,IAAI,CAAC,aAAa,CAClB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CACnE,OAAO,CAAC,CAAC;YACP;gBACE,IAAI,EAAE,iBAAiB;gBACvB,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,MAAM;gBACZ,OAAO;oBACL,WAAW,CAAC,gBAAgB,EAAE,EAAE,WAAW,EAAE,QAAiB,EAAE,CAAC,CAAC;gBACpE,CAAC;aACF;SACF,CAAC,CACF,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACvC,OAAO,uBAAuB,CAAC;gBAC7B,GAAG,EAAE,CAAC,EAAiB,EAAE,EAAE;oBACzB,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;gBAC9B,CAAC;gBACD,IAAI;gBACJ,QAAQ,EAAE,GAAG,EAAE;oBACb,gBAAgB,CAAC,CAAC,CAAC,CAAC;gBACtB,CAAC;gBACD,UAAU,EAAE,EAAE,CAAC,EAAE;oBACf,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAuB,CAAC;oBACxE,UAAU,CAAC,EAAE,CAAC,CAAC;oBACf,WAAW,CAAC,EAAE,OAAO,EAAE,uBAAuB,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACvE,CAAC;gBACD,UAAU,EAAE,KAAK,EAAC,EAAE,EAAC,EAAE;oBACrB,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAA+B,CAAC;oBAC/E,MAAM,UAAU,CAAC,EAAE,CAAC,CAAC;oBACrB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC,IAAI,UAAU,EAAE,CAAC,CAAC;gBAC1D,CAAC;aACF,CAAC,CAAC;QACL,CAAC,CAAC,CAAC,CACH,SAAS,CAAC,CAAC,GAAG,EAAE;YACd,WAAW,CAAC,gBAAgB,EAAE,EAAE,WAAW,EAAE,SAAkB,EAAE,CAAC,CAAC;QACrE,CAAC,CAAC,EAEJ;MAAA,CAAC,mBAAmB,IAAI,CACtB,CAAC,WAAW,CACV,GAAG,CAAC,CAAC,cAAc,CAAC,CACpB,MAAM,CAAC,CAAC,UAAU,CAAC,CACnB,IAAI,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAC3B,QAAQ,CAAC,CAAC,kBAAkB,CAAC,CAC7B,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;gBAC/B,kBAAkB,EAAE,CAAC;gBACrB,QAAQ,CAAC,GAAG,CAAC,EAAE,CACb,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;oBAClB,IAAI,CAAC,KAAK,aAAa,EAAE;wBACvB,OAAO;4BACL,GAAG,IAAI;4BACP,IAAI;4BACJ,QAAQ;yBACT,CAAC;qBACH;oBAED,OAAO,IAAI,CAAC;gBACd,CAAC,CAAC,CACH,CAAC;YACJ,CAAC,CAAC,EACF,CACH,CACH;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n useState,\n useCallback,\n useContext,\n useEffect,\n FormEvent,\n useRef,\n Ref,\n useMemo,\n ChangeEvent,\n forwardRef,\n FC,\n PropsWithoutRef\n} from 'react';\n\nimport {\n Button,\n FileInput,\n FileVisual,\n Progress,\n Modal,\n ModalManagerContext,\n Text,\n ToasterContext,\n SummaryList,\n ViewAll,\n getKindFromMimeType,\n getMimeTypeFromFile,\n Action,\n Popover,\n Flex,\n Input,\n ComboBox,\n createUID,\n PopoverProps,\n useOuterEvent,\n hasProp,\n DateTimeDisplay,\n SummaryListItem,\n MetaList\n} from '@pega/cosmos-react-core';\n\nimport {\n FileServiceContext,\n FileServiceContextValue,\n mockAttachmentListRequest,\n mockCategories,\n MockFileAttachmentResource,\n MockFileUploadItem\n} from './FileService.mock';\n\n// ---------------------------------------------------------------------------------------------------------------------\n// getSummaryListItemProps\n// ---------------------------------------------------------------------------------------------------------------------\nconst getSummaryListItemProps = ({\n ref,\n file,\n editFile,\n cancelFile,\n deleteFile\n}: {\n ref: Ref<HTMLLIElement>;\n file: MockFileAttachmentResource | MockFileUploadItem;\n editFile?: (file: MockFileAttachmentResource) => void;\n cancelFile: FileServiceContextValue['cancelFile'];\n deleteFile: FileServiceContextValue['deleteFile'];\n}): SummaryListItem => {\n let actions: Action[];\n let visual: JSX.Element;\n\n if (hasProp(file, 'progress') && typeof file.progress === 'number' && file.progress < 100) {\n visual = <Progress value={file.progress} placement='inline' variant='ring' />;\n actions = [\n {\n id: 'Cancel',\n text: 'Cancel',\n icon: 'times',\n onClick: () => {\n cancelFile(file.id);\n }\n }\n ];\n } else {\n visual = (\n <FileVisual\n type={getKindFromMimeType(getMimeTypeFromFile(file.name) ?? '')}\n thumbnail={(file as MockFileAttachmentResource).thumbnail}\n />\n );\n actions = [\n {\n id: 'Edit',\n text: 'Edit',\n icon: 'pencil',\n onClick: () => {\n editFile?.(file);\n }\n },\n {\n id: 'Download',\n text: 'Download',\n icon: 'download',\n onClick: () => {}\n },\n {\n id: 'Delete',\n text: 'Delete',\n icon: 'trash',\n onClick: () => {\n deleteFile(file.id);\n }\n }\n ];\n }\n\n return {\n ref,\n id: file.id,\n visual,\n primary: file.name,\n secondary: (\n <Text variant='secondary'>\n {hasProp(file, 'progress') && typeof file.progress === 'number' && file.progress < 100 ? (\n `Uploading…${Math.floor(file.progress)}%`\n ) : (\n <MetaList\n items={[\n file.category,\n <>\n Uploaded{' '}\n <DateTimeDisplay\n variant='relative'\n value={(file as MockFileAttachmentResource).createDate}\n />\n </>\n ]}\n />\n )}\n </Text>\n ),\n actions\n };\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n// Attachment edit Popover\n// ---------------------------------------------------------------------------------------------------------------------\ninterface EditPopoverProps {\n file: MockFileAttachmentResource;\n target: PopoverProps['target'];\n onSubmit: (fields: { name: string; category: string }) => void;\n onCancel: () => void;\n ref: Ref<HTMLDivElement>;\n}\n\nconst EditPopover: FC<EditPopoverProps> = forwardRef(\n (\n { file, target, onSubmit, onCancel }: PropsWithoutRef<EditPopoverProps>,\n ref: EditPopoverProps['ref']\n ) => {\n const [name, setName] = useState(file.name);\n const [error, setError] = useState('');\n\n const [categories, setCategories] = useState(() => {\n return [\n { id: createUID(), primary: 'No category', selected: false },\n ...mockCategories.map(category => {\n return {\n id: createUID(),\n primary: category,\n selected: file.category === category\n };\n })\n ];\n });\n\n const selectedCategory = useMemo(() => {\n const sc = categories.find(c => c.selected);\n return sc\n ? {\n items: {\n id: sc.id,\n text: sc.primary\n }\n }\n : undefined;\n }, [categories]);\n\n return (\n // Set an inline style ONLY until Popover width presets are available.\n <Popover ref={ref} target={target} style={{ width: '40ch' }} placement='bottom-start'>\n <Flex container={{ direction: 'column', gap: 2, pad: 2 }}>\n <Text variant='h3'>Details</Text>\n\n <Flex container={{ direction: 'column', gap: 2 }}>\n <Input\n label='Name'\n placeholder='Enter name…'\n value={name}\n info={error}\n status={error ? 'error' : undefined}\n autoFocus\n required\n onChange={(e: ChangeEvent<HTMLInputElement>) => {\n setName(e.target.value);\n if (error && e.target.value) {\n setError('');\n }\n }}\n onBlur={() => {\n if (!name) {\n setError('Name is required.');\n }\n }}\n />\n <ComboBox\n label='Category'\n placeholder='Choose…'\n selected={selectedCategory}\n menu={{\n mode: 'single-select',\n items: categories,\n onItemClick: id => {\n setCategories(cur => {\n return cur.map(category => {\n return {\n ...category,\n selected: category.id === id\n };\n });\n });\n }\n }}\n />\n </Flex>\n\n <Flex container={{ justify: 'between' }}>\n <Button onClick={onCancel}>Cancel</Button>\n <Button\n variant='primary'\n onClick={() => {\n if (error) return;\n onSubmit({\n name,\n category:\n !selectedCategory || selectedCategory.items.text === 'No category'\n ? ''\n : selectedCategory.items.text\n });\n }}\n >\n Submit\n </Button>\n </Flex>\n </Flex>\n </Popover>\n );\n }\n);\n\n// ---------------------------------------------------------------------------------------------------------------------\n// AttachmentsModal\n// ---------------------------------------------------------------------------------------------------------------------\ninterface AttachmentsModalProps {\n defaultMode: 'viewAll' | 'addNew';\n}\n\nconst AttachmentsModal = ({ defaultMode }: AttachmentsModalProps) => {\n const [mode, setMode] = useState(defaultMode);\n\n const { push: pushToaster } = useContext(ToasterContext);\n const { ModalContext } = useContext(ModalManagerContext);\n const { dismiss } = useContext(ModalContext);\n const { files, setFiles, cancelFile, attachFile, deleteFile } = useContext(FileServiceContext);\n\n const [search, setSearch] = useState('');\n const [loading, setLoading] = useState(true);\n const [newFiles, setNewFiles] = useState<MockFileUploadItem[]>([]);\n\n const attachSelected = useCallback(() => {\n newFiles.forEach(attachFile);\n dismiss();\n }, [newFiles, attachFile]);\n\n const listItemEls = useRef<HTMLLIElement[]>([]);\n const [editFileIndex, setEditFileIndex] = useState<number>(-1);\n\n const editPopoverTargetLi = useMemo(() => {\n return editFileIndex !== undefined ? listItemEls.current[editFileIndex] : undefined;\n }, [editFileIndex, listItemEls]);\n\n const menuButton = useMemo(\n () =>\n editPopoverTargetLi\n ? editPopoverTargetLi.querySelector<HTMLButtonElement>('button[aria-haspopup=\"menu\"]')\n : null,\n [editPopoverTargetLi]\n );\n\n const handlePopoverClose = useCallback(() => {\n if (!editPopoverTargetLi) return;\n setEditFileIndex(-1);\n menuButton?.focus();\n }, [menuButton, editPopoverTargetLi]);\n\n const handleKeydown = useCallback((e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n setEditFileIndex(-1);\n }\n }, []);\n\n const editPopoverRef = useRef<HTMLDivElement>(null);\n\n // Using mousedown instead of click since drag selecting an input's value within the popover, then releasing outside the popover triggers outer click.\n useOuterEvent('mousedown', [editPopoverRef], handlePopoverClose);\n\n useEffect(() => {\n if (mode === 'viewAll') {\n const timeout = setTimeout(() => {\n setLoading(false);\n }, 1000);\n\n return () => {\n clearTimeout(timeout);\n };\n }\n }, [mode]);\n\n useEffect(() => {\n if (!editPopoverTargetLi) return;\n document.addEventListener('keydown', handleKeydown);\n return () => {\n document.removeEventListener('keydown', handleKeydown);\n };\n }, [editPopoverTargetLi]);\n\n useEffect(() => {\n // Since the component is performing double duty we need to empty out ref elements from a prior render mode.\n listItemEls.current = [];\n }, [mode]);\n\n const onFilesAdded = useCallback(\n (newlyAddedFiles: File[]) => {\n setNewFiles(current => [\n ...newlyAddedFiles.map((file, i) => {\n const id = createUID();\n return {\n id,\n name: file.name,\n category: '',\n File: file,\n ref: (el: HTMLLIElement) => {\n listItemEls.current[i] = el;\n },\n onEdit: () => {\n setEditFileIndex(i);\n },\n onCancel: () => {\n setNewFiles(c => c.filter(f => f.id !== id));\n }\n };\n }),\n ...current\n ]);\n },\n [files]\n );\n\n // Actions for the modal\n const actions =\n mode === 'addNew' ? (\n <>\n <Button onClick={dismiss}>Cancel</Button>\n <Button\n type='submit'\n variant='primary'\n // Normally this would trigger a submit event but we are preventing that in the Modal's onSubmit.\n onClick={attachSelected}\n disabled={newFiles.length === 0}\n >\n Attach Files\n </Button>\n </>\n ) : null;\n\n // Content for the modal\n const content =\n mode === 'addNew' ? (\n <FileInput\n multiple\n label='Select files to attach'\n onFilesAdded={onFilesAdded}\n files={newFiles.map(f => ({ ...f, meta: f.category || undefined }))}\n />\n ) : (\n <ViewAll\n loading={loading}\n items={(search ? files.filter(f => f.name.includes(search)) : files).map((file, i) => {\n return getSummaryListItemProps({\n ref: (el: HTMLLIElement) => {\n listItemEls.current[i] = el;\n },\n file,\n editFile: () => {\n setEditFileIndex(i);\n },\n cancelFile: id => {\n const canceledFile = files.find(f => f.id === id) as MockFileUploadItem;\n cancelFile(id);\n pushToaster({ content: `Cancelled attaching ${canceledFile.name}` });\n },\n deleteFile: async id => {\n const deletedFile = files.find(f => f.id === id) as MockFileAttachmentResource;\n await deleteFile(id);\n pushToaster({ content: `${deletedFile.name} deleted` });\n }\n });\n })}\n actions={[\n {\n id: 'addNewFile',\n text: 'Add files',\n onClick: () => {\n setMode('addNew');\n }\n },\n {\n id: 'addNewLink',\n text: 'Add links',\n onClick: () => {\n setMode('addNew');\n }\n }\n ]}\n searchInputProps={{ onSearchChange: value => setSearch(value) }}\n />\n );\n\n return (\n <Modal\n as={mode === 'addNew' ? 'form' : undefined}\n heading={mode === 'addNew' ? 'Add attachments' : 'Attachments'}\n actions={actions}\n onRequestDismiss={() => {\n return !editPopoverTargetLi;\n }}\n onSubmit={\n mode === 'addNew'\n ? (e: FormEvent) => {\n e.preventDefault();\n }\n : undefined\n }\n >\n <>\n {content}\n {editPopoverTargetLi && (\n <EditPopover\n ref={editPopoverRef}\n target={menuButton}\n file={mode === 'addNew' ? newFiles[editFileIndex] : files[editFileIndex]}\n onCancel={handlePopoverClose}\n onSubmit={({ name, category }) => {\n handlePopoverClose();\n\n // TS kept from easily consolidating like:\n // const setter = mode === 'addNew' ? setNewFiles : setFiles;\n // Could not avoid map's file param as \"any\".\n if (mode === 'addNew') {\n setNewFiles(cur => {\n return cur.map((file, i) => {\n if (i === editFileIndex) {\n return {\n ...file,\n name,\n category\n };\n }\n\n return file;\n });\n });\n } else {\n setFiles(cur =>\n cur.map((file, i) => {\n if (i === editFileIndex) {\n return {\n ...file,\n name,\n category\n };\n }\n\n return file;\n })\n );\n }\n }}\n />\n )}\n </>\n </Modal>\n );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n// Attachments mock\n// ---------------------------------------------------------------------------------------------------------------------\nexport const AttachmentsMock = () => {\n const { push: pushToaster } = useContext(ToasterContext);\n const { create: createModal } = useContext(ModalManagerContext);\n const [loading, setLoading] = useState(true);\n const { files, setFiles, cancelFile, deleteFile } = useContext(FileServiceContext);\n\n const listItemEls = useRef<HTMLLIElement[]>([]);\n const [editFileIndex, setEditFileIndex] = useState<number>(-1);\n\n const editPopoverTargetLi = useMemo(() => {\n return editFileIndex !== undefined ? listItemEls.current[editFileIndex] : undefined;\n }, [editFileIndex, listItemEls]);\n\n const menuButton = useMemo(\n () =>\n editPopoverTargetLi\n ? editPopoverTargetLi.querySelector<HTMLButtonElement>('button[aria-haspopup=\"menu\"]')\n : null,\n [editPopoverTargetLi]\n );\n\n const handlePopoverClose = useCallback(() => {\n if (!editPopoverTargetLi) return;\n setEditFileIndex(-1);\n menuButton?.focus();\n }, [menuButton, editPopoverTargetLi]);\n\n const handleKeydown = useCallback((e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n setEditFileIndex(-1);\n }\n }, []);\n\n const editPopoverRef = useRef<HTMLDivElement>(null);\n\n // Using mousedown instead of click since drag selecting an input's value within the popover, then releasing outside the popover triggers outer click.\n useOuterEvent('mousedown', [editPopoverRef], handlePopoverClose);\n\n useEffect(() => {\n mockAttachmentListRequest().then(attachments => {\n setLoading(false);\n setFiles(attachments);\n });\n }, []);\n\n useEffect(() => {\n if (!editPopoverTargetLi) return;\n document.addEventListener('keydown', handleKeydown);\n return () => {\n document.removeEventListener('keydown', handleKeydown);\n };\n }, [editPopoverTargetLi]);\n\n return (\n <>\n <SummaryList\n icon='paper-clip'\n name='Attachments'\n loading={loading}\n count={!loading && Array.isArray(files) ? files.length : undefined}\n actions={[\n {\n text: 'Add attachments',\n id: 'addNew',\n icon: 'plus',\n onClick() {\n createModal(AttachmentsModal, { defaultMode: 'addNew' as const });\n }\n }\n ]}\n items={files.slice(0, 3).map((file, i) => {\n return getSummaryListItemProps({\n ref: (el: HTMLLIElement) => {\n listItemEls.current[i] = el;\n },\n file,\n editFile: () => {\n setEditFileIndex(i);\n },\n cancelFile: id => {\n const canceledFile = files.find(f => f.id === id) as MockFileUploadItem;\n cancelFile(id);\n pushToaster({ content: `Cancelled attaching ${canceledFile.name}` });\n },\n deleteFile: async id => {\n const deletedFile = files.find(f => f.id === id) as MockFileAttachmentResource;\n await deleteFile(id);\n pushToaster({ content: `${deletedFile.name} deleted` });\n }\n });\n })}\n onViewAll={() => {\n createModal(AttachmentsModal, { defaultMode: 'viewAll' as const });\n }}\n />\n {editPopoverTargetLi && (\n <EditPopover\n ref={editPopoverRef}\n target={menuButton}\n file={files[editFileIndex]}\n onCancel={handlePopoverClose}\n onSubmit={({ name, category }) => {\n handlePopoverClose();\n setFiles(cur =>\n cur.map((file, i) => {\n if (i === editFileIndex) {\n return {\n ...file,\n name,\n category\n };\n }\n\n return file;\n })\n );\n }}\n />\n )}\n </>\n );\n};\n"]}
1
+ {"version":3,"file":"Attachments.mocks.jsx","sourceRoot":"","sources":["../../../src/work/CaseView/Attachments.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n useState,\n useCallback,\n useContext,\n useEffect,\n FormEvent,\n useRef,\n Ref,\n useMemo,\n ChangeEvent,\n forwardRef,\n FC,\n PropsWithoutRef\n} from 'react';\n\nimport {\n Button,\n FileInput,\n FileVisual,\n Progress,\n Modal,\n Text,\n SummaryList,\n ViewAll,\n getKindFromMimeType,\n getMimeTypeFromFile,\n Action,\n Popover,\n Flex,\n Input,\n ComboBox,\n createUID,\n PopoverProps,\n useModalManager,\n useModalContext,\n useOuterEvent,\n useToaster,\n hasProp,\n DateTimeDisplay,\n SummaryListItem,\n MetaList\n} from '@pega/cosmos-react-core';\n\nimport {\n FileServiceContext,\n FileServiceContextValue,\n mockAttachmentListRequest,\n mockCategories,\n MockFileAttachmentResource,\n MockFileUploadItem\n} from './FileService.mock';\n\n// ---------------------------------------------------------------------------------------------------------------------\n// getSummaryListItemProps\n// ---------------------------------------------------------------------------------------------------------------------\nconst getSummaryListItemProps = ({\n ref,\n file,\n editFile,\n cancelFile,\n deleteFile\n}: {\n ref: Ref<HTMLLIElement>;\n file: MockFileAttachmentResource | MockFileUploadItem;\n editFile?: (file: MockFileAttachmentResource) => void;\n cancelFile: FileServiceContextValue['cancelFile'];\n deleteFile: FileServiceContextValue['deleteFile'];\n}): SummaryListItem => {\n let actions: Action[];\n let visual: JSX.Element;\n\n if (hasProp(file, 'progress') && typeof file.progress === 'number' && file.progress < 100) {\n visual = <Progress value={file.progress} placement='inline' variant='ring' />;\n actions = [\n {\n id: 'Cancel',\n text: 'Cancel',\n icon: 'times',\n onClick: () => {\n cancelFile(file.id);\n }\n }\n ];\n } else {\n visual = (\n <FileVisual\n type={getKindFromMimeType(getMimeTypeFromFile(file.name) ?? '')}\n thumbnail={(file as MockFileAttachmentResource).thumbnail}\n />\n );\n actions = [\n {\n id: 'Edit',\n text: 'Edit',\n icon: 'pencil',\n onClick: () => {\n editFile?.(file);\n }\n },\n {\n id: 'Download',\n text: 'Download',\n icon: 'download',\n onClick: () => {}\n },\n {\n id: 'Delete',\n text: 'Delete',\n icon: 'trash',\n onClick: () => {\n deleteFile(file.id);\n }\n }\n ];\n }\n\n return {\n ref,\n id: file.id,\n visual,\n primary: file.name,\n secondary: (\n <Text variant='secondary'>\n {hasProp(file, 'progress') && typeof file.progress === 'number' && file.progress < 100 ? (\n `Uploading…${Math.floor(file.progress)}%`\n ) : (\n <MetaList\n items={[\n file.category,\n <>\n Uploaded{' '}\n <DateTimeDisplay\n variant='relative'\n value={(file as MockFileAttachmentResource).createDate}\n />\n </>\n ]}\n />\n )}\n </Text>\n ),\n actions\n };\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n// Attachment edit Popover\n// ---------------------------------------------------------------------------------------------------------------------\ninterface EditPopoverProps {\n file: MockFileAttachmentResource;\n target: PopoverProps['target'];\n onSubmit: (fields: { name: string; category: string }) => void;\n onCancel: () => void;\n ref: Ref<HTMLDivElement>;\n}\n\nconst EditPopover: FC<EditPopoverProps> = forwardRef(\n (\n { file, target, onSubmit, onCancel }: PropsWithoutRef<EditPopoverProps>,\n ref: EditPopoverProps['ref']\n ) => {\n const [name, setName] = useState(file.name);\n const [error, setError] = useState('');\n\n const [categories, setCategories] = useState(() => {\n return [\n { id: createUID(), primary: 'No category', selected: false },\n ...mockCategories.map(category => {\n return {\n id: createUID(),\n primary: category,\n selected: file.category === category\n };\n })\n ];\n });\n\n const selectedCategory = useMemo(() => {\n const sc = categories.find(c => c.selected);\n return sc\n ? {\n items: {\n id: sc.id,\n text: sc.primary\n }\n }\n : undefined;\n }, [categories]);\n\n return (\n // Set an inline style ONLY until Popover width presets are available.\n <Popover ref={ref} target={target} style={{ width: '40ch' }} placement='bottom-start'>\n <Flex container={{ direction: 'column', gap: 2, pad: 2 }}>\n <Text variant='h3'>Details</Text>\n\n <Flex container={{ direction: 'column', gap: 2 }}>\n <Input\n label='Name'\n placeholder='Enter name…'\n value={name}\n info={error}\n status={error ? 'error' : undefined}\n autoFocus\n required\n onChange={(e: ChangeEvent<HTMLInputElement>) => {\n setName(e.target.value);\n if (error && e.target.value) {\n setError('');\n }\n }}\n onBlur={() => {\n if (!name) {\n setError('Name is required.');\n }\n }}\n />\n <ComboBox\n label='Category'\n placeholder='Choose…'\n selected={selectedCategory}\n menu={{\n mode: 'single-select',\n items: categories,\n onItemClick: id => {\n setCategories(cur => {\n return cur.map(category => {\n return {\n ...category,\n selected: category.id === id\n };\n });\n });\n }\n }}\n />\n </Flex>\n\n <Flex container={{ justify: 'between' }}>\n <Button onClick={onCancel}>Cancel</Button>\n <Button\n variant='primary'\n onClick={() => {\n if (error) return;\n onSubmit({\n name,\n category:\n !selectedCategory || selectedCategory.items.text === 'No category'\n ? ''\n : selectedCategory.items.text\n });\n }}\n >\n Submit\n </Button>\n </Flex>\n </Flex>\n </Popover>\n );\n }\n);\n\n// ---------------------------------------------------------------------------------------------------------------------\n// AttachmentsModal\n// ---------------------------------------------------------------------------------------------------------------------\ninterface AttachmentsModalProps {\n defaultMode: 'viewAll' | 'addNew';\n}\n\nconst AttachmentsModal = ({ defaultMode }: AttachmentsModalProps) => {\n const [mode, setMode] = useState(defaultMode);\n\n const { push: pushToaster } = useToaster();\n const { dismiss } = useModalContext();\n const { files, setFiles, cancelFile, attachFile, deleteFile } = useContext(FileServiceContext);\n\n const [search, setSearch] = useState('');\n const [loading, setLoading] = useState(true);\n const [newFiles, setNewFiles] = useState<MockFileUploadItem[]>([]);\n\n const attachSelected = useCallback(() => {\n newFiles.forEach(attachFile);\n dismiss();\n }, [newFiles, attachFile]);\n\n const listItemEls = useRef<HTMLLIElement[]>([]);\n const [editFileIndex, setEditFileIndex] = useState<number>(-1);\n\n const editPopoverTargetLi = useMemo(() => {\n return editFileIndex !== undefined ? listItemEls.current[editFileIndex] : undefined;\n }, [editFileIndex, listItemEls]);\n\n const menuButton = useMemo(\n () =>\n editPopoverTargetLi\n ? editPopoverTargetLi.querySelector<HTMLButtonElement>('button[aria-haspopup=\"menu\"]')\n : null,\n [editPopoverTargetLi]\n );\n\n const handlePopoverClose = useCallback(() => {\n if (!editPopoverTargetLi) return;\n setEditFileIndex(-1);\n menuButton?.focus();\n }, [menuButton, editPopoverTargetLi]);\n\n const handleKeydown = useCallback((e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n setEditFileIndex(-1);\n }\n }, []);\n\n const editPopoverRef = useRef<HTMLDivElement>(null);\n\n // Using mousedown instead of click since drag selecting an input's value within the popover, then releasing outside the popover triggers outer click.\n useOuterEvent('mousedown', [editPopoverRef], handlePopoverClose);\n\n useEffect(() => {\n if (mode === 'viewAll') {\n const timeout = setTimeout(() => {\n setLoading(false);\n }, 1000);\n\n return () => {\n clearTimeout(timeout);\n };\n }\n }, [mode]);\n\n useEffect(() => {\n if (!editPopoverTargetLi) return;\n document.addEventListener('keydown', handleKeydown);\n return () => {\n document.removeEventListener('keydown', handleKeydown);\n };\n }, [editPopoverTargetLi]);\n\n useEffect(() => {\n // Since the component is performing double duty we need to empty out ref elements from a prior render mode.\n listItemEls.current = [];\n }, [mode]);\n\n const onFilesAdded = useCallback(\n (newlyAddedFiles: File[]) => {\n setNewFiles(current => [\n ...newlyAddedFiles.map((file, i) => {\n const id = createUID();\n return {\n id,\n name: file.name,\n category: '',\n File: file,\n ref: (el: HTMLLIElement) => {\n listItemEls.current[i] = el;\n },\n onEdit: () => {\n setEditFileIndex(i);\n },\n onCancel: () => {\n setNewFiles(c => c.filter(f => f.id !== id));\n }\n };\n }),\n ...current\n ]);\n },\n [files]\n );\n\n // Actions for the modal\n const actions =\n mode === 'addNew' ? (\n <>\n <Button onClick={dismiss}>Cancel</Button>\n <Button\n type='submit'\n variant='primary'\n // Normally this would trigger a submit event but we are preventing that in the Modal's onSubmit.\n onClick={attachSelected}\n disabled={newFiles.length === 0}\n >\n Attach Files\n </Button>\n </>\n ) : null;\n\n // Content for the modal\n const content =\n mode === 'addNew' ? (\n <FileInput\n multiple\n label='Select files to attach'\n onFilesAdded={onFilesAdded}\n files={newFiles.map(f => ({ ...f, meta: f.category || undefined }))}\n />\n ) : (\n <ViewAll\n loading={loading}\n items={(search ? files.filter(f => f.name.includes(search)) : files).map((file, i) => {\n return getSummaryListItemProps({\n ref: (el: HTMLLIElement) => {\n listItemEls.current[i] = el;\n },\n file,\n editFile: () => {\n setEditFileIndex(i);\n },\n cancelFile: id => {\n const canceledFile = files.find(f => f.id === id) as MockFileUploadItem;\n cancelFile(id);\n pushToaster({ content: `Cancelled attaching ${canceledFile.name}` });\n },\n deleteFile: async id => {\n const deletedFile = files.find(f => f.id === id) as MockFileAttachmentResource;\n await deleteFile(id);\n pushToaster({ content: `${deletedFile.name} deleted` });\n }\n });\n })}\n actions={[\n {\n id: 'addNewFile',\n text: 'Add files',\n onClick: () => {\n setMode('addNew');\n }\n },\n {\n id: 'addNewLink',\n text: 'Add links',\n onClick: () => {\n setMode('addNew');\n }\n }\n ]}\n searchInputProps={{ onSearchChange: value => setSearch(value) }}\n />\n );\n\n return (\n <Modal\n as={mode === 'addNew' ? 'form' : undefined}\n heading={mode === 'addNew' ? 'Add attachments' : 'Attachments'}\n actions={actions}\n onRequestDismiss={() => {\n return !editPopoverTargetLi;\n }}\n onSubmit={\n mode === 'addNew'\n ? (e: FormEvent) => {\n e.preventDefault();\n }\n : undefined\n }\n >\n <>\n {content}\n {editPopoverTargetLi && (\n <EditPopover\n ref={editPopoverRef}\n target={menuButton}\n file={mode === 'addNew' ? newFiles[editFileIndex] : files[editFileIndex]}\n onCancel={handlePopoverClose}\n onSubmit={({ name, category }) => {\n handlePopoverClose();\n\n // TS kept from easily consolidating like:\n // const setter = mode === 'addNew' ? setNewFiles : setFiles;\n // Could not avoid map's file param as \"any\".\n if (mode === 'addNew') {\n setNewFiles(cur => {\n return cur.map((file, i) => {\n if (i === editFileIndex) {\n return {\n ...file,\n name,\n category\n };\n }\n\n return file;\n });\n });\n } else {\n setFiles(cur =>\n cur.map((file, i) => {\n if (i === editFileIndex) {\n return {\n ...file,\n name,\n category\n };\n }\n\n return file;\n })\n );\n }\n }}\n />\n )}\n </>\n </Modal>\n );\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n// Attachments mock\n// ---------------------------------------------------------------------------------------------------------------------\nexport const AttachmentsMock = () => {\n const { push: pushToaster } = useToaster();\n const { create: createModal } = useModalManager();\n const [loading, setLoading] = useState(true);\n const { files, setFiles, cancelFile, deleteFile } = useContext(FileServiceContext);\n\n const listItemEls = useRef<HTMLLIElement[]>([]);\n const [editFileIndex, setEditFileIndex] = useState<number>(-1);\n\n const editPopoverTargetLi = useMemo(() => {\n return editFileIndex !== undefined ? listItemEls.current[editFileIndex] : undefined;\n }, [editFileIndex, listItemEls]);\n\n const menuButton = useMemo(\n () =>\n editPopoverTargetLi\n ? editPopoverTargetLi.querySelector<HTMLButtonElement>('button[aria-haspopup=\"menu\"]')\n : null,\n [editPopoverTargetLi]\n );\n\n const handlePopoverClose = useCallback(() => {\n if (!editPopoverTargetLi) return;\n setEditFileIndex(-1);\n menuButton?.focus();\n }, [menuButton, editPopoverTargetLi]);\n\n const handleKeydown = useCallback((e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n setEditFileIndex(-1);\n }\n }, []);\n\n const editPopoverRef = useRef<HTMLDivElement>(null);\n\n // Using mousedown instead of click since drag selecting an input's value within the popover, then releasing outside the popover triggers outer click.\n useOuterEvent('mousedown', [editPopoverRef], handlePopoverClose);\n\n useEffect(() => {\n mockAttachmentListRequest().then(attachments => {\n setLoading(false);\n setFiles(attachments);\n });\n }, []);\n\n useEffect(() => {\n if (!editPopoverTargetLi) return;\n document.addEventListener('keydown', handleKeydown);\n return () => {\n document.removeEventListener('keydown', handleKeydown);\n };\n }, [editPopoverTargetLi]);\n\n return (\n <>\n <SummaryList\n icon='paper-clip'\n name='Attachments'\n loading={loading}\n count={!loading && Array.isArray(files) ? files.length : undefined}\n actions={[\n {\n text: 'Add attachments',\n id: 'addNew',\n icon: 'plus',\n onClick() {\n createModal(AttachmentsModal, { defaultMode: 'addNew' as const });\n }\n }\n ]}\n items={files.slice(0, 3).map((file, i) => {\n return getSummaryListItemProps({\n ref: (el: HTMLLIElement) => {\n listItemEls.current[i] = el;\n },\n file,\n editFile: () => {\n setEditFileIndex(i);\n },\n cancelFile: id => {\n const canceledFile = files.find(f => f.id === id) as MockFileUploadItem;\n cancelFile(id);\n pushToaster({ content: `Cancelled attaching ${canceledFile.name}` });\n },\n deleteFile: async id => {\n const deletedFile = files.find(f => f.id === id) as MockFileAttachmentResource;\n await deleteFile(id);\n pushToaster({ content: `${deletedFile.name} deleted` });\n }\n });\n })}\n onViewAll={() => {\n createModal(AttachmentsModal, { defaultMode: 'viewAll' as const });\n }}\n />\n {editPopoverTargetLi && (\n <EditPopover\n ref={editPopoverRef}\n target={menuButton}\n file={files[editFileIndex]}\n onCancel={handlePopoverClose}\n onSubmit={({ name, category }) => {\n handlePopoverClose();\n setFiles(cur =>\n cur.map((file, i) => {\n if (i === editFileIndex) {\n return {\n ...file,\n name,\n category\n };\n }\n\n return file;\n })\n );\n }}\n />\n )}\n </>\n );\n};\n"]}
@@ -1,11 +1,81 @@
1
- /// <reference types="react" />
1
+ import { Dispatch, SetStateAction } from 'react';
2
2
  import { SummaryListProps } from '@pega/cosmos-react-core';
3
3
  import type { Tab } from '@pega/cosmos-react-core/lib/components/Tabs/Tabs.types';
4
- export declare function getTabs(): Tab[];
4
+ import { CaseViewProps } from '@pega/cosmos-react-work';
5
+ import { TokenMap } from '@pega/cosmos-react-rte';
6
+ import { FeedProps } from '@pega/cosmos-react-social/lib/components/Feed/Feed';
7
+ interface PreviewSetters {
8
+ setPreviewCaseId: Dispatch<SetStateAction<string | null>>;
9
+ setPreviewCurrentTabId: Dispatch<SetStateAction<string>>;
10
+ }
11
+ export declare const tabLabels: string[];
12
+ export declare const baseCaseTabs: Tab[];
5
13
  export declare const MockSummaryListViewAllModal: ({ name, count }: any) => JSX.Element;
6
14
  export declare const MockSummaryList: ({ icon, name, actions, limit }: Pick<SummaryListProps, "icon" | "name"> & {
7
15
  actions?: null | undefined;
8
16
  limit?: number | undefined;
9
17
  }) => JSX.Element;
10
18
  export declare const MockOperatorFieldValue: () => JSX.Element;
19
+ export declare const PreviewLinkComponent: ({ token: linkToken, setPreviewCaseId, setPreviewCurrentTabId }: {
20
+ token: TokenMap['link'];
21
+ } & PreviewSetters) => JSX.Element;
22
+ export declare const getPulseMarkdownMap: ({ setPreviewCaseId, setPreviewCurrentTabId }: PreviewSetters) => FeedProps['markdownMap'];
23
+ export declare const onMentionPreview: ({ id, type, setPreviewCaseId, setPreviewCurrentTabId }: {
24
+ id: string;
25
+ type: string;
26
+ } & PreviewSetters) => void;
27
+ export declare const getTabContent: ({ setPreviewCaseId, setPreviewCurrentTabId }: PreviewSetters) => {
28
+ id: string;
29
+ content: JSX.Element;
30
+ }[];
31
+ export declare const previewTabContent: {
32
+ id: string;
33
+ content: JSX.Element;
34
+ }[];
35
+ export declare const getPrimaryFields: () => {
36
+ id: string;
37
+ name: string;
38
+ value: string;
39
+ }[];
40
+ export declare const getSecondaryFields: ({ setPreviewCaseId, setPreviewCurrentTabId }: PreviewSetters) => ({
41
+ name: string;
42
+ value: JSX.Element;
43
+ } | {
44
+ name: string;
45
+ value: string;
46
+ })[];
47
+ export declare const casePreviewPrimaryFields: {
48
+ name: string;
49
+ value: string;
50
+ }[];
51
+ export declare const casePreviewSecondaryFields: ({
52
+ name: string;
53
+ value: JSX.Element;
54
+ } | {
55
+ name: string;
56
+ value: string;
57
+ })[];
58
+ export declare const getParentCases: ({ caseId, setPreviewCaseId, setPreviewCurrentTabId }: {
59
+ caseId: CaseViewProps['caseId'];
60
+ } & PreviewSetters) => {
61
+ id: string;
62
+ primary: string;
63
+ href: string;
64
+ previewable: boolean;
65
+ onPreview: () => void;
66
+ }[];
67
+ export declare const Utilities: () => JSX.Element;
68
+ export declare const getUtilitiesSummaryItems: () => CaseViewProps['utilitiesSummaryItems'];
69
+ export declare const getCaseActions: () => {
70
+ text: string;
71
+ id: string;
72
+ onClick: () => void;
73
+ }[];
74
+ export declare const getPromotedActions: () => {
75
+ id: string;
76
+ text: string;
77
+ onClick: () => void;
78
+ }[];
79
+ export declare const PersistentUtilityContent: () => JSX.Element;
80
+ export {};
11
81
  //# sourceMappingURL=CaseView.mocks.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CaseView.mocks.d.ts","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.mocks.tsx"],"names":[],"mappings":";AAEA,OAAO,EASL,gBAAgB,EAIjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,wDAAwD,CAAC;AAKlF,wBAAgB,OAAO,UAOtB;AAID,eAAO,MAAM,2BAA2B,oBAAqB,GAAG,gBAwC/D,CAAC;AAEF,eAAO,MAAM,eAAe;;;iBAqD3B,CAAC;AAEF,eAAO,MAAM,sBAAsB,mBA8ElC,CAAC"}
1
+ {"version":3,"file":"CaseView.mocks.d.ts","sourceRoot":"","sources":["../../../src/work/CaseView/CaseView.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAgC,MAAM,OAAO,CAAC;AAG/E,OAAO,EAQL,gBAAgB,EAQjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,wDAAwD,CAAC;AAClF,OAAO,EAAW,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,oDAAoD,CAAC;AAW/E,UAAU,cAAc;IACtB,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IAC1D,sBAAsB,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC1D;AAMD,eAAO,MAAM,SAAS,UAAmC,CAAC;AAE1D,eAAO,MAAM,YAAY,OAKvB,CAAC;AAIH,eAAO,MAAM,2BAA2B,oBAAqB,GAAG,gBAwC/D,CAAC;AAEF,eAAO,MAAM,eAAe;;;iBAqD3B,CAAC;AAEF,eAAO,MAAM,sBAAsB,mBA8ElC,CAAC;AAEF,eAAO,MAAM,oBAAoB,mEAI9B;IAAE,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;CAAE,GAAG,cAAc,gBAa9C,CAAC;AAEF,eAAO,MAAM,mBAAmB,iDAG7B,cAAc,KAAG,SAAS,CAAC,aAAa,CAc1C,CAAC;AAEF,eAAO,MAAM,gBAAgB;QAMvB,MAAM;UACJ,MAAM;2BAMb,CAAC;AAEF,eAAO,MAAM,aAAa,iDAAkD,cAAc;;;GA0BzF,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;GAiB7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;GAW5B,CAAC;AAqBF,eAAO,MAAM,kBAAkB,iDAG5B,cAAc;;;;;;IAuBhB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;GASpC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;IAAsB,CAAC;AAE9D,eAAO,MAAM,cAAc;YAKjB,aAAa,CAAC,QAAQ,CAAC;;;;;;;GAuBhC,CAAC;AAEF,eAAO,MAAM,SAAS,mBASrB,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAAO,aAAa,CAAC,uBAAuB,CAOhF,CAAC;AAEF,eAAO,MAAM,cAAc;;;;GAQ1B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;GAE9B,CAAC;AASF,eAAO,MAAM,wBAAwB,mBASpC,CAAC"}
@@ -1,15 +1,24 @@
1
- import { useContext, useEffect, useMemo, useState } from 'react';
2
- import { Avatar, Button, Link, createStringMatcher, Modal, ModalManagerContext, Popover, SummaryList, useElement, useOuterEvent, ViewAll } from '@pega/cosmos-react-core';
1
+ import { useEffect, useMemo, useState } from 'react';
2
+ import styled, { css } from 'styled-components';
3
+ import { Avatar, Button, Link, createStringMatcher, Modal, Popover, SummaryList, useModalManager, useElement, useOuterEvent, ViewAll, Status, createUID, Flex } from '@pega/cosmos-react-core';
3
4
  import { Glimpse } from '@pega/cosmos-react-work';
5
+ import { TableDemo } from '../../core/Table/Table.stories';
4
6
  import { useMockListData } from '../../core/SummaryList/SummaryList.mocks';
5
- export function getTabs() {
6
- return ['Details', 'Pulse', 'Accounts'].map((name) => {
7
- return {
8
- name,
9
- id: name
10
- };
11
- });
12
- }
7
+ import { StakeHoldersDemo } from '../Stakeholders/Stakeholders.stories';
8
+ import { TagsDemo } from '../Tags/Tags.stories';
9
+ import { PulseMock } from './Pulse.mocks';
10
+ import { Details } from './Details.mocks';
11
+ import { AttachmentsMock } from './Attachments.mocks';
12
+ const createDate = new Date(2016, 1, 8);
13
+ const msInYear = 1000 * 60 * 60 * 24 * 365;
14
+ const diffInYears = Math.floor((Date.now() - createDate.getTime()) / msInYear);
15
+ export const tabLabels = ['Details', 'Pulse', 'Accounts'];
16
+ export const baseCaseTabs = tabLabels.map((name) => {
17
+ return {
18
+ name,
19
+ id: name
20
+ };
21
+ });
13
22
  const singularize = (s = '') => s.replace(/s$/i, '').toLowerCase();
14
23
  export const MockSummaryListViewAllModal = ({ name, count }) => {
15
24
  const [search, setSearch] = useState('');
@@ -39,7 +48,7 @@ export const MockSummaryListViewAllModal = ({ name, count }) => {
39
48
  </Modal>);
40
49
  };
41
50
  export const MockSummaryList = ({ icon, name, actions, limit }) => {
42
- const { create: createModal } = useContext(ModalManagerContext);
51
+ const { create: createModal } = useModalManager();
43
52
  const [loading, setLoading] = useState(true);
44
53
  const count = Math.floor(Math.random() * 144) + 7;
45
54
  const [items] = useMockListData(() => {
@@ -123,4 +132,185 @@ export const MockOperatorFieldValue = () => {
123
132
  </Popover>)}
124
133
  </>);
125
134
  };
135
+ export const PreviewLinkComponent = ({ token: linkToken, setPreviewCaseId, setPreviewCurrentTabId }) => {
136
+ return (<Link href={linkToken.href} previewable onPreview={() => {
137
+ setPreviewCaseId(linkToken.href);
138
+ setPreviewCurrentTabId(`summary-${linkToken.href}`);
139
+ }}>
140
+ {linkToken.text}
141
+ </Link>);
142
+ };
143
+ export const getPulseMarkdownMap = ({ setPreviewCaseId, setPreviewCurrentTabId }) => {
144
+ return {
145
+ link: (linkToken) => {
146
+ if (linkToken.href?.startsWith('C-')) {
147
+ return () => (<PreviewLinkComponent token={linkToken} setPreviewCaseId={setPreviewCaseId} setPreviewCurrentTabId={setPreviewCurrentTabId}/>);
148
+ }
149
+ }
150
+ };
151
+ };
152
+ export const onMentionPreview = ({ id, type, setPreviewCaseId, setPreviewCurrentTabId }) => {
153
+ if (type === 'case') {
154
+ setPreviewCaseId(id);
155
+ setPreviewCurrentTabId(`summary-${id}`);
156
+ }
157
+ };
158
+ export const getTabContent = ({ setPreviewCaseId, setPreviewCurrentTabId }) => {
159
+ return [
160
+ {
161
+ id: 'Details',
162
+ content: <Details />
163
+ },
164
+ {
165
+ id: 'Pulse',
166
+ content: (<PulseMock markdownMap={getPulseMarkdownMap({ setPreviewCaseId, setPreviewCurrentTabId })} onMentionPreview={({ id, type }) => {
167
+ onMentionPreview({ id, type, setPreviewCaseId, setPreviewCurrentTabId });
168
+ }}/>)
169
+ },
170
+ {
171
+ id: 'Accounts',
172
+ content: <TableDemo />
173
+ },
174
+ {
175
+ id: 'not found',
176
+ content: <h2>Not Found</h2>
177
+ }
178
+ ];
179
+ };
180
+ export const previewTabContent = [
181
+ {
182
+ id: 'Details',
183
+ content: <Details />
184
+ },
185
+ {
186
+ id: 'Pulse',
187
+ content: <PulseMock />
188
+ },
189
+ {
190
+ id: 'Accounts',
191
+ content: <TableDemo />
192
+ },
193
+ {
194
+ id: 'not found',
195
+ content: <h2>Not Found</h2>
196
+ }
197
+ ];
198
+ export const getPrimaryFields = () => {
199
+ return [
200
+ {
201
+ name: 'Member ID',
202
+ value: 'M205435569FD'
203
+ },
204
+ {
205
+ name: 'Priority',
206
+ value: '95'
207
+ }
208
+ ].map((f, i) => ({ ...f, id: `p-${i}` }));
209
+ };
210
+ const baseSecondaryFields = [
211
+ {
212
+ name: 'Status',
213
+ value: <Status variant='info'>New</Status>
214
+ },
215
+ {
216
+ name: 'Assigned to',
217
+ value: 'Dean Thomas'
218
+ },
219
+ {
220
+ name: 'Create date',
221
+ value: createDate.toDateString()
222
+ },
223
+ {
224
+ name: 'Update date',
225
+ value: `${diffInYears} years ago`
226
+ }
227
+ ];
228
+ export const getSecondaryFields = ({ setPreviewCaseId, setPreviewCurrentTabId }) => {
229
+ return [
230
+ ...baseSecondaryFields,
231
+ {
232
+ name: 'Created by',
233
+ value: <MockOperatorFieldValue />
234
+ },
235
+ {
236
+ name: 'Previewable Case',
237
+ value: (<Link href='/cases/C-456' previewable onPreview={() => {
238
+ setPreviewCaseId('C-456');
239
+ setPreviewCurrentTabId('summary-C-456');
240
+ }}>
241
+ Previewable Case - C-456
242
+ </Link>)
243
+ }
244
+ ];
245
+ };
246
+ export const casePreviewPrimaryFields = [
247
+ {
248
+ name: 'Member ID',
249
+ value: 'M204859F438G'
250
+ },
251
+ {
252
+ name: 'Priority',
253
+ value: '95'
254
+ }
255
+ ];
256
+ export const casePreviewSecondaryFields = baseSecondaryFields;
257
+ export const getParentCases = ({ caseId, setPreviewCaseId, setPreviewCurrentTabId }) => {
258
+ const ids = new Set([caseId]);
259
+ return Array.from({ length: 5 }, (_, i) => {
260
+ let id;
261
+ do {
262
+ id = `C-${Math.floor(Math.random() * 200 + 100)}`;
263
+ } while (ids.has(id));
264
+ ids.add(id);
265
+ return {
266
+ id,
267
+ primary: `Parent ${5 - i} - ${id}`,
268
+ href: `/cases/${id}`,
269
+ previewable: true,
270
+ onPreview: () => {
271
+ setPreviewCaseId(id);
272
+ setPreviewCurrentTabId(`summary-${id}`);
273
+ }
274
+ };
275
+ });
276
+ };
277
+ export const Utilities = () => {
278
+ return (<>
279
+ <AttachmentsMock />
280
+ <StakeHoldersDemo />
281
+ <MockSummaryList icon='user-star' name='Followers'/>
282
+ <TagsDemo />
283
+ </>);
284
+ };
285
+ export const getUtilitiesSummaryItems = () => {
286
+ return [
287
+ { iconName: 'paper-clip', count: 4 },
288
+ { iconName: 'user-search-solid', count: 10 },
289
+ { iconName: 'user-star-solid', count: 5 },
290
+ { iconName: 'tag', count: 10 }
291
+ ];
292
+ };
293
+ export const getCaseActions = () => {
294
+ return Array.from({ length: 12 }, (_, i) => {
295
+ return {
296
+ text: `Action ${i + 1}`,
297
+ id: `${i + 1}`,
298
+ onClick: () => { }
299
+ };
300
+ });
301
+ };
302
+ export const getPromotedActions = () => {
303
+ return [{ id: createUID(), text: 'Promoted action', onClick: () => { } }];
304
+ };
305
+ const StyledPersistentUtilityContent = styled.div(({ theme }) => {
306
+ return css `
307
+ height: 100%;
308
+ border-inline: 0.0625rem dashed ${theme.base.palette['border-line']};
309
+ `;
310
+ });
311
+ export const PersistentUtilityContent = () => {
312
+ return (<Flex container={{ justify: 'center', alignItems: 'center' }} as={StyledPersistentUtilityContent}>
313
+ Persistent utility content
314
+ </Flex>);
315
+ };
126
316
  //# sourceMappingURL=CaseView.mocks.jsx.map