mod-arch-shared 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (274) hide show
  1. package/dist/__tests__/__mocks__/mockGenericResponse.js +5 -8
  2. package/dist/__tests__/__mocks__/mockGenericResponse.js.map +1 -1
  3. package/dist/__tests__/unit/jest.setup.js +14 -23
  4. package/dist/__tests__/unit/jest.setup.js.map +1 -1
  5. package/dist/__tests__/unit/testUtils/hooks.js +44 -67
  6. package/dist/__tests__/unit/testUtils/hooks.js.map +1 -1
  7. package/dist/__tests__/unit/testUtils/hooks.spec.js +56 -91
  8. package/dist/__tests__/unit/testUtils/hooks.spec.js.map +1 -1
  9. package/dist/api/__tests__/errorUtils.spec.js +22 -55
  10. package/dist/api/__tests__/errorUtils.spec.js.map +1 -1
  11. package/dist/api/apiUtils.d.ts.map +1 -1
  12. package/dist/api/apiUtils.js +69 -90
  13. package/dist/api/apiUtils.js.map +1 -1
  14. package/dist/api/const.d.ts +3 -0
  15. package/dist/api/const.d.ts.map +1 -0
  16. package/dist/api/const.js +4 -0
  17. package/dist/api/const.js.map +1 -0
  18. package/dist/api/errorUtils.js +20 -22
  19. package/dist/api/errorUtils.js.map +1 -1
  20. package/dist/api/index.d.ts +1 -0
  21. package/dist/api/index.d.ts.map +1 -1
  22. package/dist/api/index.js +1 -0
  23. package/dist/api/index.js.map +1 -1
  24. package/dist/api/k8s.d.ts +7 -2
  25. package/dist/api/k8s.d.ts.map +1 -1
  26. package/dist/api/k8s.js +13 -21
  27. package/dist/api/k8s.js.map +1 -1
  28. package/dist/api/useAPIState.js +8 -9
  29. package/dist/api/useAPIState.js.map +1 -1
  30. package/dist/components/ApplicationsPage.js +4 -5
  31. package/dist/components/ApplicationsPage.js.map +1 -1
  32. package/dist/components/DashboardDescriptionListGroup.js +4 -4
  33. package/dist/components/DashboardDescriptionListGroup.js.map +1 -1
  34. package/dist/components/DashboardEmptyTableView.js +5 -8
  35. package/dist/components/DashboardEmptyTableView.js.map +1 -1
  36. package/dist/components/DashboardHelpTooltip.js +2 -5
  37. package/dist/components/DashboardHelpTooltip.js.map +1 -1
  38. package/dist/components/DashboardModalFooter.js +12 -15
  39. package/dist/components/DashboardModalFooter.js.map +1 -1
  40. package/dist/components/DashboardSearchField.js +15 -18
  41. package/dist/components/DashboardSearchField.js.map +1 -1
  42. package/dist/components/EditableLabelsDescriptionListGroup.js +60 -73
  43. package/dist/components/EditableLabelsDescriptionListGroup.js.map +1 -1
  44. package/dist/components/EditableTextDescriptionListGroup.d.ts.map +1 -1
  45. package/dist/components/EditableTextDescriptionListGroup.js +18 -33
  46. package/dist/components/EditableTextDescriptionListGroup.js.map +1 -1
  47. package/dist/components/EmptyStateErrorMessage.js +6 -9
  48. package/dist/components/EmptyStateErrorMessage.js.map +1 -1
  49. package/dist/components/FieldGroupHelpLabelIcon.js +2 -5
  50. package/dist/components/FieldGroupHelpLabelIcon.js.map +1 -1
  51. package/dist/components/FormFieldset.js +4 -7
  52. package/dist/components/FormFieldset.js.map +1 -1
  53. package/dist/components/InlineTruncatedClipboardCopy.js +7 -10
  54. package/dist/components/InlineTruncatedClipboardCopy.js.map +1 -1
  55. package/dist/components/KubeflowDocs.js +3 -6
  56. package/dist/components/KubeflowDocs.js.map +1 -1
  57. package/dist/components/MarkdownView.js +4 -6
  58. package/dist/components/MarkdownView.js.map +1 -1
  59. package/dist/components/NavBar.d.ts.map +1 -1
  60. package/dist/components/NavBar.js +12 -14
  61. package/dist/components/NavBar.js.map +1 -1
  62. package/dist/components/NavSidebar.d.ts.map +1 -1
  63. package/dist/components/NavSidebar.js +13 -19
  64. package/dist/components/NavSidebar.js.map +1 -1
  65. package/dist/components/PopoverListContent.js +6 -13
  66. package/dist/components/PopoverListContent.js.map +1 -1
  67. package/dist/components/ResourceNameTooltip.js +15 -19
  68. package/dist/components/ResourceNameTooltip.js.map +1 -1
  69. package/dist/components/SimpleSelect.js +20 -33
  70. package/dist/components/SimpleSelect.js.map +1 -1
  71. package/dist/components/ToastNotification.js +10 -13
  72. package/dist/components/ToastNotification.js.map +1 -1
  73. package/dist/components/ToastNotifications.js +3 -3
  74. package/dist/components/ToastNotifications.js.map +1 -1
  75. package/dist/components/TruncatedText.js +17 -14
  76. package/dist/components/TruncatedText.js.map +1 -1
  77. package/dist/components/TypeaheadSelect.js +56 -66
  78. package/dist/components/TypeaheadSelect.js.map +1 -1
  79. package/dist/components/WhosMyAdministrator.js +2 -5
  80. package/dist/components/WhosMyAdministrator.js.map +1 -1
  81. package/dist/components/browserStorage/BrowserStorageContext.js +29 -44
  82. package/dist/components/browserStorage/BrowserStorageContext.js.map +1 -1
  83. package/dist/components/dashboard/DashboardPopupIconButton.js +1 -5
  84. package/dist/components/dashboard/DashboardPopupIconButton.js.map +1 -1
  85. package/dist/components/design/CollapsibleSection.js +8 -10
  86. package/dist/components/design/CollapsibleSection.js.map +1 -1
  87. package/dist/components/design/DividedGallery.js +7 -11
  88. package/dist/components/design/DividedGallery.js.map +1 -1
  89. package/dist/components/design/DividedGalleryItem.js +1 -5
  90. package/dist/components/design/DividedGalleryItem.js.map +1 -1
  91. package/dist/components/design/HeaderIcon.js +12 -15
  92. package/dist/components/design/HeaderIcon.js.map +1 -1
  93. package/dist/components/design/InfoGalleryItem.js +20 -24
  94. package/dist/components/design/InfoGalleryItem.js.map +1 -1
  95. package/dist/components/design/ScrolledGallery.js +7 -9
  96. package/dist/components/design/ScrolledGallery.js.map +1 -1
  97. package/dist/components/design/TitleWithIcon.js +11 -14
  98. package/dist/components/design/TitleWithIcon.js.map +1 -1
  99. package/dist/components/design/TypeBorderedCard.js +1 -5
  100. package/dist/components/design/TypeBorderedCard.js.map +1 -1
  101. package/dist/components/design/TypedObjectIcon.js +6 -5
  102. package/dist/components/design/TypedObjectIcon.js.map +1 -1
  103. package/dist/components/design/utils.js +8 -8
  104. package/dist/components/design/utils.js.map +1 -1
  105. package/dist/components/notFound/NotFound.js +2 -2
  106. package/dist/components/notFound/NotFound.js.map +1 -1
  107. package/dist/components/pf-overrides/FormSection.js +3 -7
  108. package/dist/components/pf-overrides/FormSection.js.map +1 -1
  109. package/dist/components/table/CheckboxTd.js +3 -5
  110. package/dist/components/table/CheckboxTd.js.map +1 -1
  111. package/dist/components/table/Table.js +9 -11
  112. package/dist/components/table/Table.js.map +1 -1
  113. package/dist/components/table/TableBase.js +47 -54
  114. package/dist/components/table/TableBase.js.map +1 -1
  115. package/dist/components/table/TableRowTitleDescription.js +4 -5
  116. package/dist/components/table/TableRowTitleDescription.js.map +1 -1
  117. package/dist/components/table/__tests__/useCheckboxTable.spec.js +12 -12
  118. package/dist/components/table/__tests__/useCheckboxTable.spec.js.map +1 -1
  119. package/dist/components/table/const.js +9 -9
  120. package/dist/components/table/const.js.map +1 -1
  121. package/dist/components/table/useCheckboxTable.js +3 -4
  122. package/dist/components/table/useCheckboxTable.js.map +1 -1
  123. package/dist/components/table/useCheckboxTableBase.js +36 -37
  124. package/dist/components/table/useCheckboxTableBase.js.map +1 -1
  125. package/dist/components/table/useTableColumnSort.js +34 -38
  126. package/dist/components/table/useTableColumnSort.js.map +1 -1
  127. package/dist/config/stylePaths.js +2 -2
  128. package/dist/config/stylePaths.js.map +1 -1
  129. package/dist/config/transform.file.js +4 -4
  130. package/dist/config/transform.file.js.map +1 -1
  131. package/dist/context/DashboardScriptLoader.d.ts.map +1 -1
  132. package/dist/context/DashboardScriptLoader.js +14 -15
  133. package/dist/context/DashboardScriptLoader.js.map +1 -1
  134. package/dist/context/ModularArchContext.d.ts +19 -0
  135. package/dist/context/ModularArchContext.d.ts.map +1 -0
  136. package/dist/context/ModularArchContext.js +7 -0
  137. package/dist/context/ModularArchContext.js.map +1 -0
  138. package/dist/context/NamespaceSelectorContext.js +24 -31
  139. package/dist/context/NamespaceSelectorContext.js.map +1 -1
  140. package/dist/context/NotificationContext.js +16 -17
  141. package/dist/context/NotificationContext.js.map +1 -1
  142. package/dist/context/ThemeContext.d.ts.map +1 -1
  143. package/dist/context/ThemeContext.js +12 -11
  144. package/dist/context/ThemeContext.js.map +1 -1
  145. package/dist/context/__tests__/NamespaceSelectorContext.test.js +95 -75
  146. package/dist/context/__tests__/NamespaceSelectorContext.test.js.map +1 -1
  147. package/dist/context/index.d.ts +1 -0
  148. package/dist/context/index.d.ts.map +1 -1
  149. package/dist/context/index.js +1 -1
  150. package/dist/context/index.js.map +1 -1
  151. package/dist/hooks/index.d.ts +2 -1
  152. package/dist/hooks/index.d.ts.map +1 -1
  153. package/dist/hooks/index.js +2 -2
  154. package/dist/hooks/index.js.map +1 -1
  155. package/dist/hooks/useModularArchContext.d.ts +4 -0
  156. package/dist/hooks/useModularArchContext.d.ts.map +1 -0
  157. package/dist/hooks/useModularArchContext.js +10 -0
  158. package/dist/hooks/useModularArchContext.js.map +1 -0
  159. package/dist/hooks/useNamespaces.d.ts.map +1 -1
  160. package/dist/hooks/useNamespaces.js +14 -10
  161. package/dist/hooks/useNamespaces.js.map +1 -1
  162. package/dist/hooks/useNotification.js +17 -17
  163. package/dist/hooks/useNotification.js.map +1 -1
  164. package/dist/hooks/useQueryParamNamespaces.js +4 -4
  165. package/dist/hooks/useQueryParamNamespaces.js.map +1 -1
  166. package/dist/hooks/useSettings.d.ts.map +1 -1
  167. package/dist/hooks/useSettings.js +35 -38
  168. package/dist/hooks/useSettings.js.map +1 -1
  169. package/dist/hooks/useTimeBasedRefresh.js +10 -11
  170. package/dist/hooks/useTimeBasedRefresh.js.map +1 -1
  171. package/dist/images/icons/AcceleratorProfileIcon.js +1 -1
  172. package/dist/images/icons/AcceleratorProfileIcon.js.map +1 -1
  173. package/dist/images/icons/ArtifactIcon.js +1 -1
  174. package/dist/images/icons/ArtifactIcon.js.map +1 -1
  175. package/dist/images/icons/BuildIcon.js +1 -1
  176. package/dist/images/icons/BuildIcon.js.map +1 -1
  177. package/dist/images/icons/ClusterSettingsIcon.js +1 -1
  178. package/dist/images/icons/ClusterSettingsIcon.js.map +1 -1
  179. package/dist/images/icons/ConfigurationIcon.js +1 -1
  180. package/dist/images/icons/ConfigurationIcon.js.map +1 -1
  181. package/dist/images/icons/CreateAndTrainIcon.js +1 -1
  182. package/dist/images/icons/CreateAndTrainIcon.js.map +1 -1
  183. package/dist/images/icons/DataConnectionIcon.js +1 -1
  184. package/dist/images/icons/DataConnectionIcon.js.map +1 -1
  185. package/dist/images/icons/DeployedModelIcon.js +1 -1
  186. package/dist/images/icons/DeployedModelIcon.js.map +1 -1
  187. package/dist/images/icons/DistributedWorkloadIcon.js +1 -1
  188. package/dist/images/icons/DistributedWorkloadIcon.js.map +1 -1
  189. package/dist/images/icons/EnabledApplicationsIcon.js +1 -1
  190. package/dist/images/icons/EnabledApplicationsIcon.js.map +1 -1
  191. package/dist/images/icons/ExperimentIcon.js +1 -1
  192. package/dist/images/icons/ExperimentIcon.js.map +1 -1
  193. package/dist/images/icons/ExploreApplicationsIcon.js +1 -1
  194. package/dist/images/icons/ExploreApplicationsIcon.js.map +1 -1
  195. package/dist/images/icons/GroupIcon.js +1 -1
  196. package/dist/images/icons/GroupIcon.js.map +1 -1
  197. package/dist/images/icons/ModelIcon.js +1 -1
  198. package/dist/images/icons/ModelIcon.js.map +1 -1
  199. package/dist/images/icons/ModelRegistryIcon.js +1 -1
  200. package/dist/images/icons/ModelRegistryIcon.js.map +1 -1
  201. package/dist/images/icons/ModelServerIcon.js +1 -1
  202. package/dist/images/icons/ModelServerIcon.js.map +1 -1
  203. package/dist/images/icons/MultiModelIcon.js +1 -1
  204. package/dist/images/icons/MultiModelIcon.js.map +1 -1
  205. package/dist/images/icons/NotebookIcon.js +1 -1
  206. package/dist/images/icons/NotebookIcon.js.map +1 -1
  207. package/dist/images/icons/NotebookImageIcon.js +1 -1
  208. package/dist/images/icons/NotebookImageIcon.js.map +1 -1
  209. package/dist/images/icons/PermissionsIcon.js +1 -1
  210. package/dist/images/icons/PermissionsIcon.js.map +1 -1
  211. package/dist/images/icons/PipelineExecutionIcon.js +1 -1
  212. package/dist/images/icons/PipelineExecutionIcon.js.map +1 -1
  213. package/dist/images/icons/PipelineIcon.js +1 -1
  214. package/dist/images/icons/PipelineIcon.js.map +1 -1
  215. package/dist/images/icons/PipelineRunIcon.js +1 -1
  216. package/dist/images/icons/PipelineRunIcon.js.map +1 -1
  217. package/dist/images/icons/ProjectIcon.js +1 -1
  218. package/dist/images/icons/ProjectIcon.js.map +1 -1
  219. package/dist/images/icons/RegisteredModelIcon.js +1 -1
  220. package/dist/images/icons/RegisteredModelIcon.js.map +1 -1
  221. package/dist/images/icons/ResourcesIcon.js +1 -1
  222. package/dist/images/icons/ResourcesIcon.js.map +1 -1
  223. package/dist/images/icons/ServingRuntimeIcon.js +1 -1
  224. package/dist/images/icons/ServingRuntimeIcon.js.map +1 -1
  225. package/dist/images/icons/SingleModelIcon.js +1 -1
  226. package/dist/images/icons/SingleModelIcon.js.map +1 -1
  227. package/dist/images/icons/StorageClassIcon.js +1 -1
  228. package/dist/images/icons/StorageClassIcon.js.map +1 -1
  229. package/dist/images/icons/StorageIcon.js +1 -1
  230. package/dist/images/icons/StorageIcon.js.map +1 -1
  231. package/dist/images/icons/UserIcon.js +1 -1
  232. package/dist/images/icons/UserIcon.js.map +1 -1
  233. package/dist/index.d.ts +2 -4
  234. package/dist/index.d.ts.map +1 -1
  235. package/dist/index.js +9 -6
  236. package/dist/index.js.map +1 -1
  237. package/dist/style/MUI-theme.scss +77 -53
  238. package/dist/style/index.d.ts +1 -1
  239. package/dist/style/index.d.ts.map +1 -1
  240. package/dist/style/index.js +5 -4
  241. package/dist/style/index.js.map +1 -1
  242. package/dist/style/index.ts +5 -4
  243. package/dist/types/common.js +1 -3
  244. package/dist/types/common.js.map +1 -1
  245. package/dist/types/k8sTypes.d.ts +2 -0
  246. package/dist/types/k8sTypes.d.ts.map +1 -1
  247. package/dist/types/k8sTypes.js.map +1 -1
  248. package/dist/utilities/appUtils.js +3 -4
  249. package/dist/utilities/appUtils.js.map +1 -1
  250. package/dist/utilities/const.d.ts +2 -18
  251. package/dist/utilities/const.d.ts.map +1 -1
  252. package/dist/utilities/const.js +3 -22
  253. package/dist/utilities/const.js.map +1 -1
  254. package/dist/utilities/markdown.js +4 -4
  255. package/dist/utilities/markdown.js.map +1 -1
  256. package/dist/utilities/time.js +14 -14
  257. package/dist/utilities/time.js.map +1 -1
  258. package/dist/utilities/useDebounceCallback.js +1 -4
  259. package/dist/utilities/useDebounceCallback.js.map +1 -1
  260. package/dist/utilities/useDeepCompareMemoize.js +2 -2
  261. package/dist/utilities/useDeepCompareMemoize.js.map +1 -1
  262. package/dist/utilities/useEventListener.js +3 -3
  263. package/dist/utilities/useEventListener.js.map +1 -1
  264. package/dist/utilities/useFetchState.js +67 -79
  265. package/dist/utilities/useFetchState.js.map +1 -1
  266. package/dist/utilities/useGenericObjectState.js +6 -10
  267. package/dist/utilities/useGenericObjectState.js.map +1 -1
  268. package/dist/utilities/useMakeFetchObject.js +3 -4
  269. package/dist/utilities/useMakeFetchObject.js.map +1 -1
  270. package/dist/utilities/utils.js +4 -11
  271. package/dist/utilities/utils.js.map +1 -1
  272. package/package.json +10 -10
  273. package/style/MUI-theme.scss +77 -53
  274. package/style/index.ts +5 -4
