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

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 +12 -12
  4. package/CHANGELOG.md +427 -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 +3272 -7599
  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 +40 -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 +117 -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
@@ -3,11 +3,11 @@ import type { Meta } from '@storybook/react';
3
3
  import { WfoCogFill } from './WfoCogFill';
4
4
 
5
5
  const Story: Meta<typeof WfoCogFill> = {
6
- component: WfoCogFill,
7
- title: 'Icons/WfoCogFill',
6
+ component: WfoCogFill,
7
+ title: 'Icons/WfoCogFill',
8
8
  };
9
9
  export default Story;
10
10
 
11
11
  export const Primary = {
12
- args: {},
12
+ args: {},
13
13
  };
@@ -2,32 +2,22 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoCogFill: FC<WfoIconProps> = ({
6
- width = 24,
7
- height = 24,
8
- color = '#000000',
9
- }) => (
10
- <svg
11
- width={width}
12
- height={height}
13
- viewBox={`0 0 ${width} ${height}`}
14
- version="1.1"
15
- xmlns="http://www.w3.org/2000/svg"
16
- >
17
- <title>icon/cog-fill</title>
18
- <g
19
- id="Symbols"
20
- stroke="none"
21
- strokeWidth="1"
22
- fill="none"
23
- fillRule="evenodd"
24
- >
25
- <g id="icon/cog-fill" fill={color}>
26
- <path
27
- d="M9.4891975,1.1709375 C9.1101975,-0.3903125 6.8897975,-0.3903125 6.5107775,1.1709375 C6.2659375,2.1794875 5.1104475,2.6581075 4.2241575,2.1180875 C2.8521775,1.2821175 1.2821175,2.8521775 2.1180875,4.2241575 C2.6581075,5.1104475 2.1794875,6.2659275 1.1709375,6.5107775 C-0.3903125,6.8897975 -0.3903125,9.1101975 1.1709375,9.4891975 C2.1794875,9.7340975 2.6581075,10.8895975 2.1180875,11.7757975 C1.2821175,13.1477975 2.8521775,14.7178975 4.2241675,13.8818975 C5.1104475,13.3418975 6.2659375,13.8204975 6.5107775,14.8290975 C6.8897975,16.3902975 9.1101975,16.3902975 9.4891975,14.8290975 C9.7340975,13.8204975 10.8895975,13.3418975 11.7757975,13.8818975 C13.1477975,14.7178975 14.7178975,13.1477975 13.8818975,11.7757975 C13.3418975,10.8895975 13.8204975,9.7340975 14.8290975,9.4891975 C16.3902975,9.1101975 16.3902975,6.8897975 14.8290975,6.5107775 C13.8204975,6.2659275 13.3418975,5.1104475 13.8818975,4.2241575 C14.7178975,2.8521775 13.1477975,1.2821175 11.7757975,2.1180875 C10.8895975,2.6581075 9.7340975,2.1794875 9.4891975,1.1709375 Z M7.9999975,10.9999975 C9.6568975,10.9999975 10.9999975,9.6568975 10.9999975,7.9999975 C10.9999975,6.3431475 9.6568975,4.9999975 7.9999975,4.9999975 C6.3431475,4.9999975 4.9999975,6.3431475 4.9999975,7.9999975 C4.9999975,9.6568975 6.3431475,10.9999975 7.9999975,10.9999975 Z"
28
- id="Shape"
29
- ></path>
30
- </g>
31
- </g>
32
- </svg>
5
+ export const WfoCogFill: FC<WfoIconProps> = ({ width = 24, height = 24, color = '#000000' }) => (
6
+ <svg
7
+ width={width}
8
+ height={height}
9
+ viewBox={`0 0 ${width} ${height}`}
10
+ version="1.1"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ >
13
+ <title>icon/cog-fill</title>
14
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
15
+ <g id="icon/cog-fill" fill={color}>
16
+ <path
17
+ d="M9.4891975,1.1709375 C9.1101975,-0.3903125 6.8897975,-0.3903125 6.5107775,1.1709375 C6.2659375,2.1794875 5.1104475,2.6581075 4.2241575,2.1180875 C2.8521775,1.2821175 1.2821175,2.8521775 2.1180875,4.2241575 C2.6581075,5.1104475 2.1794875,6.2659275 1.1709375,6.5107775 C-0.3903125,6.8897975 -0.3903125,9.1101975 1.1709375,9.4891975 C2.1794875,9.7340975 2.6581075,10.8895975 2.1180875,11.7757975 C1.2821175,13.1477975 2.8521775,14.7178975 4.2241675,13.8818975 C5.1104475,13.3418975 6.2659375,13.8204975 6.5107775,14.8290975 C6.8897975,16.3902975 9.1101975,16.3902975 9.4891975,14.8290975 C9.7340975,13.8204975 10.8895975,13.3418975 11.7757975,13.8818975 C13.1477975,14.7178975 14.7178975,13.1477975 13.8818975,11.7757975 C13.3418975,10.8895975 13.8204975,9.7340975 14.8290975,9.4891975 C16.3902975,9.1101975 16.3902975,6.8897975 14.8290975,6.5107775 C13.8204975,6.2659275 13.3418975,5.1104475 13.8818975,4.2241575 C14.7178975,2.8521775 13.1477975,1.2821175 11.7757975,2.1180875 C10.8895975,2.6581075 9.7340975,2.1794875 9.4891975,1.1709375 Z M7.9999975,10.9999975 C9.6568975,10.9999975 10.9999975,9.6568975 10.9999975,7.9999975 C10.9999975,6.3431475 9.6568975,4.9999975 7.9999975,4.9999975 C6.3431475,4.9999975 4.9999975,6.3431475 4.9999975,7.9999975 C4.9999975,9.6568975 6.3431475,10.9999975 7.9999975,10.9999975 Z"
18
+ id="Shape"
19
+ ></path>
20
+ </g>
21
+ </g>
22
+ </svg>
33
23
  );
@@ -2,28 +2,13 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoContactEnvelopeFill: FC<WfoIconProps> = ({
6
- width = 24,
7
- height = 24,
8
- }) => (
9
- <svg
10
- width={width}
11
- height={height}
12
- viewBox="0 0 24 24"
13
- version="1.1"
14
- xmlns="http://www.w3.org/2000/svg"
15
- >
16
- <title>icon/contact-envelope-fill</title>
17
- <g
18
- id="Symbols"
19
- stroke="none"
20
- strokeWidth="1"
21
- fill="currentColor"
22
- fillRule="evenodd"
23
- >
24
- <g id="icon/contact-envelope-fill" fillRule="evenodd">
25
- <path d="M20,10.839 L20,16 C20,17.1045695 19.2040618,18 18.2222222,18 L5.77777778,18 C4.79593822,18 4,17.1045695 4,16 L4,10.839 L10.9066667,14.724 C11.594924,15.1112087 12.405076,15.1112087 13.0933333,14.724 L20,10.839 Z M18.2222222,6 C19.2040618,6 20,6.8954305 20,8 L20,9.162 L12.4968889,13.382 C12.1840888,13.5579434 11.8159112,13.5579434 11.5031111,13.382 L4,9.161 L4,8 C4,6.8954305 4.79593822,6 5.77777778,6 Z" />
26
- </g>
27
- </g>
28
- </svg>
5
+ export const WfoContactEnvelopeFill: FC<WfoIconProps> = ({ width = 24, height = 24 }) => (
6
+ <svg width={width} height={height} viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
7
+ <title>icon/contact-envelope-fill</title>
8
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="currentColor" fillRule="evenodd">
9
+ <g id="icon/contact-envelope-fill" fillRule="evenodd">
10
+ <path d="M20,10.839 L20,16 C20,17.1045695 19.2040618,18 18.2222222,18 L5.77777778,18 C4.79593822,18 4,17.1045695 4,16 L4,10.839 L10.9066667,14.724 C11.594924,15.1112087 12.405076,15.1112087 13.0933333,14.724 L20,10.839 Z M18.2222222,6 C19.2040618,6 20,6.8954305 20,8 L20,9.162 L12.4968889,13.382 C12.1840888,13.5579434 11.8159112,13.5579434 11.5031111,13.382 L4,9.161 L4,8 C4,6.8954305 4.79593822,6 5.77777778,6 Z" />
11
+ </g>
12
+ </g>
13
+ </svg>
29
14
  );
@@ -2,40 +2,19 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoCubeFill: 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/cube-fill</title>
18
- <g
19
- id="Symbols"
20
- stroke="none"
21
- strokeWidth="1"
22
- fill="none"
5
+ export const WfoCubeFill: 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/cube-fill</title>
8
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
9
+ <g id="icon/cube-fill" fill={color}>
10
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
11
+ <path
12
+ fill={color}
23
13
  fillRule="evenodd"
24
- >
25
- <g id="icon/cube-fill" fill={color}>
26
- <svg
27
- xmlns="http://www.w3.org/2000/svg"
28
- width="24"
29
- height="24"
30
- viewBox="0 0 24 24"
31
- >
32
- <path
33
- fill={color}
34
- fillRule="evenodd"
35
- d="M18.5257,10.38542 C18.8205,10.56762 19,10.88949 19,11.2360683 L19,17 C19,17.3788 18.786,17.725 18.4472,17.8944 L14.4472,19.8944 C14.1372,20.0494 13.7691,20.0329 13.4743,19.8507 C13.1795,19.6684 13,19.3466 13,19 L13,13.2361 C13,12.8573 13.214,12.511 13.5528,12.3416 L17.5528,10.34164 C17.8628,10.18665 18.2309,10.20321 18.5257,10.38542 Z M5.47427,10.38542 C5.76909,10.20321 6.13723,10.18665 6.44721,10.34164 L10.44721,12.3416 C10.786,12.511 11,12.8573 11,13.2361 L11,19 C11,19.3466 10.82055,19.6684 10.52573,19.8507 C10.23091,20.0329 9.86277,20.0494 9.55279,19.8944 L5.55279,17.8944 C5.214,17.725 5,17.3788 5,17 L5,11.2360683 C5,10.88949 5.17945,10.56762 5.47427,10.38542 Z M12.4472,4.10557 L17.2111,6.48754 C17.5499,6.65693 17.7639,7.00319 17.7639,7.38197 C17.7639,7.76074 17.5499,8.107 17.2111,8.27639 L12.4472,10.65836 C12.1657,10.79912 11.83431,10.79912 11.55279,10.65836 L6.78885,8.27639 C6.45007,8.107 6.23607,7.76074 6.23607,7.38197 C6.23607,7.00319 6.45007,6.65693 6.78885,6.48754 L11.55279,4.10557 C11.83431,3.96481 12.1657,3.96481 12.4472,4.10557 Z"
36
- />
37
- </svg>
38
- </g>
39
- </g>
40
- </svg>
14
+ d="M18.5257,10.38542 C18.8205,10.56762 19,10.88949 19,11.2360683 L19,17 C19,17.3788 18.786,17.725 18.4472,17.8944 L14.4472,19.8944 C14.1372,20.0494 13.7691,20.0329 13.4743,19.8507 C13.1795,19.6684 13,19.3466 13,19 L13,13.2361 C13,12.8573 13.214,12.511 13.5528,12.3416 L17.5528,10.34164 C17.8628,10.18665 18.2309,10.20321 18.5257,10.38542 Z M5.47427,10.38542 C5.76909,10.20321 6.13723,10.18665 6.44721,10.34164 L10.44721,12.3416 C10.786,12.511 11,12.8573 11,13.2361 L11,19 C11,19.3466 10.82055,19.6684 10.52573,19.8507 C10.23091,20.0329 9.86277,20.0494 9.55279,19.8944 L5.55279,17.8944 C5.214,17.725 5,17.3788 5,17 L5,11.2360683 C5,10.88949 5.17945,10.56762 5.47427,10.38542 Z M12.4472,4.10557 L17.2111,6.48754 C17.5499,6.65693 17.7639,7.00319 17.7639,7.38197 C17.7639,7.76074 17.5499,8.107 17.2111,8.27639 L12.4472,10.65836 C12.1657,10.79912 11.83431,10.79912 11.55279,10.65836 L6.78885,8.27639 C6.45007,8.107 6.23607,7.76074 6.23607,7.38197 C6.23607,7.00319 6.45007,6.65693 6.78885,6.48754 L11.55279,4.10557 C11.83431,3.96481 12.1657,3.96481 12.4472,4.10557 Z"
15
+ />
16
+ </svg>
17
+ </g>
18
+ </g>
19
+ </svg>
41
20
  );
@@ -2,32 +2,16 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoCubeSolid: 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/cube-solid</title>
18
- <g
19
- id="Symbols"
20
- stroke="none"
21
- strokeWidth="1"
22
- fill="none"
23
- fillRule="evenodd"
24
- >
25
- <g id="icon/cube-solid" fill={color} fillRule="nonzero">
26
- <path
27
- d="M12.378 1.602a.75.75 0 0 0-.756 0L3 6.632l9 5.25 9-5.25-8.622-5.03ZM21.75 7.93l-9 5.25v9l8.628-5.032a.75.75 0 0 0 .372-.648V7.93ZM11.25 22.18v-9l-9-5.25v8.57a.75.75 0 0 0 .372.648l8.628 5.033Z"
28
- id="Combined-Shape"
29
- ></path>
30
- </g>
31
- </g>
32
- </svg>
5
+ export const WfoCubeSolid: 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/cube-solid</title>
8
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
9
+ <g id="icon/cube-solid" fill={color} fillRule="nonzero">
10
+ <path
11
+ d="M12.378 1.602a.75.75 0 0 0-.756 0L3 6.632l9 5.25 9-5.25-8.622-5.03ZM21.75 7.93l-9 5.25v9l8.628-5.032a.75.75 0 0 0 .372-.648V7.93ZM11.25 22.18v-9l-9-5.25v8.57a.75.75 0 0 0 .372.648l8.628 5.033Z"
12
+ id="Combined-Shape"
13
+ ></path>
14
+ </g>
15
+ </g>
16
+ </svg>
33
17
  );
