@elliemae/pui-app-sdk 2.17.1 → 3.0.0-beta.10

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 (397) hide show
  1. package/dist/cjs/analytics/appdynamics.js +34 -30
  2. package/dist/cjs/analytics/index.js +32 -26
  3. package/dist/cjs/analytics/page-view-event.js +34 -30
  4. package/dist/cjs/analytics/user-session-event.js +34 -27
  5. package/dist/cjs/analytics/user-wait-event.js +31 -17
  6. package/dist/cjs/analytics/web-analytics.js +16 -19
  7. package/dist/cjs/api/auth/index.js +41 -39
  8. package/dist/cjs/api/helpers.js +33 -99
  9. package/dist/cjs/api/users/index.js +28 -16
  10. package/dist/cjs/communication/http-client/index.js +44 -48
  11. package/dist/cjs/communication/http-client/request-interceptor.js +28 -12
  12. package/dist/cjs/communication/http-client/response-interceptor.js +41 -38
  13. package/dist/cjs/communication/http-client/retry-axios.js +68 -122
  14. package/dist/cjs/communication/http-client/retry.js +42 -36
  15. package/dist/cjs/communication/http-client/tests/index.test-disable.js +48 -56
  16. package/dist/cjs/data/auth/actions.js +17 -26
  17. package/dist/cjs/data/auth/reducer.js +30 -18
  18. package/dist/cjs/data/breakpoint/index.js +38 -32
  19. package/dist/cjs/data/error/index.js +33 -18
  20. package/dist/cjs/data/index.js +34 -0
  21. package/dist/cjs/data/live-message/index.js +34 -25
  22. package/dist/cjs/data/logout/actions.js +12 -9
  23. package/dist/cjs/data/navigation-prompt/actions.js +12 -9
  24. package/dist/cjs/data/react-redux.js +29 -13
  25. package/dist/cjs/data/reducers.js +35 -23
  26. package/dist/cjs/data/saga.js +12 -9
  27. package/dist/cjs/data/store.js +52 -60
  28. package/dist/cjs/data/wait-message/actions.js +14 -13
  29. package/dist/cjs/data/wait-message/reducer.js +32 -24
  30. package/dist/cjs/index.js +189 -809
  31. package/dist/cjs/micro-frontend.js +33 -0
  32. package/dist/cjs/route/index.js +38 -32
  33. package/dist/cjs/route/page-view.js +30 -22
  34. package/dist/cjs/route/private-route/index.js +53 -60
  35. package/dist/cjs/sideeffect/auth/index.js +42 -30
  36. package/dist/cjs/sideeffect/error-toast/index.js +39 -26
  37. package/dist/cjs/sideeffect/wait-message/index.js +45 -29
  38. package/dist/cjs/typings/custom.d.js +0 -1
  39. package/dist/cjs/typings/elliemae.d.js +0 -1
  40. package/dist/cjs/typings/styled.d.js +19 -3
  41. package/dist/cjs/utils/app-config/config.js +33 -33
  42. package/dist/cjs/utils/app-config/index.js +42 -44
  43. package/dist/cjs/utils/app-host-integration/react.js +27 -14
  44. package/dist/cjs/utils/auth/helper.js +30 -18
  45. package/dist/cjs/utils/auth/index.js +76 -116
  46. package/dist/cjs/utils/await.js +3 -0
  47. package/dist/cjs/utils/constants.js +22 -21
  48. package/dist/cjs/utils/font-size.js +13 -14
  49. package/dist/cjs/utils/guest-with-service.js +11 -12
  50. package/dist/cjs/utils/helpers.js +15 -19
  51. package/dist/cjs/utils/history.js +29 -12
  52. package/dist/cjs/utils/log-records.js +38 -35
  53. package/dist/cjs/utils/micro-frontend/console-logger.js +39 -23
  54. package/dist/cjs/utils/micro-frontend/guest.js +80 -128
  55. package/dist/cjs/utils/micro-frontend/host.js +84 -124
  56. package/dist/cjs/utils/micro-frontend/index.js +60 -61
  57. package/dist/cjs/utils/micro-frontend/types.js +3 -5
  58. package/dist/cjs/utils/redact-pii.js +15 -17
  59. package/dist/cjs/utils/service-worker.js +36 -21
  60. package/dist/cjs/utils/session.js +64 -70
  61. package/dist/cjs/utils/storybook/cjs/main.js +53 -0
  62. package/dist/cjs/utils/storybook/cjs/middleware.js +5 -0
  63. package/dist/cjs/utils/storybook/cjs/vite.js +6 -0
  64. package/dist/cjs/utils/storybook/cjs/webpack.js +21 -0
  65. package/dist/cjs/utils/storybook/manager.js +31 -16
  66. package/dist/cjs/utils/storybook/preview.js +58 -50
  67. package/dist/cjs/utils/storybook/theme.js +30 -14
  68. package/dist/cjs/utils/testing/index.js +39 -50
  69. package/dist/cjs/utils/testing/render-with-redux.js +35 -27
  70. package/dist/cjs/utils/testing/render-with-router-redux.js +41 -37
  71. package/dist/cjs/utils/testing/render-with-router.js +35 -28
  72. package/dist/cjs/utils/testing/render-with-state-addons.js +41 -36
  73. package/dist/cjs/utils/types.js +3 -0
  74. package/dist/cjs/utils/url.js +12 -13
  75. package/dist/cjs/utils/web-storage.js +40 -30
  76. package/dist/cjs/utils/window.js +36 -28
  77. package/dist/cjs/view/app-root/hosted-app.js +36 -32
  78. package/dist/cjs/view/app-root/index.js +58 -62
  79. package/dist/cjs/view/app-root/stand-alone-app.js +39 -37
  80. package/dist/cjs/view/app-root/style.js +50 -12
  81. package/dist/cjs/view/error-boundary/default-error-template.js +27 -15
  82. package/dist/cjs/view/error-boundary/index.js +41 -43
  83. package/dist/cjs/view/error-toast/index.js +43 -32
  84. package/dist/cjs/view/fetch-host-app-data/index.js +34 -26
  85. package/dist/cjs/view/fetch-host-app-data/store.js +31 -24
  86. package/dist/cjs/view/fields/check-box/index.js +35 -39
  87. package/dist/cjs/view/fields/combo-box/index.js +38 -31
  88. package/dist/cjs/view/fields/connect-form.js +30 -15
  89. package/dist/cjs/view/fields/date-input/index.js +35 -26
  90. package/dist/cjs/view/fields/date-picker/index.js +35 -26
  91. package/dist/cjs/view/fields/form-item-layout/index.js +37 -30
  92. package/dist/cjs/view/fields/input-mask/index.js +36 -41
  93. package/dist/cjs/view/fields/large-text-box/index.js +35 -26
  94. package/dist/cjs/view/fields/radio/index.js +35 -30
  95. package/dist/cjs/view/fields/radio-group/index.js +33 -27
  96. package/dist/cjs/view/fields/text-box/index.js +35 -26
  97. package/dist/cjs/view/fields/watch-value.js +42 -35
  98. package/dist/cjs/view/form/index.js +42 -34
  99. package/dist/cjs/view/form/personal-info-section.js +57 -80
  100. package/dist/cjs/view/form/submit-button/index.js +35 -23
  101. package/dist/cjs/view/guest-unload-handlers/index.js +33 -22
  102. package/dist/cjs/view/header/center-region/index.js +62 -38
  103. package/dist/cjs/view/header/index.js +42 -35
  104. package/dist/cjs/view/header/logo-region/index.js +32 -23
  105. package/dist/cjs/view/header/nav-region/index.js +45 -30
  106. package/dist/cjs/view/header/nav-region/notification/index.js +29 -18
  107. package/dist/cjs/view/header/nav-region/user/index.js +29 -18
  108. package/dist/cjs/view/host-binding-events/index.js +10 -11
  109. package/dist/cjs/view/intro.stories.mdx +1 -1
  110. package/dist/cjs/view/live-message/index.js +34 -34
  111. package/dist/cjs/view/loadable/index.js +34 -27
  112. package/dist/cjs/view/login/index.js +37 -30
  113. package/dist/cjs/view/media-breakpoint/index.js +44 -34
  114. package/dist/cjs/view/message-to-host-app/index.js +31 -20
  115. package/dist/cjs/view/micro-app/app-factory/index.js +100 -134
  116. package/dist/cjs/view/micro-app/const.js +10 -7
  117. package/dist/cjs/view/micro-app/index.js +38 -27
  118. package/dist/cjs/view/micro-app/resources/manifest.js +43 -34
  119. package/dist/cjs/view/micro-app/resources/script.js +56 -53
  120. package/dist/cjs/view/micro-app/resources/style.js +44 -38
  121. package/dist/cjs/view/micro-app/types.js +3 -5
  122. package/dist/cjs/view/micro-app/use-app-will-render.js +58 -50
  123. package/dist/cjs/view/micro-app/utils.js +32 -21
  124. package/dist/cjs/view/micro-iframe-app/app.js +38 -39
  125. package/dist/cjs/view/micro-iframe-app/iframe/const.js +10 -7
  126. package/dist/cjs/view/micro-iframe-app/iframe/index.js +52 -47
  127. package/dist/cjs/view/micro-iframe-app/index.js +37 -24
  128. package/dist/cjs/view/micro-iframe-app/types.js +3 -5
  129. package/dist/cjs/view/micro-iframe-app/use-frame-loaded.js +42 -36
  130. package/dist/cjs/view/modals/error/index.js +36 -28
  131. package/dist/cjs/view/modals/navigation-prompt/index.js +39 -37
  132. package/dist/cjs/view/modals/session-expiry/customHooks.js +40 -35
  133. package/dist/cjs/view/modals/session-expiry/index.js +46 -50
  134. package/dist/cjs/view/modals/wait-message/html-wait-message.js +33 -18
  135. package/dist/cjs/view/modals/wait-message/index.js +51 -53
  136. package/dist/cjs/view/modals/wait-message/wait-message-launcher.js +34 -21
  137. package/dist/cjs/view/render-with-delay/index.js +31 -19
  138. package/dist/cjs/view/render-with-host-data/index.js +36 -30
  139. package/dist/cjs/view/session-timeout/index.js +45 -35
  140. package/dist/cjs/view/storybook/decorator.js +33 -21
  141. package/dist/cjs/view/use-previous.js +29 -13
  142. package/dist/cjs/view/useMediaBreakpoints/index.js +34 -19
  143. package/dist/cjs/view/visually-hidden/index.js +42 -21
  144. package/dist/cjs/view/window-size/index.js +35 -22
  145. package/dist/es/analytics/appdynamics.js +14 -15
  146. package/dist/es/analytics/index.js +8 -14
  147. package/dist/es/analytics/page-view-event.js +11 -21
  148. package/dist/es/analytics/user-session-event.js +11 -13
  149. package/dist/es/analytics/user-wait-event.js +9 -5
  150. package/dist/es/analytics/web-analytics.js +12 -10
  151. package/dist/es/api/auth/index.js +21 -26
  152. package/dist/es/api/helpers.js +8 -81
  153. package/dist/es/api/users/index.js +6 -7
  154. package/dist/es/communication/http-client/index.js +19 -25
  155. package/dist/es/communication/http-client/request-interceptor.js +5 -2
  156. package/dist/es/communication/http-client/response-interceptor.js +20 -21
  157. package/dist/es/communication/http-client/retry-axios.js +45 -105
  158. package/dist/es/communication/http-client/retry.js +22 -25
  159. package/dist/es/communication/http-client/tests/index.test-disable.js +25 -44
  160. package/dist/es/data/auth/actions.js +13 -19
  161. package/dist/es/data/auth/reducer.js +8 -6
  162. package/dist/es/data/breakpoint/index.js +19 -21
  163. package/dist/es/data/error/index.js +11 -9
  164. package/dist/es/data/index.js +11 -0
  165. package/dist/es/data/live-message/index.js +12 -16
  166. package/dist/es/data/logout/actions.js +9 -5
  167. package/dist/es/data/navigation-prompt/actions.js +9 -5
  168. package/dist/es/data/react-redux.js +7 -3
  169. package/dist/es/data/reducers.js +6 -3
  170. package/dist/es/data/saga.js +8 -5
  171. package/dist/es/data/store.js +25 -43
  172. package/dist/es/data/wait-message/actions.js +11 -9
  173. package/dist/es/data/wait-message/reducer.js +9 -9
  174. package/dist/es/index.js +192 -83
  175. package/dist/es/micro-frontend.js +10 -0
  176. package/dist/es/route/index.js +16 -18
  177. package/dist/es/route/page-view.js +8 -8
  178. package/dist/es/route/private-route/index.js +24 -31
  179. package/dist/es/sideeffect/auth/index.js +24 -11
  180. package/dist/es/sideeffect/error-toast/index.js +11 -10
  181. package/dist/es/sideeffect/wait-message/index.js +14 -10
  182. package/dist/es/typings/styled.d.js +1 -1
  183. package/dist/es/utils/app-config/config.js +11 -9
  184. package/dist/es/utils/app-config/index.js +17 -27
  185. package/dist/es/utils/app-host-integration/react.js +8 -6
  186. package/dist/es/utils/auth/helper.js +7 -3
  187. package/dist/es/utils/auth/index.js +51 -75
  188. package/dist/es/utils/constants.js +18 -13
  189. package/dist/es/utils/font-size.js +7 -3
  190. package/dist/es/utils/guest-with-service.js +6 -7
  191. package/dist/es/utils/helpers.js +10 -6
  192. package/dist/es/utils/history.js +7 -3
  193. package/dist/es/utils/log-records.js +34 -31
  194. package/dist/es/utils/micro-frontend/console-logger.js +16 -12
  195. package/dist/es/utils/micro-frontend/guest.js +44 -100
  196. package/dist/es/utils/micro-frontend/host.js +41 -77
  197. package/dist/es/utils/micro-frontend/index.js +35 -33
  198. package/dist/es/utils/micro-frontend/types.js +0 -1
  199. package/dist/es/utils/redact-pii.js +10 -11
  200. package/dist/es/utils/service-worker.js +13 -10
  201. package/dist/es/utils/session.js +45 -46
  202. package/dist/es/utils/storybook/manager.js +7 -4
  203. package/dist/es/utils/storybook/preview.js +27 -24
  204. package/dist/es/utils/storybook/theme.js +9 -6
  205. package/dist/es/utils/testing/index.js +12 -18
  206. package/dist/es/utils/testing/render-with-redux.js +12 -11
  207. package/dist/es/utils/testing/render-with-router-redux.js +18 -19
  208. package/dist/es/utils/testing/render-with-router.js +15 -16
  209. package/dist/es/utils/testing/render-with-state-addons.js +19 -18
  210. package/dist/es/utils/url.js +7 -3
  211. package/dist/es/utils/web-storage.js +21 -17
  212. package/dist/es/utils/window.js +18 -18
  213. package/dist/es/view/app-root/hosted-app.js +10 -13
  214. package/dist/es/view/app-root/index.js +29 -33
  215. package/dist/es/view/app-root/stand-alone-app.js +11 -12
  216. package/dist/es/view/app-root/style.js +30 -5
  217. package/dist/es/view/error-boundary/default-error-template.js +5 -5
  218. package/dist/es/view/error-boundary/index.js +18 -25
  219. package/dist/es/view/error-toast/index.js +15 -14
  220. package/dist/es/view/fetch-host-app-data/index.js +14 -11
  221. package/dist/es/view/fetch-host-app-data/store.js +10 -7
  222. package/dist/es/view/fields/check-box/index.js +17 -18
  223. package/dist/es/view/fields/combo-box/index.js +20 -19
  224. package/dist/es/view/fields/connect-form.js +8 -6
  225. package/dist/es/view/fields/date-input/index.js +17 -14
  226. package/dist/es/view/fields/date-picker/index.js +17 -14
  227. package/dist/es/view/fields/form-item-layout/index.js +15 -15
  228. package/dist/es/view/fields/input-mask/index.js +21 -14
  229. package/dist/es/view/fields/large-text-box/index.js +17 -14
  230. package/dist/es/view/fields/radio/index.js +17 -18
  231. package/dist/es/view/fields/radio-group/index.js +15 -15
  232. package/dist/es/view/fields/text-box/index.js +17 -14
  233. package/dist/es/view/fields/watch-value.js +20 -24
  234. package/dist/es/view/form/index.js +23 -22
  235. package/dist/es/view/form/personal-info-section.js +28 -48
  236. package/dist/es/view/form/submit-button/index.js +13 -10
  237. package/dist/es/view/guest-unload-handlers/index.js +10 -9
  238. package/dist/es/view/header/center-region/index.js +41 -23
  239. package/dist/es/view/header/index.js +16 -15
  240. package/dist/es/view/header/logo-region/index.js +10 -10
  241. package/dist/es/view/header/nav-region/index.js +21 -13
  242. package/dist/es/view/header/nav-region/notification/index.js +7 -7
  243. package/dist/es/view/header/nav-region/user/index.js +7 -7
  244. package/dist/es/view/host-binding-events/index.js +7 -3
  245. package/dist/es/view/intro.stories.mdx +1 -1
  246. package/dist/es/view/live-message/index.js +13 -22
  247. package/dist/es/view/loadable/index.js +13 -15
  248. package/dist/es/view/login/index.js +12 -15
  249. package/dist/es/view/media-breakpoint/index.js +16 -13
  250. package/dist/es/view/message-to-host-app/index.js +10 -9
  251. package/dist/es/view/micro-app/app-factory/index.js +67 -81
  252. package/dist/es/view/micro-app/const.js +4 -1
  253. package/dist/es/view/micro-app/index.js +12 -9
  254. package/dist/es/view/micro-app/resources/manifest.js +17 -15
  255. package/dist/es/view/micro-app/resources/script.js +35 -35
  256. package/dist/es/view/micro-app/resources/style.js +22 -21
  257. package/dist/es/view/micro-app/types.js +0 -1
  258. package/dist/es/view/micro-app/use-app-will-render.js +35 -26
  259. package/dist/es/view/micro-app/utils.js +11 -13
  260. package/dist/es/view/micro-iframe-app/app.js +14 -20
  261. package/dist/es/view/micro-iframe-app/iframe/const.js +4 -1
  262. package/dist/es/view/micro-iframe-app/iframe/index.js +27 -31
  263. package/dist/es/view/micro-iframe-app/index.js +10 -10
  264. package/dist/es/view/micro-iframe-app/types.js +0 -1
  265. package/dist/es/view/micro-iframe-app/use-frame-loaded.js +15 -18
  266. package/dist/es/view/modals/error/index.js +13 -10
  267. package/dist/es/view/modals/navigation-prompt/index.js +11 -14
  268. package/dist/es/view/modals/session-expiry/customHooks.js +11 -13
  269. package/dist/es/view/modals/session-expiry/index.js +13 -20
  270. package/dist/es/view/modals/wait-message/html-wait-message.js +11 -10
  271. package/dist/es/view/modals/wait-message/index.js +30 -37
  272. package/dist/es/view/modals/wait-message/wait-message-launcher.js +8 -6
  273. package/dist/es/view/render-with-delay/index.js +8 -10
  274. package/dist/es/view/render-with-host-data/index.js +10 -13
  275. package/dist/es/view/session-timeout/index.js +19 -9
  276. package/dist/es/view/storybook/decorator.js +8 -5
  277. package/dist/es/view/use-previous.js +6 -3
  278. package/dist/es/view/useMediaBreakpoints/index.js +11 -9
  279. package/dist/es/view/visually-hidden/index.js +20 -10
  280. package/dist/es/view/window-size/index.js +12 -10
  281. package/dist/types/communication/http-client/retry.d.ts +1 -1
  282. package/dist/types/data/index.d.ts +4 -0
  283. package/dist/types/data/react-redux.d.ts +11 -11
  284. package/dist/types/data/reducers.d.ts +6 -6
  285. package/dist/types/data/store.d.ts +29 -29
  286. package/dist/types/index.d.ts +79 -79
  287. package/dist/types/micro-frontend.d.ts +6 -0
  288. package/dist/types/route/private-route/index.d.ts +1 -1
  289. package/dist/types/sideeffect/auth/index.d.ts +1 -1
  290. package/dist/types/utils/app-host-integration/react.d.ts +1 -1
  291. package/dist/types/utils/micro-frontend/guest.d.ts +3 -3
  292. package/dist/types/utils/micro-frontend/host.d.ts +1 -1
  293. package/dist/types/utils/micro-frontend/index.d.ts +2 -2
  294. package/dist/types/utils/micro-frontend/types.d.ts +1 -1
  295. package/dist/types/utils/storybook/cjs/main.d.ts +63 -0
  296. package/dist/types/utils/storybook/{middleware.d.ts → cjs/middleware.d.ts} +0 -0
  297. package/dist/types/utils/storybook/cjs/vite.d.ts +4 -0
  298. package/dist/types/utils/storybook/cjs/webpack.d.ts +16 -0
  299. package/dist/types/utils/storybook/preview.d.ts +9 -3
  300. package/dist/types/utils/testing/render-with-redux.d.ts +20 -20
  301. package/dist/types/utils/testing/render-with-router-redux.d.ts +20 -20
  302. package/dist/types/utils/window.d.ts +1 -1
  303. package/dist/types/view/app-root/index.d.ts +1 -1
  304. package/dist/types/view/fields/check-box/index.d.ts +1 -1
  305. package/dist/types/view/fields/check-box/index.stories.d.ts +1 -1
  306. package/dist/types/view/fields/check-box/set-value.stories.d.ts +1 -1
  307. package/dist/types/view/fields/combo-box/index.stories.d.ts +1 -1
  308. package/dist/types/view/fields/date-input/index.stories.d.ts +1 -1
  309. package/dist/types/view/fields/date-picker/index.stories.d.ts +1 -1
  310. package/dist/types/view/fields/form-item-layout/index.stories.d.ts +1 -1
  311. package/dist/types/view/fields/input-mask/index.d.ts +1 -1
  312. package/dist/types/view/fields/input-mask/index.stories.d.ts +1 -1
  313. package/dist/types/view/fields/large-text-box/index.stories.d.ts +1 -1
  314. package/dist/types/view/fields/radio/index.stories.d.ts +1 -1
  315. package/dist/types/view/fields/radio/set-value.stories.d.ts +1 -1
  316. package/dist/types/view/fields/radio-group/index.stories.d.ts +1 -1
  317. package/dist/types/view/fields/text-box/index.stories.d.ts +1 -1
  318. package/dist/types/view/form/usecases.stories.d.ts +1 -1
  319. package/dist/types/view/header/index.d.ts +1 -1
  320. package/dist/types/view/header/index.stories.d.ts +1 -1
  321. package/dist/types/view/micro-app/app-factory/index.d.ts +3 -3
  322. package/dist/types/view/micro-app/index.d.ts +1 -1
  323. package/dist/types/view/micro-app/resources/manifest.d.ts +2 -2
  324. package/dist/types/view/micro-app/resources/script.d.ts +1 -1
  325. package/dist/types/view/micro-app/resources/style.d.ts +1 -1
  326. package/dist/types/view/micro-app/use-app-will-render.d.ts +1 -1
  327. package/dist/types/view/micro-iframe-app/app.d.ts +2 -2
  328. package/dist/types/view/micro-iframe-app/index.d.ts +1 -1
  329. package/dist/types/view/micro-iframe-app/types.d.ts +1 -1
  330. package/dist/types/view/micro-iframe-app/use-frame-loaded.d.ts +1 -1
  331. package/dist/types/view/modals/error/index.stories.d.ts +1 -1
  332. package/dist/types/view/modals/navigation-prompt/index.stories.d.ts +1 -1
  333. package/dist/types/view/modals/session-expiry/index.stories.d.ts +1 -1
  334. package/dist/types/view/modals/wait-message/index.stories.d.ts +1 -1
  335. package/dist/types/view/storybook/decorator.d.ts +1 -1
  336. package/dist/types/view/visually-hidden/index.d.ts +1 -3
  337. package/package.json +34 -15
  338. package/dist/cjs/api/users/index.endpoint.js +0 -14
  339. package/dist/cjs/communication/http-client/tests/hello.endpoint.js +0 -14
  340. package/dist/cjs/communication/http-client/tests/private.endpoint.js +0 -14
  341. package/dist/cjs/utils/storybook/main.js +0 -38
  342. package/dist/cjs/utils/storybook/middleware.js +0 -9
  343. package/dist/cjs/view/error-toast/index.stories.js +0 -128
  344. package/dist/cjs/view/fields/check-box/index.stories.js +0 -64
  345. package/dist/cjs/view/fields/check-box/set-value.stories.js +0 -83
  346. package/dist/cjs/view/fields/combo-box/index.stories.js +0 -65
  347. package/dist/cjs/view/fields/date-input/index.stories.js +0 -53
  348. package/dist/cjs/view/fields/date-input/index1.stories.js +0 -53
  349. package/dist/cjs/view/fields/date-picker/index.stories.js +0 -53
  350. package/dist/cjs/view/fields/form-item-layout/index.stories.js +0 -43
  351. package/dist/cjs/view/fields/input-mask/index.stories.js +0 -52
  352. package/dist/cjs/view/fields/large-text-box/index.stories.js +0 -47
  353. package/dist/cjs/view/fields/radio/index.stories.js +0 -60
  354. package/dist/cjs/view/fields/radio/set-value.stories.js +0 -81
  355. package/dist/cjs/view/fields/radio-group/index.stories.js +0 -85
  356. package/dist/cjs/view/fields/text-box/index.stories.js +0 -48
  357. package/dist/cjs/view/form/index.stories.js +0 -71
  358. package/dist/cjs/view/form/usecases.stories.js +0 -59
  359. package/dist/cjs/view/header/index.stories.js +0 -24
  360. package/dist/cjs/view/live-message/index.stories.js +0 -53
  361. package/dist/cjs/view/media-breakpoint/index.stories.js +0 -24
  362. package/dist/cjs/view/modals/error/index.stories.js +0 -36
  363. package/dist/cjs/view/modals/navigation-prompt/index.stories.js +0 -32
  364. package/dist/cjs/view/modals/session-expiry/index.stories.js +0 -30
  365. package/dist/cjs/view/modals/wait-message/index.stories.js +0 -47
  366. package/dist/cjs/view/session-timeout/index.stories.js +0 -28
  367. package/dist/es/api/users/index.endpoint.js +0 -14
  368. package/dist/es/communication/http-client/tests/hello.endpoint.js +0 -14
  369. package/dist/es/communication/http-client/tests/private.endpoint.js +0 -14
  370. package/dist/es/utils/storybook/main.js +0 -38
  371. package/dist/es/utils/storybook/middleware.js +0 -9
  372. package/dist/es/view/error-toast/index.stories.js +0 -108
  373. package/dist/es/view/fields/check-box/index.stories.js +0 -47
  374. package/dist/es/view/fields/check-box/set-value.stories.js +0 -65
  375. package/dist/es/view/fields/combo-box/index.stories.js +0 -48
  376. package/dist/es/view/fields/date-input/index.stories.js +0 -35
  377. package/dist/es/view/fields/date-input/index1.stories.js +0 -35
  378. package/dist/es/view/fields/date-picker/index.stories.js +0 -35
  379. package/dist/es/view/fields/form-item-layout/index.stories.js +0 -27
  380. package/dist/es/view/fields/input-mask/index.stories.js +0 -35
  381. package/dist/es/view/fields/large-text-box/index.stories.js +0 -30
  382. package/dist/es/view/fields/radio/index.stories.js +0 -43
  383. package/dist/es/view/fields/radio/set-value.stories.js +0 -63
  384. package/dist/es/view/fields/radio-group/index.stories.js +0 -68
  385. package/dist/es/view/fields/text-box/index.stories.js +0 -31
  386. package/dist/es/view/form/index.stories.js +0 -56
  387. package/dist/es/view/form/usecases.stories.js +0 -43
  388. package/dist/es/view/header/index.stories.js +0 -14
  389. package/dist/es/view/live-message/index.stories.js +0 -32
  390. package/dist/es/view/media-breakpoint/index.stories.js +0 -10
  391. package/dist/es/view/modals/error/index.stories.js +0 -21
  392. package/dist/es/view/modals/navigation-prompt/index.stories.js +0 -18
  393. package/dist/es/view/modals/session-expiry/index.stories.js +0 -18
  394. package/dist/es/view/modals/wait-message/index.stories.js +0 -33
  395. package/dist/es/view/session-timeout/index.stories.js +0 -13
  396. package/dist/types/utils/storybook/main.d.ts +0 -30
  397. package/dist/types/view/fields/date-input/index1.stories.d.ts +0 -24
