@orchestrator-ui/orchestrator-ui-components 7.4.1 → 7.5.0

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 (554) hide show
  1. package/.turbo/turbo-build.log +9 -9
  2. package/.turbo/turbo-lint.log +1 -13
  3. package/.turbo/turbo-test.log +11 -11
  4. package/CHANGELOG.md +421 -416
  5. package/__mocks__/@copilotkit/react-core.js +6 -6
  6. package/__mocks__/@copilotkit/react-ui.js +1 -6
  7. package/dist/index.d.ts +283 -176
  8. package/dist/index.js +3258 -7615
  9. package/dist/index.js.map +1 -1
  10. package/package.json +93 -93
  11. package/src/api/types.ts +36 -36
  12. package/src/components/WfoAgent/ExportButton/ExportButton.tsx +59 -63
  13. package/src/components/WfoAgent/ExportButton/styles.ts +56 -56
  14. package/src/components/WfoAgent/ToolProgress/DiscoverFilterPathsDisplay.tsx +79 -94
  15. package/src/components/WfoAgent/ToolProgress/RunSearchDisplay.tsx +22 -22
  16. package/src/components/WfoAgent/ToolProgress/SetFilterTreeDisplay.styles.ts +56 -56
  17. package/src/components/WfoAgent/ToolProgress/SetFilterTreeDisplay.tsx +76 -104
  18. package/src/components/WfoAgent/ToolProgress/StartNewSearchDisplay.tsx +49 -51
  19. package/src/components/WfoAgent/ToolProgress/ToolProgress.tsx +65 -115
  20. package/src/components/WfoAgent/ToolProgress/styles.ts +46 -46
  21. package/src/components/WfoAgent/WfoAgent/WfoAgent.tsx +69 -110
  22. package/src/components/WfoAgent/WfoAgentChart/WfoAgentLineChart.tsx +36 -46
  23. package/src/components/WfoAgent/WfoAgentChart/WfoAgentPieChart.tsx +40 -53
  24. package/src/components/WfoAgent/WfoAgentChart/styles.ts +2 -2
  25. package/src/components/WfoAgent/WfoAgentTable/WfoAgentTable.tsx +45 -55
  26. package/src/components/WfoAgent/WfoAgentVisualization/WfoAgentVisualization.tsx +37 -42
  27. package/src/components/WfoAuth/WfoAuth.tsx +11 -18
  28. package/src/components/WfoAuth/WfoIsAllowedToRender.tsx +5 -8
  29. package/src/components/WfoAuth/WfoPageUnauthorized.tsx +2 -2
  30. package/src/components/WfoAuth/WfoPolicyRenderPageFallback.tsx +5 -8
  31. package/src/components/WfoAvailabilityCheck/WfoAvailabilityCheck.tsx +8 -17
  32. package/src/components/WfoBackendUnavailable/WfoBackendUnavailable.tsx +71 -94
  33. package/src/components/WfoBadges/WfoBadge/WfoBadge.stories.tsx +9 -9
  34. package/src/components/WfoBadges/WfoBadge/WfoBadge.tsx +11 -14
  35. package/src/components/WfoBadges/WfoEngineStatusBadge/WfoEngineStatusBadge.stories.tsx +17 -17
  36. package/src/components/WfoBadges/WfoEngineStatusBadge/WfoEngineStatusBadge.tsx +19 -25
  37. package/src/components/WfoBadges/WfoEnvironmentBadge/WfoEnvironmentBadge.stories.tsx +7 -7
  38. package/src/components/WfoBadges/WfoEnvironmentBadge/WfoEnvironmentBadge.tsx +13 -16
  39. package/src/components/WfoBadges/WfoFailedTasksBadge/WfoFailedTasksBadge.stories.tsx +3 -3
  40. package/src/components/WfoBadges/WfoFailedTasksBadge/WfoFailedTasksBadge.tsx +66 -83
  41. package/src/components/WfoBadges/WfoFailedTasksBadge/styles.ts +5 -5
  42. package/src/components/WfoBadges/WfoHeaderBadge/WfoHeaderBadge.stories.tsx +9 -9
  43. package/src/components/WfoBadges/WfoHeaderBadge/WfoHeaderBadge.tsx +19 -21
  44. package/src/components/WfoBadges/WfoProcessStatusBadge/WfoProcessStatusBadge.tsx +56 -59
  45. package/src/components/WfoBadges/WfoProductBlockBadge/WfoProductBlockBadge.stories.tsx +5 -5
  46. package/src/components/WfoBadges/WfoProductBlockBadge/WfoProductBlockBadge.tsx +60 -66
  47. package/src/components/WfoBadges/WfoProductStatusBadge/WfoProductStatusBadge.stories.tsx +8 -8
  48. package/src/components/WfoBadges/WfoProductStatusBadge/WfoProductStatusBadge.tsx +34 -43
  49. package/src/components/WfoBadges/WfoScheduledTasksBadges/WfoScheduledTasksBadges.tsx +19 -29
  50. package/src/components/WfoBadges/WfoScheduledTasksBadges/WfoScheduledTasksBadgesContainer.tsx +10 -11
  51. package/src/components/WfoBadges/WfoSubscriptionStatusBadge/WfoSubscriptionStatusBadge.stories.tsx +11 -11
  52. package/src/components/WfoBadges/WfoSubscriptionStatusBadge/WfoSubscriptionStatusBadge.tsx +35 -44
  53. package/src/components/WfoBadges/WfoSubscriptionSyncStatusBadge/WfoSubscriptionSyncStatusBadge.stories.tsx +12 -12
  54. package/src/components/WfoBadges/WfoSubscriptionSyncStatusBadge/WfoSubscriptionSyncStatusBadge.tsx +31 -34
  55. package/src/components/WfoBadges/WfoVersionIncompatibleBadge/WfoVersionIncompatibleBadge.stories.tsx +7 -7
  56. package/src/components/WfoBadges/WfoVersionIncompatibleBadge/WfoVersionIncompatibleBadge.tsx +44 -47
  57. package/src/components/WfoBadges/WfoWebsocketStatusBadge/WfoWebsocketStatusBadge.stories.tsx +3 -3
  58. package/src/components/WfoBadges/WfoWebsocketStatusBadge/WfoWebsocketStatusBadge.tsx +48 -71
  59. package/src/components/WfoBadges/WfoWebsocketStatusBadge/styles.ts +14 -16
  60. package/src/components/WfoBadges/WfoWorkflowTargetBadge/WfoWorkflowTargetBadge.tsx +51 -63
  61. package/src/components/WfoButtonComboBox/WfoButtonComboBox.tsx +55 -64
  62. package/src/components/WfoButtonComboBox/styles.ts +19 -19
  63. package/src/components/WfoButtonWithConfirm/WfoButtonWithConfirm.tsx +21 -21
  64. package/src/components/WfoContentHeader/WfoContentHeader.tsx +28 -48
  65. package/src/components/WfoDateTime/WfoDateTime.tsx +3 -3
  66. package/src/components/WfoDiff/WfoDiff.tsx +82 -100
  67. package/src/components/WfoDiff/styles.ts +28 -35
  68. package/src/components/WfoDropdownButton/WfoDropdownButton.tsx +54 -58
  69. package/src/components/WfoError/WfoError.stories.tsx +9 -12
  70. package/src/components/WfoError/WfoError.tsx +22 -25
  71. package/src/components/WfoErrorBoundary/WfoErrorBoundary.tsx +30 -34
  72. package/src/components/WfoExpandableField/WfoExpandableField.tsx +24 -31
  73. package/src/components/WfoExpandableField/styles.ts +11 -11
  74. package/src/components/WfoFilterTabs/WfoFilterTabs.tsx +33 -35
  75. package/src/components/WfoFilterTabs/styles.ts +7 -7
  76. package/src/components/WfoInlineEdit/WfoInlineEdit.tsx +99 -112
  77. package/src/components/WfoInlineNoteEdit/WfoSubscriptionDetailNoteEdit.tsx +33 -39
  78. package/src/components/WfoInlineNoteEdit/WfoSubscriptionNoteEdit.tsx +32 -35
  79. package/src/components/WfoInsyncIcon/WfoInsyncIcon.stories.tsx +8 -8
  80. package/src/components/WfoInsyncIcon/WfoInsyncIcon.tsx +5 -15
  81. package/src/components/WfoJsonCodeBlock/WfoJsonCodeBlock.tsx +15 -19
  82. package/src/components/WfoJsonCodeBlock/styles.ts +19 -19
  83. package/src/components/WfoKeyValueTable/WfoKeyCell.tsx +10 -11
  84. package/src/components/WfoKeyValueTable/WfoKeyValueTable.tsx +22 -25
  85. package/src/components/WfoKeyValueTable/WfoValueCell.tsx +44 -54
  86. package/src/components/WfoKeyValueTable/WfoValueOnlyTable.tsx +19 -22
  87. package/src/components/WfoKeyValueTable/styles.ts +77 -78
  88. package/src/components/WfoLogoSpinner/WfoLogoSpinner.tsx +22 -29
  89. package/src/components/WfoLogoSpinner/styles.ts +33 -36
  90. package/src/components/WfoMetadata/WfoMetadataDescriptionField.tsx +8 -14
  91. package/src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx +56 -63
  92. package/src/components/WfoMonacoCodeBlock/styles.ts +9 -11
  93. package/src/components/WfoNoResults/WfoNoResults.stories.tsx +6 -6
  94. package/src/components/WfoNoResults/WfoNoResults.tsx +8 -8
  95. package/src/components/WfoNoResults/styles.ts +16 -16
  96. package/src/components/WfoOptionalLink/WfoOptionalLink.tsx +7 -10
  97. package/src/components/WfoPageTemplate/WfoBreadcrumbs/WfoBreadcrumbs.tsx +61 -87
  98. package/src/components/WfoPageTemplate/WfoPageHeader/WfoAppLogo.tsx +15 -24
  99. package/src/components/WfoPageTemplate/WfoPageHeader/WfoHamburgerMenu.tsx +115 -140
  100. package/src/components/WfoPageTemplate/WfoPageHeader/WfoPageHeader.stories.tsx +43 -43
  101. package/src/components/WfoPageTemplate/WfoPageHeader/WfoPageHeader.tsx +67 -101
  102. package/src/components/WfoPageTemplate/WfoPageHeader/styles.ts +16 -16
  103. package/src/components/WfoPageTemplate/WfoPageHeader/utils/toHexColorWithOpacity.spec.ts +6 -6
  104. package/src/components/WfoPageTemplate/WfoPageHeader/utils/toHexColorWithOpacity.ts +2 -2
  105. package/src/components/WfoPageTemplate/WfoPageTemplate/ContentContext.tsx +10 -16
  106. package/src/components/WfoPageTemplate/WfoPageTemplate/WfoPageTemplate.stories.tsx +10 -10
  107. package/src/components/WfoPageTemplate/WfoPageTemplate/WfoPageTemplate.tsx +62 -94
  108. package/src/components/WfoPageTemplate/WfoPageTemplate/styles.ts +19 -22
  109. package/src/components/WfoPageTemplate/WfoSidebar/WfoCopyright.tsx +13 -13
  110. package/src/components/WfoPageTemplate/WfoSidebar/WfoMenuLink.tsx +34 -42
  111. package/src/components/WfoPageTemplate/WfoSidebar/WfoSidebar.stories.tsx +7 -7
  112. package/src/components/WfoPageTemplate/WfoSidebar/WfoSidebar.tsx +205 -240
  113. package/src/components/WfoPageTemplate/WfoSidebar/styles.ts +92 -99
  114. package/src/components/WfoPageTemplate/WfoSidebar/utils/menuItemIsAllowed.spec.ts +31 -40
  115. package/src/components/WfoPageTemplate/WfoSidebar/utils/menuItemIsAllowed.ts +8 -8
  116. package/src/components/WfoPageTemplate/paths.ts +1 -2
  117. package/src/components/WfoPopover/WfoPopover.tsx +26 -36
  118. package/src/components/WfoProcessList/WfoProcessesList.tsx +212 -247
  119. package/src/components/WfoProcessList/processListObjectMappers.ts +95 -100
  120. package/src/components/WfoPydanticForm/Footer.tsx +139 -157
  121. package/src/components/WfoPydanticForm/Header.tsx +9 -10
  122. package/src/components/WfoPydanticForm/RenderFormErrors.tsx +18 -20
  123. package/src/components/WfoPydanticForm/Row.tsx +22 -31
  124. package/src/components/WfoPydanticForm/WfoPydanticForm.tsx +77 -93
  125. package/src/components/WfoPydanticForm/fields/WfoArrayField/WfoArrayField.tsx +85 -120
  126. package/src/components/WfoPydanticForm/fields/WfoArrayField/styles.ts +28 -28
  127. package/src/components/WfoPydanticForm/fields/WfoCallout.tsx +9 -12
  128. package/src/components/WfoPydanticForm/fields/WfoCheckbox.tsx +11 -16
  129. package/src/components/WfoPydanticForm/fields/WfoDivider.tsx +4 -8
  130. package/src/components/WfoPydanticForm/fields/WfoDropdown.tsx +6 -17
  131. package/src/components/WfoPydanticForm/fields/WfoInteger.tsx +29 -43
  132. package/src/components/WfoPydanticForm/fields/WfoLabel.tsx +14 -14
  133. package/src/components/WfoPydanticForm/fields/WfoMultiCheckboxField.tsx +40 -51
  134. package/src/components/WfoPydanticForm/fields/WfoObjectField/WfoObjectField.tsx +22 -35
  135. package/src/components/WfoPydanticForm/fields/WfoObjectField/styles.ts +9 -9
  136. package/src/components/WfoPydanticForm/fields/WfoRadio.tsx +15 -20
  137. package/src/components/WfoPydanticForm/fields/WfoReactSelect/WfoReactSelect.tsx +84 -97
  138. package/src/components/WfoPydanticForm/fields/WfoReactSelect/styles.ts +68 -85
  139. package/src/components/WfoPydanticForm/fields/WfoSummary.tsx +58 -67
  140. package/src/components/WfoPydanticForm/fields/WfoText.tsx +16 -26
  141. package/src/components/WfoPydanticForm/fields/WfoTextArea.tsx +12 -17
  142. package/src/components/WfoPydanticForm/fields/WfoTimestampField.tsx +42 -48
  143. package/src/components/WfoPydanticForm/fields/styles.ts +71 -71
  144. package/src/components/WfoPydanticForm/fields/wfoPydanticFormUtils.spec.ts +24 -24
  145. package/src/components/WfoPydanticForm/fields/wfoPydanticFormUtils.ts +11 -18
  146. package/src/components/WfoRadioDropdown/WfoRadioDropdown.tsx +55 -74
  147. package/src/components/WfoRenderElementOrString/WfoRenderElementOrString.tsx +8 -8
  148. package/src/components/WfoSearchBar/WfoSearchField.tsx +35 -47
  149. package/src/components/WfoSearchPage/WfoConditionRow/WfoConditionRow.tsx +290 -354
  150. package/src/components/WfoSearchPage/WfoConditionRow/WfoFieldSelector.tsx +30 -30
  151. package/src/components/WfoSearchPage/WfoConditionRow/WfoOperatorSelector.tsx +56 -85
  152. package/src/components/WfoSearchPage/WfoConditionRow/WfoPathChips.tsx +143 -171
  153. package/src/components/WfoSearchPage/WfoConditionRow/WfoPathSelector.tsx +40 -42
  154. package/src/components/WfoSearchPage/WfoConditionRow/WfoRenderFunctions.tsx +50 -86
  155. package/src/components/WfoSearchPage/WfoConditionRow/WfoSelectedPathDisplay.tsx +48 -65
  156. package/src/components/WfoSearchPage/WfoConditionRow/index.ts +1 -4
  157. package/src/components/WfoSearchPage/WfoConditionRow/types.ts +56 -61
  158. package/src/components/WfoSearchPage/WfoConditionRow/utils.ts +36 -48
  159. package/src/components/WfoSearchPage/WfoFilterGroup/WfoFilterGroup.tsx +158 -213
  160. package/src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx +327 -411
  161. package/src/components/WfoSearchPage/WfoSearchResults/WfoHighlightedText.tsx +46 -53
  162. package/src/components/WfoSearchPage/WfoSearchResults/WfoPathBreadcrumb.tsx +50 -67
  163. package/src/components/WfoSearchPage/WfoSearchResults/WfoSearchEmptyState.tsx +13 -13
  164. package/src/components/WfoSearchPage/WfoSearchResults/WfoSearchLoadingState.tsx +13 -13
  165. package/src/components/WfoSearchPage/WfoSearchResults/WfoSearchMetadataHeader.tsx +13 -15
  166. package/src/components/WfoSearchPage/WfoSearchResults/WfoSearchPaginationInfo.tsx +76 -86
  167. package/src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx +112 -133
  168. package/src/components/WfoSearchPage/WfoSearchResults/WfoSearchResults.tsx +31 -31
  169. package/src/components/WfoSearchPage/WfoValueControl/WfoValueControl.tsx +181 -215
  170. package/src/components/WfoSearchPage/constants.ts +3 -8
  171. package/src/components/WfoSearchPage/utils.ts +83 -112
  172. package/src/components/WfoSettings/WfoAoStackStatus.tsx +19 -28
  173. package/src/components/WfoSettings/WfoEngineStatus.tsx +31 -37
  174. package/src/components/WfoSettings/WfoEngineStatusButton.tsx +17 -30
  175. package/src/components/WfoSettings/WfoFlushSettings.tsx +54 -72
  176. package/src/components/WfoSettings/WfoModifySettings.tsx +23 -29
  177. package/src/components/WfoSettings/WfoResetTextSearchIndexButton.tsx +7 -10
  178. package/src/components/WfoSettings/WfoWorkerStatus.tsx +35 -42
  179. package/src/components/WfoSettings/styles.ts +17 -17
  180. package/src/components/WfoSettingsModal/WfoInformationModal.tsx +25 -29
  181. package/src/components/WfoSettingsModal/WfoSettingsModal.tsx +43 -43
  182. package/src/components/WfoSettingsModal/WfoSubmitModal.tsx +45 -50
  183. package/src/components/WfoStartButton/WfoStartButtonComboBox.tsx +98 -121
  184. package/src/components/WfoStartButton/WfoStartTaskComboBox.tsx +35 -35
  185. package/src/components/WfoStartButton/WfoStartWorkflowComboBox.tsx +42 -44
  186. package/src/components/WfoStartButton/styles.ts +15 -15
  187. package/src/components/WfoSubscription/SubscriptionKeyValueBlock.tsx +23 -35
  188. package/src/components/WfoSubscription/WfoCustomerDescriptionsField.tsx +85 -99
  189. package/src/components/WfoSubscription/WfoInSyncField/WfoInSyncErrorToastMessage.tsx +15 -17
  190. package/src/components/WfoSubscription/WfoInSyncField/WfoInSyncField.tsx +147 -192
  191. package/src/components/WfoSubscription/WfoInUseByRelations.tsx +50 -74
  192. package/src/components/WfoSubscription/WfoProcessesTimeline.tsx +113 -173
  193. package/src/components/WfoSubscription/WfoRelatedSubscriptions.tsx +140 -172
  194. package/src/components/WfoSubscription/WfoSubscription.tsx +67 -102
  195. package/src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActionExpandableMenuItem.tsx +47 -53
  196. package/src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActions.tsx +173 -223
  197. package/src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActionsMenuItem.tsx +67 -87
  198. package/src/components/WfoSubscription/WfoSubscriptionActions/styles.ts +70 -70
  199. package/src/components/WfoSubscription/WfoSubscriptionDetailTree.tsx +190 -242
  200. package/src/components/WfoSubscription/WfoSubscriptionGeneral.tsx +48 -60
  201. package/src/components/WfoSubscription/WfoSubscriptionGeneralSections/WfoSubscriptionDetailSection.tsx +67 -91
  202. package/src/components/WfoSubscription/WfoSubscriptionGeneralSections/WfoSubscriptionFixedInputSection.tsx +8 -15
  203. package/src/components/WfoSubscription/WfoSubscriptionGeneralSections/WfoSubscriptionMetadataSection.tsx +8 -15
  204. package/src/components/WfoSubscription/WfoSubscriptionGeneralSections/WfoSubscriptionProductInfoSection.tsx +34 -41
  205. package/src/components/WfoSubscription/WfoSubscriptionProductBlock/WfoProductBlockKeyValueRow.tsx +36 -36
  206. package/src/components/WfoSubscription/WfoSubscriptionProductBlock/WfoSubscriptionProductBlock.tsx +156 -233
  207. package/src/components/WfoSubscription/WfoSubscriptionProductBlock/styles.ts +60 -62
  208. package/src/components/WfoSubscription/WfoTargetTypeIcon.tsx +39 -50
  209. package/src/components/WfoSubscription/overrides/useSubscriptionDetailGeneralSectionConfigurationOverride.ts +6 -8
  210. package/src/components/WfoSubscription/overrides/useSubscriptionDetailValueOverride.ts +20 -23
  211. package/src/components/WfoSubscription/styles.ts +57 -62
  212. package/src/components/WfoSubscription/subscriptionDetailTabs.tsx +44 -48
  213. package/src/components/WfoSubscription/utils/relatedSubscriptionsListItemsObjectMappers.ts +30 -42
  214. package/src/components/WfoSubscription/utils/utils.spec.ts +405 -452
  215. package/src/components/WfoSubscription/utils/utils.ts +139 -159
  216. package/src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx +214 -258
  217. package/src/components/WfoSubscriptionsList/subscriptionListTabs.ts +39 -42
  218. package/src/components/WfoSubscriptionsList/subscriptionResultMappers.ts +33 -45
  219. package/src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx +19 -28
  220. package/src/components/WfoSummary/WfoFailedTasksSummaryCard.tsx +18 -21
  221. package/src/components/WfoSummary/WfoLatestActiveSubscriptionsSummaryCard.tsx +22 -28
  222. package/src/components/WfoSummary/WfoLatestOutOfSyncSubscriptionSummaryCard.tsx +30 -40
  223. package/src/components/WfoSummary/WfoMyWorkflowsSummaryCard.tsx +30 -44
  224. package/src/components/WfoSummary/WfoProductsSummaryCard.tsx +37 -45
  225. package/src/components/WfoSummary/WfoSummaryCard.tsx +68 -99
  226. package/src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx +38 -50
  227. package/src/components/WfoSummary/WfoSummaryCardHeader/styles.ts +18 -18
  228. package/src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx +44 -67
  229. package/src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx +25 -44
  230. package/src/components/WfoSummary/WfoSummaryCardList/styles.ts +49 -49
  231. package/src/components/WfoSummary/WfoSummaryCards.tsx +7 -11
  232. package/src/components/WfoSummary/getNumberOfColumns.ts +12 -12
  233. package/src/components/WfoSummary/styles.ts +7 -7
  234. package/src/components/WfoTable/WfoAdvancedTable/WfoAdvancedTable.tsx +181 -229
  235. package/src/components/WfoTable/WfoAdvancedTable/getRowDetailData.tsx +31 -42
  236. package/src/components/WfoTable/WfoAdvancedTable/toSortedTableColumnConfig.ts +8 -8
  237. package/src/components/WfoTable/WfoAdvancedTable/types.ts +9 -11
  238. package/src/components/WfoTable/WfoFirstPartUUID/WfoFirstPartUUID.tsx +19 -30
  239. package/src/components/WfoTable/WfoFirstPartUUID/styles.ts +19 -19
  240. package/src/components/WfoTable/WfoInlineJson/WfoInlineJson.tsx +6 -6
  241. package/src/components/WfoTable/WfoRowContextMenu/WfoRowContextMenu.tsx +30 -46
  242. package/src/components/WfoTable/WfoSortButtons/WfoSortButton.tsx +11 -24
  243. package/src/components/WfoTable/WfoSortButtons/WfoSortButtons.tsx +18 -21
  244. package/src/components/WfoTable/WfoSortButtons/styles.ts +14 -14
  245. package/src/components/WfoTable/WfoStatusColorField/WfoStatusColorField.tsx +3 -5
  246. package/src/components/WfoTable/WfoStatusColorField/styles.ts +10 -10
  247. package/src/components/WfoTable/WfoTable/WfoDataCell.tsx +8 -14
  248. package/src/components/WfoTable/WfoTable/WfoDragHandler.tsx +49 -61
  249. package/src/components/WfoTable/WfoTable/WfoExpandedRow.tsx +12 -33
  250. package/src/components/WfoTable/WfoTable/WfoGroupedTable/WfoExpandableRow.tsx +28 -32
  251. package/src/components/WfoTable/WfoTable/WfoGroupedTable/WfoExpandedGroupRow.tsx +34 -52
  252. package/src/components/WfoTable/WfoTable/WfoGroupedTable/WfoGroupedTable.tsx +63 -78
  253. package/src/components/WfoTable/WfoTable/WfoGroupedTable/WfoGroupedTableGroups.tsx +40 -54
  254. package/src/components/WfoTable/WfoTable/WfoGroupedTable/styles.ts +28 -28
  255. package/src/components/WfoTable/WfoTable/WfoGroupedTable/useGroupedTableConfig.tsx +147 -168
  256. package/src/components/WfoTable/WfoTable/WfoGroupedTable/utils.spec.ts +133 -140
  257. package/src/components/WfoTable/WfoTable/WfoGroupedTable/utils.ts +21 -33
  258. package/src/components/WfoTable/WfoTable/WfoMultilineCell.tsx +5 -5
  259. package/src/components/WfoTable/WfoTable/WfoTable.tsx +213 -251
  260. package/src/components/WfoTable/WfoTable/WfoTableDataRows.tsx +63 -107
  261. package/src/components/WfoTable/WfoTable/WfoTableHeaderCell/WfoPopoverContent.tsx +34 -40
  262. package/src/components/WfoTable/WfoTable/WfoTableHeaderCell/WfoSortDirectionIcon.tsx +17 -21
  263. package/src/components/WfoTable/WfoTable/WfoTableHeaderCell/WfoTableHeaderCell.tsx +68 -83
  264. package/src/components/WfoTable/WfoTable/WfoTableHeaderCell/styles.ts +118 -118
  265. package/src/components/WfoTable/WfoTable/WfoTableHeaderRow.tsx +91 -118
  266. package/src/components/WfoTable/WfoTable/WfoToolTip.tsx +17 -21
  267. package/src/components/WfoTable/WfoTable/WfoTruncateCell.tsx +15 -15
  268. package/src/components/WfoTable/WfoTable/WfoVirtualizedTableBody.tsx +42 -49
  269. package/src/components/WfoTable/WfoTable/styles.ts +168 -176
  270. package/src/components/WfoTable/WfoTable/utils.spec.ts +71 -89
  271. package/src/components/WfoTable/WfoTable/utils.ts +61 -80
  272. package/src/components/WfoTable/WfoTableSettingsModal/WfoTableSettingsModal.tsx +77 -100
  273. package/src/components/WfoTable/WfoTableSettingsModal/styles.ts +12 -14
  274. package/src/components/WfoTable/WfoTableWithFilter/updateQueryString.spec.ts +63 -65
  275. package/src/components/WfoTable/WfoTableWithFilter/updateQueryString.ts +33 -44
  276. package/src/components/WfoTable/utils/columns.spec.ts +17 -17
  277. package/src/components/WfoTable/utils/columns.ts +16 -18
  278. package/src/components/WfoTable/utils/constants.ts +6 -12
  279. package/src/components/WfoTable/utils/tableConfigPersistence.spec.ts +61 -61
  280. package/src/components/WfoTable/utils/tableConfigPersistence.ts +21 -30
  281. package/src/components/WfoTable/utils/tableUtils.spec.ts +100 -117
  282. package/src/components/WfoTable/utils/tableUtils.ts +33 -50
  283. package/src/components/WfoTableCodeBlock/WfoTableCodeBlock.tsx +20 -27
  284. package/src/components/WfoTableCodeBlock/styles.ts +8 -8
  285. package/src/components/WfoTextAnchor/WfoTextAnchor.stories.tsx +6 -6
  286. package/src/components/WfoTextAnchor/WfoTextAnchor.tsx +8 -8
  287. package/src/components/WfoTextAnchor/styles.ts +11 -11
  288. package/src/components/WfoTimeline/WfoTimeline.tsx +28 -43
  289. package/src/components/WfoTimeline/WfoTimelineStep.tsx +38 -40
  290. package/src/components/WfoTimeline/mapProcessStepStatusToEuiStepStatus.ts +16 -18
  291. package/src/components/WfoTimeline/styles.ts +151 -168
  292. package/src/components/WfoTimeline/timelineUtils.ts +5 -10
  293. package/src/components/WfoTitleWithWebsocketBadge/WfoTitleWithWebsocketBadge.tsx +10 -13
  294. package/src/components/WfoToastsList/WfoToastsList.tsx +11 -13
  295. package/src/components/WfoTree/WfoTree.tsx +14 -14
  296. package/src/components/WfoTree/WfoTreeBranch.tsx +27 -39
  297. package/src/components/WfoTree/WfoTreeNode.tsx +29 -41
  298. package/src/components/WfoTree/WfoTreeNodeListItem.tsx +34 -48
  299. package/src/components/WfoTree/styles.ts +35 -38
  300. package/src/components/WfoTree/treeUtils.spec.ts +141 -146
  301. package/src/components/WfoTree/treeUtils.ts +52 -58
  302. package/src/components/WfoWorkflowSteps/WfoStep/WfoCodeViewSelector.tsx +75 -106
  303. package/src/components/WfoWorkflowSteps/WfoStep/WfoStep.stories.tsx +3 -3
  304. package/src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx +128 -191
  305. package/src/components/WfoWorkflowSteps/WfoStep/WfoStepForm.tsx +42 -58
  306. package/src/components/WfoWorkflowSteps/WfoStep/WfoStepFormFooter.tsx +31 -42
  307. package/src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx +79 -101
  308. package/src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.stories.tsx +6 -6
  309. package/src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx +64 -103
  310. package/src/components/WfoWorkflowSteps/WfoTraceback/WfoTraceback.tsx +11 -11
  311. package/src/components/WfoWorkflowSteps/WfoTraceback/styles.ts +8 -8
  312. package/src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx +97 -140
  313. package/src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.stories.tsx +40 -40
  314. package/src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx +146 -198
  315. package/src/components/WfoWorkflowSteps/stepListUtils.spec.ts +18 -18
  316. package/src/components/WfoWorkflowSteps/stepListUtils.ts +14 -25
  317. package/src/components/WfoWorkflowSteps/styles.ts +116 -122
  318. package/src/components/confirmationDialog/ConfirmationDialogStyling.ts +7 -7
  319. package/src/components/confirmationDialog/WfoConfirmationDialog.tsx +58 -72
  320. package/src/configuration/constants.ts +2 -4
  321. package/src/configuration/policy-resources.ts +21 -21
  322. package/src/configuration/version.ts +1 -1
  323. package/src/contexts/ConfirmationDialogProvider.tsx +54 -72
  324. package/src/contexts/OrchestratorConfigContext.tsx +23 -30
  325. package/src/contexts/PolicyContext.tsx +6 -11
  326. package/src/contexts/TreeContext.tsx +83 -97
  327. package/src/contexts/WfoErrorMonitoringProvider.tsx +16 -19
  328. package/src/hooks/useBackendAvailability.ts +39 -44
  329. package/src/hooks/useCheckEngineStatus.ts +19 -19
  330. package/src/hooks/useContentRef.ts +1 -1
  331. package/src/hooks/useDataDisplayParams.ts +35 -47
  332. package/src/hooks/useDebounce.ts +14 -14
  333. package/src/hooks/useGetOrchestratorConfig.ts +1 -1
  334. package/src/hooks/useGetPydanticFormsConfig.tsx +249 -286
  335. package/src/hooks/useGetSchedulesForWorkflow.tsx +19 -20
  336. package/src/hooks/useGetWorkflowNameById.tsx +8 -13
  337. package/src/hooks/useOrchestratorConfig.ts +2 -4
  338. package/src/hooks/useOrchestratorTheme.ts +20 -24
  339. package/src/hooks/usePathAutoComplete.ts +105 -117
  340. package/src/hooks/usePolicy.ts +5 -6
  341. package/src/hooks/useSearch.ts +60 -75
  342. package/src/hooks/useSearchPagination.ts +124 -134
  343. package/src/hooks/useShowToastMessage.ts +12 -12
  344. package/src/hooks/useStoredTableConfig.ts +22 -29
  345. package/src/hooks/useUrlParams.ts +90 -108
  346. package/src/hooks/useWfoErrorMonitoring.ts +1 -2
  347. package/src/hooks/useWfoSession.ts +15 -17
  348. package/src/hooks/useWithOrchestratorTheme.ts +3 -5
  349. package/src/icons/WfoActualWork.tsx +8 -17
  350. package/src/icons/WfoArrowsExpand.stories.tsx +3 -3
  351. package/src/icons/WfoArrowsExpand.tsx +12 -28
  352. package/src/icons/WfoBell.tsx +12 -28
  353. package/src/icons/WfoBoltFill.tsx +15 -31
  354. package/src/icons/WfoBoltSlashFill.tsx +15 -31
  355. package/src/icons/WfoChartBar.tsx +22 -26
  356. package/src/icons/WfoCheckmarkCircleFill.stories.tsx +3 -3
  357. package/src/icons/WfoCheckmarkCircleFill.tsx +11 -27
  358. package/src/icons/WfoChevronDown.stories.tsx +3 -3
  359. package/src/icons/WfoChevronDown.tsx +12 -28
  360. package/src/icons/WfoChevronUp.stories.tsx +3 -3
  361. package/src/icons/WfoChevronUp.tsx +12 -28
  362. package/src/icons/WfoClipboardCopy.stories.tsx +3 -3
  363. package/src/icons/WfoClipboardCopy.tsx +12 -28
  364. package/src/icons/WfoCode.stories.tsx +3 -3
  365. package/src/icons/WfoCode.tsx +14 -30
  366. package/src/icons/WfoCogFill.stories.tsx +3 -3
  367. package/src/icons/WfoCogFill.tsx +18 -28
  368. package/src/icons/WfoContactEnvelopeFill.tsx +9 -24
  369. package/src/icons/WfoCubeFill.tsx +14 -35
  370. package/src/icons/WfoCubeSolid.tsx +12 -28
  371. package/src/icons/WfoDotsHorizontal.tsx +12 -28
  372. package/src/icons/WfoExclamationTriangle.tsx +13 -24
  373. package/src/icons/WfoExternalLink.tsx +9 -25
  374. package/src/icons/WfoEyeFill.stories.tsx +3 -3
  375. package/src/icons/WfoEyeFill.tsx +14 -30
  376. package/src/icons/WfoIconProps.ts +3 -3
  377. package/src/icons/WfoLogoutIcon.stories.tsx +3 -3
  378. package/src/icons/WfoLogoutIcon.tsx +12 -28
  379. package/src/icons/WfoMalfunction.tsx +8 -17
  380. package/src/icons/WfoMinusCircleFill.stories.tsx +3 -3
  381. package/src/icons/WfoMinusCircleFill.tsx +12 -28
  382. package/src/icons/WfoMinusCircleOutline.stories.tsx +3 -3
  383. package/src/icons/WfoMinusCircleOutline.tsx +11 -27
  384. package/src/icons/WfoPencil.tsx +12 -30
  385. package/src/icons/WfoPencilAlt.stories.tsx +3 -3
  386. package/src/icons/WfoPencilAlt.tsx +12 -28
  387. package/src/icons/WfoPlannedWork.tsx +9 -18
  388. package/src/icons/WfoPlayCircle.tsx +14 -30
  389. package/src/icons/WfoPlayFill.stories.tsx +3 -3
  390. package/src/icons/WfoPlayFill.tsx +14 -30
  391. package/src/icons/WfoPlusCircleFill.stories.tsx +3 -3
  392. package/src/icons/WfoPlusCircleFill.tsx +12 -28
  393. package/src/icons/WfoPort.tsx +9 -18
  394. package/src/icons/WfoQuestionCircle.tsx +13 -29
  395. package/src/icons/WfoRefresh.stories.tsx +3 -3
  396. package/src/icons/WfoRefresh.tsx +14 -30
  397. package/src/icons/WfoSearchStrikethrough.stories.tsx +3 -3
  398. package/src/icons/WfoSearchStrikethrough.tsx +12 -28
  399. package/src/icons/WfoShare.tsx +14 -30
  400. package/src/icons/WfoSideMenu.stories.tsx +3 -3
  401. package/src/icons/WfoSideMenu.tsx +10 -34
  402. package/src/icons/WfoSortAsc.stories.tsx +3 -3
  403. package/src/icons/WfoSortAsc.tsx +12 -28
  404. package/src/icons/WfoSortDesc.stories.tsx +3 -3
  405. package/src/icons/WfoSortDesc.tsx +12 -28
  406. package/src/icons/WfoStatistic.tsx +32 -36
  407. package/src/icons/WfoStatusDotIcon.stories.tsx +3 -3
  408. package/src/icons/WfoStatusDotIcon.tsx +10 -26
  409. package/src/icons/WfoTrash.tsx +13 -23
  410. package/src/icons/WfoViewList.tsx +9 -19
  411. package/src/icons/WfoWarningTriangle.tsx +13 -23
  412. package/src/icons/WfoXCircleFill.stories.tsx +3 -3
  413. package/src/icons/WfoXCircleFill.tsx +12 -28
  414. package/src/icons/WfoXMarkSmall.tsx +9 -24
  415. package/src/icons/heroicons/WfoArrowDown.tsx +8 -18
  416. package/src/icons/heroicons/WfoArrowUp.tsx +8 -18
  417. package/src/icons/heroicons/WfoArrowsUpDown.tsx +8 -18
  418. package/src/icons/heroicons/WfoBracketSquare.tsx +16 -20
  419. package/src/icons/heroicons/WfoCommandLine.tsx +16 -20
  420. package/src/icons/heroicons/WfoHeroIconsWrapper.tsx +23 -26
  421. package/src/icons/heroicons/WfoScheduledTaskOnce.tsx +14 -24
  422. package/src/icons/heroicons/WfoScheduledTaskRecurring.tsx +18 -24
  423. package/src/icons/heroicons/WfoSquareStack3dStack.tsx +7 -19
  424. package/src/icons/heroicons/WfoTableCells.tsx +16 -20
  425. package/src/icons/heroicons/WfoWrench.tsx +8 -18
  426. package/src/messages/en-GB.json +623 -623
  427. package/src/messages/getTranslationMessages.spec.ts +3 -3
  428. package/src/messages/nl-NL.json +492 -492
  429. package/src/messages/useGetTranslationMessages.ts +20 -20
  430. package/src/pages/metadata/WfoMetadataPageLayout.tsx +53 -60
  431. package/src/pages/metadata/WfoProductBlocksPage.tsx +229 -283
  432. package/src/pages/metadata/WfoProductsPage.tsx +217 -282
  433. package/src/pages/metadata/WfoResourceTypesPage.tsx +178 -230
  434. package/src/pages/metadata/WfoScheduleTaskFormPage.tsx +365 -407
  435. package/src/pages/metadata/WfoScheduledTasksPage.tsx +173 -226
  436. package/src/pages/metadata/WfoTasksPage.tsx +247 -337
  437. package/src/pages/metadata/WfoWorkflowsPage.tsx +213 -282
  438. package/src/pages/metadata/taskListObjectMapper.ts +26 -34
  439. package/src/pages/metadata/workflowListObjectMapper.ts +23 -31
  440. package/src/pages/processes/WfoProcessDetail.tsx +247 -346
  441. package/src/pages/processes/WfoProcessDetailPage.tsx +53 -76
  442. package/src/pages/processes/WfoProcessListSubscriptionsCell.tsx +55 -64
  443. package/src/pages/processes/WfoProductInformationWithLink.tsx +18 -26
  444. package/src/pages/processes/WfoStartProcessPage.tsx +121 -153
  445. package/src/pages/processes/timelineUtils.spec.ts +167 -179
  446. package/src/pages/processes/timelineUtils.ts +63 -87
  447. package/src/pages/settings/WfoSettingsPage.tsx +131 -161
  448. package/src/pages/startPage/WfoStartPage.tsx +36 -45
  449. package/src/pages/startPage/mappers.ts +8 -10
  450. package/src/pages/startPage/queryVariables.ts +84 -93
  451. package/src/pages/startPage/useStartPageSummaryCardConfigurationOverride.ts +6 -8
  452. package/src/pages/subscriptions/WfoSubscriptionDetailPage.tsx +9 -9
  453. package/src/pages/subscriptions/WfoSubscriptionsListPage.tsx +66 -85
  454. package/src/pages/tasks/WfoTasksListPage.tsx +129 -156
  455. package/src/pages/tasks/getTasksListTabTypeFromString.ts +12 -14
  456. package/src/pages/tasks/tabConfig.ts +41 -44
  457. package/src/pages/workflows/WfoWorkflowsListPage.tsx +73 -88
  458. package/src/pages/workflows/getWorkflowsListTabTypeFromString.ts +12 -14
  459. package/src/pages/workflows/tabConfig.ts +41 -44
  460. package/src/rtk/api.ts +113 -132
  461. package/src/rtk/endpoints/agentExport.ts +12 -12
  462. package/src/rtk/endpoints/availability.ts +29 -32
  463. package/src/rtk/endpoints/customerDescriptions.ts +40 -46
  464. package/src/rtk/endpoints/customers.ts +26 -40
  465. package/src/rtk/endpoints/fileUpload.ts +20 -20
  466. package/src/rtk/endpoints/forms.ts +41 -54
  467. package/src/rtk/endpoints/inSync.ts +16 -19
  468. package/src/rtk/endpoints/metadata/productBlocks.ts +37 -43
  469. package/src/rtk/endpoints/metadata/products.ts +37 -42
  470. package/src/rtk/endpoints/metadata/resourceTypes.ts +38 -44
  471. package/src/rtk/endpoints/metadata/scheduledTasks.ts +88 -99
  472. package/src/rtk/endpoints/metadata/tasks.ts +21 -32
  473. package/src/rtk/endpoints/metadata/workflows.ts +65 -86
  474. package/src/rtk/endpoints/processDetail.ts +87 -103
  475. package/src/rtk/endpoints/processList.ts +20 -29
  476. package/src/rtk/endpoints/processListSummary.ts +18 -34
  477. package/src/rtk/endpoints/processStatusCounts.ts +16 -16
  478. package/src/rtk/endpoints/processSteps.ts +17 -27
  479. package/src/rtk/endpoints/productsSummary.ts +21 -26
  480. package/src/rtk/endpoints/relatedSubscriptions.ts +27 -38
  481. package/src/rtk/endpoints/search.ts +63 -82
  482. package/src/rtk/endpoints/settings.ts +110 -119
  483. package/src/rtk/endpoints/startOptions.ts +64 -80
  484. package/src/rtk/endpoints/streamMessages.ts +102 -125
  485. package/src/rtk/endpoints/subscriptionActions.ts +14 -24
  486. package/src/rtk/endpoints/subscriptionDetail.ts +23 -35
  487. package/src/rtk/endpoints/subscriptionInUseByRelationsList.ts +22 -32
  488. package/src/rtk/endpoints/subscriptionList.ts +19 -31
  489. package/src/rtk/endpoints/subscriptionListMutation.ts +65 -81
  490. package/src/rtk/endpoints/subscriptionListSummary.ts +23 -29
  491. package/src/rtk/endpoints/translations.ts +16 -19
  492. package/src/rtk/endpoints/versions.ts +9 -9
  493. package/src/rtk/slices/customApis.ts +8 -10
  494. package/src/rtk/slices/orchestratorComponentOverride.ts +20 -22
  495. package/src/rtk/slices/orchestratorConfig.ts +7 -10
  496. package/src/rtk/slices/pydanticForm.ts +7 -9
  497. package/src/rtk/slices/toastMessages.ts +26 -36
  498. package/src/rtk/store.ts +35 -44
  499. package/src/rtk/storeProvider.tsx +20 -21
  500. package/src/rtk/utils.spec.ts +68 -68
  501. package/src/rtk/utils.ts +72 -80
  502. package/src/rtk/wfoGraphqlRequestBaseQuery.ts +44 -63
  503. package/src/theme/baseStyles/formFieldsBaseStyle.ts +12 -12
  504. package/src/theme/wfoThemeModifications.ts +92 -95
  505. package/src/types/forms.ts +20 -20
  506. package/src/types/search.ts +89 -94
  507. package/src/types/types.ts +378 -403
  508. package/src/utils/cacheTag.spec.ts +8 -8
  509. package/src/utils/cacheTag.ts +7 -7
  510. package/src/utils/compareVersions.spec.ts +38 -116
  511. package/src/utils/compareVersions.ts +28 -48
  512. package/src/utils/csvDownload.ts +68 -83
  513. package/src/utils/date.spec.ts +142 -179
  514. package/src/utils/date.ts +64 -84
  515. package/src/utils/environmentVariables.spec.ts +12 -12
  516. package/src/utils/environmentVariables.ts +7 -7
  517. package/src/utils/filterData.spec.ts +18 -20
  518. package/src/utils/filterData.ts +7 -10
  519. package/src/utils/getDefaultTableConfig.ts +91 -113
  520. package/src/utils/getEnvironmentVariables.spec.ts +30 -32
  521. package/src/utils/getEnvironmentVariables.ts +19 -22
  522. package/src/utils/getObjectKeys.ts +2 -3
  523. package/src/utils/getProductNamesFromProcess.spec.ts +125 -127
  524. package/src/utils/getProductNamesFromProcess.ts +7 -9
  525. package/src/utils/getQueryParams.spec.ts +31 -34
  526. package/src/utils/getQueryParams.ts +9 -12
  527. package/src/utils/getQueryUrl.spec.ts +4 -4
  528. package/src/utils/getQueryUrl.ts +3 -3
  529. package/src/utils/getQueryVariablesForExport.spec.ts +12 -12
  530. package/src/utils/getQueryVariablesForExport.ts +4 -6
  531. package/src/utils/getStatusBadgeColor.ts +13 -13
  532. package/src/utils/getToastMessage.spec.ts +20 -20
  533. package/src/utils/getToastMessage.ts +24 -28
  534. package/src/utils/getTokenName.spec.ts +16 -16
  535. package/src/utils/getTokenName.ts +10 -10
  536. package/src/utils/getTypedFieldFromObject.spec.ts +13 -13
  537. package/src/utils/getTypedFieldFromObject.ts +5 -8
  538. package/src/utils/onlyUnique.spec.ts +15 -15
  539. package/src/utils/onlyUnique.ts +1 -1
  540. package/src/utils/optionalArray.spec.ts +65 -78
  541. package/src/utils/optionalArray.ts +10 -16
  542. package/src/utils/resultFlattener.spec.ts +40 -43
  543. package/src/utils/resultFlattener.ts +10 -21
  544. package/src/utils/string.spec.ts +133 -133
  545. package/src/utils/strings.ts +11 -11
  546. package/src/utils/toObjectWithSerializedValues.spec.ts +24 -24
  547. package/src/utils/toObjectWithSerializedValues.ts +9 -15
  548. package/src/utils/toObjectWithSortedKeys.ts +21 -24
  549. package/src/utils/toSortedObjectKeys.spec.ts +25 -29
  550. package/src/utils/uuid.spec.ts +16 -16
  551. package/src/utils/uuid.ts +2 -5
  552. package/tsconfig.build.json +10 -16
  553. package/tsconfig.json +10 -16
  554. package/tsup.config.ts +10 -10