@@ -2,32 +2,16 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from '@/icons/WfoIconProps';
4
4
 
5
- export const WfoDotsHorizontal: FC<WfoIconProps> = ({
6
- width = 20,
7
- height = 20,
8
- color = 'currentColor',
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/dots-horizontal</title>
18
- <g
19
- id="Symbols"
20
- stroke="none"
21
- strokeWidth="1"
22
- fill="none"
23
- fillRule="evenodd"
24
- >
25
- <g id="icon/dots-horizontal" fill={color} fillRule="nonzero">
26
- <path
27
- d="M8,12 C8,13.1046 7.10457,14 6,14 C4.89543,14 4,13.1046 4,12 C4,10.89543 4.89543,10 6,10 C7.10457,10 8,10.89543 8,12 Z M14,12 C14,13.1046 13.1046,14 12,14 C10.89543,14 10,13.1046 10,12 C10,10.89543 10.89543,10 12,10 C13.1046,10 14,10.89543 14,12 Z M18,14 C19.1046,14 20,13.1046 20,12 C20,10.89543 19.1046,10 18,10 C16.8954,10 16,10.89543 16,12 C16,13.1046 16.8954,14 18,14 Z"
28
- id="Combined-Shape"
29
- ></path>
30
- </g>
31
- </g>
32
- </svg>
5
+ export const WfoDotsHorizontal: FC<WfoIconProps> = ({ width = 20, height = 20, color = 'currentColor' }) => (
6
+ <svg width={width} height={height} viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
7
+ <title>icon/dots-horizontal</title>
8
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
9
+ <g id="icon/dots-horizontal" fill={color} fillRule="nonzero">
10
+ <path
11
+ d="M8,12 C8,13.1046 7.10457,14 6,14 C4.89543,14 4,13.1046 4,12 C4,10.89543 4.89543,10 6,10 C7.10457,10 8,10.89543 8,12 Z M14,12 C14,13.1046 13.1046,14 12,14 C10.89543,14 10,13.1046 10,12 C10,10.89543 10.89543,10 12,10 C13.1046,10 14,10.89543 14,12 Z M18,14 C19.1046,14 20,13.1046 20,12 C20,10.89543 19.1046,10 18,10 C16.8954,10 16,10.89543 16,12 C16,13.1046 16.8954,14 18,14 Z"
12
+ id="Combined-Shape"
13
+ ></path>
14
+ </g>
15
+ </g>
16
+ </svg>
33
17
  );
@@ -2,28 +2,17 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoExclamationTriangle: 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
- color={color}
17
- >
18
- <title>icon/exclamation-circle</title>
19
- <g id="Symbols" strokeWidth="1.5" fill="currentColor">
20
- <g id="icon/exclamation-triangle" fill="currentColor">
21
- <path
22
- fillRule="evenodd"
23
- d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495ZM10 5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 10 5Zm0 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
24
- clipRule="evenodd"
25
- />
26
- </g>
27
- </g>
28
- </svg>
5
+ export const WfoExclamationTriangle: 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" color={color}>
7
+ <title>icon/exclamation-circle</title>
8
+ <g id="Symbols" strokeWidth="1.5" fill="currentColor">
9
+ <g id="icon/exclamation-triangle" fill="currentColor">
10
+ <path
11
+ fillRule="evenodd"
12
+ d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495ZM10 5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 10 5Zm0 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
13
+ clipRule="evenodd"
14
+ />
15
+ </g>
16
+ </g>
17
+ </svg>
29
18
  );
@@ -2,29 +2,13 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoExternalLink: FC<WfoIconProps> = ({
6
- width = 24,
7
- height = 24,
8
- color = 'currentColor',
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/external-link</title>
18
- <g
19
- id="Symbols"
20
- stroke="none"
21
- strokeWidth="1"
22
- fill="none"
23
- fillRule="evenodd"
24
- >
25
- <g id="icon/external-link" fill={color}>
26
- <path d="M10,7 C10.55228,7 11,7.44772 11,8 C11,8.55228 10.55228,9 10,9 L7,9 L7,17 L15,17 L15,14 C15,13.4477 15.4477,13 16,13 C16.5523,13 17,13.4477 17,14 L17,17 C17,18.1046 16.1046,19 15,19 L7,19 C5.89543,19 5,18.1046 5,17 L5,9 C5,7.89543 5.89543,7 7,7 Z M18,5 C18.5523,5 19,5.44772 19,6 L19,11 C19,11.55228 18.5523,12 18,12 C17.4477,12 17,11.55228 17,11 L17,8.41421 L10.70711,14.7071 C10.31658,15.0976 9.68342,15.0976 9.29289,14.7071 C8.90237,14.3166 8.90237,13.6834 9.29289,13.2929 L15.5858,7 L13,7 C12.4477,7 12,6.55228 12,6 C12,5.44772 12.4477,5 13,5 Z" />
27
- </g>
28
- </g>
29
- </svg>
5
+ export const WfoExternalLink: FC<WfoIconProps> = ({ width = 24, height = 24, color = 'currentColor' }) => (
6
+ <svg width={width} height={height} viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
7
+ <title>icon/external-link</title>
8
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
9
+ <g id="icon/external-link" fill={color}>
10
+ <path d="M10,7 C10.55228,7 11,7.44772 11,8 C11,8.55228 10.55228,9 10,9 L7,9 L7,17 L15,17 L15,14 C15,13.4477 15.4477,13 16,13 C16.5523,13 17,13.4477 17,14 L17,17 C17,18.1046 16.1046,19 15,19 L7,19 C5.89543,19 5,18.1046 5,17 L5,9 C5,7.89543 5.89543,7 7,7 Z M18,5 C18.5523,5 19,5.44772 19,6 L19,11 C19,11.55228 18.5523,12 18,12 C17.4477,12 17,11.55228 17,11 L17,8.41421 L10.70711,14.7071 C10.31658,15.0976 9.68342,15.0976 9.29289,14.7071 C8.90237,14.3166 8.90237,13.6834 9.29289,13.2929 L15.5858,7 L13,7 C12.4477,7 12,6.55228 12,6 C12,5.44772 12.4477,5 13,5 Z" />
11
+ </g>
12
+ </g>
13
+ </svg>
30
14
  );
@@ -3,11 +3,11 @@ import type { Meta } from '@storybook/react';
3
3
  import { WfoEyeFill } from './WfoEyeFill';
4
4
 
5
5
  const Story: Meta<typeof WfoEyeFill> = {
6
- component: WfoEyeFill,
7
- title: 'Icons/WfoEyeFill',
6
+ component: WfoEyeFill,
7
+ title: 'Icons/WfoEyeFill',
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 WfoEyeFill: 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/eye-fill</title>
19
- <g
20
- id="Symbols"
21
- stroke="none"
22
- strokeWidth="1"
23
- fill="none"
24
- fillRule="evenodd"
25
- >
26
- <g id="icon/eye-fill" fill={color}>
27
- <path
28
- d="M11.542206,5 C16.019836,5 19.810136,7.94288 21.084436,11.99996 C19.810136,16.0571 16.019836,19 11.542186,19 C7.064556,19 3.274276,16.0571 2,12 C3.274256,7.94291 7.064556,5 11.542206,5 Z M11.542246,8 C9.333106,8 7.542246,9.79086 7.542246,12 C7.542246,14.2091 9.333106,16 11.542246,16 C13.751336,16 15.542246,14.2091 15.542246,12 C15.542246,9.79086 13.751336,8 11.542246,8 Z M11.542246,10 C12.646836,10 13.542236,10.89543 13.542236,12 C13.542236,13.1046 12.646836,14 11.542246,14 C10.437676,14 9.542246,13.1046 9.542246,12 C9.542246,10.89543 10.437676,10 11.542246,10 Z"
29
- id="Combined-Shape"
30
- ></path>
31
- </g>
32
- </g>
33
- </svg>
34
- );
5
+ export const WfoEyeFill: 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/eye-fill</title>
9
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
10
+ <g id="icon/eye-fill" fill={color}>
11
+ <path
12
+ d="M11.542206,5 C16.019836,5 19.810136,7.94288 21.084436,11.99996 C19.810136,16.0571 16.019836,19 11.542186,19 C7.064556,19 3.274276,16.0571 2,12 C3.274256,7.94291 7.064556,5 11.542206,5 Z M11.542246,8 C9.333106,8 7.542246,9.79086 7.542246,12 C7.542246,14.2091 9.333106,16 11.542246,16 C13.751336,16 15.542246,14.2091 15.542246,12 C15.542246,9.79086 13.751336,8 11.542246,8 Z M11.542246,10 C12.646836,10 13.542236,10.89543 13.542236,12 C13.542236,13.1046 12.646836,14 11.542246,14 C10.437676,14 9.542246,13.1046 9.542246,12 C9.542246,10.89543 10.437676,10 11.542246,10 Z"
13
+ id="Combined-Shape"
14
+ ></path>
15
+ </g>
16
+ </g>
17
+ </svg>
18
+ );
35
19
  };
@@ -1,5 +1,5 @@
1
1
  export type WfoIconProps = {
2
- width?: number | string;
3
- height?: number | string;
4
- color?: string;
2
+ width?: number | string;
3
+ height?: number | string;
4
+ color?: string;
5
5
  };
@@ -3,11 +3,11 @@ import type { Meta } from '@storybook/react';
3
3
  import { WfoLogoutIcon } from './WfoLogoutIcon';
4
4
 
5
5
  const Story: Meta<typeof WfoLogoutIcon> = {
6
- component: WfoLogoutIcon,
7
- title: 'Icons/WfoLogoutIcon',
6
+ component: WfoLogoutIcon,
7
+ title: 'Icons/WfoLogoutIcon',
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 WfoLogoutIcon: 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/logout</title>
18
- <g
19
- id="Symbols"
20
- stroke="none"
21
- strokeWidth="1"
22
- fill="none"
23
- fillRule="evenodd"
24
- >
25
- <g id="icon/logout" fill={color} fillRule="nonzero">
26
- <path
27
- d="M10,3 C12.2091701,3 14,4.79085056 14,7 L14,8 C14,8.55228475 13.5522847,9 13,9 C12.4477153,9 12,8.55228475 12,8 L12,7 C12,5.8954149 11.1045954,5 10,5 L6,5 C4.89543475,5 4,5.89543475 4,7 L4,17 C4,18.1045954 4.8954149,19 6,19 L10,19 C11.1046153,19 12,18.1046153 12,17 L12,16 C12,15.4477153 12.4477153,15 13,15 C13.5522847,15 14,15.4477153 14,16 L14,17 C14,19.2091847 12.2091847,21 10,21 L6,21 C3.79085056,21 2,19.2091701 2,17 L2,7 C2,4.79086525 3.79086525,3 6,3 L10,3 Z M17.7071068,7.29289322 L21.7071068,11.2928932 L21.7485042,11.336853 L21.757,11.347 L21.787214,11.3832499 L21.779,11.374 L21.8036654,11.4046934 C21.8215099,11.4288693 21.8382813,11.453725 21.8539326,11.4793398 L21.8753288,11.5159379 C21.8862061,11.5357061 21.8966234,11.5561086 21.9063462,11.5769009 L21.9287745,11.628664 C21.9366843,11.6484208 21.9438775,11.6682023 21.9504533,11.6882636 C21.9552713,11.7031487 21.9599023,11.7185367 21.9641549,11.734007 C21.9701664,11.7555635 21.9753602,11.7772539 21.9798348,11.7992059 C21.9832978,11.8166247 21.9863719,11.834051 21.9889822,11.8515331 C21.9920328,11.8714753 21.9944666,11.892114 21.9962623,11.912935 C21.9978436,11.9317345 21.9989053,11.9497336 21.9994829,11.9677454 C21.9998183,11.9777892 22,11.9888734 22,12 L21.996384,12.0852242 L21.9889807,12.1489612 C21.9863719,12.165949 21.9832978,12.1833753 21.9797599,12.2007258 C21.9753602,12.2227461 21.9701664,12.2444365 21.964279,12.2658396 C21.9599023,12.2814633 21.9552713,12.2968513 21.9502619,12.3121425 C21.9438775,12.3317977 21.9366843,12.3515792 21.928896,12.3710585 L21.9063266,12.4232215 C21.8966234,12.4438914 21.8862061,12.4642939 21.8751242,12.484277 C21.8685012,12.4963944 21.8613931,12.5086131 21.8540045,12.5207088 C21.8382813,12.546275 21.8215099,12.5711307 21.8036865,12.5951593 L21.7870723,12.6170223 C21.7849289,12.6196628 21.7826279,12.6225624 21.7803112,12.625449 L21.7071068,12.7071068 L17.7071068,16.7071068 C17.3165825,17.0976311 16.6834175,17.0976311 16.2928932,16.7071068 C15.9023689,16.3165825 15.9023689,15.6834175 16.2928932,15.2928932 L18.585,13 L7,13 C6.44771525,13 6,12.5522847 6,12 C6,11.4477153 6.44771525,11 7,11 L18.585,11 L16.2928932,8.70710678 C15.9023689,8.31658249 15.9023689,7.68341751 16.2928932,7.29289322 C16.6834175,6.90236893 17.3165825,6.90236893 17.7071068,7.29289322 Z"
28
- id="Combined-Shape"
29
- ></path>
30
- </g>
31
- </g>
32
- </svg>
5
+ export const WfoLogoutIcon: 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/logout</title>
8
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
9
+ <g id="icon/logout" fill={color} fillRule="nonzero">
10
+ <path
11
+ d="M10,3 C12.2091701,3 14,4.79085056 14,7 L14,8 C14,8.55228475 13.5522847,9 13,9 C12.4477153,9 12,8.55228475 12,8 L12,7 C12,5.8954149 11.1045954,5 10,5 L6,5 C4.89543475,5 4,5.89543475 4,7 L4,17 C4,18.1045954 4.8954149,19 6,19 L10,19 C11.1046153,19 12,18.1046153 12,17 L12,16 C12,15.4477153 12.4477153,15 13,15 C13.5522847,15 14,15.4477153 14,16 L14,17 C14,19.2091847 12.2091847,21 10,21 L6,21 C3.79085056,21 2,19.2091701 2,17 L2,7 C2,4.79086525 3.79086525,3 6,3 L10,3 Z M17.7071068,7.29289322 L21.7071068,11.2928932 L21.7485042,11.336853 L21.757,11.347 L21.787214,11.3832499 L21.779,11.374 L21.8036654,11.4046934 C21.8215099,11.4288693 21.8382813,11.453725 21.8539326,11.4793398 L21.8753288,11.5159379 C21.8862061,11.5357061 21.8966234,11.5561086 21.9063462,11.5769009 L21.9287745,11.628664 C21.9366843,11.6484208 21.9438775,11.6682023 21.9504533,11.6882636 C21.9552713,11.7031487 21.9599023,11.7185367 21.9641549,11.734007 C21.9701664,11.7555635 21.9753602,11.7772539 21.9798348,11.7992059 C21.9832978,11.8166247 21.9863719,11.834051 21.9889822,11.8515331 C21.9920328,11.8714753 21.9944666,11.892114 21.9962623,11.912935 C21.9978436,11.9317345 21.9989053,11.9497336 21.9994829,11.9677454 C21.9998183,11.9777892 22,11.9888734 22,12 L21.996384,12.0852242 L21.9889807,12.1489612 C21.9863719,12.165949 21.9832978,12.1833753 21.9797599,12.2007258 C21.9753602,12.2227461 21.9701664,12.2444365 21.964279,12.2658396 C21.9599023,12.2814633 21.9552713,12.2968513 21.9502619,12.3121425 C21.9438775,12.3317977 21.9366843,12.3515792 21.928896,12.3710585 L21.9063266,12.4232215 C21.8966234,12.4438914 21.8862061,12.4642939 21.8751242,12.484277 C21.8685012,12.4963944 21.8613931,12.5086131 21.8540045,12.5207088 C21.8382813,12.546275 21.8215099,12.5711307 21.8036865,12.5951593 L21.7870723,12.6170223 C21.7849289,12.6196628 21.7826279,12.6225624 21.7803112,12.625449 L21.7071068,12.7071068 L17.7071068,16.7071068 C17.3165825,17.0976311 16.6834175,17.0976311 16.2928932,16.7071068 C15.9023689,16.3165825 15.9023689,15.6834175 16.2928932,15.2928932 L18.585,13 L7,13 C6.44771525,13 6,12.5522847 6,12 C6,11.4477153 6.44771525,11 7,11 L18.585,11 L16.2928932,8.70710678 C15.9023689,8.31658249 15.9023689,7.68341751 16.2928932,7.29289322 C16.6834175,6.90236893 17.3165825,6.90236893 17.7071068,7.29289322 Z"
12
+ id="Combined-Shape"
13
+ ></path>
14
+ </g>
15
+ </g>
16
+ </svg>
33
17
  );
@@ -2,21 +2,12 @@ import React, { FC } from 'react';
2
2
 
3
3
  import { WfoIconProps } from './WfoIconProps';
4
4
 
5
- export const WfoMalfunction: 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
- fillRule="evenodd"
19
- d="M19.7677852,16.9226665 L13.1681411,5.66546379 C12.9268253,5.25369109 12.4808736,5 11.9979661,5 C11.5150585,5 11.0691068,5.25369109 10.8275152,5.66546379 L4.1809869,17.0038803 C3.93967103,17.4156529 3.93967103,17.9227635 4.1809869,18.3348078 C4.42230276,18.7465805 4.86853026,19 5.35143777,19 L18.6447701,19 C18.6464249,19 18.6480796,19 18.6486312,19 C19.3951935,19 20,18.404342 20,17.6690724 C20,17.392837 19.9142294,17.1353433 19.7677852,16.9226665 Z M11.9999337,7.625 C12.9325804,7.625 13.1601462,8.3409621 13.102855,8.75105518 L12.543267,13.1954083 C12.5246141,13.5973376 12.2184395,13.75 11.9999337,13.75 C11.7550473,13.75 11.4781845,13.6182913 11.4566004,13.1954083 L10.8970123,8.75105518 C10.8397212,8.32926071 11.0728829,7.625 11.9999337,7.625 Z M12.941268,16.8635383 C12.6957604,17.1082157 12.3516142,17.25 12,17.25 C11.6477635,17.25 11.3039284,17.1082157 11.0559315,16.8635383 C10.8079347,16.6194733 10.6666667,16.2817021 10.6666667,15.9347439 C10.6666667,15.5908481 10.8079347,15.2521582 11.0559315,15.0083994 C11.3039284,14.7643345 11.6477635,14.625 12,14.625 C12.3519253,14.625 12.6957604,14.763722 12.941268,15.0083994 C13.1920653,15.2524644 13.3333333,15.5908481 13.3333333,15.9347439 C13.3333333,16.2813958 13.1920653,16.6194733 12.941268,16.8635383 Z"
20
- ></path>
21
- </svg>
5
+ export const WfoMalfunction: 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
+ fillRule="evenodd"
10
+ d="M19.7677852,16.9226665 L13.1681411,5.66546379 C12.9268253,5.25369109 12.4808736,5 11.9979661,5 C11.5150585,5 11.0691068,5.25369109 10.8275152,5.66546379 L4.1809869,17.0038803 C3.93967103,17.4156529 3.93967103,17.9227635 4.1809869,18.3348078 C4.42230276,18.7465805 4.86853026,19 5.35143777,19 L18.6447701,19 C18.6464249,19 18.6480796,19 18.6486312,19 C19.3951935,19 20,18.404342 20,17.6690724 C20,17.392837 19.9142294,17.1353433 19.7677852,16.9226665 Z M11.9999337,7.625 C12.9325804,7.625 13.1601462,8.3409621 13.102855,8.75105518 L12.543267,13.1954083 C12.5246141,13.5973376 12.2184395,13.75 11.9999337,13.75 C11.7550473,13.75 11.4781845,13.6182913 11.4566004,13.1954083 L10.8970123,8.75105518 C10.8397212,8.32926071 11.0728829,7.625 11.9999337,7.625 Z M12.941268,16.8635383 C12.6957604,17.1082157 12.3516142,17.25 12,17.25 C11.6477635,17.25 11.3039284,17.1082157 11.0559315,16.8635383 C10.8079347,16.6194733 10.6666667,16.2817021 10.6666667,15.9347439 C10.6666667,15.5908481 10.8079347,15.2521582 11.0559315,15.0083994 C11.3039284,14.7643345 11.6477635,14.625 12,14.625 C12.3519253,14.625 12.6957604,14.763722 12.941268,15.0083994 C13.1920653,15.2524644 13.3333333,15.5908481 13.3333333,15.9347439 C13.3333333,16.2813958 13.1920653,16.6194733 12.941268,16.8635383 Z"
11
+ ></path>
12
+ </svg>
22
13
  );
