@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.
- package/.turbo/turbo-build.log +9 -9
- package/.turbo/turbo-lint.log +1 -13
- package/.turbo/turbo-test.log +11 -11
- package/CHANGELOG.md +421 -416
- package/__mocks__/@copilotkit/react-core.js +6 -6
- package/__mocks__/@copilotkit/react-ui.js +1 -6
- package/dist/index.d.ts +283 -176
- package/dist/index.js +3258 -7615
- package/dist/index.js.map +1 -1
- package/package.json +93 -93
- package/src/api/types.ts +36 -36
- package/src/components/WfoAgent/ExportButton/ExportButton.tsx +59 -63
- package/src/components/WfoAgent/ExportButton/styles.ts +56 -56
- package/src/components/WfoAgent/ToolProgress/DiscoverFilterPathsDisplay.tsx +79 -94
- package/src/components/WfoAgent/ToolProgress/RunSearchDisplay.tsx +22 -22
- package/src/components/WfoAgent/ToolProgress/SetFilterTreeDisplay.styles.ts +56 -56
- package/src/components/WfoAgent/ToolProgress/SetFilterTreeDisplay.tsx +76 -104
- package/src/components/WfoAgent/ToolProgress/StartNewSearchDisplay.tsx +49 -51
- package/src/components/WfoAgent/ToolProgress/ToolProgress.tsx +65 -115
- package/src/components/WfoAgent/ToolProgress/styles.ts +46 -46
- package/src/components/WfoAgent/WfoAgent/WfoAgent.tsx +69 -110
- package/src/components/WfoAgent/WfoAgentChart/WfoAgentLineChart.tsx +36 -46
- package/src/components/WfoAgent/WfoAgentChart/WfoAgentPieChart.tsx +40 -53
- package/src/components/WfoAgent/WfoAgentChart/styles.ts +2 -2
- package/src/components/WfoAgent/WfoAgentTable/WfoAgentTable.tsx +45 -55
- package/src/components/WfoAgent/WfoAgentVisualization/WfoAgentVisualization.tsx +37 -42
- package/src/components/WfoAuth/WfoAuth.tsx +11 -18
- package/src/components/WfoAuth/WfoIsAllowedToRender.tsx +5 -8
- package/src/components/WfoAuth/WfoPageUnauthorized.tsx +2 -2
- package/src/components/WfoAuth/WfoPolicyRenderPageFallback.tsx +5 -8
- package/src/components/WfoAvailabilityCheck/WfoAvailabilityCheck.tsx +8 -17
- package/src/components/WfoBackendUnavailable/WfoBackendUnavailable.tsx +71 -94
- package/src/components/WfoBadges/WfoBadge/WfoBadge.stories.tsx +9 -9
- package/src/components/WfoBadges/WfoBadge/WfoBadge.tsx +11 -14
- package/src/components/WfoBadges/WfoEngineStatusBadge/WfoEngineStatusBadge.stories.tsx +17 -17
- package/src/components/WfoBadges/WfoEngineStatusBadge/WfoEngineStatusBadge.tsx +19 -25
- package/src/components/WfoBadges/WfoEnvironmentBadge/WfoEnvironmentBadge.stories.tsx +7 -7
- package/src/components/WfoBadges/WfoEnvironmentBadge/WfoEnvironmentBadge.tsx +13 -16
- package/src/components/WfoBadges/WfoFailedTasksBadge/WfoFailedTasksBadge.stories.tsx +3 -3
- package/src/components/WfoBadges/WfoFailedTasksBadge/WfoFailedTasksBadge.tsx +66 -83
- package/src/components/WfoBadges/WfoFailedTasksBadge/styles.ts +5 -5
- package/src/components/WfoBadges/WfoHeaderBadge/WfoHeaderBadge.stories.tsx +9 -9
- package/src/components/WfoBadges/WfoHeaderBadge/WfoHeaderBadge.tsx +19 -21
- package/src/components/WfoBadges/WfoProcessStatusBadge/WfoProcessStatusBadge.tsx +56 -59
- package/src/components/WfoBadges/WfoProductBlockBadge/WfoProductBlockBadge.stories.tsx +5 -5
- package/src/components/WfoBadges/WfoProductBlockBadge/WfoProductBlockBadge.tsx +60 -66
- package/src/components/WfoBadges/WfoProductStatusBadge/WfoProductStatusBadge.stories.tsx +8 -8
- package/src/components/WfoBadges/WfoProductStatusBadge/WfoProductStatusBadge.tsx +34 -43
- package/src/components/WfoBadges/WfoScheduledTasksBadges/WfoScheduledTasksBadges.tsx +19 -29
- package/src/components/WfoBadges/WfoScheduledTasksBadges/WfoScheduledTasksBadgesContainer.tsx +10 -11
- package/src/components/WfoBadges/WfoSubscriptionStatusBadge/WfoSubscriptionStatusBadge.stories.tsx +11 -11
- package/src/components/WfoBadges/WfoSubscriptionStatusBadge/WfoSubscriptionStatusBadge.tsx +35 -44
- package/src/components/WfoBadges/WfoSubscriptionSyncStatusBadge/WfoSubscriptionSyncStatusBadge.stories.tsx +12 -12
- package/src/components/WfoBadges/WfoSubscriptionSyncStatusBadge/WfoSubscriptionSyncStatusBadge.tsx +31 -34
- package/src/components/WfoBadges/WfoVersionIncompatibleBadge/WfoVersionIncompatibleBadge.stories.tsx +7 -7
- package/src/components/WfoBadges/WfoVersionIncompatibleBadge/WfoVersionIncompatibleBadge.tsx +44 -47
- package/src/components/WfoBadges/WfoWebsocketStatusBadge/WfoWebsocketStatusBadge.stories.tsx +3 -3
- package/src/components/WfoBadges/WfoWebsocketStatusBadge/WfoWebsocketStatusBadge.tsx +48 -71
- package/src/components/WfoBadges/WfoWebsocketStatusBadge/styles.ts +14 -16
- package/src/components/WfoBadges/WfoWorkflowTargetBadge/WfoWorkflowTargetBadge.tsx +51 -63
- package/src/components/WfoButtonComboBox/WfoButtonComboBox.tsx +55 -64
- package/src/components/WfoButtonComboBox/styles.ts +19 -19
- package/src/components/WfoButtonWithConfirm/WfoButtonWithConfirm.tsx +21 -21
- package/src/components/WfoContentHeader/WfoContentHeader.tsx +28 -48
- package/src/components/WfoDateTime/WfoDateTime.tsx +3 -3
- package/src/components/WfoDiff/WfoDiff.tsx +82 -100
- package/src/components/WfoDiff/styles.ts +28 -35
- package/src/components/WfoDropdownButton/WfoDropdownButton.tsx +54 -58
- package/src/components/WfoError/WfoError.stories.tsx +9 -12
- package/src/components/WfoError/WfoError.tsx +22 -25
- package/src/components/WfoErrorBoundary/WfoErrorBoundary.tsx +30 -34
- package/src/components/WfoExpandableField/WfoExpandableField.tsx +24 -31
- package/src/components/WfoExpandableField/styles.ts +11 -11
- package/src/components/WfoFilterTabs/WfoFilterTabs.tsx +33 -35
- package/src/components/WfoFilterTabs/styles.ts +7 -7
- package/src/components/WfoInlineEdit/WfoInlineEdit.tsx +99 -112
- package/src/components/WfoInlineNoteEdit/WfoSubscriptionDetailNoteEdit.tsx +33 -39
- package/src/components/WfoInlineNoteEdit/WfoSubscriptionNoteEdit.tsx +32 -35
- package/src/components/WfoInsyncIcon/WfoInsyncIcon.stories.tsx +8 -8
- package/src/components/WfoInsyncIcon/WfoInsyncIcon.tsx +5 -15
- package/src/components/WfoJsonCodeBlock/WfoJsonCodeBlock.tsx +15 -19
- package/src/components/WfoJsonCodeBlock/styles.ts +19 -19
- package/src/components/WfoKeyValueTable/WfoKeyCell.tsx +10 -11
- package/src/components/WfoKeyValueTable/WfoKeyValueTable.tsx +22 -25
- package/src/components/WfoKeyValueTable/WfoValueCell.tsx +44 -54
- package/src/components/WfoKeyValueTable/WfoValueOnlyTable.tsx +19 -22
- package/src/components/WfoKeyValueTable/styles.ts +77 -78
- package/src/components/WfoLogoSpinner/WfoLogoSpinner.tsx +22 -29
- package/src/components/WfoLogoSpinner/styles.ts +33 -36
- package/src/components/WfoMetadata/WfoMetadataDescriptionField.tsx +8 -14
- package/src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx +56 -63
- package/src/components/WfoMonacoCodeBlock/styles.ts +9 -11
- package/src/components/WfoNoResults/WfoNoResults.stories.tsx +6 -6
- package/src/components/WfoNoResults/WfoNoResults.tsx +8 -8
- package/src/components/WfoNoResults/styles.ts +16 -16
- package/src/components/WfoOptionalLink/WfoOptionalLink.tsx +7 -10
- package/src/components/WfoPageTemplate/WfoBreadcrumbs/WfoBreadcrumbs.tsx +61 -87
- package/src/components/WfoPageTemplate/WfoPageHeader/WfoAppLogo.tsx +15 -24
- package/src/components/WfoPageTemplate/WfoPageHeader/WfoHamburgerMenu.tsx +115 -140
- package/src/components/WfoPageTemplate/WfoPageHeader/WfoPageHeader.stories.tsx +43 -43
- package/src/components/WfoPageTemplate/WfoPageHeader/WfoPageHeader.tsx +67 -101
- package/src/components/WfoPageTemplate/WfoPageHeader/styles.ts +16 -16
- package/src/components/WfoPageTemplate/WfoPageHeader/utils/toHexColorWithOpacity.spec.ts +6 -6
- package/src/components/WfoPageTemplate/WfoPageHeader/utils/toHexColorWithOpacity.ts +2 -2
- package/src/components/WfoPageTemplate/WfoPageTemplate/ContentContext.tsx +10 -16
- package/src/components/WfoPageTemplate/WfoPageTemplate/WfoPageTemplate.stories.tsx +10 -10
- package/src/components/WfoPageTemplate/WfoPageTemplate/WfoPageTemplate.tsx +62 -94
- package/src/components/WfoPageTemplate/WfoPageTemplate/styles.ts +19 -22
- package/src/components/WfoPageTemplate/WfoSidebar/WfoCopyright.tsx +13 -13
- package/src/components/WfoPageTemplate/WfoSidebar/WfoMenuLink.tsx +34 -42
- package/src/components/WfoPageTemplate/WfoSidebar/WfoSidebar.stories.tsx +7 -7
- package/src/components/WfoPageTemplate/WfoSidebar/WfoSidebar.tsx +205 -240
- package/src/components/WfoPageTemplate/WfoSidebar/styles.ts +92 -99
- package/src/components/WfoPageTemplate/WfoSidebar/utils/menuItemIsAllowed.spec.ts +31 -40
- package/src/components/WfoPageTemplate/WfoSidebar/utils/menuItemIsAllowed.ts +8 -8
- package/src/components/WfoPageTemplate/paths.ts +1 -2
- package/src/components/WfoPopover/WfoPopover.tsx +26 -36
- package/src/components/WfoProcessList/WfoProcessesList.tsx +212 -247
- package/src/components/WfoProcessList/processListObjectMappers.ts +95 -100
- package/src/components/WfoPydanticForm/Footer.tsx +139 -157
- package/src/components/WfoPydanticForm/Header.tsx +9 -10
- package/src/components/WfoPydanticForm/RenderFormErrors.tsx +18 -20
- package/src/components/WfoPydanticForm/Row.tsx +22 -31
- package/src/components/WfoPydanticForm/WfoPydanticForm.tsx +77 -93
- package/src/components/WfoPydanticForm/fields/WfoArrayField/WfoArrayField.tsx +85 -120
- package/src/components/WfoPydanticForm/fields/WfoArrayField/styles.ts +28 -28
- package/src/components/WfoPydanticForm/fields/WfoCallout.tsx +9 -12
- package/src/components/WfoPydanticForm/fields/WfoCheckbox.tsx +11 -16
- package/src/components/WfoPydanticForm/fields/WfoDivider.tsx +4 -8
- package/src/components/WfoPydanticForm/fields/WfoDropdown.tsx +6 -17
- package/src/components/WfoPydanticForm/fields/WfoInteger.tsx +29 -43
- package/src/components/WfoPydanticForm/fields/WfoLabel.tsx +14 -14
- package/src/components/WfoPydanticForm/fields/WfoMultiCheckboxField.tsx +40 -51
- package/src/components/WfoPydanticForm/fields/WfoObjectField/WfoObjectField.tsx +22 -35
- package/src/components/WfoPydanticForm/fields/WfoObjectField/styles.ts +9 -9
- package/src/components/WfoPydanticForm/fields/WfoRadio.tsx +15 -20
- package/src/components/WfoPydanticForm/fields/WfoReactSelect/WfoReactSelect.tsx +84 -97
- package/src/components/WfoPydanticForm/fields/WfoReactSelect/styles.ts +68 -85
- package/src/components/WfoPydanticForm/fields/WfoSummary.tsx +58 -67
- package/src/components/WfoPydanticForm/fields/WfoText.tsx +16 -26
- package/src/components/WfoPydanticForm/fields/WfoTextArea.tsx +12 -17
- package/src/components/WfoPydanticForm/fields/WfoTimestampField.tsx +42 -48
- package/src/components/WfoPydanticForm/fields/styles.ts +71 -71
- package/src/components/WfoPydanticForm/fields/wfoPydanticFormUtils.spec.ts +24 -24
- package/src/components/WfoPydanticForm/fields/wfoPydanticFormUtils.ts +11 -18
- package/src/components/WfoRadioDropdown/WfoRadioDropdown.tsx +55 -74
- package/src/components/WfoRenderElementOrString/WfoRenderElementOrString.tsx +8 -8
- package/src/components/WfoSearchBar/WfoSearchField.tsx +35 -47
- package/src/components/WfoSearchPage/WfoConditionRow/WfoConditionRow.tsx +290 -354
- package/src/components/WfoSearchPage/WfoConditionRow/WfoFieldSelector.tsx +30 -30
- package/src/components/WfoSearchPage/WfoConditionRow/WfoOperatorSelector.tsx +56 -85
- package/src/components/WfoSearchPage/WfoConditionRow/WfoPathChips.tsx +143 -171
- package/src/components/WfoSearchPage/WfoConditionRow/WfoPathSelector.tsx +40 -42
- package/src/components/WfoSearchPage/WfoConditionRow/WfoRenderFunctions.tsx +50 -86
- package/src/components/WfoSearchPage/WfoConditionRow/WfoSelectedPathDisplay.tsx +48 -65
- package/src/components/WfoSearchPage/WfoConditionRow/index.ts +1 -4
- package/src/components/WfoSearchPage/WfoConditionRow/types.ts +56 -61
- package/src/components/WfoSearchPage/WfoConditionRow/utils.ts +36 -48
- package/src/components/WfoSearchPage/WfoFilterGroup/WfoFilterGroup.tsx +158 -213
- package/src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx +327 -411
- package/src/components/WfoSearchPage/WfoSearchResults/WfoHighlightedText.tsx +46 -53
- package/src/components/WfoSearchPage/WfoSearchResults/WfoPathBreadcrumb.tsx +50 -67
- package/src/components/WfoSearchPage/WfoSearchResults/WfoSearchEmptyState.tsx +13 -13
- package/src/components/WfoSearchPage/WfoSearchResults/WfoSearchLoadingState.tsx +13 -13
- package/src/components/WfoSearchPage/WfoSearchResults/WfoSearchMetadataHeader.tsx +13 -15
- package/src/components/WfoSearchPage/WfoSearchResults/WfoSearchPaginationInfo.tsx +76 -86
- package/src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx +112 -133
- package/src/components/WfoSearchPage/WfoSearchResults/WfoSearchResults.tsx +31 -31
- package/src/components/WfoSearchPage/WfoValueControl/WfoValueControl.tsx +181 -215
- package/src/components/WfoSearchPage/constants.ts +3 -8
- package/src/components/WfoSearchPage/utils.ts +83 -112
- package/src/components/WfoSettings/WfoAoStackStatus.tsx +19 -28
- package/src/components/WfoSettings/WfoEngineStatus.tsx +31 -37
- package/src/components/WfoSettings/WfoEngineStatusButton.tsx +17 -30
- package/src/components/WfoSettings/WfoFlushSettings.tsx +54 -72
- package/src/components/WfoSettings/WfoModifySettings.tsx +23 -29
- package/src/components/WfoSettings/WfoResetTextSearchIndexButton.tsx +7 -10
- package/src/components/WfoSettings/WfoWorkerStatus.tsx +35 -42
- package/src/components/WfoSettings/styles.ts +17 -17
- package/src/components/WfoSettingsModal/WfoInformationModal.tsx +25 -29
- package/src/components/WfoSettingsModal/WfoSettingsModal.tsx +43 -43
- package/src/components/WfoSettingsModal/WfoSubmitModal.tsx +45 -50
- package/src/components/WfoStartButton/WfoStartButtonComboBox.tsx +98 -121
- package/src/components/WfoStartButton/WfoStartTaskComboBox.tsx +35 -35
- package/src/components/WfoStartButton/WfoStartWorkflowComboBox.tsx +42 -44
- package/src/components/WfoStartButton/styles.ts +15 -15
- package/src/components/WfoSubscription/SubscriptionKeyValueBlock.tsx +23 -35
- package/src/components/WfoSubscription/WfoCustomerDescriptionsField.tsx +85 -99
- package/src/components/WfoSubscription/WfoInSyncField/WfoInSyncErrorToastMessage.tsx +15 -17
- package/src/components/WfoSubscription/WfoInSyncField/WfoInSyncField.tsx +147 -192
- package/src/components/WfoSubscription/WfoInUseByRelations.tsx +50 -74
- package/src/components/WfoSubscription/WfoProcessesTimeline.tsx +113 -173
- package/src/components/WfoSubscription/WfoRelatedSubscriptions.tsx +140 -172
- package/src/components/WfoSubscription/WfoSubscription.tsx +67 -102
- package/src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActionExpandableMenuItem.tsx +47 -53
- package/src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActions.tsx +173 -223
- package/src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActionsMenuItem.tsx +67 -87
- package/src/components/WfoSubscription/WfoSubscriptionActions/styles.ts +70 -70
- package/src/components/WfoSubscription/WfoSubscriptionDetailTree.tsx +190 -242
- package/src/components/WfoSubscription/WfoSubscriptionGeneral.tsx +48 -60
- package/src/components/WfoSubscription/WfoSubscriptionGeneralSections/WfoSubscriptionDetailSection.tsx +67 -91
- package/src/components/WfoSubscription/WfoSubscriptionGeneralSections/WfoSubscriptionFixedInputSection.tsx +8 -15
- package/src/components/WfoSubscription/WfoSubscriptionGeneralSections/WfoSubscriptionMetadataSection.tsx +8 -15
- package/src/components/WfoSubscription/WfoSubscriptionGeneralSections/WfoSubscriptionProductInfoSection.tsx +34 -41
- package/src/components/WfoSubscription/WfoSubscriptionProductBlock/WfoProductBlockKeyValueRow.tsx +36 -36
- package/src/components/WfoSubscription/WfoSubscriptionProductBlock/WfoSubscriptionProductBlock.tsx +156 -233
- package/src/components/WfoSubscription/WfoSubscriptionProductBlock/styles.ts +60 -62
- package/src/components/WfoSubscription/WfoTargetTypeIcon.tsx +39 -50
- package/src/components/WfoSubscription/overrides/useSubscriptionDetailGeneralSectionConfigurationOverride.ts +6 -8
- package/src/components/WfoSubscription/overrides/useSubscriptionDetailValueOverride.ts +20 -23
- package/src/components/WfoSubscription/styles.ts +57 -62
- package/src/components/WfoSubscription/subscriptionDetailTabs.tsx +44 -48
- package/src/components/WfoSubscription/utils/relatedSubscriptionsListItemsObjectMappers.ts +30 -42
- package/src/components/WfoSubscription/utils/utils.spec.ts +405 -452
- package/src/components/WfoSubscription/utils/utils.ts +139 -159
- package/src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx +214 -258
- package/src/components/WfoSubscriptionsList/subscriptionListTabs.ts +39 -42
- package/src/components/WfoSubscriptionsList/subscriptionResultMappers.ts +33 -45
- package/src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx +19 -28
- package/src/components/WfoSummary/WfoFailedTasksSummaryCard.tsx +18 -21
- package/src/components/WfoSummary/WfoLatestActiveSubscriptionsSummaryCard.tsx +22 -28
- package/src/components/WfoSummary/WfoLatestOutOfSyncSubscriptionSummaryCard.tsx +30 -40
- package/src/components/WfoSummary/WfoMyWorkflowsSummaryCard.tsx +30 -44
- package/src/components/WfoSummary/WfoProductsSummaryCard.tsx +37 -45
- package/src/components/WfoSummary/WfoSummaryCard.tsx +68 -99
- package/src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx +38 -50
- package/src/components/WfoSummary/WfoSummaryCardHeader/styles.ts +18 -18
- package/src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx +44 -67
- package/src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx +25 -44
- package/src/components/WfoSummary/WfoSummaryCardList/styles.ts +49 -49
- package/src/components/WfoSummary/WfoSummaryCards.tsx +7 -11
- package/src/components/WfoSummary/getNumberOfColumns.ts +12 -12
- package/src/components/WfoSummary/styles.ts +7 -7
- package/src/components/WfoTable/WfoAdvancedTable/WfoAdvancedTable.tsx +181 -229
- package/src/components/WfoTable/WfoAdvancedTable/getRowDetailData.tsx +31 -42
- package/src/components/WfoTable/WfoAdvancedTable/toSortedTableColumnConfig.ts +8 -8
- package/src/components/WfoTable/WfoAdvancedTable/types.ts +9 -11
- package/src/components/WfoTable/WfoFirstPartUUID/WfoFirstPartUUID.tsx +19 -30
- package/src/components/WfoTable/WfoFirstPartUUID/styles.ts +19 -19
- package/src/components/WfoTable/WfoInlineJson/WfoInlineJson.tsx +6 -6
- package/src/components/WfoTable/WfoRowContextMenu/WfoRowContextMenu.tsx +30 -46
- package/src/components/WfoTable/WfoSortButtons/WfoSortButton.tsx +11 -24
- package/src/components/WfoTable/WfoSortButtons/WfoSortButtons.tsx +18 -21
- package/src/components/WfoTable/WfoSortButtons/styles.ts +14 -14
- package/src/components/WfoTable/WfoStatusColorField/WfoStatusColorField.tsx +3 -5
- package/src/components/WfoTable/WfoStatusColorField/styles.ts +10 -10
- package/src/components/WfoTable/WfoTable/WfoDataCell.tsx +8 -14
- package/src/components/WfoTable/WfoTable/WfoDragHandler.tsx +49 -61
- package/src/components/WfoTable/WfoTable/WfoExpandedRow.tsx +12 -33
- package/src/components/WfoTable/WfoTable/WfoGroupedTable/WfoExpandableRow.tsx +28 -32
- package/src/components/WfoTable/WfoTable/WfoGroupedTable/WfoExpandedGroupRow.tsx +34 -52
- package/src/components/WfoTable/WfoTable/WfoGroupedTable/WfoGroupedTable.tsx +63 -78
- package/src/components/WfoTable/WfoTable/WfoGroupedTable/WfoGroupedTableGroups.tsx +40 -54
- package/src/components/WfoTable/WfoTable/WfoGroupedTable/styles.ts +28 -28
- package/src/components/WfoTable/WfoTable/WfoGroupedTable/useGroupedTableConfig.tsx +147 -168
- package/src/components/WfoTable/WfoTable/WfoGroupedTable/utils.spec.ts +133 -140
- package/src/components/WfoTable/WfoTable/WfoGroupedTable/utils.ts +21 -33
- package/src/components/WfoTable/WfoTable/WfoMultilineCell.tsx +5 -5
- package/src/components/WfoTable/WfoTable/WfoTable.tsx +213 -251
- package/src/components/WfoTable/WfoTable/WfoTableDataRows.tsx +63 -107
- package/src/components/WfoTable/WfoTable/WfoTableHeaderCell/WfoPopoverContent.tsx +34 -40
- package/src/components/WfoTable/WfoTable/WfoTableHeaderCell/WfoSortDirectionIcon.tsx +17 -21
- package/src/components/WfoTable/WfoTable/WfoTableHeaderCell/WfoTableHeaderCell.tsx +68 -83
- package/src/components/WfoTable/WfoTable/WfoTableHeaderCell/styles.ts +118 -118
- package/src/components/WfoTable/WfoTable/WfoTableHeaderRow.tsx +91 -118
- package/src/components/WfoTable/WfoTable/WfoToolTip.tsx +17 -21
- package/src/components/WfoTable/WfoTable/WfoTruncateCell.tsx +15 -15
- package/src/components/WfoTable/WfoTable/WfoVirtualizedTableBody.tsx +42 -49
- package/src/components/WfoTable/WfoTable/styles.ts +168 -176
- package/src/components/WfoTable/WfoTable/utils.spec.ts +71 -89
- package/src/components/WfoTable/WfoTable/utils.ts +61 -80
- package/src/components/WfoTable/WfoTableSettingsModal/WfoTableSettingsModal.tsx +77 -100
- package/src/components/WfoTable/WfoTableSettingsModal/styles.ts +12 -14
- package/src/components/WfoTable/WfoTableWithFilter/updateQueryString.spec.ts +63 -65
- package/src/components/WfoTable/WfoTableWithFilter/updateQueryString.ts +33 -44
- package/src/components/WfoTable/utils/columns.spec.ts +17 -17
- package/src/components/WfoTable/utils/columns.ts +16 -18
- package/src/components/WfoTable/utils/constants.ts +6 -12
- package/src/components/WfoTable/utils/tableConfigPersistence.spec.ts +61 -61
- package/src/components/WfoTable/utils/tableConfigPersistence.ts +21 -30
- package/src/components/WfoTable/utils/tableUtils.spec.ts +100 -117
- package/src/components/WfoTable/utils/tableUtils.ts +33 -50
- package/src/components/WfoTableCodeBlock/WfoTableCodeBlock.tsx +20 -27
- package/src/components/WfoTableCodeBlock/styles.ts +8 -8
- package/src/components/WfoTextAnchor/WfoTextAnchor.stories.tsx +6 -6
- package/src/components/WfoTextAnchor/WfoTextAnchor.tsx +8 -8
- package/src/components/WfoTextAnchor/styles.ts +11 -11
- package/src/components/WfoTimeline/WfoTimeline.tsx +28 -43
- package/src/components/WfoTimeline/WfoTimelineStep.tsx +38 -40
- package/src/components/WfoTimeline/mapProcessStepStatusToEuiStepStatus.ts +16 -18
- package/src/components/WfoTimeline/styles.ts +151 -168
- package/src/components/WfoTimeline/timelineUtils.ts +5 -10
- package/src/components/WfoTitleWithWebsocketBadge/WfoTitleWithWebsocketBadge.tsx +10 -13
- package/src/components/WfoToastsList/WfoToastsList.tsx +11 -13
- package/src/components/WfoTree/WfoTree.tsx +14 -14
- package/src/components/WfoTree/WfoTreeBranch.tsx +27 -39
- package/src/components/WfoTree/WfoTreeNode.tsx +29 -41
- package/src/components/WfoTree/WfoTreeNodeListItem.tsx +34 -48
- package/src/components/WfoTree/styles.ts +35 -38
- package/src/components/WfoTree/treeUtils.spec.ts +141 -146
- package/src/components/WfoTree/treeUtils.ts +52 -58
- package/src/components/WfoWorkflowSteps/WfoStep/WfoCodeViewSelector.tsx +75 -106
- package/src/components/WfoWorkflowSteps/WfoStep/WfoStep.stories.tsx +3 -3
- package/src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx +128 -191
- package/src/components/WfoWorkflowSteps/WfoStep/WfoStepForm.tsx +42 -58
- package/src/components/WfoWorkflowSteps/WfoStep/WfoStepFormFooter.tsx +31 -42
- package/src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx +79 -101
- package/src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.stories.tsx +6 -6
- package/src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx +64 -103
- package/src/components/WfoWorkflowSteps/WfoTraceback/WfoTraceback.tsx +11 -11
- package/src/components/WfoWorkflowSteps/WfoTraceback/styles.ts +8 -8
- package/src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx +97 -140
- package/src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.stories.tsx +40 -40
- package/src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx +146 -198
- package/src/components/WfoWorkflowSteps/stepListUtils.spec.ts +18 -18
- package/src/components/WfoWorkflowSteps/stepListUtils.ts +14 -25
- package/src/components/WfoWorkflowSteps/styles.ts +116 -122
- package/src/components/confirmationDialog/ConfirmationDialogStyling.ts +7 -7
- package/src/components/confirmationDialog/WfoConfirmationDialog.tsx +58 -72
- package/src/configuration/constants.ts +2 -4
- package/src/configuration/policy-resources.ts +21 -21
- package/src/configuration/version.ts +1 -1
- package/src/contexts/ConfirmationDialogProvider.tsx +54 -72
- package/src/contexts/OrchestratorConfigContext.tsx +23 -30
- package/src/contexts/PolicyContext.tsx +6 -11
- package/src/contexts/TreeContext.tsx +83 -97
- package/src/contexts/WfoErrorMonitoringProvider.tsx +16 -19
- package/src/hooks/useBackendAvailability.ts +39 -44
- package/src/hooks/useCheckEngineStatus.ts +19 -19
- package/src/hooks/useContentRef.ts +1 -1
- package/src/hooks/useDataDisplayParams.ts +35 -47
- package/src/hooks/useDebounce.ts +14 -14
- package/src/hooks/useGetOrchestratorConfig.ts +1 -1
- package/src/hooks/useGetPydanticFormsConfig.tsx +249 -286
- package/src/hooks/useGetSchedulesForWorkflow.tsx +19 -20
- package/src/hooks/useGetWorkflowNameById.tsx +8 -13
- package/src/hooks/useOrchestratorConfig.ts +2 -4
- package/src/hooks/useOrchestratorTheme.ts +20 -24
- package/src/hooks/usePathAutoComplete.ts +105 -117
- package/src/hooks/usePolicy.ts +5 -6
- package/src/hooks/useSearch.ts +60 -75
- package/src/hooks/useSearchPagination.ts +124 -134
- package/src/hooks/useShowToastMessage.ts +12 -12
- package/src/hooks/useStoredTableConfig.ts +22 -29
- package/src/hooks/useUrlParams.ts +90 -108
- package/src/hooks/useWfoErrorMonitoring.ts +1 -2
- package/src/hooks/useWfoSession.ts +15 -17
- package/src/hooks/useWithOrchestratorTheme.ts +3 -5
- package/src/icons/WfoActualWork.tsx +8 -17
- package/src/icons/WfoArrowsExpand.stories.tsx +3 -3
- package/src/icons/WfoArrowsExpand.tsx +12 -28
- package/src/icons/WfoBell.tsx +12 -28
- package/src/icons/WfoBoltFill.tsx +15 -31
- package/src/icons/WfoBoltSlashFill.tsx +15 -31
- package/src/icons/WfoChartBar.tsx +22 -26
- package/src/icons/WfoCheckmarkCircleFill.stories.tsx +3 -3
- package/src/icons/WfoCheckmarkCircleFill.tsx +11 -27
- package/src/icons/WfoChevronDown.stories.tsx +3 -3
- package/src/icons/WfoChevronDown.tsx +12 -28
- package/src/icons/WfoChevronUp.stories.tsx +3 -3
- package/src/icons/WfoChevronUp.tsx +12 -28
- package/src/icons/WfoClipboardCopy.stories.tsx +3 -3
- package/src/icons/WfoClipboardCopy.tsx +12 -28
- package/src/icons/WfoCode.stories.tsx +3 -3
- package/src/icons/WfoCode.tsx +14 -30
- package/src/icons/WfoCogFill.stories.tsx +3 -3
- package/src/icons/WfoCogFill.tsx +18 -28
- package/src/icons/WfoContactEnvelopeFill.tsx +9 -24
- package/src/icons/WfoCubeFill.tsx +14 -35
- package/src/icons/WfoCubeSolid.tsx +12 -28
- package/src/icons/WfoDotsHorizontal.tsx +12 -28
- package/src/icons/WfoExclamationTriangle.tsx +13 -24
- package/src/icons/WfoExternalLink.tsx +9 -25
- package/src/icons/WfoEyeFill.stories.tsx +3 -3
- package/src/icons/WfoEyeFill.tsx +14 -30
- package/src/icons/WfoIconProps.ts +3 -3
- package/src/icons/WfoLogoutIcon.stories.tsx +3 -3
- package/src/icons/WfoLogoutIcon.tsx +12 -28
- package/src/icons/WfoMalfunction.tsx +8 -17
- package/src/icons/WfoMinusCircleFill.stories.tsx +3 -3
- package/src/icons/WfoMinusCircleFill.tsx +12 -28
- package/src/icons/WfoMinusCircleOutline.stories.tsx +3 -3
- package/src/icons/WfoMinusCircleOutline.tsx +11 -27
- package/src/icons/WfoPencil.tsx +12 -30
- package/src/icons/WfoPencilAlt.stories.tsx +3 -3
- package/src/icons/WfoPencilAlt.tsx +12 -28
- package/src/icons/WfoPlannedWork.tsx +9 -18
- package/src/icons/WfoPlayCircle.tsx +14 -30
- package/src/icons/WfoPlayFill.stories.tsx +3 -3
- package/src/icons/WfoPlayFill.tsx +14 -30
- package/src/icons/WfoPlusCircleFill.stories.tsx +3 -3
- package/src/icons/WfoPlusCircleFill.tsx +12 -28
- package/src/icons/WfoPort.tsx +9 -18
- package/src/icons/WfoQuestionCircle.tsx +13 -29
- package/src/icons/WfoRefresh.stories.tsx +3 -3
- package/src/icons/WfoRefresh.tsx +14 -30
- package/src/icons/WfoSearchStrikethrough.stories.tsx +3 -3
- package/src/icons/WfoSearchStrikethrough.tsx +12 -28
- package/src/icons/WfoShare.tsx +14 -30
- package/src/icons/WfoSideMenu.stories.tsx +3 -3
- package/src/icons/WfoSideMenu.tsx +10 -34
- package/src/icons/WfoSortAsc.stories.tsx +3 -3
- package/src/icons/WfoSortAsc.tsx +12 -28
- package/src/icons/WfoSortDesc.stories.tsx +3 -3
- package/src/icons/WfoSortDesc.tsx +12 -28
- package/src/icons/WfoStatistic.tsx +32 -36
- package/src/icons/WfoStatusDotIcon.stories.tsx +3 -3
- package/src/icons/WfoStatusDotIcon.tsx +10 -26
- package/src/icons/WfoTrash.tsx +13 -23
- package/src/icons/WfoViewList.tsx +9 -19
- package/src/icons/WfoWarningTriangle.tsx +13 -23
- package/src/icons/WfoXCircleFill.stories.tsx +3 -3
- package/src/icons/WfoXCircleFill.tsx +12 -28
- package/src/icons/WfoXMarkSmall.tsx +9 -24
- package/src/icons/heroicons/WfoArrowDown.tsx +8 -18
- package/src/icons/heroicons/WfoArrowUp.tsx +8 -18
- package/src/icons/heroicons/WfoArrowsUpDown.tsx +8 -18
- package/src/icons/heroicons/WfoBracketSquare.tsx +16 -20
- package/src/icons/heroicons/WfoCommandLine.tsx +16 -20
- package/src/icons/heroicons/WfoHeroIconsWrapper.tsx +23 -26
- package/src/icons/heroicons/WfoScheduledTaskOnce.tsx +14 -24
- package/src/icons/heroicons/WfoScheduledTaskRecurring.tsx +18 -24
- package/src/icons/heroicons/WfoSquareStack3dStack.tsx +7 -19
- package/src/icons/heroicons/WfoTableCells.tsx +16 -20
- package/src/icons/heroicons/WfoWrench.tsx +8 -18
- package/src/messages/en-GB.json +623 -623
- package/src/messages/getTranslationMessages.spec.ts +3 -3
- package/src/messages/nl-NL.json +492 -492
- package/src/messages/useGetTranslationMessages.ts +20 -20
- package/src/pages/metadata/WfoMetadataPageLayout.tsx +53 -60
- package/src/pages/metadata/WfoProductBlocksPage.tsx +229 -283
- package/src/pages/metadata/WfoProductsPage.tsx +217 -282
- package/src/pages/metadata/WfoResourceTypesPage.tsx +178 -230
- package/src/pages/metadata/WfoScheduleTaskFormPage.tsx +365 -407
- package/src/pages/metadata/WfoScheduledTasksPage.tsx +173 -226
- package/src/pages/metadata/WfoTasksPage.tsx +247 -337
- package/src/pages/metadata/WfoWorkflowsPage.tsx +213 -282
- package/src/pages/metadata/taskListObjectMapper.ts +26 -34
- package/src/pages/metadata/workflowListObjectMapper.ts +23 -31
- package/src/pages/processes/WfoProcessDetail.tsx +247 -346
- package/src/pages/processes/WfoProcessDetailPage.tsx +53 -76
- package/src/pages/processes/WfoProcessListSubscriptionsCell.tsx +55 -64
- package/src/pages/processes/WfoProductInformationWithLink.tsx +18 -26
- package/src/pages/processes/WfoStartProcessPage.tsx +121 -153
- package/src/pages/processes/timelineUtils.spec.ts +167 -179
- package/src/pages/processes/timelineUtils.ts +63 -87
- package/src/pages/settings/WfoSettingsPage.tsx +131 -161
- package/src/pages/startPage/WfoStartPage.tsx +36 -45
- package/src/pages/startPage/mappers.ts +8 -10
- package/src/pages/startPage/queryVariables.ts +84 -93
- package/src/pages/startPage/useStartPageSummaryCardConfigurationOverride.ts +6 -8
- package/src/pages/subscriptions/WfoSubscriptionDetailPage.tsx +9 -9
- package/src/pages/subscriptions/WfoSubscriptionsListPage.tsx +66 -85
- package/src/pages/tasks/WfoTasksListPage.tsx +129 -156
- package/src/pages/tasks/getTasksListTabTypeFromString.ts +12 -14
- package/src/pages/tasks/tabConfig.ts +41 -44
- package/src/pages/workflows/WfoWorkflowsListPage.tsx +73 -88
- package/src/pages/workflows/getWorkflowsListTabTypeFromString.ts +12 -14
- package/src/pages/workflows/tabConfig.ts +41 -44
- package/src/rtk/api.ts +113 -132
- package/src/rtk/endpoints/agentExport.ts +12 -12
- package/src/rtk/endpoints/availability.ts +29 -32
- package/src/rtk/endpoints/customerDescriptions.ts +40 -46
- package/src/rtk/endpoints/customers.ts +26 -40
- package/src/rtk/endpoints/fileUpload.ts +20 -20
- package/src/rtk/endpoints/forms.ts +41 -54
- package/src/rtk/endpoints/inSync.ts +16 -19
- package/src/rtk/endpoints/metadata/productBlocks.ts +37 -43
- package/src/rtk/endpoints/metadata/products.ts +37 -42
- package/src/rtk/endpoints/metadata/resourceTypes.ts +38 -44
- package/src/rtk/endpoints/metadata/scheduledTasks.ts +88 -99
- package/src/rtk/endpoints/metadata/tasks.ts +21 -32
- package/src/rtk/endpoints/metadata/workflows.ts +65 -86
- package/src/rtk/endpoints/processDetail.ts +87 -103
- package/src/rtk/endpoints/processList.ts +20 -29
- package/src/rtk/endpoints/processListSummary.ts +18 -34
- package/src/rtk/endpoints/processStatusCounts.ts +16 -16
- package/src/rtk/endpoints/processSteps.ts +17 -27
- package/src/rtk/endpoints/productsSummary.ts +21 -26
- package/src/rtk/endpoints/relatedSubscriptions.ts +27 -38
- package/src/rtk/endpoints/search.ts +63 -82
- package/src/rtk/endpoints/settings.ts +110 -119
- package/src/rtk/endpoints/startOptions.ts +64 -80
- package/src/rtk/endpoints/streamMessages.ts +102 -125
- package/src/rtk/endpoints/subscriptionActions.ts +14 -24
- package/src/rtk/endpoints/subscriptionDetail.ts +23 -35
- package/src/rtk/endpoints/subscriptionInUseByRelationsList.ts +22 -32
- package/src/rtk/endpoints/subscriptionList.ts +19 -31
- package/src/rtk/endpoints/subscriptionListMutation.ts +65 -81
- package/src/rtk/endpoints/subscriptionListSummary.ts +23 -29
- package/src/rtk/endpoints/translations.ts +16 -19
- package/src/rtk/endpoints/versions.ts +9 -9
- package/src/rtk/slices/customApis.ts +8 -10
- package/src/rtk/slices/orchestratorComponentOverride.ts +20 -22
- package/src/rtk/slices/orchestratorConfig.ts +7 -10
- package/src/rtk/slices/pydanticForm.ts +7 -9
- package/src/rtk/slices/toastMessages.ts +26 -36
- package/src/rtk/store.ts +35 -44
- package/src/rtk/storeProvider.tsx +20 -21
- package/src/rtk/utils.spec.ts +68 -68
- package/src/rtk/utils.ts +72 -80
- package/src/rtk/wfoGraphqlRequestBaseQuery.ts +44 -63
- package/src/theme/baseStyles/formFieldsBaseStyle.ts +12 -12
- package/src/theme/wfoThemeModifications.ts +92 -95
- package/src/types/forms.ts +20 -20
- package/src/types/search.ts +89 -94
- package/src/types/types.ts +378 -403
- package/src/utils/cacheTag.spec.ts +8 -8
- package/src/utils/cacheTag.ts +7 -7
- package/src/utils/compareVersions.spec.ts +38 -116
- package/src/utils/compareVersions.ts +28 -48
- package/src/utils/csvDownload.ts +68 -83
- package/src/utils/date.spec.ts +142 -179
- package/src/utils/date.ts +64 -84
- package/src/utils/environmentVariables.spec.ts +12 -12
- package/src/utils/environmentVariables.ts +7 -7
- package/src/utils/filterData.spec.ts +18 -20
- package/src/utils/filterData.ts +7 -10
- package/src/utils/getDefaultTableConfig.ts +91 -113
- package/src/utils/getEnvironmentVariables.spec.ts +30 -32
- package/src/utils/getEnvironmentVariables.ts +19 -22
- package/src/utils/getObjectKeys.ts +2 -3
- package/src/utils/getProductNamesFromProcess.spec.ts +125 -127
- package/src/utils/getProductNamesFromProcess.ts +7 -9
- package/src/utils/getQueryParams.spec.ts +31 -34
- package/src/utils/getQueryParams.ts +9 -12
- package/src/utils/getQueryUrl.spec.ts +4 -4
- package/src/utils/getQueryUrl.ts +3 -3
- package/src/utils/getQueryVariablesForExport.spec.ts +12 -12
- package/src/utils/getQueryVariablesForExport.ts +4 -6
- package/src/utils/getStatusBadgeColor.ts +13 -13
- package/src/utils/getToastMessage.spec.ts +20 -20
- package/src/utils/getToastMessage.ts +24 -28
- package/src/utils/getTokenName.spec.ts +16 -16
- package/src/utils/getTokenName.ts +10 -10
- package/src/utils/getTypedFieldFromObject.spec.ts +13 -13
- package/src/utils/getTypedFieldFromObject.ts +5 -8
- package/src/utils/onlyUnique.spec.ts +15 -15
- package/src/utils/onlyUnique.ts +1 -1
- package/src/utils/optionalArray.spec.ts +65 -78
- package/src/utils/optionalArray.ts +10 -16
- package/src/utils/resultFlattener.spec.ts +40 -43
- package/src/utils/resultFlattener.ts +10 -21
- package/src/utils/string.spec.ts +133 -133
- package/src/utils/strings.ts +11 -11
- package/src/utils/toObjectWithSerializedValues.spec.ts +24 -24
- package/src/utils/toObjectWithSerializedValues.ts +9 -15
- package/src/utils/toObjectWithSortedKeys.ts +21 -24
- package/src/utils/toSortedObjectKeys.spec.ts +25 -29
- package/src/utils/uuid.spec.ts +16 -16
- package/src/utils/uuid.ts +2 -5
- package/tsconfig.build.json +10 -16
- package/tsconfig.json +10 -16
- 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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
);
|
package/src/icons/WfoPencil.tsx
CHANGED
|
@@ -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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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
|
-
|
|
7
|
-
|
|
6
|
+
component: WfoPencilAlt,
|
|
7
|
+
title: 'Icons/WfoPencilAlt',
|
|
8
8
|
};
|
|
9
9
|
export default Story;
|
|
10
10
|
|
|
11
11
|
export const Primary = {
|
|
12
|
-
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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
|
-
|
|
7
|
-
|
|
6
|
+
component: WfoPlayFill,
|
|
7
|
+
title: 'Icons/WfoPlayFill',
|
|
8
8
|
};
|
|
9
9
|
export default Story;
|
|
10
10
|
|
|
11
11
|
export const Primary = {
|
|
12
|
-
|
|
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
|
-
|
|
7
|
-
height = 24
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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
|
-
|
|
7
|
-
|
|
6
|
+
component: WfoPlusCircleFill,
|
|
7
|
+
title: 'Icons/WfoPlusCircleFill',
|
|
8
8
|
};
|
|
9
9
|
export default Story;
|
|
10
10
|
|
|
11
11
|
export const Primary = {
|
|
12
|
-
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
);
|
package/src/icons/WfoPort.tsx
CHANGED
|
@@ -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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
color =
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
>
|
|
17
|
-
|
|
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
|
-
|
|
7
|
-
|
|
6
|
+
component: WfoRefresh,
|
|
7
|
+
title: 'Icons/WfoRefresh',
|
|
8
8
|
};
|
|
9
9
|
export default Story;
|
|
10
10
|
|
|
11
11
|
export const Primary = {
|
|
12
|
-
|
|
12
|
+
args: {},
|
|
13
13
|
};
|
package/src/icons/WfoRefresh.tsx
CHANGED
|
@@ -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
|
-
|
|
7
|
-
height = 24
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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
|
-
|
|
7
|
-
|
|
6
|
+
component: WfoSearchStrikethrough,
|
|
7
|
+
title: 'Icons/WfoSearchStrikethrough',
|
|
8
8
|
};
|
|
9
9
|
export default Story;
|
|
10
10
|
|
|
11
11
|
export const Primary = {
|
|
12
|
-
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
);
|