@@ -1,48 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = exports.Basic = void 0;
9
-
10
- var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
11
-
12
- var _index = require("../../form/index.js");
13
-
14
- var _index2 = require("./index.js");
15
-
16
- var _index3 = require("../form-item-layout/index.js");
17
-
18
- var _watchValue = require("../watch-value.js");
19
-
20
- var _jsxRuntime = require("react/jsx-runtime");
21
-
22
- var _default = {
23
- title: 'Components/Form/Controls/TextBox',
24
- component: _index2.TextBox
25
- };
26
- exports.default = _default;
27
-
28
- const Template = args => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormItemLayout, {
29
- floatingLabel: true,
30
- inputComponent: _index2.TextBox,
31
- required: true,
32
- ...args
33
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, { ...args
34
- }));
35
-
36
- const Basic = Template.bind({});
37
- exports.Basic = Basic;
38
- Basic.args = {
39
- name: 'firstname',
40
- labelText: 'First Name',
41
- defaultValue: 'John',
42
- rules: {
43
- required: {
44
- value: true,
45
- message: 'Please enter firstname'
46
- }
47
- }
48
- };
@@ -1,71 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = exports.WatchFormControls = void 0;
9
-
10
- var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
11
-
12
- var _styledComponents = _interopRequireDefault(require("styled-components"));
13
-
14
- var _reactHookForm = require("react-hook-form");
15
-
16
- var _index = require("./submit-button/index.js");
17
-
18
- var _index2 = require("./index.js");
19
-
20
- var _personalInfoSection = require("./personal-info-section.js");
21
-
22
- var _jsxRuntime = require("react/jsx-runtime");
23
-
24
- var _h, _FirstName, _DOB, _State, _MaritalStatus, _WatchDashBoard;
25
-
26
- const btnProps = {
27
- containerProps: {
28
- id: 'submit'
29
- },
30
- labelText: 'Submit Application',
31
- size: 'l'
32
- };
33
- var _default = {
34
- title: 'Components/Form',
35
- component: _index2.Form
36
- };
37
- exports.default = _default;
38
- const StyledButton = /*#__PURE__*/(0, _styledComponents.default)(_index.FormSubmitButton).withConfig({
39
- componentId: "sc-1mzmcta-0"
40
- })(["margin-top:", ";"], ({
41
- theme
42
- }) => theme.space.xs);
43
-
44
- const WatchDashBoard = () => {
45
- const {
46
- watch
47
- } = (0, _reactHookForm.useFormContext)();
48
- const watchFirstName = watch('firstname', '');
49
- const watchDOB = watch('dob', '');
50
- const watchState = watch('state', '');
51
- const watchMaritalStatus = watch('marital_status', '');
52
- return /*#__PURE__*/(0, _jsx3.default)(_StyledSection, {}, void 0, _h || (_h = /*#__PURE__*/(0, _jsx3.default)("h4", {}, void 0, "Form Data:")), /*#__PURE__*/(0, _jsx3.default)(_StyledDiv, {}, void 0, /*#__PURE__*/(0, _jsx3.default)("div", {}, void 0, "FirstName : ", /*#__PURE__*/(0, _jsx3.default)("strong", {}, void 0, watchFirstName)), /*#__PURE__*/(0, _jsx3.default)("div", {}, void 0, "DOB : ", /*#__PURE__*/(0, _jsx3.default)("strong", {}, void 0, JSON.stringify(watchDOB))), /*#__PURE__*/(0, _jsx3.default)("div", {}, void 0, "State : ", /*#__PURE__*/(0, _jsx3.default)("strong", {}, void 0, watchState)), /*#__PURE__*/(0, _jsx3.default)("div", {}, void 0, "Marital Status : ", /*#__PURE__*/(0, _jsx3.default)("strong", {}, void 0, watchMaritalStatus))));
53
- }; // eslint-disable-next-line no-unused-vars
54
-
55
-
56
- const Template = () => /*#__PURE__*/(0, _jsx3.default)(_index2.Form, {
57
- onSubmit: data => {}
58
- }, void 0, _FirstName || (_FirstName = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.FirstName, {})), _DOB || (_DOB = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.DOB, {})), _State || (_State = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.State, {})), _MaritalStatus || (_MaritalStatus = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.MaritalStatus, {})), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, { ...btnProps
59
- }), _WatchDashBoard || (_WatchDashBoard = /*#__PURE__*/(0, _jsx3.default)(WatchDashBoard, {})));
60
-
61
- const WatchFormControls = Template.bind({});
62
- exports.WatchFormControls = WatchFormControls;
63
- WatchFormControls.args = {};
64
-
65
- var _StyledSection = /*#__PURE__*/(0, _styledComponents.default)("section").withConfig({
66
- componentId: "sc-1mzmcta-1"
67
- })(["margin-top:10px;border-top:2px blue dotted;width:100%;"]);
68
-
69
- var _StyledDiv = /*#__PURE__*/(0, _styledComponents.default)("div").withConfig({
70
- componentId: "sc-1mzmcta-2"
71
- })(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]);
@@ -1,59 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = exports.FormValidationOnSubmit = exports.FormValidationOnBlur = void 0;
9
-
10
- var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
11
-
12
- var _styledComponents = _interopRequireDefault(require("styled-components"));
13
-
14
- var _index = require("./submit-button/index.js");
15
-
16
- var _index2 = require("./index.js");
17
-
18
- var _personalInfoSection = require("./personal-info-section.js");
19
-
20
- var _jsxRuntime = require("react/jsx-runtime");
21
-
22
- var _FirstName, _DOB, _State, _MaritalStatus;
23
-
24
- const btnProps = {
25
- containerProps: {
26
- id: 'submit'
27
- },
28
- labelText: 'Submit Application',
29
- size: 'l'
30
- };
31
- var _default = {
32
- title: 'Components/Form',
33
- component: _index.FormSubmitButton
34
- };
35
- exports.default = _default;
36
- const StyledButton = /*#__PURE__*/(0, _styledComponents.default)(_index.FormSubmitButton).withConfig({
37
- componentId: "sc-1wwguuk-0"
38
- })(["margin-top:", ";"], ({
39
- theme
40
- }) => theme.space.xs);
41
-
42
- const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2.Form, { ...args,
43
- children: [_FirstName || (_FirstName = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.FirstName, {})), _DOB || (_DOB = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.DOB, {})), _State || (_State = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.State, {})), _MaritalStatus || (_MaritalStatus = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.MaritalStatus, {})), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, { ...btnProps
44
- })]
45
- });
46
-
47
- const FormValidationOnBlur = Template.bind({});
48
- exports.FormValidationOnBlur = FormValidationOnBlur;
49
- FormValidationOnBlur.args = {
50
- onSubmit: data => {}
51
- };
52
- const FormValidationOnSubmit = Template.bind({});
53
- exports.FormValidationOnSubmit = FormValidationOnSubmit;
54
- FormValidationOnSubmit.args = {
55
- onSubmit: data => {},
56
- reactHookFormProps: {
57
- mode: 'onSubmit'
58
- }
59
- };
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Basic = void 0;
7
-
8
- var _index = require("./index.js");
9
-
10
- var _jsxRuntime = require("react/jsx-runtime");
11
-
12
- const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Header, { ...args
13
- });
14
-
15
- var _default = {
16
- title: 'Components/Header',
17
- component: _index.Header
18
- };
19
- exports.default = _default;
20
- const Basic = Template.bind({});
21
- exports.Basic = Basic;
22
- Basic.args = {
23
- show: true
24
- };
@@ -1,53 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = exports.Basic = void 0;
9
-
10
- var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
11
-
12
- var _react = _interopRequireWildcard(require("react"));
13
-
14
- var _reactAriaLive = require("react-aria-live");
15
-
16
- var _reactRedux = require("../../data/react-redux.js");
17
-
18
- var _index = require("../../data/live-message/index.js");
19
-
20
- var _index2 = require("./index.js");
21
-
22
- var _LiveMessage, _LiveMessageStory;
23
-
24
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
-
26
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
-
28
- var _default = {
29
- title: 'A11y/LiveMessage',
30
- component: _index2.LiveMessage
31
- };
32
- exports.default = _default;
33
-
34
- const LiveMessageStory = () => {
35
- const dispatch = (0, _reactRedux.useAppDispatch)();
36
- return /*#__PURE__*/(0, _jsx2.default)(_reactAriaLive.LiveAnnouncer, {}, void 0, _LiveMessage || (_LiveMessage = /*#__PURE__*/(0, _jsx2.default)(_index2.LiveMessage, {})), /*#__PURE__*/(0, _jsx2.default)("button", {
37
- type: "button",
38
- onClick: () => dispatch(_index.actions.announce({
39
- message: 'Page changed',
40
- ariaLive: 'polite'
41
- }))
42
- }, void 0, "Announce"));
43
- };
44
-
45
- const Basic = () => {
46
- const [show, setShow] = (0, _react.useState)(false);
47
- (0, _react.useEffect)(() => {
48
- setShow(true);
49
- }, []);
50
- return show ? _LiveMessageStory || (_LiveMessageStory = /*#__PURE__*/(0, _jsx2.default)(LiveMessageStory, {})) : null;
51
- };
52
-
53
- exports.Basic = Basic;
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = exports.Basic = void 0;
9
-
10
- var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
11
-
12
- var _index = require("./index.js");
13
-
14
- var _MediaBreakpoint;
15
-
16
- var _default = {
17
- title: 'Components/MediaBreakpoint',
18
- component: _index.MediaBreakpoint
19
- };
20
- exports.default = _default;
21
-
22
- const Basic = () => _MediaBreakpoint || (_MediaBreakpoint = /*#__PURE__*/(0, _jsx2.default)(_index.MediaBreakpoint, {}));
23
-
24
- exports.Basic = Basic;
@@ -1,36 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = exports.CloseModal = exports.Basic = void 0;
9
-
10
- var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
11
-
12
- var _index = require("./index.js");
13
-
14
- var _jsxRuntime = require("react/jsx-runtime");
15
-
16
- var _default = {
17
- title: 'Modals/Error',
18
- component: _index.Error
19
- };
20
- exports.default = _default;
21
-
22
- const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Error, { ...args
23
- });
24
-
25
- const Basic = Template.bind({});
26
- exports.Basic = Basic;
27
- Basic.args = {
28
- name: 'Loan',
29
- open: true,
30
- children: /*#__PURE__*/(0, _jsx3.default)("h2", {}, void 0, "This is an error message")
31
- };
32
- const CloseModal = Template.bind({});
33
- exports.CloseModal = CloseModal;
34
- CloseModal.args = { ...Basic.args,
35
- open: false
36
- };
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Close = exports.Basic = void 0;
7
-
8
- var _index = require("./index.js");
9
-
10
- var _jsxRuntime = require("react/jsx-runtime");
11
-
12
- var _default = {
13
- title: 'Modals/NavigationPrompt',
14
- component: _index.NavigationPrompt
15
- };
16
- exports.default = _default;
17
-
18
- const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.NavigationPrompt, { ...args
19
- });
20
-
21
- const Basic = Template.bind({});
22
- exports.Basic = Basic;
23
- Basic.args = {
24
- open: true
25
- };
26
-
27
- const Close = () => Template.bind({});
28
-
29
- exports.Close = Close;
30
- Close.args = {
31
- open: false
32
- };
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Close = exports.Basic = void 0;
7
-
8
- var _index = require("./index.js");
9
-
10
- var _jsxRuntime = require("react/jsx-runtime");
11
-
12
- var _default = {
13
- title: 'Modals/SessionExpiry',
14
- component: _index.SessionExpiry
15
- };
16
- exports.default = _default;
17
-
18
- const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SessionExpiry, { ...args
19
- });
20
-
21
- const Basic = Template.bind({});
22
- exports.Basic = Basic;
23
- Basic.args = {
24
- open: true
25
- };
26
- const Close = Template.bind({});
27
- exports.Close = Close;
28
- Close.args = {
29
- open: false
30
- };
@@ -1,47 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Close = exports.Basic = void 0;
7
-
8
- var _react = require("react");
9
-
10
- var _reactRedux = require("../../../data/react-redux.js");
11
-
12
- var _actions = require("../../../data/wait-message/actions.js");
13
-
14
- var _index = require("./index.js");
15
-
16
- var _jsxRuntime = require("react/jsx-runtime");
17
-
18
- const Template = ({
19
- isOpen,
20
- ...rest
21
- }) => {
22
- const dispatch = (0, _reactRedux.useAppDispatch)();
23
- (0, _react.useEffect)(() => {
24
- if (!dispatch) return;
25
- if (isOpen) dispatch(_actions.waitMessage.open());else dispatch(_actions.waitMessage.close());
26
- }, [isOpen, dispatch]);
27
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.WaitMessage, { ...rest
28
- });
29
- };
30
-
31
- var _default = {
32
- title: 'Modals/WaitMessage',
33
- component: _index.WaitMessage
34
- };
35
- exports.default = _default;
36
- const Basic = Template.bind({});
37
- exports.Basic = Basic;
38
- Basic.args = {
39
- size: 'm',
40
- isOpen: true
41
- };
42
- const Close = Template.bind({});
43
- exports.Close = Close;
44
- Close.args = {
45
- size: 'm',
46
- isOpen: false
47
- };
@@ -1,28 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = exports.Basic = void 0;
9
-
10
- var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
11
-
12
- var _storybookReactRouter = _interopRequireDefault(require("storybook-react-router"));
13
-
14
- var _index = require("./index.js");
15
-
16
- var _SessionTimeout;
17
-
18
- var _default = {
19
- title: 'Components/SessionTimeout',
20
- component: _index.SessionTimeout
21
- };
22
- exports.default = _default;
23
-
24
- const Basic = () => _SessionTimeout || (_SessionTimeout = /*#__PURE__*/(0, _jsx2.default)(_index.SessionTimeout, {})); // eslint-disable-next-line @typescript-eslint/no-unsafe-call
25
-
26
-
27
- exports.Basic = Basic;
28
- Basic.decorators = [(0, _storybookReactRouter.default)()];
@@ -1,14 +0,0 @@
1
- const express = require('express');
2
-
3
- const router = express.Router();
4
-
5
- const users = require("./users.json"); // define the route
6
-
7
-
8
- router.get('/', (req, res) => {
9
- res.json(users);
10
- });
11
-
12
- module.exports = app => {
13
- app.use('/sdk/users', router);
14
- };
@@ -1,14 +0,0 @@
1
- /* Important: This file should use CommonJS import exports rather ES6 import and export */
2
- const express = require('express');
3
-
4
- const router = express.Router(); // define the route
5
-
6
- router.get('/', (req, res) => {
7
- res.json({
8
- name: 'pui-app-sdk'
9
- });
10
- });
11
-
12
- module.exports = app => {
13
- app.use('/hello', router);
14
- };
@@ -1,14 +0,0 @@
1
- /* Important: This file should use CommonJS import exports rather ES6 import and export */
2
- const express = require('express');
3
-
4
- const router = express.Router(); // define the route
5
-
6
- router.get('/', (req, res) => {
7
- if (req.headers.authorization !== 'pui') res.status(401).send('unauthorized');else res.send({
8
- message: 'you are viewing a private message'
9
- });
10
- });
11
-
12
- module.exports = app => {
13
- app.use('/private', router);
14
- };
@@ -1,38 +0,0 @@
1
- const {
2
- webpackFinal,
3
- managerWebpack
4
- } = require('@elliemae/pui-cli/lib/webpack/webpack.storybook');
5
-
6
- module.exports = {
7
- stories: ['../@(lib|app)/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
8
- addons: ['@storybook/addon-storysource', {
9
- name: '@storybook/addon-docs',
10
- options: {
11
- sourceLoaderOptions: {
12
- parser: 'typescript',
13
- injectStoryParameters: false
14
- }
15
- }
16
- }, '@storybook/addon-knobs', '@storybook/addon-controls', '@storybook/addon-a11y', '@storybook/addon-actions', '@storybook/addon-backgrounds', '@storybook/addon-viewport', '@storybook/addon-toolbars', '@storybook/addon-links', '@storybook/addon-events'],
17
- managerWebpack,
18
- webpackFinal,
19
- core: {
20
- builder: 'webpack5'
21
- },
22
- reactOptions: {
23
- fastRefresh: false
24
- },
25
- typescript: {
26
- check: true,
27
- checkOptions: {},
28
- reactDocgen: 'react-docgen-typescript',
29
- reactDocgenTypescriptOptions: {
30
- shouldExtractLiteralValuesFromEnum: true,
31
- propFilter: prop => prop.parent ? !/node_modules/.test(prop.parent.fileName) : true,
32
- compilerOptions: {
33
- allowSyntheticDefaultImports: false,
34
- esModuleInterop: false
35
- }
36
- }
37
- }
38
- };
@@ -1,9 +0,0 @@
1
- const {
2
- loadRoutes
3
- } = require('@elliemae/pui-cli');
4
-
5
- const expressMiddleWare = router => {
6
- loadRoutes(router);
7
- };
8
-
9
- module.exports = expressMiddleWare;
@@ -1,108 +0,0 @@
1
- import _jsx from "@babel/runtime/helpers/jsx";
2
-
3
- var _ErrorToast, _Renderer, _Renderer2;
4
-
5
- import { useEffect, useState } from 'react';
6
- import { ToastType } from '@elliemae/ds-basic/Toast';
7
- import DSButton from '@elliemae/ds-basic/Button';
8
- import { useAppDispatch } from "../../data/react-redux.js";
9
- import { error } from "../../index.js";
10
- import { ErrorToast } from "./index.js";
11
- import { Fragment as _Fragment } from "react/jsx-runtime";
12
- import { jsxs as _jsxs } from "react/jsx-runtime";
13
- import { jsx as _jsx2 } from "react/jsx-runtime";
14
- export default {
15
- title: 'Components/ErrorToast',
16
- Component: ErrorToast
17
- };
18
-
19
- const Renderer = ({
20
- Comp
21
- }) => {
22
- const [show, setShow] = useState(false);
23
- useEffect(() => {
24
- setShow(true);
25
- }, []);
26
- return /*#__PURE__*/_jsxs(_Fragment, {
27
- children: [_ErrorToast || (_ErrorToast = /*#__PURE__*/_jsx(ErrorToast, {})), show ? /*#__PURE__*/_jsx(Comp, {}) : null]
28
- });
29
- };
30
-
31
- const Basic = () => {
32
- const dispatch = useAppDispatch();
33
- useEffect(() => {
34
- dispatch(error.set({
35
- description: 'This is Error Toast'
36
- }));
37
- }, [dispatch]);
38
- return /*#__PURE__*/_jsx2(_Fragment, {});
39
- };
40
-
41
- export const BasicError = () => _Renderer || (_Renderer = /*#__PURE__*/_jsx(Renderer, {
42
- Comp: Basic
43
- })); // Action wrappers for readability
44
-
45
- const showToast = ({
46
- messageText = 'Toast Message',
47
- type = ToastType.DEFAULT,
48
- ...props
49
- }) => error.set({
50
- type,
51
- messageText,
52
- messageTitle: type,
53
- containerId: 'app-toast',
54
- ...props
55
- });
56
-
57
- const successToast = props => showToast({ ...props,
58
- type: ToastType.SUCCESS
59
- });
60
-
61
- const infoToast = props => showToast({ ...props,
62
- type: ToastType.INFO
63
- });
64
-
65
- const warningToast = props => showToast({ ...props,
66
- type: ToastType.WARNING
67
- });
68
-
69
- const errorToast = props => showToast({ ...props,
70
- type: ToastType.ERROR
71
- });
72
-
73
- const ToastButton = ({
74
- labelText,
75
- onClick
76
- }) => /*#__PURE__*/_jsx(DSButton, {
77
- buttonType: "text",
78
- labelText: labelText,
79
- onClick: onClick
80
- });
81
-
82
- const ToastMultipleTypes = () => {
83
- const dispatch = useAppDispatch();
84
-
85
- const openToast = toastAction => () => dispatch(toastAction({
86
- description: 'This is Error Toast'
87
- }));
88
-
89
- return /*#__PURE__*/_jsxs(_Fragment, {
90
- children: [/*#__PURE__*/_jsx(ToastButton, {
91
- labelText: "Success",
92
- onClick: openToast(successToast)
93
- }), /*#__PURE__*/_jsx(ToastButton, {
94
- labelText: "Info",
95
- onClick: openToast(infoToast)
96
- }), /*#__PURE__*/_jsx(ToastButton, {
97
- labelText: "Warning",
98
- onClick: openToast(warningToast)
99
- }), /*#__PURE__*/_jsx(ToastButton, {
100
- labelText: "Error",
101
- onClick: openToast(errorToast)
102
- })]
103
- });
104
- };
105
-
106
- export const ToastDifferentTypes = () => _Renderer2 || (_Renderer2 = /*#__PURE__*/_jsx(Renderer, {
107
- Comp: ToastMultipleTypes
108
- }));