@@ -5,15 +5,12 @@ import * as React from 'react';
5
5
  * https://github.com/patternfly/patternfly-react/issues/10890
6
6
  **/
7
7
  // TODO: Fix this when PF 6 supports a ReactNode as a child for the ClipboardCopy component
8
- var InlineTruncatedClipboardCopy = function (_a) {
9
- var textToCopy = _a.textToCopy, testId = _a.testId, maxWidth = _a.maxWidth, truncatePosition = _a.truncatePosition;
10
- return (
11
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
12
- // @ts-ignore
13
- React.createElement(ClipboardCopy, { variant: ClipboardCopyVariant.inlineCompact, style: { display: 'inline-flex', maxWidth: maxWidth }, hoverTip: "Copy", clickTip: "Copied", "data-testid": testId, onCopy: function () {
14
- navigator.clipboard.writeText(textToCopy);
15
- } },
16
- React.createElement(Truncate, { content: textToCopy, position: truncatePosition })));
17
- };
8
+ const InlineTruncatedClipboardCopy = ({ textToCopy, testId, maxWidth, truncatePosition, }) => (
9
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
10
+ // @ts-ignore
11
+ React.createElement(ClipboardCopy, { variant: ClipboardCopyVariant.inlineCompact, style: { display: 'inline-flex', maxWidth }, hoverTip: "Copy", clickTip: "Copied", "data-testid": testId, onCopy: () => {
12
+ navigator.clipboard.writeText(textToCopy);
13
+ } },
14
+ React.createElement(Truncate, { content: textToCopy, position: truncatePosition })));
18
15
  export default InlineTruncatedClipboardCopy;