@@ -2,31 +2,15 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoMinusCircleOutline: FC<WfoIconProps> = ({
6
- width = 24,
7
- height = 24,
8
- color = '#000000',
9
- }) => (
10
- <svg
11
- width={width}
12
- height={height}
13
- viewBox="0 0 24 24"
14
- version="1.1"
15
- xmlns="http://www.w3.org/2000/svg"
16
- >
17
- <g
18
- id="Symbols"
19
- stroke="none"
20
- strokeWidth="1"
21
- fill="none"
22
- fillRule="evenodd"
23
- >
24
- <g id="icon/minus-circle-outline" fill={color} fillRule="nonzero">
25
- <path
26
- d="M12,4 C16.4183,4 20,7.58172 20,12 C20,16.4183 16.4183,20 12,20 C7.58172,20 4,16.4183 4,12 C4,7.58172 7.58172,4 12,4 Z M12,6 C8.6862895,6 6,8.6862895 6,12 C6,15.3137228 8.68628182,18 12,18 C15.3137305,18 18,15.3137305 18,12 C18,8.68628182 15.3137228,6 12,6 Z M15,11 C15.5523,11 16,11.44772 16,12 C16,12.5523 15.5523,13 15,13 L9,13 C8.44772,13 8,12.5523 8,12 C8,11.44772 8.44772,11 9,11 Z"
27
- id="Combined-Shape"
28
- ></path>
29
- </g>
30
- </g>
31
- </svg>
5
+ export const WfoMinusCircleOutline: FC<WfoIconProps> = ({ width = 24, height = 24, color = '#000000' }) => (
6
+ <svg width={width} height={height} viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
7
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
8
+ <g id="icon/minus-circle-outline" fill={color} fillRule="nonzero">
9
+ <path
10
+ d="M12,4 C16.4183,4 20,7.58172 20,12 C20,16.4183 16.4183,20 12,20 C7.58172,20 4,16.4183 4,12 C4,7.58172 7.58172,4 12,4 Z M12,6 C8.6862895,6 6,8.6862895 6,12 C6,15.3137228 8.68628182,18 12,18 C15.3137305,18 18,15.3137305 18,12 C18,8.68628182 15.3137228,6 12,6 Z M15,11 C15.5523,11 16,11.44772 16,12 C16,12.5523 15.5523,13 15,13 L9,13 C8.44772,13 8,12.5523 8,12 C8,11.44772 8.44772,11 9,11 Z"
11
+ id="Combined-Shape"
12
+ ></path>
13
+ </g>
14
+ </g>
15
+ </svg>
32
16
  );
@@ -3,38 +3,20 @@ import React, { FC } from 'react';
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
5
  const Path = ({ color }: { color: string }) => (
6
- <path
7
- fill={color}
8
- d="M13.3787,7.7928875 L16.2071,10.6213175 L7.82842,18.9999975 L5,18.9999975 L5,16.1715975 L13.3787,7.7928875 Z M18.4142,5.5857875 C19.1953,6.3668275 19.1953,7.6331575 18.4142,8.4142075 L17.6213,9.2071075 L14.7929,6.3786775 L15.5858,5.5857875 C16.3668,4.8047375 17.6332,4.8047375 18.4142,5.5857875 Z"
9
- />
6
+ <path
7
+ fill={color}
8
+ d="M13.3787,7.7928875 L16.2071,10.6213175 L7.82842,18.9999975 L5,18.9999975 L5,16.1715975 L13.3787,7.7928875 Z M18.4142,5.5857875 C19.1953,6.3668275 19.1953,7.6331575 18.4142,8.4142075 L17.6213,9.2071075 L14.7929,6.3786775 L15.5858,5.5857875 C16.3668,4.8047375 17.6332,4.8047375 18.4142,5.5857875 Z"
9
+ />
10
10
  );
11
11
 
12
- export const WfoPencil: FC<WfoIconProps> = ({
13
- width = 24,
14
- height = 24,
15
- color = '#000000',
16
- }) => (
17
- <svg
18
- xmlns="http://www.w3.org/2000/svg"
19
- width={width}
20
- height={height}
21
- viewBox="0 0 24 24"
22
- >
23
- <Path color={color} />
24
- </svg>
12
+ export const WfoPencil: FC<WfoIconProps> = ({ width = 24, height = 24, color = '#000000' }) => (
13
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24">
14
+ <Path color={color} />
15
+ </svg>
25
16
  );
26
17
 
27
- export const WfoPencilCompact: FC<WfoIconProps> = ({
28
- width = 24,
29
- height = 24,
30
- color = '#000000',
31
- }) => (
32
- <svg
33
- xmlns="http://www.w3.org/2000/svg"
34
- width={width}
35
- height={height}
36
- viewBox="5 5 14 14"
37
- >
38
- <Path color={color} />
39
- </svg>
18
+ export const WfoPencilCompact: FC<WfoIconProps> = ({ width = 24, height = 24, color = '#000000' }) => (
19
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="5 5 14 14">
20
+ <Path color={color} />
21
+ </svg>
40
22
  );
@@ -3,11 +3,11 @@ import type { Meta } from '@storybook/react';
3
3
  import { WfoPencilAlt } from './WfoPencilAlt';
4
4
 
5
5
  const Story: Meta<typeof WfoPencilAlt> = {
6
- component: WfoPencilAlt,
7
- title: 'Icons/WfoPencilAlt',
6
+ component: WfoPencilAlt,
7
+ title: 'Icons/WfoPencilAlt',
8
8
  };
9
9
  export default Story;
10
10
 
11
11
  export const Primary = {
12
- args: {},
12
+ args: {},
13
13
  };
@@ -2,32 +2,16 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoPencilAlt: FC<WfoIconProps> = ({
6
- width = 24,
7
- height = 24,
8
- color = '#000000',
9
- }) => (
10
- <svg
11
- width={width}
12
- height={height}
13
- viewBox="0 0 24 24"
14
- version="1.1"
15
- xmlns="http://www.w3.org/2000/svg"
16
- >
17
- <title>icon/pencil-alt</title>
18
- <g
19
- id="Symbols"
20
- stroke="none"
21
- strokeWidth="1"
22
- fill="none"
23
- fillRule="evenodd"
24
- >
25
- <g id="icon/pencil-alt" fill={color} fillRule="nonzero">
26
- <path
27
- d="M10,5.9999975 C10.55228,5.9999975 11,6.4477175 11,6.9999975 C11,7.5522775 10.55228,7.9999975 10,7.9999975 L6,7.9999975 L6,17.9999975 L16,17.9999975 L16,13.9999975 C16,13.4476975 16.4477,12.9999975 17,12.9999975 C17.5523,12.9999975 18,13.4476975 18,13.9999975 L18,17.9999975 C18,19.1045975 17.1046,19.9999975 16,19.9999975 L6,19.9999975 C4.89543,19.9999975 4,19.1045975 4,17.9999975 L4,7.9999975 C4,6.8954275 4.89543,5.9999975 6,5.9999975 L10,5.9999975 Z M16.5858,4.5857875 C17.3668,3.8047375 18.6332,3.8047375 19.4142,4.5857875 C20.1953,5.3668275 20.1953,6.6331575 19.4142,7.4142075 L11.82842,15 L9,15 L9,12.1715975 Z"
28
- id="Combined-Shape"
29
- ></path>
30
- </g>
31
- </g>
32
- </svg>
5
+ export const WfoPencilAlt: FC<WfoIconProps> = ({ width = 24, height = 24, color = '#000000' }) => (
6
+ <svg width={width} height={height} viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
7
+ <title>icon/pencil-alt</title>
8
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
9
+ <g id="icon/pencil-alt" fill={color} fillRule="nonzero">
10
+ <path
11
+ d="M10,5.9999975 C10.55228,5.9999975 11,6.4477175 11,6.9999975 C11,7.5522775 10.55228,7.9999975 10,7.9999975 L6,7.9999975 L6,17.9999975 L16,17.9999975 L16,13.9999975 C16,13.4476975 16.4477,12.9999975 17,12.9999975 C17.5523,12.9999975 18,13.4476975 18,13.9999975 L18,17.9999975 C18,19.1045975 17.1046,19.9999975 16,19.9999975 L6,19.9999975 C4.89543,19.9999975 4,19.1045975 4,17.9999975 L4,7.9999975 C4,6.8954275 4.89543,5.9999975 6,5.9999975 L10,5.9999975 Z M16.5858,4.5857875 C17.3668,3.8047375 18.6332,3.8047375 19.4142,4.5857875 C20.1953,5.3668275 20.1953,6.6331575 19.4142,7.4142075 L11.82842,15 L9,15 L9,12.1715975 Z"
12
+ id="Combined-Shape"
13
+ ></path>
14
+ </g>
15
+ </g>
16
+ </svg>
33
17
  );
@@ -2,22 +2,13 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoPlannedWork: FC<WfoIconProps> = ({
6
- width = 24,
7
- height = 24,
8
- color = '#000000',
9
- }) => (
10
- <svg
11
- xmlns="http://www.w3.org/2000/svg"
12
- width={width}
13
- height={height}
14
- viewBox="0 0 24 24"
15
- >
16
- <path
17
- xmlns="http://www.w3.org/2000/svg"
18
- fill={color}
19
- fillRule="evenodd"
20
- d="M7,9.5 C7,12.906616 9.0040254,15.8451668 11.8974708,17.2010469 L5.64,17.2 L4.68,20.4 L13.32,20.4 L12.428326,17.4280315 C12.9822682,17.6428026 13.5643216,17.8011905 14.1674429,17.8961521 L14.92,20.4 L16.2,20.4 C16.6418278,20.4 17,20.7581722 17,21.2 C17,21.6418278 16.6418278,22 16.2,22 L1.8,22 C1.3581722,22 1,21.6418278 1,21.2 C1,20.7581722 1.3581722,20.4 1.8,20.4 L3.08,20.4 L7.20995944,6.63346855 C7.28858141,6.37139532 7.48053724,6.16689679 7.72256902,6.06703879 C7.25791178,7.11603618 7,8.27789883 7,9.5 Z M16,2 C19.8659932,2 23,5.13400675 23,9 C23,12.8659932 19.8659932,16 16,16 C12.1340068,16 9,12.8659932 9,9 C9,5.13400675 12.1340068,2 16,2 Z M16,4.1 C13.2938047,4.1 11.1,6.29380473 11.1,9 C11.1,11.7061953 13.2938047,13.9 16,13.9 C18.7061953,13.9 20.9,11.7061953 20.9,9 C20.9,6.29380473 18.7061953,4.1 16,4.1 Z M17.05,5.5 L17.05,8.5646 L18.8424621,10.3575379 L17.3575379,11.8424621 L14.95,9.43492424 L14.95,5.5 L17.05,5.5 Z"
21
- />
22
- </svg>
5
+ export const WfoPlannedWork: FC<WfoIconProps> = ({ width = 24, height = 24, color = '#000000' }) => (
6
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24">
7
+ <path
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ fill={color}
10
+ fillRule="evenodd"
11
+ d="M7,9.5 C7,12.906616 9.0040254,15.8451668 11.8974708,17.2010469 L5.64,17.2 L4.68,20.4 L13.32,20.4 L12.428326,17.4280315 C12.9822682,17.6428026 13.5643216,17.8011905 14.1674429,17.8961521 L14.92,20.4 L16.2,20.4 C16.6418278,20.4 17,20.7581722 17,21.2 C17,21.6418278 16.6418278,22 16.2,22 L1.8,22 C1.3581722,22 1,21.6418278 1,21.2 C1,20.7581722 1.3581722,20.4 1.8,20.4 L3.08,20.4 L7.20995944,6.63346855 C7.28858141,6.37139532 7.48053724,6.16689679 7.72256902,6.06703879 C7.25791178,7.11603618 7,8.27789883 7,9.5 Z M16,2 C19.8659932,2 23,5.13400675 23,9 C23,12.8659932 19.8659932,16 16,16 C12.1340068,16 9,12.8659932 9,9 C9,5.13400675 12.1340068,2 16,2 Z M16,4.1 C13.2938047,4.1 11.1,6.29380473 11.1,9 C11.1,11.7061953 13.2938047,13.9 16,13.9 C18.7061953,13.9 20.9,11.7061953 20.9,9 C20.9,6.29380473 18.7061953,4.1 16,4.1 Z M17.05,5.5 L17.05,8.5646 L18.8424621,10.3575379 L17.3575379,11.8424621 L14.95,9.43492424 L14.95,5.5 L17.05,5.5 Z"
12
+ />
13
+ </svg>
23
14
  );
@@ -2,34 +2,18 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoPlayCircle: FC<WfoIconProps> = ({
6
- width = 24,
7
- height = 24,
8
- color = '#000000',
9
- }) => (
10
- <svg
11
- width={width}
12
- height={height}
13
- viewBox={`0 0 24 24`}
14
- version="1.1"
15
- xmlns="http://www.w3.org/2000/svg"
16
- >
17
- <title>icon/play-circle</title>
18
- <g
19
- id="Symbols"
20
- stroke="none"
21
- strokeWidth="1"
22
- fill="none"
23
- fillRule="evenodd"
24
- >
25
- <g id="icon/play-circle" fill={color} fillRule="nonzero">
26
- <path
27
- fillRule="evenodd"
28
- d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm14.024-.983a1.125 1.125 0 0 1 0 1.966l-5.603 3.113A1.125 1.125 0 0 1 9 15.113V8.887c0-.857.921-1.4 1.671-.983l5.603 3.113Z"
29
- clipRule="evenodd"
30
- id="Combined-Shape"
31
- ></path>
32
- </g>
33
- </g>
34
- </svg>
5
+ export const WfoPlayCircle: FC<WfoIconProps> = ({ width = 24, height = 24, color = '#000000' }) => (
6
+ <svg width={width} height={height} viewBox={`0 0 24 24`} version="1.1" xmlns="http://www.w3.org/2000/svg">
7
+ <title>icon/play-circle</title>
8
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
9
+ <g id="icon/play-circle" fill={color} fillRule="nonzero">
10
+ <path
11
+ fillRule="evenodd"
12
+ d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm14.024-.983a1.125 1.125 0 0 1 0 1.966l-5.603 3.113A1.125 1.125 0 0 1 9 15.113V8.887c0-.857.921-1.4 1.671-.983l5.603 3.113Z"
13
+ clipRule="evenodd"
14
+ id="Combined-Shape"
15
+ ></path>
16
+ </g>
17
+ </g>
18
+ </svg>
35
19
  );
@@ -3,11 +3,11 @@ import type { Meta } from '@storybook/react';
3
3
  import { WfoPlayFill } from './WfoPlayFill';
4
4
 
5
5
  const Story: Meta<typeof WfoPlayFill> = {
6
- component: WfoPlayFill,
7
- title: 'Icons/WfoPlayFill',
6
+ component: WfoPlayFill,
7
+ title: 'Icons/WfoPlayFill',
8
8
  };
9
9
  export default Story;
10
10
 
11
11
  export const Primary = {
12
- args: {},
12
+ args: {},
13
13
  };
@@ -2,34 +2,18 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoPlayFill: FC<WfoIconProps> = ({
6
- width = 24,
7
- height = 24,
8
- color = '#000000',
9
- }) => {
10
- return (
11
- <svg
12
- width={width}
13
- height={height}
14
- viewBox="0 0 24 24"
15
- version="1.1"
16
- xmlns="http://www.w3.org/2000/svg"
17
- >
18
- <title>icon/play-fill</title>
19
- <g
20
- id="Symbols"
21
- stroke="none"
22
- strokeWidth="1"
23
- fill="none"
24
- fillRule="evenodd"
25
- >
26
- <g id="icon/play-id" fill={color}>
27
- <path
28
- d="M12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 Z M11.5547,9.16795 C11.24784,8.96338 10.8533,8.94431 10.52814,9.11833 C10.20298,9.29235 10,9.63121 10,10.0000011 L10,14.0000011 C10,14.3688 10.20298,14.7077 10.52814,14.8817 C10.8533,15.0557 11.24784,15.0366 11.5547,14.8321 L14.5547,12.8321 C14.8329,12.6466 15,12.3344 15,12.0000011 C15,11.66565 14.8329,11.35342 14.5547,11.16795 L11.5547,9.16795 Z"
29
- id="Shape"
30
- ></path>
31
- </g>
32
- </g>
33
- </svg>
34
- );
5
+ export const WfoPlayFill: FC<WfoIconProps> = ({ width = 24, height = 24, color = '#000000' }) => {
6
+ return (
7
+ <svg width={width} height={height} viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
8
+ <title>icon/play-fill</title>
9
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
10
+ <g id="icon/play-id" fill={color}>
11
+ <path
12
+ d="M12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 Z M11.5547,9.16795 C11.24784,8.96338 10.8533,8.94431 10.52814,9.11833 C10.20298,9.29235 10,9.63121 10,10.0000011 L10,14.0000011 C10,14.3688 10.20298,14.7077 10.52814,14.8817 C10.8533,15.0557 11.24784,15.0366 11.5547,14.8321 L14.5547,12.8321 C14.8329,12.6466 15,12.3344 15,12.0000011 C15,11.66565 14.8329,11.35342 14.5547,11.16795 L11.5547,9.16795 Z"
13
+ id="Shape"
14
+ ></path>
15
+ </g>
16
+ </g>
17
+ </svg>
18
+ );
35
19
  };
@@ -3,11 +3,11 @@ import type { Meta } from '@storybook/react';
3
3
  import { WfoPlusCircleFill } from './WfoPlusCircleFill';
4
4
 
5
5
  const Story: Meta<typeof WfoPlusCircleFill> = {
6
- component: WfoPlusCircleFill,
7
- title: 'Icons/WfoPlusCircleFill',
6
+ component: WfoPlusCircleFill,
7
+ title: 'Icons/WfoPlusCircleFill',
8
8
  };
9
9
  export default Story;
10
10
 
11
11
  export const Primary = {
12
- args: {},
12
+ args: {},
13
13
  };
@@ -2,32 +2,16 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoPlusCircleFill: FC<WfoIconProps> = ({
6
- width = 24,
7
- height = 24,
8
- color = '#000000',
9
- }) => (
10
- <svg
11
- width={width}
12
- height={height}
13
- viewBox="0 0 24 24"
14
- version="1.1"
15
- xmlns="http://www.w3.org/2000/svg"
16
- >
17
- <title>icon/plus-circle-fill</title>
18
- <g
19
- id="Symbols"
20
- stroke="none"
21
- strokeWidth="1"
22
- fill="none"
23
- fillRule="evenodd"
24
- >
25
- <g id="icon/plus-circle-fill" fill={color}>
26
- <path
27
- d="M12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 Z M13,9 C13,8.44772 12.5523,8 12,8 C11.44772,8 11,8.44772 11,9 L11,11 L9,11 C8.44772,11 8,11.44771 8,12 C8,12.5523 8.44772,13 9,13 L11,13 L11,15 C11,15.5523 11.44772,16 12,16 C12.5523,16 13,15.5523 13,15 L13,13 L15,13 C15.5523,13 16,12.5523 16,12 C16,11.44772 15.5523,11 15,11 L13,11 L13,9 Z"
28
- id="Shape"
29
- ></path>
30
- </g>
31
- </g>
32
- </svg>
5
+ export const WfoPlusCircleFill: FC<WfoIconProps> = ({ width = 24, height = 24, color = '#000000' }) => (
6
+ <svg width={width} height={height} viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
7
+ <title>icon/plus-circle-fill</title>
8
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
9
+ <g id="icon/plus-circle-fill" fill={color}>
10
+ <path
11
+ d="M12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 Z M13,9 C13,8.44772 12.5523,8 12,8 C11.44772,8 11,8.44772 11,9 L11,11 L9,11 C8.44772,11 8,11.44771 8,12 C8,12.5523 8.44772,13 9,13 L11,13 L11,15 C11,15.5523 11.44772,16 12,16 C12.5523,16 13,15.5523 13,15 L13,13 L15,13 C15.5523,13 16,12.5523 16,12 C16,11.44772 15.5523,11 15,11 L13,11 L13,9 Z"
12
+ id="Shape"
13
+ ></path>
14
+ </g>
15
+ </g>
16
+ </svg>
33
17
  );
@@ -2,22 +2,13 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoPort: FC<WfoIconProps> = ({
6
- width = 24,
7
- height = 24,
8
- color = '#000000',
9
- }) => (
10
- <svg
11
- xmlns="http://www.w3.org/2000/svg"
12
- width={width}
13
- height={height}
14
- viewBox="0 0 24 24"
15
- >
16
- <path
17
- fill={color}
18
- id="icon-port-a"
19
- d="M6.66666667,5.33333333 C5.930287,5.33333333 5.33333333,5.930287 5.33333333,6.66666667 L5.33333333,17.3333333 C5.33333333,18.069713 5.930287,18.6666667 6.66666667,18.6666667 L17.3333333,18.6666667 C18.069713,18.6666667 18.6666667,18.069713 18.6666667,17.3333333 L18.6666667,6.66666667 C18.6666667,5.930287 18.069713,5.33333333 17.3333333,5.33333333 L6.66666667,5.33333333 Z M6.66666667,4 L17.3333333,4 C18.8060927,4 20,5.19390733 20,6.66666667 L20,17.3333333 C20,18.8060927 18.8060927,20 17.3333333,20 L6.66666667,20 C5.19390733,20 4,18.8060927 4,17.3333333 L4,6.66666667 C4,5.19390733 5.19390733,4 6.66666667,4 Z M14,7.33333333 C14.3681898,7.33333333 14.6666667,7.63181017 14.6666667,8 L14.6666667,10 L16.6666667,10 C17.0348565,10 17.3333333,10.2984768 17.3333333,10.6666667 L17.3333333,16 C17.3333333,16.3681898 17.0348565,16.6666667 16.6666667,16.6666667 L7.33333333,16.6666667 C6.9651435,16.6666667 6.66666667,16.3681898 6.66666667,16 L6.66666667,10.6666667 C6.66666667,10.2984768 6.9651435,10 7.33333333,10 L9.33333333,10 L9.33333333,8 C9.33333333,7.63181017 9.63181017,7.33333333 10,7.33333333 L14,7.33333333 Z M13.3333333,8.66666667 L10.6666667,8.66666667 L10.6666667,10 C10.6666667,10.7363797 10.069713,11.3333333 9.33333333,11.3333333 L8,11.3333333 L8,15.3333333 L16,15.3333333 L16,11.3333333 L14.6666667,11.3333333 C13.930287,11.3333333 13.3333333,10.7363797 13.3333333,10 L13.3333333,8.66666667 Z M9.66666667,12.6666667 C9.85076158,12.6666667 10,12.8159051 10,13 L10,14.3333333 C10,14.5174282 9.85076158,14.6666667 9.66666667,14.6666667 L9,14.6666667 C8.81590508,14.6666667 8.66666667,14.5174282 8.66666667,14.3333333 L8.66666667,13 C8.66666667,12.8159051 8.81590508,12.6666667 9,12.6666667 L9.66666667,12.6666667 Z M12.3333333,12.6666667 C12.5174282,12.6666667 12.6666667,12.8159051 12.6666667,13 L12.6666667,14.3333333 C12.6666667,14.5174282 12.5174282,14.6666667 12.3333333,14.6666667 L11.6666667,14.6666667 C11.4825718,14.6666667 11.3333333,14.5174282 11.3333333,14.3333333 L11.3333333,13 C11.3333333,12.8159051 11.4825718,12.6666667 11.6666667,12.6666667 L12.3333333,12.6666667 Z M15,12.6666667 C15.1840949,12.6666667 15.3333333,12.8159051 15.3333333,13 L15.3333333,14.3333333 C15.3333333,14.5174282 15.1840949,14.6666667 15,14.6666667 L14.3333333,14.6666667 C14.1492384,14.6666667 14,14.5174282 14,14.3333333 L14,13 C14,12.8159051 14.1492384,12.6666667 14.3333333,12.6666667 L15,12.6666667 Z"
20
- _ngcontent-ng-c520298222=""
21
- ></path>
22
- </svg>
5
+ export const WfoPort: FC<WfoIconProps> = ({ width = 24, height = 24, color = '#000000' }) => (
6
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24">
7
+ <path
8
+ fill={color}
9
+ id="icon-port-a"
10
+ d="M6.66666667,5.33333333 C5.930287,5.33333333 5.33333333,5.930287 5.33333333,6.66666667 L5.33333333,17.3333333 C5.33333333,18.069713 5.930287,18.6666667 6.66666667,18.6666667 L17.3333333,18.6666667 C18.069713,18.6666667 18.6666667,18.069713 18.6666667,17.3333333 L18.6666667,6.66666667 C18.6666667,5.930287 18.069713,5.33333333 17.3333333,5.33333333 L6.66666667,5.33333333 Z M6.66666667,4 L17.3333333,4 C18.8060927,4 20,5.19390733 20,6.66666667 L20,17.3333333 C20,18.8060927 18.8060927,20 17.3333333,20 L6.66666667,20 C5.19390733,20 4,18.8060927 4,17.3333333 L4,6.66666667 C4,5.19390733 5.19390733,4 6.66666667,4 Z M14,7.33333333 C14.3681898,7.33333333 14.6666667,7.63181017 14.6666667,8 L14.6666667,10 L16.6666667,10 C17.0348565,10 17.3333333,10.2984768 17.3333333,10.6666667 L17.3333333,16 C17.3333333,16.3681898 17.0348565,16.6666667 16.6666667,16.6666667 L7.33333333,16.6666667 C6.9651435,16.6666667 6.66666667,16.3681898 6.66666667,16 L6.66666667,10.6666667 C6.66666667,10.2984768 6.9651435,10 7.33333333,10 L9.33333333,10 L9.33333333,8 C9.33333333,7.63181017 9.63181017,7.33333333 10,7.33333333 L14,7.33333333 Z M13.3333333,8.66666667 L10.6666667,8.66666667 L10.6666667,10 C10.6666667,10.7363797 10.069713,11.3333333 9.33333333,11.3333333 L8,11.3333333 L8,15.3333333 L16,15.3333333 L16,11.3333333 L14.6666667,11.3333333 C13.930287,11.3333333 13.3333333,10.7363797 13.3333333,10 L13.3333333,8.66666667 Z M9.66666667,12.6666667 C9.85076158,12.6666667 10,12.8159051 10,13 L10,14.3333333 C10,14.5174282 9.85076158,14.6666667 9.66666667,14.6666667 L9,14.6666667 C8.81590508,14.6666667 8.66666667,14.5174282 8.66666667,14.3333333 L8.66666667,13 C8.66666667,12.8159051 8.81590508,12.6666667 9,12.6666667 L9.66666667,12.6666667 Z M12.3333333,12.6666667 C12.5174282,12.6666667 12.6666667,12.8159051 12.6666667,13 L12.6666667,14.3333333 C12.6666667,14.5174282 12.5174282,14.6666667 12.3333333,14.6666667 L11.6666667,14.6666667 C11.4825718,14.6666667 11.3333333,14.5174282 11.3333333,14.3333333 L11.3333333,13 C11.3333333,12.8159051 11.4825718,12.6666667 11.6666667,12.6666667 L12.3333333,12.6666667 Z M15,12.6666667 C15.1840949,12.6666667 15.3333333,12.8159051 15.3333333,13 L15.3333333,14.3333333 C15.3333333,14.5174282 15.1840949,14.6666667 15,14.6666667 L14.3333333,14.6666667 C14.1492384,14.6666667 14,14.5174282 14,14.3333333 L14,13 C14,12.8159051 14.1492384,12.6666667 14.3333333,12.6666667 L15,12.6666667 Z"
11
+ _ngcontent-ng-c520298222=""
12
+ ></path>
13
+ </svg>
23
14
  );
@@ -2,33 +2,17 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoQuestionCircle: FC<WfoIconProps> = ({
6
- width = 24,
7
- height = 24,
8
- color = '#000000',
9
- }) => (
10
- <svg
11
- width={width}
12
- height={height}
13
- viewBox="0 0 24 24"
14
- version="1.1"
15
- xmlns="http://www.w3.org/2000/svg"
16
- >
17
- <title>icon/questionInCircle</title>
18
- <g
19
- id="Symbols"
20
- stroke={color}
21
- strokeWidth="2"
22
- fill="none"
23
- fillRule="evenodd"
24
- >
25
- <g id="icon/play-circle" fill="none" fillRule="nonzero">
26
- <path
27
- strokeLinecap="round"
28
- strokeLinejoin="round"
29
- d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z"
30
- />
31
- </g>
32
- </g>
33
- </svg>
5
+ export const WfoQuestionCircle: FC<WfoIconProps> = ({ width = 24, height = 24, color = '#000000' }) => (
6
+ <svg width={width} height={height} viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
7
+ <title>icon/questionInCircle</title>
8
+ <g id="Symbols" stroke={color} strokeWidth="2" fill="none" fillRule="evenodd">
9
+ <g id="icon/play-circle" fill="none" fillRule="nonzero">
10
+ <path
11
+ strokeLinecap="round"
12
+ strokeLinejoin="round"
13
+ d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z"
14
+ />
15
+ </g>
16
+ </g>
17
+ </svg>
34
18
  );
@@ -3,11 +3,11 @@ import type { Meta } from '@storybook/react';
3
3
  import { WfoRefresh } from './WfoRefresh';
4
4
 
5
5
  const Story: Meta<typeof WfoRefresh> = {
6
- component: WfoRefresh,
7
- title: 'Icons/WfoRefresh',
6
+ component: WfoRefresh,
7
+ title: 'Icons/WfoRefresh',
8
8
  };
9
9
  export default Story;
10
10
 
11
11
  export const Primary = {
12
- args: {},
12
+ args: {},
13
13
  };
@@ -2,34 +2,18 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoRefresh: FC<WfoIconProps> = ({
6
- width = 24,
7
- height = 24,
8
- color = '#000000',
9
- }) => {
10
- return (
11
- <svg
12
- width={width}
13
- height={height}
14
- viewBox="0 0 24 24"
15
- version="1.1"
16
- xmlns="http://www.w3.org/2000/svg"
17
- >
18
- <title>icon/refresh</title>
19
- <g
20
- id="Symbols"
21
- stroke="none"
22
- strokeWidth="1"
23
- fill="none"
24
- fillRule="evenodd"
25
- >
26
- <g id="icon/refresh" fill={color}>
27
- <path
28
- d="M6,4 C6.55228,4 7,4.44772 7,5 L7,7.10125 C8.27009,5.80489 10.04052,5 12,5 C15.0494,5 17.641,6.94932 18.6014,9.66675 C18.7855,10.18747 18.5126,10.75879 17.9918,10.94284 C17.4711,11.12689 16.8998,10.85396 16.7157,10.33325 C16.0289,8.38991 14.1755,7 12,7 C10.36507,7 8.91204,7.78502 7.99935,9 L11,9 C11.55228,9 12,9.44772 12,10 C12,10.55228 11.55228,11 11,11 L6,11 C5.44772,11 5,10.55228 5,10 L5,5 C5,4.44772 5.44772,4 6,4 Z M6.00817,13.0572 C6.52888,12.8731 7.1002,13.146 7.28425,13.6668 C7.97112,15.6101 9.82453,17 12,17 C13.6349,17 15.088,16.215 16.0006,15 L13,15 C12.4477,15 12,14.5523 12,14 C12,13.4477 12.4477,13 13,13 L18,13 C18.2652,13 18.5196,13.1054 18.7071,13.2929 C18.8946,13.4804 19,13.7348 19,14 L19,19 C19,19.5523 18.5523,20 18,20 C17.4477,20 17,19.5523 17,19 L17,16.8987 C15.7299,18.1951 13.9595,19 12,19 C8.95059,19 6.35905,17.0507 5.39857,14.3332 C5.21452,13.8125 5.48745,13.2412 6.00817,13.0572 Z"
29
- id="Shape"
30
- ></path>
31
- </g>
32
- </g>
33
- </svg>
34
- );
5
+ export const WfoRefresh: FC<WfoIconProps> = ({ width = 24, height = 24, color = '#000000' }) => {
6
+ return (
7
+ <svg width={width} height={height} viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
8
+ <title>icon/refresh</title>
9
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
10
+ <g id="icon/refresh" fill={color}>
11
+ <path
12
+ d="M6,4 C6.55228,4 7,4.44772 7,5 L7,7.10125 C8.27009,5.80489 10.04052,5 12,5 C15.0494,5 17.641,6.94932 18.6014,9.66675 C18.7855,10.18747 18.5126,10.75879 17.9918,10.94284 C17.4711,11.12689 16.8998,10.85396 16.7157,10.33325 C16.0289,8.38991 14.1755,7 12,7 C10.36507,7 8.91204,7.78502 7.99935,9 L11,9 C11.55228,9 12,9.44772 12,10 C12,10.55228 11.55228,11 11,11 L6,11 C5.44772,11 5,10.55228 5,10 L5,5 C5,4.44772 5.44772,4 6,4 Z M6.00817,13.0572 C6.52888,12.8731 7.1002,13.146 7.28425,13.6668 C7.97112,15.6101 9.82453,17 12,17 C13.6349,17 15.088,16.215 16.0006,15 L13,15 C12.4477,15 12,14.5523 12,14 C12,13.4477 12.4477,13 13,13 L18,13 C18.2652,13 18.5196,13.1054 18.7071,13.2929 C18.8946,13.4804 19,13.7348 19,14 L19,19 C19,19.5523 18.5523,20 18,20 C17.4477,20 17,19.5523 17,19 L17,16.8987 C15.7299,18.1951 13.9595,19 12,19 C8.95059,19 6.35905,17.0507 5.39857,14.3332 C5.21452,13.8125 5.48745,13.2412 6.00817,13.0572 Z"
13
+ id="Shape"
14
+ ></path>
15
+ </g>
16
+ </g>
17
+ </svg>
18
+ );
35
19
  };
@@ -3,11 +3,11 @@ import type { Meta } from '@storybook/react';
3
3
  import { WfoSearchStrikethrough } from './WfoSearchStrikethrough';
4
4
 
5
5
  const Story: Meta<typeof WfoSearchStrikethrough> = {
6
- component: WfoSearchStrikethrough,
7
- title: 'Icons/WfoSearchStrikethrough',
6
+ component: WfoSearchStrikethrough,
7
+ title: 'Icons/WfoSearchStrikethrough',
8
8
  };
9
9
  export default Story;
10
10
 
11
11
  export const Primary = {
12
- args: {},
12
+ args: {},
13
13
  };
@@ -2,32 +2,16 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoSearchStrikethrough: FC<WfoIconProps> = ({
6
- width = 24,
7
- height = 24,
8
- color = '#0067AC',
9
- }) => (
10
- <svg
11
- width={width}
12
- height={height}
13
- viewBox="0 0 24 24"
14
- version="1.1"
15
- xmlns="http://www.w3.org/2000/svg"
16
- >
17
- <title>icon/search-strikethrough</title>
18
- <g
19
- id="Symbols"
20
- stroke="none"
21
- strokeWidth="1"
22
- fill="none"
23
- fillRule="evenodd"
24
- >
25
- <g id="icon/search-strikethrough" fill={color}>
26
- <path
27
- d="M10,4 C10.5522847,4 11,4.44771525 11,5 C11,5.55228475 10.5522847,6 10,6 C7.790861,6 6,7.790861 6,10 C6,12.209139 7.790861,14 10,14 C11.6843802,14 13.170862,12.9492826 13.7495202,11.3971234 C13.9424456,10.8796312 14.518353,10.6165178 15.0358452,10.8094433 C15.5533374,11.0023688 15.8164508,11.5782761 15.6235253,12.0957684 C15.4431518,12.5795917 15.204012,13.0309152 14.9156524,13.4423562 C14.9089265,13.4506778 14.9001611,13.4632152 14.8907,13.4765 L19.7071,18.2929 C20.0976,18.6834 20.0976,19.3166 19.7071,19.7071 C19.3166,20.0976 18.6834,20.0976 18.2929,19.7071 L13.4765,14.8907 L13.4335575,14.9210711 C12.4519621,15.6060667 11.2631018,16 10,16 C6.6862915,16 4,13.3137085 4,10 C4,6.6862915 6.6862915,4 10,4 Z M13.70711,2.29289 L16,4.58579 L18.2929,2.29289 C18.6834,1.90237 19.3166,1.90237 19.7071,2.29289 C20.0976,2.68342 20.0976,3.31658 19.7071,3.70711 L17.4142,6 L19.7071,8.2929 C20.0976,8.6834 20.0976,9.3166 19.7071,9.7071 C19.3166,10.0976 18.6834,10.0976 18.2929,9.7071 L16,7.4142 L13.70711,9.7071 C13.31658,10.0976 12.68342,10.0976 12.29289,9.7071 C11.90237,9.3166 11.90237,8.6834 12.29289,8.2929 L14.58579,6 L12.29289,3.70711 C11.90237,3.31658 11.90237,2.68342 12.29289,2.29289 C12.68342,1.90237 13.31658,1.90237 13.70711,2.29289 Z"
28
- id="Combined-Shape"
29
- ></path>
30
- </g>
31
- </g>
32
- </svg>
5
+ export const WfoSearchStrikethrough: FC<WfoIconProps> = ({ width = 24, height = 24, color = '#0067AC' }) => (
6
+ <svg width={width} height={height} viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
7
+ <title>icon/search-strikethrough</title>
8
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
9
+ <g id="icon/search-strikethrough" fill={color}>
10
+ <path
11
+ d="M10,4 C10.5522847,4 11,4.44771525 11,5 C11,5.55228475 10.5522847,6 10,6 C7.790861,6 6,7.790861 6,10 C6,12.209139 7.790861,14 10,14 C11.6843802,14 13.170862,12.9492826 13.7495202,11.3971234 C13.9424456,10.8796312 14.518353,10.6165178 15.0358452,10.8094433 C15.5533374,11.0023688 15.8164508,11.5782761 15.6235253,12.0957684 C15.4431518,12.5795917 15.204012,13.0309152 14.9156524,13.4423562 C14.9089265,13.4506778 14.9001611,13.4632152 14.8907,13.4765 L19.7071,18.2929 C20.0976,18.6834 20.0976,19.3166 19.7071,19.7071 C19.3166,20.0976 18.6834,20.0976 18.2929,19.7071 L13.4765,14.8907 L13.4335575,14.9210711 C12.4519621,15.6060667 11.2631018,16 10,16 C6.6862915,16 4,13.3137085 4,10 C4,6.6862915 6.6862915,4 10,4 Z M13.70711,2.29289 L16,4.58579 L18.2929,2.29289 C18.6834,1.90237 19.3166,1.90237 19.7071,2.29289 C20.0976,2.68342 20.0976,3.31658 19.7071,3.70711 L17.4142,6 L19.7071,8.2929 C20.0976,8.6834 20.0976,9.3166 19.7071,9.7071 C19.3166,10.0976 18.6834,10.0976 18.2929,9.7071 L16,7.4142 L13.70711,9.7071 C13.31658,10.0976 12.68342,10.0976 12.29289,9.7071 C11.90237,9.3166 11.90237,8.6834 12.29289,8.2929 L14.58579,6 L12.29289,3.70711 C11.90237,3.31658 11.90237,2.68342 12.29289,2.29289 C12.68342,1.90237 13.31658,1.90237 13.70711,2.29289 Z"
12
+ id="Combined-Shape"
13
+ ></path>
14
+ </g>
15
+ </g>
16
+ </svg>
33
17
  );