@pautena/react-design-system 0.4.2 → 0.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (444) hide show
  1. package/dist/cjs/index.js +4 -12
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/components/{app-bar → app-bars/app-bar}/app-bar.types.d.ts +2 -2
  4. package/dist/cjs/types/components/app-bars/index.d.ts +1 -0
  5. package/dist/cjs/types/components/containers/content/content.types.d.ts +4 -0
  6. package/dist/cjs/types/components/containers/index.d.ts +2 -0
  7. package/dist/cjs/types/components/{bullet → data-display/bullet}/bullet.d.ts +1 -1
  8. package/dist/cjs/types/components/{header → data-display/header}/header.dummy.d.ts +1 -1
  9. package/dist/cjs/types/components/{header → data-display/header}/header.types.d.ts +6 -6
  10. package/dist/cjs/types/components/data-display/index.d.ts +3 -0
  11. package/dist/{esm/types/components → cjs/types/components/data-display}/label/label.d.ts +1 -1
  12. package/dist/cjs/types/components/{drawer → drawers/drawer}/drawer.provider.d.ts +1 -1
  13. package/dist/cjs/types/components/{drawer → drawers/drawer}/drawer.types.d.ts +14 -7
  14. package/dist/cjs/types/components/drawers/drawer-collapsable-item/drawer-collapsable-item.d.ts +26 -0
  15. package/dist/cjs/types/components/drawers/drawer-collapsable-item/index.d.ts +1 -0
  16. package/dist/cjs/types/components/{drawer-item → drawers/drawer-item}/drawer-item.d.ts +10 -1
  17. package/dist/{esm/types/components → cjs/types/components/drawers}/drawer-section/drawer-section.d.ts +5 -1
  18. package/dist/cjs/types/components/drawers/index.d.ts +4 -0
  19. package/dist/cjs/types/components/feedback/index.d.ts +2 -0
  20. package/dist/cjs/types/components/{query-container → feedback/query-container}/query-container.d.ts +1 -1
  21. package/dist/cjs/types/components/index.d.ts +9 -18
  22. package/dist/cjs/types/components/{enhanced-select → inputs/enhanced-select}/enhanced-select.d.ts +1 -2
  23. package/dist/cjs/types/components/inputs/index.d.ts +2 -0
  24. package/dist/cjs/types/components/{sign-in → inputs/sign-in}/sign-in.d.ts +2 -3
  25. package/dist/cjs/types/components/navigation/index.d.ts +1 -0
  26. package/dist/cjs/types/components/navigation/link/link.d.ts +7 -0
  27. package/dist/cjs/types/components/navigation/tab/tab-card/tab-card.d.ts +5 -0
  28. package/dist/cjs/types/components/navigation/tab/tab-card/tab-card.dummy.d.ts +6 -0
  29. package/dist/cjs/types/components/placeholders/content-placeholder/content-placeholder.d.ts +6 -0
  30. package/dist/cjs/types/components/placeholders/content-placeholder/index.d.ts +1 -0
  31. package/dist/cjs/types/components/placeholders/index.d.ts +5 -0
  32. package/dist/cjs/types/components/placeholders/lorem-ipsum-placeholder/index.d.ts +1 -0
  33. package/dist/cjs/types/components/placeholders/lorem-ipsum-placeholder/lorem-ipsum-placeholder.d.ts +8 -0
  34. package/dist/{esm/types/components → cjs/types/components/placeholders}/placeholder/placeholder.d.ts +1 -1
  35. package/dist/cjs/types/components/placeholders/skeleton-card/index.d.ts +1 -0
  36. package/dist/cjs/types/components/placeholders/skeleton-card/skeleton-card.d.ts +5 -0
  37. package/dist/cjs/types/components/placeholders/skeleton-grid/index.d.ts +1 -0
  38. package/dist/cjs/types/components/placeholders/skeleton-grid/skeleton-grid.d.ts +4 -0
  39. package/dist/cjs/types/components/tables/enhanced-remote-table/enhanced-remote-table.d.ts +12 -0
  40. package/dist/cjs/types/components/tables/enhanced-remote-table/enhanced-remote-table.mock.d.ts +11 -0
  41. package/dist/cjs/types/components/tables/enhanced-table/enhanced-table-head.d.ts +16 -0
  42. package/dist/{esm/types/components/table → cjs/types/components/tables}/enhanced-table/enhanced-table.d.ts +2 -2
  43. package/dist/cjs/types/components/{table → tables}/enhanced-table/enhanced-table.mock.d.ts +6 -7
  44. package/dist/cjs/types/components/value-displays/group-value-card/group-value-card.d.ts +7 -4
  45. package/dist/cjs/types/components/value-displays/group-value-card/group-value-card.mock.d.ts +2 -1
  46. package/dist/cjs/types/components/value-displays/index.d.ts +1 -0
  47. package/dist/cjs/types/components/value-displays/value-boolean/value-boolean.d.ts +3 -11
  48. package/dist/cjs/types/components/value-displays/value-card/value-card.d.ts +1 -1
  49. package/dist/cjs/types/components/value-displays/value-content/index.d.ts +1 -0
  50. package/dist/cjs/types/components/value-displays/value-content/value-content.d.ts +24 -0
  51. package/dist/cjs/types/components/value-displays/value-datetime/value-datetime.d.ts +3 -10
  52. package/dist/cjs/types/components/value-displays/value-displays.types.d.ts +15 -0
  53. package/dist/cjs/types/components/value-displays/value-image/index.d.ts +1 -0
  54. package/dist/cjs/types/components/value-displays/value-image/value-image.d.ts +11 -0
  55. package/dist/cjs/types/components/value-displays/value-text/value-text.d.ts +3 -11
  56. package/dist/cjs/types/generators/generators.mock.d.ts +2 -1
  57. package/dist/cjs/types/generators/generators.model.d.ts +36 -20
  58. package/dist/cjs/types/generators/generators.model.test.d.ts +1 -0
  59. package/dist/cjs/types/generators/index.d.ts +1 -0
  60. package/dist/cjs/types/generators/model-router/model-router.d.ts +1 -1
  61. package/dist/cjs/types/generators/model-router/screens/add-screen.d.ts +1 -1
  62. package/dist/cjs/types/generators/model-router/screens/details-screen.d.ts +1 -1
  63. package/dist/cjs/types/generators/model-router/screens/list-screen.d.ts +1 -1
  64. package/dist/cjs/types/generators/model-router/screens/update-screen.d.ts +1 -1
  65. package/dist/cjs/types/{components → generators}/table-list/table-list.d.ts +3 -3
  66. package/dist/cjs/types/layouts/app-bar-with-drawer-layout/app-bar-with-drawer-layout.d.ts +2 -2
  67. package/dist/cjs/types/layouts/header-layout/header-layout.d.ts +1 -2
  68. package/dist/cjs/types/providers/notification-center/notification-center.context.d.ts +0 -2
  69. package/dist/cjs/types/providers/notification-center/notification-center.provider.d.ts +1 -1
  70. package/dist/cjs/types/providers/tab-provider/tab-provider.provider.d.ts +1 -1
  71. package/dist/cjs/types/utils/theme.d.ts +1 -1
  72. package/dist/esm/index.js +4 -12
  73. package/dist/esm/index.js.map +1 -1
  74. package/dist/esm/types/components/{app-bar → app-bars/app-bar}/app-bar.types.d.ts +2 -2
  75. package/dist/esm/types/components/app-bars/index.d.ts +1 -0
  76. package/dist/esm/types/components/containers/content/content.types.d.ts +4 -0
  77. package/dist/esm/types/components/containers/index.d.ts +2 -0
  78. package/dist/esm/types/components/{bullet → data-display/bullet}/bullet.d.ts +1 -1
  79. package/dist/esm/types/components/{header → data-display/header}/header.dummy.d.ts +1 -1
  80. package/dist/esm/types/components/{header → data-display/header}/header.types.d.ts +6 -6
  81. package/dist/esm/types/components/data-display/index.d.ts +3 -0
  82. package/dist/{cjs/types/components → esm/types/components/data-display}/label/label.d.ts +1 -1
  83. package/dist/esm/types/components/{drawer → drawers/drawer}/drawer.provider.d.ts +1 -1
  84. package/dist/esm/types/components/{drawer → drawers/drawer}/drawer.types.d.ts +14 -7
  85. package/dist/esm/types/components/drawers/drawer-collapsable-item/drawer-collapsable-item.d.ts +26 -0
  86. package/dist/esm/types/components/drawers/drawer-collapsable-item/index.d.ts +1 -0
  87. package/dist/esm/types/components/{drawer-item → drawers/drawer-item}/drawer-item.d.ts +10 -1
  88. package/dist/{cjs/types/components → esm/types/components/drawers}/drawer-section/drawer-section.d.ts +5 -1
  89. package/dist/esm/types/components/drawers/index.d.ts +4 -0
  90. package/dist/esm/types/components/feedback/index.d.ts +2 -0
  91. package/dist/esm/types/components/{query-container → feedback/query-container}/query-container.d.ts +1 -1
  92. package/dist/esm/types/components/index.d.ts +9 -18
  93. package/dist/esm/types/components/{enhanced-select → inputs/enhanced-select}/enhanced-select.d.ts +1 -2
  94. package/dist/esm/types/components/inputs/index.d.ts +2 -0
  95. package/dist/esm/types/components/{sign-in → inputs/sign-in}/sign-in.d.ts +2 -3
  96. package/dist/esm/types/components/navigation/index.d.ts +1 -0
  97. package/dist/esm/types/components/navigation/link/link.d.ts +7 -0
  98. package/dist/esm/types/components/navigation/tab/tab-card/tab-card.d.ts +5 -0
  99. package/dist/esm/types/components/navigation/tab/tab-card/tab-card.dummy.d.ts +6 -0
  100. package/dist/esm/types/components/placeholders/content-placeholder/content-placeholder.d.ts +6 -0
  101. package/dist/esm/types/components/placeholders/content-placeholder/index.d.ts +1 -0
  102. package/dist/esm/types/components/placeholders/index.d.ts +5 -0
  103. package/dist/esm/types/components/placeholders/lorem-ipsum-placeholder/index.d.ts +1 -0
  104. package/dist/esm/types/components/placeholders/lorem-ipsum-placeholder/lorem-ipsum-placeholder.d.ts +8 -0
  105. package/dist/{cjs/types/components → esm/types/components/placeholders}/placeholder/placeholder.d.ts +1 -1
  106. package/dist/esm/types/components/placeholders/skeleton-card/index.d.ts +1 -0
  107. package/dist/esm/types/components/placeholders/skeleton-card/skeleton-card.d.ts +5 -0
  108. package/dist/esm/types/components/placeholders/skeleton-grid/index.d.ts +1 -0
  109. package/dist/esm/types/components/placeholders/skeleton-grid/skeleton-grid.d.ts +4 -0
  110. package/dist/esm/types/components/tables/enhanced-remote-table/enhanced-remote-table.d.ts +12 -0
  111. package/dist/esm/types/components/tables/enhanced-remote-table/enhanced-remote-table.mock.d.ts +11 -0
  112. package/dist/esm/types/components/tables/enhanced-table/enhanced-table-head.d.ts +16 -0
  113. package/dist/{cjs/types/components/table → esm/types/components/tables}/enhanced-table/enhanced-table.d.ts +2 -2
  114. package/dist/esm/types/components/{table → tables}/enhanced-table/enhanced-table.mock.d.ts +6 -7
  115. package/dist/esm/types/components/value-displays/group-value-card/group-value-card.d.ts +7 -4
  116. package/dist/esm/types/components/value-displays/group-value-card/group-value-card.mock.d.ts +2 -1
  117. package/dist/esm/types/components/value-displays/index.d.ts +1 -0
  118. package/dist/esm/types/components/value-displays/value-boolean/value-boolean.d.ts +3 -11
  119. package/dist/esm/types/components/value-displays/value-card/value-card.d.ts +1 -1
  120. package/dist/esm/types/components/value-displays/value-content/index.d.ts +1 -0
  121. package/dist/esm/types/components/value-displays/value-content/value-content.d.ts +24 -0
  122. package/dist/esm/types/components/value-displays/value-datetime/value-datetime.d.ts +3 -10
  123. package/dist/esm/types/components/value-displays/value-displays.types.d.ts +15 -0
  124. package/dist/esm/types/components/value-displays/value-image/index.d.ts +1 -0
  125. package/dist/esm/types/components/value-displays/value-image/value-image.d.ts +11 -0
  126. package/dist/esm/types/components/value-displays/value-text/value-text.d.ts +3 -11
  127. package/dist/esm/types/generators/generators.mock.d.ts +2 -1
  128. package/dist/esm/types/generators/generators.model.d.ts +36 -20
  129. package/dist/esm/types/generators/generators.model.test.d.ts +1 -0
  130. package/dist/esm/types/generators/index.d.ts +1 -0
  131. package/dist/esm/types/generators/model-router/model-router.d.ts +1 -1
  132. package/dist/esm/types/generators/model-router/screens/add-screen.d.ts +1 -1
  133. package/dist/esm/types/generators/model-router/screens/details-screen.d.ts +1 -1
  134. package/dist/esm/types/generators/model-router/screens/list-screen.d.ts +1 -1
  135. package/dist/esm/types/generators/model-router/screens/update-screen.d.ts +1 -1
  136. package/dist/esm/types/{components → generators}/table-list/table-list.d.ts +3 -3
  137. package/dist/esm/types/layouts/app-bar-with-drawer-layout/app-bar-with-drawer-layout.d.ts +2 -2
  138. package/dist/esm/types/layouts/header-layout/header-layout.d.ts +1 -2
  139. package/dist/esm/types/providers/notification-center/notification-center.context.d.ts +0 -2
  140. package/dist/esm/types/providers/notification-center/notification-center.provider.d.ts +1 -1
  141. package/dist/esm/types/providers/tab-provider/tab-provider.provider.d.ts +1 -1
  142. package/dist/esm/types/utils/theme.d.ts +1 -1
  143. package/dist/index.d.ts +338 -288
  144. package/package.json +50 -44
  145. package/src/components/{app-bar → app-bars/app-bar}/app-bar.stories.tsx +5 -4
  146. package/src/components/{app-bar → app-bars/app-bar}/app-bar.test.tsx +2 -2
  147. package/src/components/{app-bar → app-bars/app-bar}/app-bar.tsx +1 -1
  148. package/src/components/{app-bar → app-bars/app-bar}/mini-app-bar/mini-app-bar.tsx +2 -2
  149. package/src/components/app-bars/app-bars.stories.mdx +10 -0
  150. package/src/components/app-bars/index.ts +1 -0
  151. package/src/components/components.stories.mdx +19 -0
  152. package/src/components/{center-container → containers/center-container}/center-container.stories.tsx +3 -3
  153. package/src/components/{center-container → containers/center-container}/center-container.test.tsx +1 -1
  154. package/src/components/containers/containers.stories.mdx +11 -0
  155. package/src/components/{content → containers/content}/content.stories.tsx +3 -3
  156. package/src/components/{content → containers/content}/content.test.tsx +1 -1
  157. package/src/components/containers/index.ts +2 -0
  158. package/src/components/{bullet → data-display/bullet}/bullet.stories.tsx +2 -2
  159. package/src/components/{bullet → data-display/bullet}/bullet.test.tsx +1 -1
  160. package/src/components/data-display/data-display.stories.mdx +12 -0
  161. package/src/components/{header → data-display/header}/header.dummy.ts +1 -1
  162. package/src/components/{header → data-display/header}/header.stories.tsx +2 -8
  163. package/src/components/{header → data-display/header}/header.test.tsx +2 -2
  164. package/src/components/{header → data-display/header}/header.tsx +2 -2
  165. package/src/components/data-display/index.ts +3 -0
  166. package/src/components/{label → data-display/label}/label.stories.tsx +2 -2
  167. package/src/components/{label → data-display/label}/label.test.tsx +1 -1
  168. package/src/components/{drawer → drawers/drawer}/__snapshots__/drawer.test.tsx.snap +3 -3
  169. package/src/components/{drawer → drawers/drawer}/drawer.mock.tsx +27 -0
  170. package/src/components/{drawer → drawers/drawer}/drawer.test.tsx +8 -8
  171. package/src/components/{drawer → drawers/drawer}/drawer.types.ts +12 -3
  172. package/src/components/{drawer → drawers/drawer}/mini-drawer/mini-drawer.stories.tsx +3 -3
  173. package/src/components/{drawer → drawers/drawer}/mini-drawer/mini-drawer.tsx +1 -2
  174. package/src/components/drawers/drawer-collapsable-item/drawer-collapsable-item.test.tsx +62 -0
  175. package/src/components/drawers/drawer-collapsable-item/drawer-collapsable-item.tsx +78 -0
  176. package/src/components/drawers/drawer-collapsable-item/index.ts +1 -0
  177. package/src/components/{drawer-content → drawers/drawer-content}/drawer-content.stories.tsx +3 -3
  178. package/src/components/drawers/drawer-content/drawer-content.test.tsx +59 -0
  179. package/src/components/{drawer-content → drawers/drawer-content}/drawer-content.tsx +5 -4
  180. package/src/components/{drawer-item → drawers/drawer-item}/drawer-item.stories.tsx +2 -3
  181. package/src/components/{drawer-item → drawers/drawer-item}/drawer-item.test.tsx +3 -3
  182. package/src/components/{drawer-item → drawers/drawer-item}/drawer-item.tsx +23 -5
  183. package/src/components/{drawer-section → drawers/drawer-section}/drawer-section.stories.tsx +3 -3
  184. package/src/components/{drawer-section → drawers/drawer-section}/drawer-section.test.tsx +1 -1
  185. package/src/components/drawers/drawer-section/drawer-section.tsx +65 -0
  186. package/src/components/drawers/drawers.stories.mdx +13 -0
  187. package/src/components/drawers/index.ts +4 -0
  188. package/src/components/feedback/feedback.stories.mdx +12 -0
  189. package/src/components/feedback/index.ts +2 -0
  190. package/src/components/{loading-area → feedback/loading-area}/loading-area.stories.tsx +2 -2
  191. package/src/components/{loading-area → feedback/loading-area}/loading-area.test.tsx +2 -1
  192. package/src/components/{query-container → feedback/query-container}/query-container.stories.tsx +2 -2
  193. package/src/components/{query-container → feedback/query-container}/query-container.test.tsx +2 -1
  194. package/src/components/index.ts +9 -18
  195. package/src/components/{enhanced-select → inputs/enhanced-select}/enhanced-select.stories.tsx +12 -12
  196. package/src/components/{enhanced-select → inputs/enhanced-select}/enhanced-select.test.tsx +9 -4
  197. package/src/components/{enhanced-select → inputs/enhanced-select}/enhanced-select.tsx +2 -4
  198. package/src/components/inputs/index.ts +2 -0
  199. package/src/components/inputs/inputs.stories.mdx +11 -0
  200. package/src/components/{sign-in → inputs/sign-in}/sign-in.stories.tsx +2 -2
  201. package/src/components/{sign-in → inputs/sign-in}/sign-in.test.tsx +2 -1
  202. package/src/components/{sign-in → inputs/sign-in}/sign-in.tsx +3 -3
  203. package/src/components/navigation/index.ts +1 -0
  204. package/src/components/{link → navigation/link}/link.tsx +2 -2
  205. package/src/components/navigation/navigation.stories.mdx +10 -0
  206. package/src/components/{tab → navigation/tab}/tab-card/tab-card.dummy.tsx +3 -3
  207. package/src/components/{tab → navigation/tab}/tab-card/tab-card.stories.tsx +4 -4
  208. package/src/components/{tab → navigation/tab}/tab-card/tab-card.test.tsx +1 -1
  209. package/src/components/{tab → navigation/tab}/tab-card/tab-card.tsx +3 -3
  210. package/src/components/{tab → navigation/tab}/tab-panel/tab-panel.test.tsx +1 -1
  211. package/src/{tests → components/placeholders/content-placeholder}/content-placeholder.stories.tsx +3 -4
  212. package/src/components/placeholders/content-placeholder/content-placeholder.tsx +17 -0
  213. package/src/components/placeholders/content-placeholder/index.ts +1 -0
  214. package/src/components/placeholders/index.ts +5 -0
  215. package/src/components/placeholders/lorem-ipsum-placeholder/index.ts +1 -0
  216. package/src/components/placeholders/lorem-ipsum-placeholder/lorem-ipsum-placeholder.stories.tsx +15 -0
  217. package/src/components/placeholders/lorem-ipsum-placeholder/lorem-ipsum-placeholder.tsx +26 -0
  218. package/src/components/{placeholder → placeholders/placeholder}/placeholder.stories.tsx +2 -2
  219. package/src/components/{placeholder → placeholders/placeholder}/placeholder.test.tsx +3 -2
  220. package/src/components/placeholders/placeholders.stories.mdx +14 -0
  221. package/src/components/placeholders/skeleton-card/index.ts +1 -0
  222. package/src/{tests → components/placeholders/skeleton-card}/skeleton-card.stories.tsx +3 -3
  223. package/src/components/placeholders/skeleton-card/skeleton-card.tsx +17 -0
  224. package/src/components/placeholders/skeleton-grid/index.ts +1 -0
  225. package/src/components/placeholders/skeleton-grid/skeleton-grid.stories.tsx +15 -0
  226. package/src/components/placeholders/skeleton-grid/skeleton-grid.tsx +20 -0
  227. package/src/components/{table → tables}/enhanced-remote-table/enhanced-remote-table.mock.tsx +7 -6
  228. package/src/components/{table → tables}/enhanced-remote-table/enhanced-remote-table.stories.tsx +1 -1
  229. package/src/components/{table → tables}/enhanced-remote-table/enhanced-remote-table.test.tsx +3 -3
  230. package/src/components/{table → tables}/enhanced-remote-table/enhanced-remote-table.tsx +8 -8
  231. package/src/components/{table → tables}/enhanced-table/enhanced-table-head.tsx +14 -9
  232. package/src/components/{table → tables}/enhanced-table/enhanced-table.mock.tsx +12 -6
  233. package/src/components/{table → tables}/enhanced-table/enhanced-table.stories.tsx +1 -1
  234. package/src/components/{table → tables}/enhanced-table/enhanced-table.test.tsx +6 -5
  235. package/src/components/{table → tables}/enhanced-table/enhanced-table.tsx +8 -8
  236. package/src/components/tables/table.stories.mdx +11 -0
  237. package/src/components/value-displays/group-value-card/group-value-card.mock.tsx +2 -2
  238. package/src/components/value-displays/group-value-card/group-value-card.stories.tsx +25 -2
  239. package/src/components/value-displays/group-value-card/group-value-card.test.tsx +7 -2
  240. package/src/components/value-displays/group-value-card/group-value-card.tsx +13 -4
  241. package/src/components/value-displays/index.ts +1 -0
  242. package/src/components/value-displays/value-boolean/value-boolean.stories.tsx +1 -1
  243. package/src/components/value-displays/value-boolean/value-boolean.test.tsx +15 -3
  244. package/src/components/value-displays/value-boolean/value-boolean.tsx +18 -18
  245. package/src/components/value-displays/value-card/value-card.stories.tsx +1 -1
  246. package/src/components/value-displays/value-card/value-card.test.tsx +1 -1
  247. package/src/components/value-displays/value-content/index.ts +1 -0
  248. package/src/components/value-displays/value-content/value-content.stories.tsx +20 -0
  249. package/src/components/value-displays/value-content/value-content.test.tsx +50 -0
  250. package/src/components/value-displays/value-content/value-content.tsx +54 -0
  251. package/src/components/value-displays/value-datetime/value-datetime.stories.tsx +14 -1
  252. package/src/components/value-displays/value-datetime/value-datetime.test.tsx +24 -5
  253. package/src/components/value-displays/value-datetime/value-datetime.tsx +16 -23
  254. package/src/components/value-displays/value-displays.stories.mdx +16 -0
  255. package/src/components/value-displays/value-displays.types.ts +18 -0
  256. package/src/components/value-displays/value-image/index.ts +1 -0
  257. package/src/components/value-displays/value-image/value-image.stories.tsx +28 -0
  258. package/src/components/value-displays/value-image/value-image.test.tsx +22 -0
  259. package/src/components/value-displays/value-image/value-image.tsx +24 -0
  260. package/src/components/value-displays/value-text/value-text.stories.tsx +12 -1
  261. package/src/components/value-displays/value-text/value-text.test.tsx +19 -5
  262. package/src/components/value-displays/value-text/value-text.tsx +16 -22
  263. package/src/generators/generators.mock.ts +25 -22
  264. package/src/generators/generators.model.test.ts +77 -0
  265. package/src/generators/generators.model.ts +78 -6
  266. package/src/generators/generators.stories.mdx +13 -0
  267. package/src/generators/index.ts +1 -0
  268. package/src/generators/model-form/model-form.test.tsx +11 -14
  269. package/src/generators/model-form/model-form.tsx +33 -65
  270. package/src/generators/model-router/model-router.test.tsx +45 -32
  271. package/src/generators/model-router/screens/add-screen.tsx +2 -1
  272. package/src/generators/model-router/screens/details-screen.tsx +2 -1
  273. package/src/generators/model-router/screens/list-screen.tsx +3 -2
  274. package/src/generators/model-router/screens/update-screen.tsx +4 -5
  275. package/src/generators/model-router/stories/model-router.stories.tsx +2 -2
  276. package/src/generators/object-details/object-details.test.tsx +2 -1
  277. package/src/generators/object-details/object-details.tsx +18 -9
  278. package/src/{components → generators}/table-list/table-list.stories.tsx +28 -18
  279. package/src/{components → generators}/table-list/table-list.test.tsx +13 -8
  280. package/src/{components → generators}/table-list/table-list.tsx +24 -13
  281. package/src/hooks/routing/routing.test.tsx +1 -1
  282. package/src/layouts/app-bar-with-drawer-layout/app-bar-with-drawer-layout.stories.tsx +3 -4
  283. package/src/layouts/app-bar-with-drawer-layout/app-bar-with-drawer-layout.test.tsx +2 -1
  284. package/src/layouts/app-bar-with-drawer-layout/app-bar-with-drawer-layout.tsx +3 -3
  285. package/src/layouts/header-layout/header-layout.stories.tsx +16 -8
  286. package/src/layouts/header-layout/header-layout.test.tsx +1 -1
  287. package/src/layouts/header-layout/header-layout.tsx +2 -2
  288. package/src/layouts/layouts.stories.mdx +11 -0
  289. package/src/providers/notification-center/notification-center.context.ts +0 -6
  290. package/src/providers/notification-center/notification-center.stories.tsx +2 -2
  291. package/src/providers/notification-center/notification-center.test.tsx +6 -7
  292. package/src/stories/Introduction.stories.mdx +10 -185
  293. package/src/stories/getting-started.stories.mdx +23 -0
  294. package/src/storybook.tsx +1 -1
  295. package/src/tests/actions.ts +4 -0
  296. package/src/tests/assertions.ts +18 -10
  297. package/src/tests/datatable-placeholder/datatable-placeholder.stories.tsx +15 -0
  298. package/src/tests/datatable-placeholder/datatable-placeholder.tsx +40 -0
  299. package/src/tests/datatable-placeholder/index.ts +1 -0
  300. package/src/tests/file-mock.ts +1 -0
  301. package/src/tests/mocks.ts +21 -0
  302. package/src/tests/testing-library.tsx +11 -8
  303. package/src/types/index.d.ts +4 -0
  304. package/src/types.d.ts +4 -0
  305. package/dist/cjs/types/components/content/content.types.d.ts +0 -4
  306. package/dist/cjs/types/components/link/link.d.ts +0 -7
  307. package/dist/cjs/types/components/tab/tab-card/tab-card.d.ts +0 -6
  308. package/dist/cjs/types/components/tab/tab-card/tab-card.dummy.d.ts +0 -7
  309. package/dist/cjs/types/components/table/enhanced-remote-table/enhanced-remote-table.d.ts +0 -13
  310. package/dist/cjs/types/components/table/enhanced-remote-table/enhanced-remote-table.mock.d.ts +0 -11
  311. package/dist/cjs/types/components/table/enhanced-table/enhanced-table-head.d.ts +0 -16
  312. package/dist/esm/types/components/content/content.types.d.ts +0 -4
  313. package/dist/esm/types/components/link/link.d.ts +0 -7
  314. package/dist/esm/types/components/tab/tab-card/tab-card.d.ts +0 -6
  315. package/dist/esm/types/components/tab/tab-card/tab-card.dummy.d.ts +0 -7
  316. package/dist/esm/types/components/table/enhanced-remote-table/enhanced-remote-table.d.ts +0 -13
  317. package/dist/esm/types/components/table/enhanced-remote-table/enhanced-remote-table.mock.d.ts +0 -11
  318. package/dist/esm/types/components/table/enhanced-table/enhanced-table-head.d.ts +0 -16
  319. package/src/components/drawer-content/drawer-content.test.tsx +0 -34
  320. package/src/components/drawer-section/drawer-section.tsx +0 -40
  321. package/src/tests/components.tsx +0 -60
  322. package/src/tests/index.ts +0 -4
  323. /package/dist/cjs/types/components/{app-bar → app-bars/app-bar}/app-bar.d.ts +0 -0
  324. /package/dist/cjs/types/components/{app-bar → app-bars/app-bar}/index.d.ts +0 -0
  325. /package/dist/cjs/types/components/{app-bar → app-bars/app-bar}/mini-app-bar/index.d.ts +0 -0
  326. /package/dist/cjs/types/components/{app-bar → app-bars/app-bar}/mini-app-bar/mini-app-bar.d.ts +0 -0
  327. /package/dist/cjs/types/components/{center-container → containers/center-container}/center-container.d.ts +0 -0
  328. /package/dist/cjs/types/components/{center-container → containers/center-container}/index.d.ts +0 -0
  329. /package/dist/cjs/types/components/{content → containers/content}/content.d.ts +0 -0
  330. /package/dist/cjs/types/components/{content → containers/content}/index.d.ts +0 -0
  331. /package/dist/cjs/types/components/{bullet → data-display/bullet}/index.d.ts +0 -0
  332. /package/dist/cjs/types/components/{header → data-display/header}/header.d.ts +0 -0
  333. /package/dist/cjs/types/components/{header → data-display/header}/index.d.ts +0 -0
  334. /package/dist/cjs/types/components/{label → data-display/label}/index.d.ts +0 -0
  335. /package/dist/cjs/types/components/{drawer → drawers/drawer}/drawer.context.d.ts +0 -0
  336. /package/dist/cjs/types/components/{drawer → drawers/drawer}/drawer.d.ts +0 -0
  337. /package/dist/cjs/types/components/{drawer → drawers/drawer}/drawer.mixins.d.ts +0 -0
  338. /package/dist/cjs/types/components/{drawer → drawers/drawer}/drawer.mock.d.ts +0 -0
  339. /package/dist/cjs/types/components/{drawer → drawers/drawer}/index.d.ts +0 -0
  340. /package/dist/cjs/types/components/{drawer → drawers/drawer}/mini-drawer/index.d.ts +0 -0
  341. /package/dist/cjs/types/components/{drawer → drawers/drawer}/mini-drawer/mini-drawer.d.ts +0 -0
  342. /package/dist/cjs/types/components/{drawer-content → drawers/drawer-content}/drawer-content.d.ts +0 -0
  343. /package/dist/cjs/types/components/{drawer-content → drawers/drawer-content}/index.d.ts +0 -0
  344. /package/dist/cjs/types/components/{drawer-item → drawers/drawer-item}/index.d.ts +0 -0
  345. /package/dist/cjs/types/components/{drawer-section → drawers/drawer-section}/drawer-section.mock.d.ts +0 -0
  346. /package/dist/cjs/types/components/{drawer-section → drawers/drawer-section}/index.d.ts +0 -0
  347. /package/dist/cjs/types/components/{loading-area → feedback/loading-area}/index.d.ts +0 -0
  348. /package/dist/cjs/types/components/{loading-area → feedback/loading-area}/loading-area.d.ts +0 -0
  349. /package/dist/cjs/types/components/{query-container → feedback/query-container}/index.d.ts +0 -0
  350. /package/dist/cjs/types/components/{enhanced-select → inputs/enhanced-select}/index.d.ts +0 -0
  351. /package/dist/cjs/types/components/{sign-in → inputs/sign-in}/index.d.ts +0 -0
  352. /package/dist/cjs/types/components/{link → navigation/link}/index.d.ts +0 -0
  353. /package/dist/cjs/types/components/{tab → navigation/tab}/index.d.ts +0 -0
  354. /package/dist/cjs/types/components/{tab → navigation/tab}/tab-card/index.d.ts +0 -0
  355. /package/dist/cjs/types/components/{tab → navigation/tab}/tab-panel/index.d.ts +0 -0
  356. /package/dist/cjs/types/components/{tab → navigation/tab}/tab-panel/tab-panel.d.ts +0 -0
  357. /package/dist/cjs/types/components/{placeholder → placeholders/placeholder}/index.d.ts +0 -0
  358. /package/dist/cjs/types/components/{placeholder → placeholders/placeholder}/placeholder.mock.d.ts +0 -0
  359. /package/dist/cjs/types/components/{table → tables}/enhanced-remote-table/index.d.ts +0 -0
  360. /package/dist/cjs/types/components/{table → tables}/enhanced-table/index.d.ts +0 -0
  361. /package/dist/cjs/types/components/{table → tables}/index.d.ts +0 -0
  362. /package/dist/cjs/types/{components → generators}/table-list/index.d.ts +0 -0
  363. /package/dist/esm/types/components/{app-bar → app-bars/app-bar}/app-bar.d.ts +0 -0
  364. /package/dist/esm/types/components/{app-bar → app-bars/app-bar}/index.d.ts +0 -0
  365. /package/dist/esm/types/components/{app-bar → app-bars/app-bar}/mini-app-bar/index.d.ts +0 -0
  366. /package/dist/esm/types/components/{app-bar → app-bars/app-bar}/mini-app-bar/mini-app-bar.d.ts +0 -0
  367. /package/dist/esm/types/components/{center-container → containers/center-container}/center-container.d.ts +0 -0
  368. /package/dist/esm/types/components/{center-container → containers/center-container}/index.d.ts +0 -0
  369. /package/dist/esm/types/components/{content → containers/content}/content.d.ts +0 -0
  370. /package/dist/esm/types/components/{content → containers/content}/index.d.ts +0 -0
  371. /package/dist/esm/types/components/{bullet → data-display/bullet}/index.d.ts +0 -0
  372. /package/dist/esm/types/components/{header → data-display/header}/header.d.ts +0 -0
  373. /package/dist/esm/types/components/{header → data-display/header}/index.d.ts +0 -0
  374. /package/dist/esm/types/components/{label → data-display/label}/index.d.ts +0 -0
  375. /package/dist/esm/types/components/{drawer → drawers/drawer}/drawer.context.d.ts +0 -0
  376. /package/dist/esm/types/components/{drawer → drawers/drawer}/drawer.d.ts +0 -0
  377. /package/dist/esm/types/components/{drawer → drawers/drawer}/drawer.mixins.d.ts +0 -0
  378. /package/dist/esm/types/components/{drawer → drawers/drawer}/drawer.mock.d.ts +0 -0
  379. /package/dist/esm/types/components/{drawer → drawers/drawer}/index.d.ts +0 -0
  380. /package/dist/esm/types/components/{drawer → drawers/drawer}/mini-drawer/index.d.ts +0 -0
  381. /package/dist/esm/types/components/{drawer → drawers/drawer}/mini-drawer/mini-drawer.d.ts +0 -0
  382. /package/dist/esm/types/components/{drawer-content → drawers/drawer-content}/drawer-content.d.ts +0 -0
  383. /package/dist/esm/types/components/{drawer-content → drawers/drawer-content}/index.d.ts +0 -0
  384. /package/dist/esm/types/components/{drawer-item → drawers/drawer-item}/index.d.ts +0 -0
  385. /package/dist/esm/types/components/{drawer-section → drawers/drawer-section}/drawer-section.mock.d.ts +0 -0
  386. /package/dist/esm/types/components/{drawer-section → drawers/drawer-section}/index.d.ts +0 -0
  387. /package/dist/esm/types/components/{loading-area → feedback/loading-area}/index.d.ts +0 -0
  388. /package/dist/esm/types/components/{loading-area → feedback/loading-area}/loading-area.d.ts +0 -0
  389. /package/dist/esm/types/components/{query-container → feedback/query-container}/index.d.ts +0 -0
  390. /package/dist/esm/types/components/{enhanced-select → inputs/enhanced-select}/index.d.ts +0 -0
  391. /package/dist/esm/types/components/{sign-in → inputs/sign-in}/index.d.ts +0 -0
  392. /package/dist/esm/types/components/{link → navigation/link}/index.d.ts +0 -0
  393. /package/dist/esm/types/components/{tab → navigation/tab}/index.d.ts +0 -0
  394. /package/dist/esm/types/components/{tab → navigation/tab}/tab-card/index.d.ts +0 -0
  395. /package/dist/esm/types/components/{tab → navigation/tab}/tab-panel/index.d.ts +0 -0
  396. /package/dist/esm/types/components/{tab → navigation/tab}/tab-panel/tab-panel.d.ts +0 -0
  397. /package/dist/esm/types/components/{placeholder → placeholders/placeholder}/index.d.ts +0 -0
  398. /package/dist/esm/types/components/{placeholder → placeholders/placeholder}/placeholder.mock.d.ts +0 -0
  399. /package/dist/esm/types/components/{table → tables}/enhanced-remote-table/index.d.ts +0 -0
  400. /package/dist/esm/types/components/{table → tables}/enhanced-table/index.d.ts +0 -0
  401. /package/dist/esm/types/components/{table → tables}/index.d.ts +0 -0
  402. /package/dist/esm/types/{components → generators}/table-list/index.d.ts +0 -0
  403. /package/src/components/{app-bar → app-bars/app-bar}/app-bar.types.ts +0 -0
  404. /package/src/components/{app-bar → app-bars/app-bar}/index.ts +0 -0
  405. /package/src/components/{app-bar → app-bars/app-bar}/mini-app-bar/index.ts +0 -0
  406. /package/src/components/{center-container → containers/center-container}/center-container.tsx +0 -0
  407. /package/src/components/{center-container → containers/center-container}/index.ts +0 -0
  408. /package/src/components/{content → containers/content}/content.tsx +0 -0
  409. /package/src/components/{content → containers/content}/content.types.ts +0 -0
  410. /package/src/components/{content → containers/content}/index.ts +0 -0
  411. /package/src/components/{bullet → data-display/bullet}/bullet.tsx +0 -0
  412. /package/src/components/{bullet → data-display/bullet}/index.ts +0 -0
  413. /package/src/components/{header → data-display/header}/header.types.ts +0 -0
  414. /package/src/components/{header → data-display/header}/index.ts +0 -0
  415. /package/src/components/{label → data-display/label}/index.ts +0 -0
  416. /package/src/components/{label → data-display/label}/label.tsx +0 -0
  417. /package/src/components/{drawer → drawers/drawer}/drawer.context.ts +0 -0
  418. /package/src/components/{drawer → drawers/drawer}/drawer.mixins.ts +0 -0
  419. /package/src/components/{drawer → drawers/drawer}/drawer.provider.tsx +0 -0
  420. /package/src/components/{drawer → drawers/drawer}/drawer.tsx +0 -0
  421. /package/src/components/{drawer → drawers/drawer}/index.ts +0 -0
  422. /package/src/components/{drawer → drawers/drawer}/mini-drawer/index.ts +0 -0
  423. /package/src/components/{drawer-content → drawers/drawer-content}/index.ts +0 -0
  424. /package/src/components/{drawer-item → drawers/drawer-item}/index.ts +0 -0
  425. /package/src/components/{drawer-section → drawers/drawer-section}/drawer-section.mock.tsx +0 -0
  426. /package/src/components/{drawer-section → drawers/drawer-section}/index.ts +0 -0
  427. /package/src/components/{loading-area → feedback/loading-area}/index.ts +0 -0
  428. /package/src/components/{loading-area → feedback/loading-area}/loading-area.tsx +0 -0
  429. /package/src/components/{query-container → feedback/query-container}/index.ts +0 -0
  430. /package/src/components/{query-container → feedback/query-container}/query-container.tsx +0 -0
  431. /package/src/components/{enhanced-select → inputs/enhanced-select}/index.ts +0 -0
  432. /package/src/components/{sign-in → inputs/sign-in}/index.ts +0 -0
  433. /package/src/components/{link → navigation/link}/index.ts +0 -0
  434. /package/src/components/{tab → navigation/tab}/index.ts +0 -0
  435. /package/src/components/{tab → navigation/tab}/tab-card/index.ts +0 -0
  436. /package/src/components/{tab → navigation/tab}/tab-panel/index.ts +0 -0
  437. /package/src/components/{tab → navigation/tab}/tab-panel/tab-panel.tsx +0 -0
  438. /package/src/components/{placeholder → placeholders/placeholder}/index.ts +0 -0
  439. /package/src/components/{placeholder → placeholders/placeholder}/placeholder.mock.ts +0 -0
  440. /package/src/components/{placeholder → placeholders/placeholder}/placeholder.tsx +0 -0
  441. /package/src/components/{table → tables}/enhanced-remote-table/index.ts +0 -0
  442. /package/src/components/{table → tables}/enhanced-table/index.ts +0 -0
  443. /package/src/components/{table → tables}/index.ts +0 -0
  444. /package/src/{components → generators}/table-list/index.ts +0 -0