@@ -3,11 +3,11 @@ import type { Meta } from '@storybook/react';
3
3
  import { WfoMinusCircleFill } from './WfoMinusCircleFill';
4
4
 
5
5
  const Story: Meta<typeof WfoMinusCircleFill> = {
6
- component: WfoMinusCircleFill,
7
- title: 'Icons/WfoMinusCircleFill',
6
+ component: WfoMinusCircleFill,
7
+ title: 'Icons/WfoMinusCircleFill',
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 WfoMinusCircleFill: 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/minus-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/minus-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 M9,11 C8.44772,11 8,11.44772 8,12 C8,12.5523 8.44772,13 9,13 L15,13 C15.5523,13 16,12.5523 16,12 C16,11.44772 15.5523,11 15,11 L9,11 Z"
28
- id="Shape"
29
- ></path>
30
- </g>
31
- </g>
32
- </svg>
5
+ export const WfoMinusCircleFill: 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/minus-circle-fill</title>
8
+ <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
9
+ <g id="icon/minus-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 M9,11 C8.44772,11 8,11.44772 8,12 C8,12.5523 8.44772,13 9,13 L15,13 C15.5523,13 16,12.5523 16,12 C16,11.44772 15.5523,11 15,11 L9,11 Z"
12
+ id="Shape"
13
+ ></path>
14
+ </g>
15
+ </g>
16
+ </svg>
33
17
  );
@@ -3,11 +3,11 @@ import type { Meta } from '@storybook/react';
3
3
  import { WfoMinusCircleOutline } from './WfoMinusCircleOutline';
4
4
 
5
5
  const Story: Meta<typeof WfoMinusCircleOutline> = {
6
- component: WfoMinusCircleOutline,
7
- title: 'Icons/WfoMinusCircleOutline',
6
+ component: WfoMinusCircleOutline,
7
+ title: 'Icons/WfoMinusCircleOutline',
8
8
  };
9
9
  export default Story;
10
10
 
11
11
  export const Primary = {
12
- args: {},
12
+ args: {},
13
13
  };