19
16
  //# sourceMappingURL=InlineTruncatedClipboardCopy.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InlineTruncatedClipboardCopy.js","sourceRoot":"","sources":["../../components/InlineTruncatedClipboardCopy.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;;IAGI;AAEJ,2FAA2F;AAC3F,IAAM,4BAA4B,GAAoB,UAAC,EAKtD;QAJC,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,gBAAgB,sBAAA;IACZ,OAAA;IACJ,6DAA6D;IAC7D,aAAa;IACb,oBAAC,aAAa,IACZ,OAAO,EAAE,oBAAoB,CAAC,aAAa,EAC3C,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,UAAA,EAAE,EAC3C,QAAQ,EAAC,MAAM,EACf,QAAQ,EAAC,QAAQ,iBACJ,MAAM,EACnB,MAAM,EAAE;YACN,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC5C,CAAC;QAED,oBAAC,QAAQ,IAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,GAAI,CAC/C,CACjB;AAfK,CAeL,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
1
+ {"version":3,"file":"InlineTruncatedClipboardCopy.js","sourceRoot":"","sources":["../../components/InlineTruncatedClipboardCopy.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;;IAGI;AAEJ,2FAA2F;AAC3F,MAAM,4BAA4B,GAAoB,CAAC,EACrD,UAAU,EACV,MAAM,EACN,QAAQ,EACR,gBAAgB,GACjB,EAAE,EAAE,CAAC;AACJ,6DAA6D;AAC7D,aAAa;AACb,oBAAC,aAAa,IACZ,OAAO,EAAE,oBAAoB,CAAC,aAAa,EAC3C,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,EAC3C,QAAQ,EAAC,MAAM,EACf,QAAQ,EAAC,QAAQ,iBACJ,MAAM,EACnB,MAAM,EAAE,GAAG,EAAE;QACX,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC5C,CAAC;IAED,oBAAC,QAAQ,IAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,GAAI,CAC/C,CACjB,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
@@ -1,11 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { Button } from '@patternfly/react-core';
3
3
  import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
4
- var KubeflowDocs = function (_a) {
5
- var _b = _a.buttonLabel, buttonLabel = _b === void 0 ? 'Kubeflow Docs' : _b, _c = _a.docsLink, docsLink = _c === void 0 ? 'https://www.kubeflow.org/docs/components/model-registry/installation/#installing-model-registry' : _c, isInline = _a.isInline, linkTestId = _a.linkTestId;
6
- return (React.createElement(Button, { isInline: isInline, variant: "link", icon: React.createElement(OutlinedQuestionCircleIcon, null), "data-testid": linkTestId, onClick: function () {
7
- window.open(docsLink);
8
- } }, buttonLabel));
9
- };
4
+ const KubeflowDocs = ({ buttonLabel = 'Kubeflow Docs', docsLink = 'https://www.kubeflow.org/docs/components/model-registry/installation/#installing-model-registry', isInline, linkTestId, }) => (React.createElement(Button, { isInline: isInline, variant: "link", icon: React.createElement(OutlinedQuestionCircleIcon, null), "data-testid": linkTestId, onClick: () => {
5
+ window.open(docsLink);
6
+ } }, buttonLabel));
10
7
  export default KubeflowDocs;
11
8
  //# sourceMappingURL=KubeflowDocs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"KubeflowDocs.js","sourceRoot":"","sources":["../../components/KubeflowDocs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AASrE,IAAM,YAAY,GAAoB,UAAC,EAKtC;QAJC,mBAA6B,EAA7B,WAAW,mBAAG,eAAe,KAAA,EAC7B,gBAA4G,EAA5G,QAAQ,mBAAG,iGAAiG,KAAA,EAC5G,QAAQ,cAAA,EACR,UAAU,gBAAA;IACN,OAAA,CACJ,oBAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,oBAAC,0BAA0B,OAAG,iBACvB,UAAU,EACvB,OAAO,EAAE;YACP,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxB,CAAC,IAEA,WAAW,CACL,CACV;AAZK,CAYL,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"KubeflowDocs.js","sourceRoot":"","sources":["../../components/KubeflowDocs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AASrE,MAAM,YAAY,GAAoB,CAAC,EACrC,WAAW,GAAG,eAAe,EAC7B,QAAQ,GAAG,iGAAiG,EAC5G,QAAQ,EACR,UAAU,GACX,EAAE,EAAE,CAAC,CACJ,oBAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,oBAAC,0BAA0B,OAAG,iBACvB,UAAU,EACvB,OAAO,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,IAEA,WAAW,CACL,CACV,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -1,14 +1,12 @@
1
- import { __assign, __rest } from "tslib";
2
1
  import React from 'react';
3
2
  import classNames from 'classnames';
4
3
  import { markdownConverter } from '../utilities/markdown';
5
4
  import './MarkdownView.scss';
6
- var MarkdownView = function (_a) {
7
- var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.markdown, markdown = _c === void 0 ? '' : _c, conciseDisplay = _a.conciseDisplay, _d = _a.component, component = _d === void 0 ? 'div' : _d, props = __rest(_a, ["className", "markdown", "conciseDisplay", "component"]);
8
- var Component = component;
9
- return (React.createElement(Component, __assign({ className: classNames('kubeflow-markdown-view', className, {
5
+ const MarkdownView = ({ className = '', markdown = '', conciseDisplay, component = 'div', ...props }) => {
6
+ const Component = component;
7
+ return (React.createElement(Component, { className: classNames('kubeflow-markdown-view', className, {
10
8
  'kubeflow-markdown-view--with-padding': !conciseDisplay,
11
- }) }, props, { dangerouslySetInnerHTML: { __html: markdownConverter.makeHtml(markdown) } })));
9
+ }), ...props, dangerouslySetInnerHTML: { __html: markdownConverter.makeHtml(markdown) } }));
12
10
  };
13
11
  export default MarkdownView;
14
12
  //# sourceMappingURL=MarkdownView.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownView.js","sourceRoot":"","sources":["../../components/MarkdownView.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,qBAAqB,CAAC;AAU7B,IAAM,YAAY,GAAuE,UAAC,EAMzF;IALC,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,cAAc,oBAAA,EACd,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACd,KAAK,cALgF,wDAMzF,CADS;IAER,IAAM,SAAS,GAAG,SAAS,CAAC;IAC5B,OAAO,CACL,oBAAC,SAAS,aACR,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,EAAE;YACzD,sCAAsC,EAAE,CAAC,cAAc;SACxD,CAAC,IACE,KAAK,IACT,uBAAuB,EAAE,EAAE,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,IACzE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"MarkdownView.js","sourceRoot":"","sources":["../../components/MarkdownView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,qBAAqB,CAAC;AAU7B,MAAM,YAAY,GAAuE,CAAC,EACxF,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,EAAE,EACb,cAAc,EACd,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,SAAS,CAAC;IAC5B,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,EAAE;YACzD,sCAAsC,EAAE,CAAC,cAAc;SACxD,CAAC,KACE,KAAK,EACT,uBAAuB,EAAE,EAAE,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,GACzE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../components/NavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqFjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../components/NavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmFjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,4 +1,3 @@
1
- import { __read } from "tslib";
2
1
  import React from 'react';
3
2
  import { Brand, Dropdown, DropdownItem, DropdownList, Masthead, MastheadBrand, MastheadContent, MastheadLogo, MastheadMain, MastheadToggle, MenuToggle, PageToggleButton, Toolbar, ToolbarContent, ToolbarGroup, ToolbarItem, } from '@patternfly/react-core';
4
3
  import { SimpleSelect } from '@patternfly/react-templates';
@@ -6,21 +5,20 @@ import { BarsIcon } from '@patternfly/react-icons';
6
5
  import { NamespaceSelectorContext } from '../context/NamespaceSelectorContext';
7
6
  import logoDarkTheme from '../images/logo-dark-theme.svg';
8
7
  import { useThemeContext } from '../context/ThemeContext';
9
- var NavBar = function (_a) {
10
- var username = _a.username, onLogout = _a.onLogout;
11
- var _b = React.useContext(NamespaceSelectorContext), namespaces = _b.namespaces, preferredNamespace = _b.preferredNamespace, updatePreferredNamespace = _b.updatePreferredNamespace;
12
- var isMUITheme = useThemeContext().isMUITheme;
13
- var _c = __read(React.useState(false), 2), userMenuOpen = _c[0], setUserMenuOpen = _c[1];
14
- var options = namespaces.map(function (namespace) { return ({
8
+ const NavBar = ({ username, onLogout }) => {
9
+ const { namespaces, preferredNamespace, updatePreferredNamespace } = React.useContext(NamespaceSelectorContext);
10
+ const { isMUITheme } = useThemeContext();
11
+ const [userMenuOpen, setUserMenuOpen] = React.useState(false);
12
+ const options = namespaces.map((namespace) => ({
15
13
  content: namespace.name,
16
14
  value: namespace.name,
17
- selected: namespace.name === (preferredNamespace === null || preferredNamespace === void 0 ? void 0 : preferredNamespace.name),
18
- }); });
19
- var handleLogout = function () {
15
+ selected: namespace.name === preferredNamespace?.name,
16
+ }));
17
+ const handleLogout = () => {
20
18
  setUserMenuOpen(false);
21
19
  onLogout();
22
20
  };
23
- var userMenuItems = [
21
+ const userMenuItems = [
24
22
  React.createElement(DropdownItem, { key: "logout", onClick: handleLogout }, "Log out"),
25
23
  ];
26
24
  return (React.createElement(Masthead, null,
@@ -30,18 +28,18 @@ var NavBar = function (_a) {
30
28
  React.createElement(BarsIcon, null))),
31
29
  !isMUITheme ? (React.createElement(MastheadBrand, null,
32
30
  React.createElement(MastheadLogo, { component: "a" },
33
- React.createElement(Brand, { src: logoDarkTheme, alt: "Kubeflow", heights: { default: '36px' } })))) : ('')),
31
+ React.createElement(Brand, { src: logoDarkTheme, alt: "Kubeflow", heights: { default: '36px' } })))) : null),
34
32
  React.createElement(MastheadContent, null,
35
33
  React.createElement(Toolbar, null,
36
34
  React.createElement(ToolbarContent, null,
37
35
  React.createElement(ToolbarGroup, { variant: "action-group-plain", align: { default: 'alignStart' } },
38
36
  React.createElement(ToolbarItem, { className: "kubeflow-u-namespace-select" },
39
- React.createElement(SimpleSelect, { initialOptions: options, onSelect: function (_ev, selection) {
37
+ React.createElement(SimpleSelect, { initialOptions: options, onSelect: (_ev, selection) => {
40
38
  updatePreferredNamespace({ name: String(selection) });
41
39
  } }))),
42
40
  username && (React.createElement(ToolbarGroup, { variant: "action-group-plain", align: { default: 'alignEnd' } },
43
41
  React.createElement(ToolbarItem, null,
44
- React.createElement(Dropdown, { popperProps: { position: 'right' }, onOpenChange: function (isOpen) { return setUserMenuOpen(isOpen); }, toggle: function (toggleRef) { return (React.createElement(MenuToggle, { "aria-label": "User menu", id: "user-menu-toggle", "data-testid": "user-menu-toggle-button", ref: toggleRef, onClick: function () { return setUserMenuOpen(!userMenuOpen); }, isExpanded: userMenuOpen }, username)); }, isOpen: userMenuOpen },
42
+ React.createElement(Dropdown, { popperProps: { position: 'right' }, onOpenChange: (isOpen) => setUserMenuOpen(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { "aria-label": "User menu", id: "user-menu-toggle", "data-testid": "user-menu-toggle-button", ref: toggleRef, onClick: () => setUserMenuOpen(!userMenuOpen), isExpanded: userMenuOpen }, username)), isOpen: userMenuOpen },
45
43
  React.createElement(DropdownList, null, userMenuItems))))))))));
46
44
  };
47
45
  export default NavBar;
@@ -1 +1 @@
1
- {"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../components/NavBar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../components/NavBar.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"NavSidebar.d.ts","sourceRoot":"","sources":["../../components/NavSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAA6C,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA8BxF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"NavSidebar.d.ts","sourceRoot":"","sources":["../../components/NavSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAA6C,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA+BxF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1,31 +1,25 @@
1
- import { __read } from "tslib";
2
1
  import * as React from 'react';
3
2
  import { NavLink } from 'react-router-dom';
4
3
  import { Brand, Nav, NavExpandable, NavItem, NavList, PageSidebar, PageSidebarBody, } from '@patternfly/react-core';
5
- import { LOGO_LIGHT } from '../utilities/const';
4
+ import logoLightTheme from '../images/logo-light-theme.svg';
6
5
  import { isNavDataGroup } from '../types/common';
7
- var NavHref = function (_a) {
8
- var item = _a.item;
9
- return (React.createElement(NavItem, { key: item.label, "data-id": item.label, itemId: item.label },
10
- React.createElement(NavLink, { to: item.path }, item.label)));
6
+ import { useThemeContext } from '../context';
7
+ const NavHref = ({ item }) => (React.createElement(NavItem, { key: item.label, "data-id": item.label, itemId: item.label },
8
+ React.createElement(NavLink, { to: item.path }, item.label)));
9
+ const NavGroup = ({ item }) => {
10
+ const { children } = item;
11
+ const [expanded, setExpanded] = React.useState(false);
12
+ return (React.createElement(NavExpandable, { "data-id": item.label, key: item.label, id: item.label, title: item.label, groupId: item.label, isExpanded: expanded, onExpand: (e, val) => setExpanded(val), "aria-label": item.label }, children.map((childItem) => (React.createElement(NavHref, { key: childItem.label, "data-id": childItem.label, item: childItem })))));
11
13
  };
12
- var NavGroup = function (_a) {
13
- var item = _a.item;
14
- var children = item.children;
15
- var _b = __read(React.useState(false), 2), expanded = _b[0], setExpanded = _b[1];
16
- return (React.createElement(NavExpandable, { "data-id": item.label, key: item.label, id: item.label, title: item.label, groupId: item.label, isExpanded: expanded, onExpand: function (e, val) { return setExpanded(val); }, "aria-label": item.label }, children.map(function (childItem) { return (React.createElement(NavHref, { key: childItem.label, "data-id": childItem.label, item: childItem })); })));
17
- };
18
- var NavSidebar = function (_a) {
19
- var navData = _a.navData;
14
+ const NavSidebar = ({ navData }) => {
15
+ const { isMUITheme } = useThemeContext();
20
16
  return (React.createElement(PageSidebar, null,
21
17
  React.createElement(PageSidebarBody, null,
22
18
  React.createElement(Nav, { id: "nav-primary-simple" },
23
19
  React.createElement(NavList, { id: "nav-list-simple" },
24
- React.createElement(NavItem, null,
25
- React.createElement(Brand, { className: "kubeflow_brand", src: "/images/".concat(LOGO_LIGHT), alt: "Kubeflow Logo" })),
26
- navData.map(function (item) {
27
- return isNavDataGroup(item) ? (React.createElement(NavGroup, { key: item.label, item: item })) : (React.createElement(NavHref, { key: item.label, item: item }));
28
- }))))));
20
+ isMUITheme ? (React.createElement(NavItem, null,
21
+ React.createElement(Brand, { className: "kubeflow_brand", src: logoLightTheme, alt: "Kubeflow Logo" }))) : null,
22
+ navData.map((item) => isNavDataGroup(item) ? (React.createElement(NavGroup, { key: item.label, item: item })) : (React.createElement(NavHref, { key: item.label, item: item }))))))));
29
23
  };
30
24
  export default NavSidebar;
31
25
  //# sourceMappingURL=NavSidebar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NavSidebar.js","sourceRoot":"","sources":["../../components/NavSidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EACL,KAAK,EACL,GAAG,EACH,aAAa,EACb,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,GAChB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAA0C,MAAM,gBAAgB,CAAC;AAExF,IAAM,OAAO,GAAoC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,CAC7D,oBAAC,OAAO,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,aAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK;QAC/D,oBAAC,OAAO,IAAC,EAAE,EAAE,IAAI,CAAC,IAAI,IAAG,IAAI,CAAC,KAAK,CAAW,CACtC,CACX;AAJ8D,CAI9D,CAAC;AAEF,IAAM,QAAQ,GAAqC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAChD,IAAA,QAAQ,GAAK,IAAI,SAAT,CAAU;IACpB,IAAA,KAAA,OAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,OAAO,CACL,oBAAC,aAAa,eACH,IAAI,CAAC,KAAK,EACnB,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,EAAE,EAAE,IAAI,CAAC,KAAK,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAE,UAAC,CAAC,EAAE,GAAG,IAAK,OAAA,WAAW,CAAC,GAAG,CAAC,EAAhB,CAAgB,gBAC1B,IAAI,CAAC,KAAK,IAErB,QAAQ,CAAC,GAAG,CAAC,UAAC,SAAS,IAAK,OAAA,CAC3B,oBAAC,OAAO,IAAC,GAAG,EAAE,SAAS,CAAC,KAAK,aAAW,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,GAAI,CAC7E,EAF4B,CAE5B,CAAC,CACY,CACjB,CAAC;AACJ,CAAC,CAAC;AAMF,IAAM,UAAU,GAA8B,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,CAC7D,oBAAC,WAAW;QACV,oBAAC,eAAe;YACd,oBAAC,GAAG,IAAC,EAAE,EAAC,oBAAoB;gBAC1B,oBAAC,OAAO,IAAC,EAAE,EAAC,iBAAiB;oBAC3B,oBAAC,OAAO;wBACN,oBAAC,KAAK,IAAC,SAAS,EAAC,gBAAgB,EAAC,GAAG,EAAE,kBAAW,UAAU,CAAE,EAAE,GAAG,EAAC,eAAe,GAAG,CAC9E;oBACT,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI;wBAChB,OAAA,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACrB,oBAAC,QAAQ,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAC1C,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACzC;oBAJD,CAIC,CACF,CACO,CACN,CACU,CACN,CACf;AAnB8D,CAmB9D,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"NavSidebar.js","sourceRoot":"","sources":["../../components/NavSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EACL,KAAK,EACL,GAAG,EACH,aAAa,EACb,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,GAChB,MAAM,wBAAwB,CAAC;AAChC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAA0C,MAAM,gBAAgB,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,MAAM,OAAO,GAAoC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC7D,oBAAC,OAAO,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,aAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK;IAC/D,oBAAC,OAAO,IAAC,EAAE,EAAE,IAAI,CAAC,IAAI,IAAG,IAAI,CAAC,KAAK,CAAW,CACtC,CACX,CAAC;AAEF,MAAM,QAAQ,GAAqC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC9D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,aAAa,eACH,IAAI,CAAC,KAAK,EACnB,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,EAAE,EAAE,IAAI,CAAC,KAAK,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,gBAC1B,IAAI,CAAC,KAAK,IAErB,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAC3B,oBAAC,OAAO,IAAC,GAAG,EAAE,SAAS,CAAC,KAAK,aAAW,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,GAAI,CAC7E,CAAC,CACY,CACjB,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,UAAU,GAA8B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5D,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,OAAO,CACL,oBAAC,WAAW;QACV,oBAAC,eAAe;YACd,oBAAC,GAAG,IAAC,EAAE,EAAC,oBAAoB;gBAC1B,oBAAC,OAAO,IAAC,EAAE,EAAC,iBAAiB;oBAC1B,UAAU,CAAC,CAAC,CAAC,CACZ,oBAAC,OAAO;wBACN,oBAAC,KAAK,IAAC,SAAS,EAAC,gBAAgB,EAAC,GAAG,EAAE,cAAc,EAAE,GAAG,EAAC,eAAe,GAAG,CACrE,CACX,CAAC,CAAC,CAAC,IAAI;oBACP,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACpB,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACrB,oBAAC,QAAQ,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAC1C,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACzC,CACF,CACO,CACN,CACU,CACN,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1,17 +1,10 @@
1
- import { __assign, __rest } from "tslib";
2
1
  import * as React from 'react';
3
2
  import { Content } from '@patternfly/react-core';
4
- var ContentText = function (_a) {
5
- var children = _a.children;
6
- return (React.createElement(Content, { component: "small", style: { color: 'var(--pf-t--global--text--color--regular)' } }, children));
7
- };
8
- var PopoverListContent = function (_a) {
9
- var leadText = _a.leadText, listHeading = _a.listHeading, listItems = _a.listItems, props = __rest(_a, ["leadText", "listHeading", "listItems"]);
10
- return (React.createElement(Content, __assign({}, props),
11
- leadText ? React.createElement(ContentText, null, leadText) : null,
12
- listHeading ? React.createElement(Content, { component: "h4" }, listHeading) : null,
13
- React.createElement(Content, { component: "ul", style: { margin: 0 } }, listItems.map(function (item, index) { return (React.createElement(Content, { component: "li", key: index },
14
- React.createElement(ContentText, null, item))); }))));
15
- };
3
+ const ContentText = ({ children }) => (React.createElement(Content, { component: "small", style: { color: 'var(--pf-t--global--text--color--regular)' } }, children));
4
+ const PopoverListContent = ({ leadText, listHeading, listItems, ...props }) => (React.createElement(Content, { ...props },
5
+ leadText ? React.createElement(ContentText, null, leadText) : null,
6
+ listHeading ? React.createElement(Content, { component: "h4" }, listHeading) : null,
7
+ React.createElement(Content, { component: "ul", style: { margin: 0 } }, listItems.map((item, index) => (React.createElement(Content, { component: "li", key: index },
8
+ React.createElement(ContentText, null, item)))))));
16
9
  export default PopoverListContent;
17
10
  //# sourceMappingURL=PopoverListContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PopoverListContent.js","sourceRoot":"","sources":["../../components/PopoverListContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAgB,MAAM,wBAAwB,CAAC;AAQ/D,IAAM,WAAW,GAA4C,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CAC7E,oBAAC,OAAO,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,2CAA2C,EAAE,IACrF,QAAQ,CACD,CACX;AAJ8E,CAI9E,CAAC;AAEF,IAAM,kBAAkB,GAAsC,UAAC,EAK9D;IAJC,IAAA,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,SAAS,eAAA,EACN,KAAK,cAJqD,wCAK9D,CADS;IACJ,OAAA,CACJ,oBAAC,OAAO,eAAK,KAAK;QACf,QAAQ,CAAC,CAAC,CAAC,oBAAC,WAAW,QAAE,QAAQ,CAAe,CAAC,CAAC,CAAC,IAAI;QACvD,WAAW,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,SAAS,EAAC,IAAI,IAAE,WAAW,CAAW,CAAC,CAAC,CAAC,IAAI;QACrE,oBAAC,OAAO,IAAC,SAAS,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IACzC,SAAS,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC9B,oBAAC,OAAO,IAAC,SAAS,EAAC,IAAI,EAAC,GAAG,EAAE,KAAK;YAChC,oBAAC,WAAW,QAAE,IAAI,CAAe,CACzB,CACX,EAJ+B,CAI/B,CAAC,CACM,CACF,CACX,CAAA;CAAA,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"PopoverListContent.js","sourceRoot":"","sources":["../../components/PopoverListContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAgB,MAAM,wBAAwB,CAAC;AAQ/D,MAAM,WAAW,GAA4C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7E,oBAAC,OAAO,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,2CAA2C,EAAE,IACrF,QAAQ,CACD,CACX,CAAC;AAEF,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,QAAQ,EACR,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,oBAAC,OAAO,OAAK,KAAK;IACf,QAAQ,CAAC,CAAC,CAAC,oBAAC,WAAW,QAAE,QAAQ,CAAe,CAAC,CAAC,CAAC,IAAI;IACvD,WAAW,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,SAAS,EAAC,IAAI,IAAE,WAAW,CAAW,CAAC,CAAC,CAAC,IAAI;IACrE,oBAAC,OAAO,IAAC,SAAS,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IACzC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,oBAAC,OAAO,IAAC,SAAS,EAAC,IAAI,EAAC,GAAG,EAAE,KAAK;QAChC,oBAAC,WAAW,QAAE,IAAI,CAAe,CACzB,CACX,CAAC,CACM,CACF,CACX,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -3,24 +3,20 @@ import { ClipboardCopy, DescriptionList, DescriptionListDescription, Description
3
3
  import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
4
4
  import '../components/NotebookController.scss';
5
5
  import DashboardPopupIconButton from '../components/dashboard/DashboardPopupIconButton';
6
- var ResourceNameTooltip = function (_a) {
7
- var _b;
8
- var children = _a.children, resource = _a.resource, _c = _a.wrap, wrap = _c === void 0 ? true : _c;
9
- return (React.createElement("div", { style: { display: wrap ? 'block' : 'inline-flex' } },
10
- React.createElement(Flex, { gap: { default: 'gapXs' }, alignItems: { default: 'alignItemsCenter' } },
11
- React.createElement(FlexItem, null, children),
12
- ((_b = resource.metadata) === null || _b === void 0 ? void 0 : _b.name) && (React.createElement(Popover, { position: "right", bodyContent: React.createElement(Stack, { hasGutter: true },
13
- React.createElement(StackItem, null, "Resource names and types are used to find your resources in the cluster."),
14
- React.createElement(StackItem, null,
15
- React.createElement(DescriptionList, { isCompact: true, isHorizontal: true },
16
- React.createElement(DescriptionListGroup, null,
17
- React.createElement(DescriptionListTerm, null, "Resource name"),
18
- React.createElement(DescriptionListDescription, null,
19
- React.createElement(ClipboardCopy, { hoverTip: "Copy", clickTip: "Copied", variant: "inline-compact", "data-testid": "resource-name-text" }, resource.metadata.name))),
20
- React.createElement(DescriptionListGroup, null,
21
- React.createElement(DescriptionListTerm, null, "Resource type"),
22
- React.createElement(DescriptionListDescription, { "data-testid": "resource-kind-text" }, resource.kind))))) },
23
- React.createElement(DashboardPopupIconButton, { "data-testid": "resource-name-icon-button", icon: React.createElement(OutlinedQuestionCircleIcon, null), "aria-label": "More info", style: { paddingTop: 0, paddingBottom: 0 } }))))));
24
- };
6
+ const ResourceNameTooltip = ({ children, resource, wrap = true, }) => (React.createElement("div", { style: { display: wrap ? 'block' : 'inline-flex' } },
7
+ React.createElement(Flex, { gap: { default: 'gapXs' }, alignItems: { default: 'alignItemsCenter' } },
8
+ React.createElement(FlexItem, null, children),
9
+ resource.metadata?.name && (React.createElement(Popover, { position: "right", bodyContent: React.createElement(Stack, { hasGutter: true },
10
+ React.createElement(StackItem, null, "Resource names and types are used to find your resources in the cluster."),
11
+ React.createElement(StackItem, null,
12
+ React.createElement(DescriptionList, { isCompact: true, isHorizontal: true },
13
+ React.createElement(DescriptionListGroup, null,
14
+ React.createElement(DescriptionListTerm, null, "Resource name"),
15
+ React.createElement(DescriptionListDescription, null,
16
+ React.createElement(ClipboardCopy, { hoverTip: "Copy", clickTip: "Copied", variant: "inline-compact", "data-testid": "resource-name-text" }, resource.metadata.name))),
17
+ React.createElement(DescriptionListGroup, null,
18
+ React.createElement(DescriptionListTerm, null, "Resource type"),
19
+ React.createElement(DescriptionListDescription, { "data-testid": "resource-kind-text" }, resource.kind))))) },
20
+ React.createElement(DashboardPopupIconButton, { "data-testid": "resource-name-icon-button", icon: React.createElement(OutlinedQuestionCircleIcon, null), "aria-label": "More info", style: { paddingTop: 0, paddingBottom: 0 } }))))));
25
21
  export default ResourceNameTooltip;
26
22
  //# sourceMappingURL=ResourceNameTooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ResourceNameTooltip.js","sourceRoot":"","sources":["../../components/ResourceNameTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,aAAa,EACb,eAAe,EACf,0BAA0B,EAC1B,oBAAoB,EACpB,mBAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,GACV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,sCAAsC,CAAC;AAC9C,OAAO,wBAAwB,MAAM,iDAAiD,CAAC;AAQvF,IAAM,mBAAmB,GAAuC,UAAC,EAIhE;;QAHC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA;IACP,OAAA,CACJ,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,EAAE;QACrD,oBAAC,IAAI,IAAC,GAAG,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE;YAC1E,oBAAC,QAAQ,QAAE,QAAQ,CAAY;YAC9B,CAAA,MAAA,QAAQ,CAAC,QAAQ,0CAAE,IAAI,KAAI,CAC1B,oBAAC,OAAO,IACN,QAAQ,EAAC,OAAO,EAChB,WAAW,EACT,oBAAC,KAAK,IAAC,SAAS;oBACd,oBAAC,SAAS,mFAEE;oBACZ,oBAAC,SAAS;wBACR,oBAAC,eAAe,IAAC,SAAS,QAAC,YAAY;4BACrC,oBAAC,oBAAoB;gCACnB,oBAAC,mBAAmB,wBAAoC;gCACxD,oBAAC,0BAA0B;oCACzB,oBAAC,aAAa,IACZ,QAAQ,EAAC,MAAM,EACf,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAC,gBAAgB,iBACZ,oBAAoB,IAE/B,QAAQ,CAAC,QAAQ,CAAC,IAAI,CACT,CACW,CACR;4BACvB,oBAAC,oBAAoB;gCACnB,oBAAC,mBAAmB,wBAAoC;gCACxD,oBAAC,0BAA0B,mBAAa,oBAAoB,IACzD,QAAQ,CAAC,IAAI,CACa,CACR,CACP,CACR,CACN;gBAGV,oBAAC,wBAAwB,mBACX,2BAA2B,EACvC,IAAI,EAAE,oBAAC,0BAA0B,OAAG,gBACzB,WAAW,EACtB,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,GAC1C,CACM,CACX,CACI,CACH,CACP,CAAA;CAAA,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"ResourceNameTooltip.js","sourceRoot":"","sources":["../../components/ResourceNameTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,aAAa,EACb,eAAe,EACf,0BAA0B,EAC1B,oBAAoB,EACpB,mBAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,GACV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,sCAAsC,CAAC;AAC9C,OAAO,wBAAwB,MAAM,iDAAiD,CAAC;AAQvF,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,IAAI,GACZ,EAAE,EAAE,CAAC,CACJ,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,EAAE;IACrD,oBAAC,IAAI,IAAC,GAAG,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE;QAC1E,oBAAC,QAAQ,QAAE,QAAQ,CAAY;QAC9B,QAAQ,CAAC,QAAQ,EAAE,IAAI,IAAI,CAC1B,oBAAC,OAAO,IACN,QAAQ,EAAC,OAAO,EAChB,WAAW,EACT,oBAAC,KAAK,IAAC,SAAS;gBACd,oBAAC,SAAS,mFAEE;gBACZ,oBAAC,SAAS;oBACR,oBAAC,eAAe,IAAC,SAAS,QAAC,YAAY;wBACrC,oBAAC,oBAAoB;4BACnB,oBAAC,mBAAmB,wBAAoC;4BACxD,oBAAC,0BAA0B;gCACzB,oBAAC,aAAa,IACZ,QAAQ,EAAC,MAAM,EACf,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAC,gBAAgB,iBACZ,oBAAoB,IAE/B,QAAQ,CAAC,QAAQ,CAAC,IAAI,CACT,CACW,CACR;wBACvB,oBAAC,oBAAoB;4BACnB,oBAAC,mBAAmB,wBAAoC;4BACxD,oBAAC,0BAA0B,mBAAa,oBAAoB,IACzD,QAAQ,CAAC,IAAI,CACa,CACR,CACP,CACR,CACN;YAGV,oBAAC,wBAAwB,mBACX,2BAA2B,EACvC,IAAI,EAAE,oBAAC,0BAA0B,OAAG,gBACzB,WAAW,EACtB,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,GAC1C,CACM,CACX,CACI,CACH,CACP,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
@@ -1,26 +1,19 @@
1
- import { __assign, __read, __rest, __spreadArray } from "tslib";
2
1
  import * as React from 'react';
3
2
  import { Truncate, MenuToggle,
4
3
  // eslint-disable-next-line no-restricted-imports
5
4
  Select, SelectList, SelectOption, SelectGroup, Divider, FormHelperText, HelperText, HelperTextItem, Skeleton, } from '@patternfly/react-core';
6
5
  import TruncatedText from '../components/TruncatedText';
7
6
  import './SimpleSelect.scss';
8
- var SimpleSelect = function (_a) {
9
- var _b, _c;
10
- var isDisabled = _a.isDisabled, onChange = _a.onChange, options = _a.options, groupedOptions = _a.groupedOptions, _d = _a.placeholder, placeholder = _d === void 0 ? 'Select...' : _d, value = _a.value, toggleLabel = _a.toggleLabel, isFullWidth = _a.isFullWidth, icon = _a.icon, dataTestId = _a.dataTestId, toggleProps = _a.toggleProps, _e = _a.previewDescription, previewDescription = _e === void 0 ? true : _e, popperProps = _a.popperProps, isSkeleton = _a.isSkeleton, props = __rest(_a, ["isDisabled", "onChange", "options", "groupedOptions", "placeholder", "value", "toggleLabel", "isFullWidth", "icon", "dataTestId", "toggleProps", "previewDescription", "popperProps", "isSkeleton"]);
11
- var _f = __read(React.useState(false), 2), open = _f[0], setOpen = _f[1];
12
- var groupedOptionsFlat = React.useMemo(function () {
13
- return groupedOptions === null || groupedOptions === void 0 ? void 0 : groupedOptions.reduce(function (acc, group) { return __spreadArray(__spreadArray([], __read(acc), false), __read(group.options), false); }, []);
14
- }, [groupedOptions]);
15
- var findOptionForKey = function (key) {
16
- return (options === null || options === void 0 ? void 0 : options.find(function (option) { return option.key === key; })) || (groupedOptionsFlat === null || groupedOptionsFlat === void 0 ? void 0 : groupedOptionsFlat.find(function (o) { return o.key === key; }));
17
- };
18
- var selectedOption = value ? findOptionForKey(value) : undefined;
19
- var selectedLabel = (_b = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _b !== void 0 ? _b : placeholder;
20
- var totalOptions = React.useMemo(function () { return __spreadArray(__spreadArray([], __read((options || [])), false), __read((groupedOptionsFlat || [])), false); }, [options, groupedOptionsFlat]);
21
- var singleOptionKey = totalOptions.length === 1 ? totalOptions[0].optionKey || totalOptions[0].key : null;
7
+ const SimpleSelect = ({ isDisabled, onChange, options, groupedOptions, placeholder = 'Select...', value, toggleLabel, isFullWidth, icon, dataTestId, toggleProps, previewDescription = true, popperProps, isSkeleton, ...props }) => {
8
+ const [open, setOpen] = React.useState(false);
9
+ const groupedOptionsFlat = React.useMemo(() => groupedOptions?.reduce((acc, group) => [...acc, ...group.options], []), [groupedOptions]);
10
+ const findOptionForKey = (key) => options?.find((option) => option.key === key) || groupedOptionsFlat?.find((o) => o.key === key);
11
+ const selectedOption = value ? findOptionForKey(value) : undefined;
12
+ const selectedLabel = selectedOption?.label ?? placeholder;
13
+ const totalOptions = React.useMemo(() => [...(options || []), ...(groupedOptionsFlat || [])], [options, groupedOptionsFlat]);
14
+ const singleOptionKey = totalOptions.length === 1 ? totalOptions[0].optionKey || totalOptions[0].key : null;
22
15
  // If there is only one option, call the onChange function
23
- React.useEffect(function () {
16
+ React.useEffect(() => {
24
17
  if (singleOptionKey && !isSkeleton) {
25
18
  onChange(totalOptions[0].key, false);
26
19
  }
@@ -31,24 +24,18 @@ var SimpleSelect = function (_a) {
31
24
  return React.createElement(Skeleton, { style: { minWidth: 100 } });
32
25
  }
33
26
  return (React.createElement(React.Fragment, null,
34
- React.createElement(Select, __assign({}, props, { isOpen: open, selected: value || toggleLabel, onSelect: function (e, selectValue) {
35
- var _a, _b;
36
- onChange(String(selectValue), !!selectValue && ((_b = (_a = findOptionForKey(String(selectValue))) === null || _a === void 0 ? void 0 : _a.isPlaceholder) !== null && _b !== void 0 ? _b : false));
27
+ React.createElement(Select, { ...props, isOpen: open, selected: value || toggleLabel, onSelect: (e, selectValue) => {
28
+ onChange(String(selectValue), !!selectValue && (findOptionForKey(String(selectValue))?.isPlaceholder ?? false));
37
29
  setOpen(false);
38
- }, onOpenChange: setOpen, toggle: function (toggleRef) { return (React.createElement(MenuToggle, __assign({ ref: toggleRef, "data-testid": dataTestId, "aria-label": "Options menu", onClick: function () { return setOpen(!open); }, icon: icon, isExpanded: open, isDisabled: totalOptions.length <= 1 || isDisabled, isFullWidth: isFullWidth }, toggleProps), toggleLabel || React.createElement(Truncate, { content: selectedLabel, className: "truncate-no-min-width" }))); }, shouldFocusToggleOnSelect: true, popperProps: __assign({ maxWidth: 'trigger' }, popperProps) }), (_c = groupedOptions === null || groupedOptions === void 0 ? void 0 : groupedOptions.map(function (group, index) { return (React.createElement(React.Fragment, { key: group.key },
39
- index > 0 ? React.createElement(Divider, null) : null,
40
- React.createElement(SelectGroup, { label: group.label },
41
- React.createElement(SelectList, null, group.options.map(function (_a) {
42
- var key = _a.key, label = _a.label, dropdownLabel = _a.dropdownLabel, description = _a.description, isFavorited = _a.isFavorited, optionDisabled = _a.isDisabled, optionDataTestId = _a.dataTestId;
43
- return (React.createElement(SelectOption, { key: key, value: key, description: React.createElement(TruncatedText, { maxLines: 2, content: description }), isDisabled: optionDisabled, isFavorited: isFavorited, "data-testid": optionDataTestId || key }, dropdownLabel || label));
44
- }))))); })) !== null && _c !== void 0 ? _c : null,
45
- (options === null || options === void 0 ? void 0 : options.length) ? (React.createElement(SelectList, null,
46
- (groupedOptions === null || groupedOptions === void 0 ? void 0 : groupedOptions.length) ? React.createElement(Divider, null) : null,
47
- options.map(function (_a) {
48
- var key = _a.key, label = _a.label, dropdownLabel = _a.dropdownLabel, description = _a.description, isFavorited = _a.isFavorited, optionDisabled = _a.isDisabled, optionDataTestId = _a.dataTestId;
49
- return (React.createElement(SelectOption, { key: key, value: key, description: React.createElement(TruncatedText, { maxLines: 2, content: description }), isFavorited: isFavorited, isDisabled: optionDisabled, "data-testid": optionDataTestId || key }, dropdownLabel || label));
50
- }))) : null),
51
- previewDescription && (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.description) ? (React.createElement(FormHelperText, null,
30
+ }, onOpenChange: setOpen, toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, "data-testid": dataTestId, "aria-label": "Options menu", onClick: () => setOpen(!open), icon: icon, isExpanded: open, isDisabled: totalOptions.length <= 1 || isDisabled, isFullWidth: isFullWidth, ...toggleProps }, toggleLabel || React.createElement(Truncate, { content: selectedLabel, className: "truncate-no-min-width" }))), shouldFocusToggleOnSelect: true, popperProps: { maxWidth: 'trigger', ...popperProps } },
31
+ groupedOptions?.map((group, index) => (React.createElement(React.Fragment, { key: group.key },
32
+ index > 0 ? React.createElement(Divider, null) : null,
33
+ React.createElement(SelectGroup, { label: group.label },
34
+ React.createElement(SelectList, null, group.options.map(({ key, label, dropdownLabel, description, isFavorited, isDisabled: optionDisabled, dataTestId: optionDataTestId, }) => (React.createElement(SelectOption, { key: key, value: key, description: React.createElement(TruncatedText, { maxLines: 2, content: description }), isDisabled: optionDisabled, isFavorited: isFavorited, "data-testid": optionDataTestId || key }, dropdownLabel || label)))))))) ?? null,
35
+ options?.length ? (React.createElement(SelectList, null,
36
+ groupedOptions?.length ? React.createElement(Divider, null) : null,
37
+ options.map(({ key, label, dropdownLabel, description, isFavorited, isDisabled: optionDisabled, dataTestId: optionDataTestId, }) => (React.createElement(SelectOption, { key: key, value: key, description: React.createElement(TruncatedText, { maxLines: 2, content: description }), isFavorited: isFavorited, isDisabled: optionDisabled, "data-testid": optionDataTestId || key }, dropdownLabel || label))))) : null),
38
+ previewDescription && selectedOption?.description ? (React.createElement(FormHelperText, null,
52
39
  React.createElement(HelperText, null,
53
40
  React.createElement(HelperTextItem, null,
54
41
  React.createElement(TruncatedText, { maxLines: 2, content: selectedOption.description }))))) : null));
@@ -1 +1 @@
1
- {"version":3,"file":"SimpleSelect.js","sourceRoot":"","sources":["../../components/SimpleSelect.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SimpleSelect.js","sourceRoot":"","sources":["../../components/SimpleSelect.tsx"],"names":[],"mappings":"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"}
@@ -1,24 +1,21 @@
1
- import { __read } from "tslib";
2
1
  import React from 'react';
3
2
  import { Alert, AlertActionCloseButton, AlertVariant } from '@patternfly/react-core';
4
3
  import { asEnumMember } from '../utilities/utils';
5
4
  import { useNotification } from '../hooks/useNotification';
6
- var TOAST_NOTIFICATION_TIMEOUT = 8 * 1000;
7
- var ToastNotification = function (_a) {
8
- var _b;
9
- var notification = _a.notification;
10
- var notifications = useNotification();
11
- var _c = __read(React.useState(false), 2), timedOut = _c[0], setTimedOut = _c[1];
12
- var _d = __read(React.useState(false), 2), mouseOver = _d[0], setMouseOver = _d[1];
13
- React.useEffect(function () {
14
- var handle = setTimeout(function () {
5
+ const TOAST_NOTIFICATION_TIMEOUT = 8 * 1000;
6
+ const ToastNotification = ({ notification }) => {
7
+ const notifications = useNotification();
8
+ const [timedOut, setTimedOut] = React.useState(false);
9
+ const [mouseOver, setMouseOver] = React.useState(false);
10
+ React.useEffect(() => {
11
+ const handle = setTimeout(() => {
15
12
  setTimedOut(true);
16
13
  }, TOAST_NOTIFICATION_TIMEOUT);
17
- return function () {
14
+ return () => {
18
15
  clearTimeout(handle);
19
16
  };
20
17
  }, [setTimedOut]);
21
- React.useEffect(function () {
18
+ React.useEffect(() => {
22
19
  if (!notification.hidden && timedOut && !mouseOver) {
23
20
  notifications.remove(notification.id);
24
21
  }
@@ -26,7 +23,7 @@ var ToastNotification = function (_a) {
26
23
  if (notification.hidden) {
27
24
  return null;
28
25
  }
29
- return (React.createElement(Alert, { variant: (_b = asEnumMember(notification.status, AlertVariant)) !== null && _b !== void 0 ? _b : undefined, title: notification.title, actionClose: React.createElement(AlertActionCloseButton, { onClose: function () { return notifications.remove(notification.id); } }), onMouseEnter: function () { return setMouseOver(true); }, onMouseLeave: function () { return setMouseOver(false); } }, notification.message));
26
+ return (React.createElement(Alert, { variant: asEnumMember(notification.status, AlertVariant) ?? undefined, title: notification.title, actionClose: React.createElement(AlertActionCloseButton, { onClose: () => notifications.remove(notification.id) }), onMouseEnter: () => setMouseOver(true), onMouseLeave: () => setMouseOver(false) }, notification.message));
30
27
  };
31
28
  export default ToastNotification;
32
29
  //# sourceMappingURL=ToastNotification.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ToastNotification.js","sourceRoot":"","sources":["../../components/ToastNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,IAAM,0BAA0B,GAAG,CAAC,GAAG,IAAI,CAAC;AAM5C,IAAM,iBAAiB,GAAqC,UAAC,EAAgB;;QAAd,YAAY,kBAAA;IACzE,IAAM,aAAa,GAAG,eAAe,EAAE,CAAC;IAClC,IAAA,KAAA,OAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAChD,IAAA,KAAA,OAA4B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAhD,SAAS,QAAA,EAAE,YAAY,QAAyB,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC;QACd,IAAM,MAAM,GAAG,UAAU,CAAC;YACxB,WAAW,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,EAAE,0BAA0B,CAAC,CAAC;QAC/B,OAAO;YACL,YAAY,CAAC,MAAM,CAAC,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,CAAC,YAAY,CAAC,MAAM,IAAI,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC;YACnD,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QACxC,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAEvD,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,MAAA,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,mCAAI,SAAS,EACrE,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,WAAW,EAAE,oBAAC,sBAAsB,IAAC,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,EAArC,CAAqC,GAAI,EAC7F,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,IAEtC,YAAY,CAAC,OAAO,CACf,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"ToastNotification.js","sourceRoot":"","sources":["../../components/ToastNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,0BAA0B,GAAG,CAAC,GAAG,IAAI,CAAC;AAM5C,MAAM,iBAAiB,GAAqC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IAC/E,MAAM,aAAa,GAAG,eAAe,EAAE,CAAC;IACxC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,EAAE;YAC7B,WAAW,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,EAAE,0BAA0B,CAAC,CAAC;QAC/B,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,MAAM,CAAC,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,YAAY,CAAC,MAAM,IAAI,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC;YACnD,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QACxC,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAEvD,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,IAAI,SAAS,EACrE,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,WAAW,EAAE,oBAAC,sBAAsB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,GAAI,EAC7F,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,IAEtC,YAAY,CAAC,OAAO,CACf,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -2,9 +2,9 @@ import React, { useContext } from 'react';
2
2
  import { AlertGroup } from '@patternfly/react-core';
3
3
  import { NotificationContext } from '../context/NotificationContext';
4
4
  import ToastNotification from './ToastNotification';
5
- var ToastNotifications = function () {
6
- var notifications = useContext(NotificationContext).notifications;
7
- return (React.createElement(AlertGroup, { isToast: true, isLiveRegion: true }, notifications.map(function (notification) { return (React.createElement(ToastNotification, { notification: notification, key: notification.id })); })));
5
+ const ToastNotifications = () => {
6
+ const { notifications } = useContext(NotificationContext);
7
+ return (React.createElement(AlertGroup, { isToast: true, isLiveRegion: true }, notifications.map((notification) => (React.createElement(ToastNotification, { notification: notification, key: notification.id })))));
8
8
  };
9
9
  export default ToastNotifications;
10
10
  //# sourceMappingURL=ToastNotifications.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ToastNotifications.js","sourceRoot":"","sources":["../../components/ToastNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,IAAM,kBAAkB,GAAa;IAC3B,IAAA,aAAa,GAAK,UAAU,CAAC,mBAAmB,CAAC,cAApC,CAAqC;IAE1D,OAAO,CACL,oBAAC,UAAU,IAAC,OAAO,QAAC,YAAY,UAC7B,aAAa,CAAC,GAAG,CAAC,UAAC,YAAY,IAAK,OAAA,CACnC,oBAAC,iBAAiB,IAAC,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,YAAY,CAAC,EAAE,GAAI,CACxE,EAFoC,CAEpC,CAAC,CACS,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"ToastNotifications.js","sourceRoot":"","sources":["../../components/ToastNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,MAAM,kBAAkB,GAAa,GAAG,EAAE;IACxC,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAE1D,OAAO,CACL,oBAAC,UAAU,IAAC,OAAO,QAAC,YAAY,UAC7B,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CACnC,oBAAC,iBAAiB,IAAC,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,YAAY,CAAC,EAAE,GAAI,CACxE,CAAC,CACS,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -1,25 +1,28 @@
1
- import { __assign, __read, __rest } from "tslib";
2
1
  import React from 'react';
3
2
  import { Tooltip } from '@patternfly/react-core';
4
- var TruncatedText = function (_a) {
5
- var maxLines = _a.maxLines, content = _a.content, props = __rest(_a, ["maxLines", "content"]);
6
- var outerElementRef = React.useRef(null);
7
- var textElementRef = React.useRef(null);
8
- var _b = __read(React.useState(false), 2), isTruncated = _b[0], setIsTruncated = _b[1];
9
- var updateTruncation = React.useCallback(function () {
3
+ const TruncatedText = ({ maxLines, content, ...props }) => {
4
+ const outerElementRef = React.useRef(null);
5
+ const textElementRef = React.useRef(null);
6
+ const [isTruncated, setIsTruncated] = React.useState(false);
7
+ const updateTruncation = React.useCallback(() => {
10
8
  if (textElementRef.current && outerElementRef.current) {
11
9
  setIsTruncated(textElementRef.current.offsetHeight > outerElementRef.current.offsetHeight);
12
10
  }
13
11
  }, []);
14
- var truncateBody = (React.createElement("span", __assign({}, props, { style: __assign({ display: '-webkit-box', WebkitBoxOrient: 'vertical', overflowWrap: 'anywhere', overflow: 'hidden', WebkitLineClamp: maxLines }, (props.style || {})), ref: outerElementRef, onMouseEnter: function (e) {
15
- var _a;
16
- (_a = props.onMouseEnter) === null || _a === void 0 ? void 0 : _a.call(props, e);
12
+ const truncateBody = (React.createElement("span", { ...props, style: {
13
+ display: '-webkit-box',
14
+ WebkitBoxOrient: 'vertical',
15
+ overflowWrap: 'anywhere',
16
+ overflow: 'hidden',
17
+ WebkitLineClamp: maxLines,
18
+ ...(props.style || {}),
19
+ }, ref: outerElementRef, onMouseEnter: (e) => {
20
+ props.onMouseEnter?.(e);
17
21
  updateTruncation();
18
- }, onFocus: function (e) {
19
- var _a;
20
- (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
22
+ }, onFocus: (e) => {
23
+ props.onFocus?.(e);
21
24
  updateTruncation();
22
- } }),
25
+ } },
23
26
  React.createElement("span", { ref: textElementRef }, content)));
24
27
  return (React.createElement(Tooltip, { hidden: !isTruncated ? true : undefined, content: content }, truncateBody));
25
28
  };
@@ -1 +1 @@
1
- {"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../../components/TruncatedText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAOjD,IAAM,aAAa,GAAiC,UAAC,EAA+B;IAA7B,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA7B,uBAA+B,CAAF;IAChF,IAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IACxD,IAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IACjD,IAAA,KAAA,OAAgC,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,IAAA,EAA7D,WAAW,QAAA,EAAE,cAAc,QAAkC,CAAC;IAErE,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC;QACzC,IAAI,cAAc,CAAC,OAAO,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YACtD,cAAc,CAAC,cAAc,CAAC,OAAO,CAAC,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QAC7F,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,YAAY,GAAG,CACnB,yCACM,KAAK,IACT,KAAK,aACH,OAAO,EAAE,aAAa,EACtB,eAAe,EAAE,UAAU,EAC3B,YAAY,EAAE,UAAU,EACxB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,QAAQ,IACtB,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,GAExB,GAAG,EAAE,eAAe,EACpB,YAAY,EAAE,UAAC,CAAC;;YACd,MAAA,KAAK,CAAC,YAAY,sDAAG,CAAC,CAAC,CAAC;YACxB,gBAAgB,EAAE,CAAC;QACrB,CAAC,EACD,OAAO,EAAE,UAAC,CAAC;;YACT,MAAA,KAAK,CAAC,OAAO,sDAAG,CAAC,CAAC,CAAC;YACnB,gBAAgB,EAAE,CAAC;QACrB,CAAC;QAED,8BAAM,GAAG,EAAE,cAAc,IAAG,OAAO,CAAQ,CACtC,CACR,CAAC;IAEF,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,IAC/D,YAAY,CACL,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../../components/TruncatedText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAOjD,MAAM,aAAa,GAAiC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtF,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErE,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC9C,IAAI,cAAc,CAAC,OAAO,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YACtD,cAAc,CAAC,cAAc,CAAC,OAAO,CAAC,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QAC7F,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,CACnB,iCACM,KAAK,EACT,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,eAAe,EAAE,UAAU;YAC3B,YAAY,EAAE,UAAU;YACxB,QAAQ,EAAE,QAAQ;YAClB,eAAe,EAAE,QAAQ;YACzB,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;SACvB,EACD,GAAG,EAAE,eAAe,EACpB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;YACxB,gBAAgB,EAAE,CAAC;QACrB,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;YACnB,gBAAgB,EAAE,CAAC;QACrB,CAAC;QAED,8BAAM,GAAG,EAAE,cAAc,IAAG,OAAO,CAAQ,CACtC,CACR,CAAC;IAEF,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,IAC/D,YAAY,CACL,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}