@@ -0,0 +1,40 @@
1
+ import { Box } from "@mui/material";
2
+ import { DataGrid } from "@mui/x-data-grid";
3
+ import { useDemoData } from "@mui/x-data-grid-generator";
4
+ import React from "react";
5
+
6
+ export interface DatatablePlaceholderProps {
7
+ rowLength?: number;
8
+ maxColumns?: number;
9
+ dataSet?: "Commodity" | "Employee";
10
+ height?: number;
11
+ }
12
+
13
+ export const DatatablePlaceholder = ({
14
+ rowLength = 1000,
15
+ maxColumns = 10,
16
+ height = 400,
17
+ dataSet = "Commodity",
18
+ }: DatatablePlaceholderProps) => {
19
+ const {
20
+ data: { rows, columns },
21
+ } = useDemoData({
22
+ dataSet,
23
+ rowLength,
24
+ maxColumns,
25
+ });
26
+
27
+ return (
28
+ <Box sx={{ height, width: 1 }}>
29
+ <DataGrid
30
+ rows={rows}
31
+ columns={columns as any}
32
+ pageSize={5}
33
+ rowsPerPageOptions={[5]}
34
+ checkboxSelection
35
+ disableSelectionOnClick
36
+ experimentalFeatures={{ newEditingApi: true }}
37
+ />
38
+ </Box>
39
+ );
40
+ };
@@ -0,0 +1 @@
1
+ export * from "./datatable-placeholder";
@@ -0,0 +1 @@
1
+ module.exports = "";
@@ -0,0 +1,21 @@
1
+ export const mockConsoleError = () => {
2
+ mockConsole("error");
3
+ };
4
+
5
+ export const mockConsoleWarn = () => {
6
+ mockConsole("warn");
7
+ };
8
+
9
+ export const mockConsole = (severity: "error" | "warn") => {
10
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
11
+ let logFn: (message?: any, ...optionalParams: any[]) => void;
12
+
13
+ beforeEach(() => {
14
+ logFn = console[severity];
15
+ console[severity] = jest.fn();
16
+ });
17
+
18
+ afterEach(() => {
19
+ console[severity] = logFn;
20
+ });
21
+ };
@@ -1,4 +1,4 @@
1
- import { render, RenderOptions } from "@testing-library/react";
1
+ import { render, RenderOptions, RenderResult } from "@testing-library/react";
2
2
  import { MemoryRouter, Router } from "react-router-dom";
3
3
  import { createMemoryHistory, MemoryHistory } from "history";
4
4
  import React from "react";
@@ -28,12 +28,11 @@ const createWrapper =
28
28
  const isMemoryRouter = router === "memory";
29
29
 
30
30
  const R = isMemoryRouter ? MemoryRouter : Router;
31
- const routerArgs = isMemoryRouter
32
- ? {}
33
- : {
34
- location: history.location,
35
- navigator: history,
36
- };
31
+ const routerArgs = {
32
+ location: history.location,
33
+ navigator: history,
34
+ };
35
+
37
36
  return (
38
37
  <ThemeProvider theme={theme}>
39
38
  <LocalizationProvider dateAdapter={AdapterDateFns}>
@@ -49,7 +48,11 @@ interface CustomRenderOptions {
49
48
  router?: TestRouter;
50
49
  }
51
50
 
52
- const customRender = (ui: React.ReactElement, options: CustomRenderOptions = {}) => {
51
+ type CustomRenderResult = RenderResult & { history: MemoryHistory };
52
+ const customRender = (
53
+ ui: React.ReactElement,
54
+ options: CustomRenderOptions = {},
55
+ ): CustomRenderResult => {
53
56
  const renderOptions = options.renderOptions || {};
54
57
  const mode = options.mode || "light";
55
58
  const router = options.router || "router";
@@ -0,0 +1,4 @@
1
+ declare module "*.jpg" {
2
+ const value: string;
3
+ export default value;
4
+ }
package/src/types.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare module "*.jpg" {
2
+ const value: string;
3
+ export default value;
4
+ }
@@ -1,4 +0,0 @@
1
- import { PropsWithChildren, FunctionComponent, ReactElement } from "react";
2
- export declare type ContentProps = PropsWithChildren;
3
- export declare type ContentComponent = FunctionComponent<ContentProps>;
4
- export declare type ContentElement = ReactElement<ContentElement, ContentComponent>;
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- import { LinkProps as RouterLinkProps } from "react-router-dom";
3
- import { LinkProps } from "@mui/material";
4
- export declare const LinkBehaviour: React.ForwardRefExoticComponent<Omit<RouterLinkProps, "to"> & {
5
- href: RouterLinkProps["to"];
6
- } & React.RefAttributes<any>>;
7
- export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps<"a", {}>, "href" | "download" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("@mui/material/OverridableComponent").CommonProps | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping" | "key" | "TypographyClasses" | "underline"> & React.RefAttributes<any>>;
@@ -1,6 +0,0 @@
1
- import { PropsWithChildren } from "react";
2
- interface Props {
3
- tabs: string[];
4
- }
5
- export declare const TabCard: ({ children, tabs }: PropsWithChildren<Props>) => JSX.Element;
6
- export {};
@@ -1,7 +0,0 @@
1
- export declare const DummyTabs: string[];
2
- interface Props {
3
- tabs: string[];
4
- initialTab: number;
5
- }
6
- export declare function TabCardDummy({ tabs, initialTab }: Props): JSX.Element;
7
- export {};
@@ -1,13 +0,0 @@
1
- import { ReactNode } from "react";
2
- import { HeadCell, Order } from "../enhanced-table";
3
- interface Props<T> {
4
- data: T[];
5
- loading: boolean;
6
- defaultSort: string;
7
- defaultOrder?: Order;
8
- columns: HeadCell[];
9
- children: (data: T, index: number) => ReactNode;
10
- onRequestSort: (col: string, orderBy: "asc" | "desc") => void;
11
- }
12
- export declare const EnhancedRemoteTable: <T>({ children, data, loading, columns, defaultSort, defaultOrder, onRequestSort, }: Props<T>) => JSX.Element;
13
- export {};
@@ -1,11 +0,0 @@
1
- import { HeadCell, Order } from "../enhanced-table/enhanced-table-head";
2
- interface DummyProps<T> {
3
- data: T[];
4
- loading: boolean;
5
- defaultSort: string;
6
- defaultOrder?: Order;
7
- columns: HeadCell[];
8
- onRequestSort: (col: string, orderBy: Order) => void;
9
- }
10
- export declare function EnhancedRemoteDummyTable<T>(props: DummyProps<T>): JSX.Element;
11
- export {};
@@ -1,16 +0,0 @@
1
- export declare type Order = "asc" | "desc";
2
- export interface HeadCell {
3
- disablePadding: boolean;
4
- id: string;
5
- label: string;
6
- numeric: boolean;
7
- sort: boolean;
8
- }
9
- interface Props {
10
- onRequestSort: (property: string) => void;
11
- order: Order;
12
- orderBy: string;
13
- headCells: HeadCell[];
14
- }
15
- export declare function EnhancedTableHead({ order, orderBy, headCells, onRequestSort }: Props): JSX.Element;
16
- export {};
@@ -1,4 +0,0 @@
1
- import { PropsWithChildren, FunctionComponent, ReactElement } from "react";
2
- export declare type ContentProps = PropsWithChildren;
3
- export declare type ContentComponent = FunctionComponent<ContentProps>;
4
- export declare type ContentElement = ReactElement<ContentElement, ContentComponent>;
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- import { LinkProps as RouterLinkProps } from "react-router-dom";
3
- import { LinkProps } from "@mui/material";
4
- export declare const LinkBehaviour: React.ForwardRefExoticComponent<Omit<RouterLinkProps, "to"> & {
5
- href: RouterLinkProps["to"];
6
- } & React.RefAttributes<any>>;
7
- export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps<"a", {}>, "href" | "download" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("@mui/material/OverridableComponent").CommonProps | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping" | "key" | "TypographyClasses" | "underline"> & React.RefAttributes<any>>;
@@ -1,6 +0,0 @@
1
- import { PropsWithChildren } from "react";
2
- interface Props {
3
- tabs: string[];
4
- }
5
- export declare const TabCard: ({ children, tabs }: PropsWithChildren<Props>) => JSX.Element;
6
- export {};
@@ -1,7 +0,0 @@
1
- export declare const DummyTabs: string[];
2
- interface Props {
3
- tabs: string[];
4
- initialTab: number;
5
- }
6
- export declare function TabCardDummy({ tabs, initialTab }: Props): JSX.Element;
7
- export {};
@@ -1,13 +0,0 @@
1
- import { ReactNode } from "react";
2
- import { HeadCell, Order } from "../enhanced-table";
3
- interface Props<T> {
4
- data: T[];
5
- loading: boolean;
6
- defaultSort: string;
7
- defaultOrder?: Order;
8
- columns: HeadCell[];
9
- children: (data: T, index: number) => ReactNode;
10
- onRequestSort: (col: string, orderBy: "asc" | "desc") => void;
11
- }
12
- export declare const EnhancedRemoteTable: <T>({ children, data, loading, columns, defaultSort, defaultOrder, onRequestSort, }: Props<T>) => JSX.Element;
13
- export {};
@@ -1,11 +0,0 @@
1
- import { HeadCell, Order } from "../enhanced-table/enhanced-table-head";
2
- interface DummyProps<T> {
3
- data: T[];
4
- loading: boolean;
5
- defaultSort: string;
6
- defaultOrder?: Order;
7
- columns: HeadCell[];
8
- onRequestSort: (col: string, orderBy: Order) => void;
9
- }
10
- export declare function EnhancedRemoteDummyTable<T>(props: DummyProps<T>): JSX.Element;
11
- export {};
@@ -1,16 +0,0 @@
1
- export declare type Order = "asc" | "desc";
2
- export interface HeadCell {
3
- disablePadding: boolean;
4
- id: string;
5
- label: string;
6
- numeric: boolean;
7
- sort: boolean;
8
- }
9
- interface Props {
10
- onRequestSort: (property: string) => void;
11
- order: Order;
12
- orderBy: string;
13
- headCells: HeadCell[];
14
- }
15
- export declare function EnhancedTableHead({ order, orderBy, headCells, onRequestSort }: Props): JSX.Element;
16
- export {};
@@ -1,34 +0,0 @@
1
- import React from "react";
2
- import { render, screen } from "../../tests";
3
- import { mockNav } from "../drawer/drawer.mock";
4
- import { DrawerContent } from "./drawer-content";
5
-
6
- describe("DrawerContent", () => {
7
- const renderComponent = () => {
8
- return render(<DrawerContent nav={mockNav} />);
9
- };
10
-
11
- it.each([[/section 2/i], [/section avatar/i]])(
12
- "would render the title section %s",
13
- (sectionTitle: RegExp) => {
14
- renderComponent();
15
-
16
- expect(screen.getByRole("heading", { name: sectionTitle })).toBeInTheDocument();
17
- },
18
- );
19
-
20
- it.each([
21
- [/item 1.1/i],
22
- [/item 1.2/i],
23
- [/item 1.3/i],
24
- [/item 1.4/i],
25
- [/item 2.1/i],
26
- [/item 2.2/i],
27
- [/avatar 1/i],
28
- [/avatar 2/i],
29
- ])("would render the item %s", (itemText: RegExp) => {
30
- renderComponent();
31
-
32
- expect(screen.getByRole("link", { name: itemText })).toBeInTheDocument();
33
- });
34
- });
@@ -1,40 +0,0 @@
1
- import { List, ListSubheader } from "@mui/material";
2
- import React from "react";
3
- import { DrawerItem } from "../drawer-item";
4
- import { NavItem } from "../drawer/drawer.types";
5
-
6
- export interface DrawerSectionProps {
7
- /**
8
- * Section title
9
- */
10
- title?: string;
11
- /**
12
- * List of items of that section
13
- */
14
- items: NavItem[];
15
- }
16
-
17
- /**
18
- * Render a group of items inside the drawer
19
- * with an optional title
20
- */
21
- export const DrawerSection = ({ title, items }: DrawerSectionProps) => {
22
- return (
23
- <>
24
- {title && <ListSubheader role="heading">{title}</ListSubheader>}
25
- <List>
26
- {items.map(({ id, text, icon, avatar, label, bullet, href }) => (
27
- <DrawerItem
28
- key={id}
29
- text={text}
30
- icon={icon}
31
- avatar={avatar}
32
- label={label}
33
- bullet={bullet}
34
- href={href}
35
- />
36
- ))}
37
- </List>
38
- </>
39
- );
40
- };
@@ -1,60 +0,0 @@
1
- import React, { PropsWithChildren } from "react";
2
- import { Typography, Container, Skeleton, Grid, Box } from "@mui/material";
3
- import { loremIpsum } from "lorem-ipsum";
4
- import { newArrayWithSize } from "../utils";
5
-
6
- export const Placeholder = () => {
7
- return (
8
- <Typography variant="body1">
9
- {loremIpsum({
10
- count: 3,
11
- units: "paragraph",
12
- })}
13
- </Typography>
14
- );
15
- };
16
-
17
- interface SkeletonCardProps {
18
- width?: number | string;
19
- animation?: "pulse" | "wave" | false;
20
- }
21
-
22
- export const SkeletonCard = ({ width = "100%", animation = false }: SkeletonCardProps) => {
23
- return (
24
- <Box width={width}>
25
- <Skeleton animation={animation} variant="rectangular" height={118} />
26
- <Skeleton animation={animation} variant="rectangular" height={16} sx={{ my: 1 }} />
27
- <Skeleton animation={animation} variant="rectangular" width="80%" height={16} />
28
- </Box>
29
- );
30
- };
31
-
32
- interface SkeletonGridProps {
33
- size?: number;
34
- }
35
-
36
- export const SkeletonGrid = ({ size = 20 }: SkeletonGridProps) => {
37
- return (
38
- <Grid container spacing={2}>
39
- {newArrayWithSize(size, 0).map((_, i) => (
40
- <Grid item key={i} xs={4}>
41
- <SkeletonCard width={1} />
42
- </Grid>
43
- ))}
44
- </Grid>
45
- );
46
- };
47
-
48
- type ContentPlaceholderProps = PropsWithChildren<{
49
- size?: number;
50
- p?: number;
51
- }>;
52
-
53
- export const ContentPlaceholder = ({ size = 20, children, p }: ContentPlaceholderProps) => {
54
- return (
55
- <Container component="main" sx={{ p }} data-testid="content-placeholder-test">
56
- {children}
57
- <SkeletonGrid size={size} />
58
- </Container>
59
- );
60
- };
@@ -1,4 +0,0 @@
1
- export * from "./components";
2
- export * from "./testing-library";
3
- export * from "./assertions";
4
- export * from "./actions";