@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,21 +2,12 @@ import React, { FC } from 'react';
|
|
|
2
2
|
|
|
3
3
|
import { WfoIconProps } from './WfoIconProps';
|
|
4
4
|
|
|
5
|
-
export const WfoActualWork: FC<WfoIconProps> = ({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
height={height}
|
|
14
|
-
viewBox="0 0 24 24"
|
|
15
|
-
>
|
|
16
|
-
<path
|
|
17
|
-
fill={color}
|
|
18
|
-
fillRule="evenodd"
|
|
19
|
-
d="M18.66,19.2 L20.1,19.2 C20.5970563,19.2 21,19.6029437 21,20.1 C21,20.5970563 20.5970563,21 20.1,21 L3.9,21 C3.40294373,21 3,20.5970563 3,20.1 C3,19.6029437 3.40294373,19.2 3.9,19.2 L5.34,19.2 L5.34,19.2 L9.98620437,3.71265211 C10.1130996,3.28966815 10.5024224,3 10.9440307,3 L13.0559693,3 C13.4975776,3 13.8869004,3.28966815 14.0137956,3.71265211 L18.66,19.2 L18.66,19.2 Z M15.78,15.6 L8.22,15.6 L7.14,19.2 L16.86,19.2 L15.78,15.6 Z M13.62,8.4 L10.38,8.4 L9.3,12 L14.7,12 L13.62,8.4 L13.62,8.4 Z"
|
|
20
|
-
></path>
|
|
21
|
-
</svg>
|
|
5
|
+
export const WfoActualWork: 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="M18.66,19.2 L20.1,19.2 C20.5970563,19.2 21,19.6029437 21,20.1 C21,20.5970563 20.5970563,21 20.1,21 L3.9,21 C3.40294373,21 3,20.5970563 3,20.1 C3,19.6029437 3.40294373,19.2 3.9,19.2 L5.34,19.2 L5.34,19.2 L9.98620437,3.71265211 C10.1130996,3.28966815 10.5024224,3 10.9440307,3 L13.0559693,3 C13.4975776,3 13.8869004,3.28966815 14.0137956,3.71265211 L18.66,19.2 L18.66,19.2 Z M15.78,15.6 L8.22,15.6 L7.14,19.2 L16.86,19.2 L15.78,15.6 Z M13.62,8.4 L10.38,8.4 L9.3,12 L14.7,12 L13.62,8.4 L13.62,8.4 Z"
|
|
11
|
+
></path>
|
|
12
|
+
</svg>
|
|
22
13
|
);
|
|
@@ -3,11 +3,11 @@ import type { Meta } from '@storybook/react';
|
|
|
3
3
|
import { WfoArrowsExpand } from './WfoArrowsExpand';
|
|
4
4
|
|
|
5
5
|
const Story: Meta<typeof WfoArrowsExpand> = {
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
component: WfoArrowsExpand,
|
|
7
|
+
title: 'Icons/WfoArrowsExpand',
|
|
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 WfoArrowsExpand: FC<WfoIconProps> = ({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
<title>icon/arrows-expand</title>
|
|
18
|
-
<g
|
|
19
|
-
id="Symbols"
|
|
20
|
-
stroke="none"
|
|
21
|
-
strokeWidth="1"
|
|
22
|
-
fill="none"
|
|
23
|
-
fillRule="evenodd"
|
|
24
|
-
>
|
|
25
|
-
<g id="icon/arrows-expand" fill={color} fillRule="nonzero">
|
|
26
|
-
<path
|
|
27
|
-
d="M8,3 C8.55228475,3 9,3.44771525 9,4 C9,4.55228475 8.55228475,5 8,5 L6.414,5 L9.70710678,8.29289322 C10.0976311,8.68341751 10.0976311,9.31658249 9.70710678,9.70710678 C9.31658249,10.0976311 8.68341751,10.0976311 8.29289322,9.70710678 L5,6.414 L5,8 C5,8.55228475 4.55228475,9 4,9 C3.44771525,9 3,8.55228475 3,8 L3.00278786,3.92476146 L3.02024007,3.79927424 L3.04973809,3.68785748 L3.08186687,3.60305436 L3.13590047,3.49621086 L3.21292769,3.38297765 L3.29291093,3.29285919 C3.32828727,3.25749917 3.36567442,3.22531295 3.40469339,3.19633458 L3.51222854,3.1267352 L3.60305314,3.08187107 L3.73400703,3.03584514 L3.8819045,3.00690716 L4,3 L8,3 Z M16,3 L20,3 L20.0752385,3.00278786 L20.2007258,3.02024007 L20.3121425,3.04973809 L20.4232215,3.09367336 L20.5207088,3.14599545 L20.6170223,3.21292769 L20.7071408,3.29291093 C20.7425008,3.32828727 20.774687,3.36567442 20.8036654,3.40469339 L20.8732648,3.51222854 L20.9181289,3.60305314 L20.9641549,3.73400703 L20.9930928,3.8819045 L21,4 L21,8 C21,8.55228475 20.5522847,9 20,9 C19.4477153,9 19,8.55228475 19,8 L19,6.414 L15.7071068,9.70710678 C15.3165825,10.0976311 14.6834175,10.0976311 14.2928932,9.70710678 C13.9023689,9.31658249 13.9023689,8.68341751 14.2928932,8.29289322 L17.585,5 L16,5 C15.4477153,5 15,4.55228475 15,4 C15,3.44771525 15.4477153,3 16,3 Z M9.70710678,14.2928932 C10.0976311,14.6834175 10.0976311,15.3165825 9.70710678,15.7071068 L6.414,19 L8,19 C8.55228475,19 9,19.4477153 9,20 C9,20.5522847 8.55228475,21 8,21 L3.92476146,20.9972121 L3.79927424,20.9797599 L3.68785748,20.9502619 L3.60305436,20.9181331 L3.49621086,20.8640995 L3.38297765,20.7870723 L3.29285919,20.7070891 C3.25749917,20.6717127 3.22531295,20.6343256 3.19633458,20.5953066 L3.12467117,20.4840621 L3.07122549,20.371336 L3.03584514,20.265993 L3.00683422,20.1174742 L3,20 L3,16 C3,15.4477153 3.44771525,15 4,15 C4.55228475,15 5,15.4477153 5,16 L5,17.585 L8.29289322,14.2928932 C8.68341751,13.9023689 9.31658249,13.9023689 9.70710678,14.2928932 Z M16,21 C15.4477153,21 15,20.5522847 15,20 C15,19.4477153 15.4477153,19 16,19 L17.585,19 L14.2928932,15.7071068 C13.9023689,15.3165825 13.9023689,14.6834175 14.2928932,14.2928932 C14.6834175,13.9023689 15.3165825,13.9023689 15.7071068,14.2928932 L19,17.585 L19,16 C19,15.4477153 19.4477153,15 20,15 C20.5522847,15 21,15.4477153 21,16 L20.9972121,20.0752385 L20.9797599,20.2007258 L20.9502619,20.3121425 L20.9063266,20.4232215 L20.8540045,20.5207088 L20.7902954,20.6128994 L20.7073018,20.7068684 C20.6717127,20.7425008 20.6343256,20.774687 20.5953066,20.8036654 L20.4840621,20.8753288 L20.371336,20.9287745 L20.2350988,20.9722083 L20.1539846,20.9882174 L20,21 L16,21 Z"
|
|
28
|
-
id="Shape"
|
|
29
|
-
></path>
|
|
30
|
-
</g>
|
|
31
|
-
</g>
|
|
32
|
-
</svg>
|
|
5
|
+
export const WfoArrowsExpand: FC<WfoIconProps> = ({ width = 16, height = 20, 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/arrows-expand</title>
|
|
8
|
+
<g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
|
|
9
|
+
<g id="icon/arrows-expand" fill={color} fillRule="nonzero">
|
|
10
|
+
<path
|
|
11
|
+
d="M8,3 C8.55228475,3 9,3.44771525 9,4 C9,4.55228475 8.55228475,5 8,5 L6.414,5 L9.70710678,8.29289322 C10.0976311,8.68341751 10.0976311,9.31658249 9.70710678,9.70710678 C9.31658249,10.0976311 8.68341751,10.0976311 8.29289322,9.70710678 L5,6.414 L5,8 C5,8.55228475 4.55228475,9 4,9 C3.44771525,9 3,8.55228475 3,8 L3.00278786,3.92476146 L3.02024007,3.79927424 L3.04973809,3.68785748 L3.08186687,3.60305436 L3.13590047,3.49621086 L3.21292769,3.38297765 L3.29291093,3.29285919 C3.32828727,3.25749917 3.36567442,3.22531295 3.40469339,3.19633458 L3.51222854,3.1267352 L3.60305314,3.08187107 L3.73400703,3.03584514 L3.8819045,3.00690716 L4,3 L8,3 Z M16,3 L20,3 L20.0752385,3.00278786 L20.2007258,3.02024007 L20.3121425,3.04973809 L20.4232215,3.09367336 L20.5207088,3.14599545 L20.6170223,3.21292769 L20.7071408,3.29291093 C20.7425008,3.32828727 20.774687,3.36567442 20.8036654,3.40469339 L20.8732648,3.51222854 L20.9181289,3.60305314 L20.9641549,3.73400703 L20.9930928,3.8819045 L21,4 L21,8 C21,8.55228475 20.5522847,9 20,9 C19.4477153,9 19,8.55228475 19,8 L19,6.414 L15.7071068,9.70710678 C15.3165825,10.0976311 14.6834175,10.0976311 14.2928932,9.70710678 C13.9023689,9.31658249 13.9023689,8.68341751 14.2928932,8.29289322 L17.585,5 L16,5 C15.4477153,5 15,4.55228475 15,4 C15,3.44771525 15.4477153,3 16,3 Z M9.70710678,14.2928932 C10.0976311,14.6834175 10.0976311,15.3165825 9.70710678,15.7071068 L6.414,19 L8,19 C8.55228475,19 9,19.4477153 9,20 C9,20.5522847 8.55228475,21 8,21 L3.92476146,20.9972121 L3.79927424,20.9797599 L3.68785748,20.9502619 L3.60305436,20.9181331 L3.49621086,20.8640995 L3.38297765,20.7870723 L3.29285919,20.7070891 C3.25749917,20.6717127 3.22531295,20.6343256 3.19633458,20.5953066 L3.12467117,20.4840621 L3.07122549,20.371336 L3.03584514,20.265993 L3.00683422,20.1174742 L3,20 L3,16 C3,15.4477153 3.44771525,15 4,15 C4.55228475,15 5,15.4477153 5,16 L5,17.585 L8.29289322,14.2928932 C8.68341751,13.9023689 9.31658249,13.9023689 9.70710678,14.2928932 Z M16,21 C15.4477153,21 15,20.5522847 15,20 C15,19.4477153 15.4477153,19 16,19 L17.585,19 L14.2928932,15.7071068 C13.9023689,15.3165825 13.9023689,14.6834175 14.2928932,14.2928932 C14.6834175,13.9023689 15.3165825,13.9023689 15.7071068,14.2928932 L19,17.585 L19,16 C19,15.4477153 19.4477153,15 20,15 C20.5522847,15 21,15.4477153 21,16 L20.9972121,20.0752385 L20.9797599,20.2007258 L20.9502619,20.3121425 L20.9063266,20.4232215 L20.8540045,20.5207088 L20.7902954,20.6128994 L20.7073018,20.7068684 C20.6717127,20.7425008 20.6343256,20.774687 20.5953066,20.8036654 L20.4840621,20.8753288 L20.371336,20.9287745 L20.2350988,20.9722083 L20.1539846,20.9882174 L20,21 L16,21 Z"
|
|
12
|
+
id="Shape"
|
|
13
|
+
></path>
|
|
14
|
+
</g>
|
|
15
|
+
</g>
|
|
16
|
+
</svg>
|
|
33
17
|
);
|
package/src/icons/WfoBell.tsx
CHANGED
|
@@ -3,32 +3,16 @@ import React, { FC } from 'react';
|
|
|
3
3
|
import { WfoIconProps } from './WfoIconProps';
|
|
4
4
|
|
|
5
5
|
export const WfoBell: FC<WfoIconProps> = ({ width = 24, height = 24 }) => (
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
fill="none"
|
|
19
|
-
fillRule="evenodd"
|
|
20
|
-
>
|
|
21
|
-
<g
|
|
22
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
23
|
-
viewBox="0 0 24 24"
|
|
24
|
-
fill="currentColor"
|
|
25
|
-
>
|
|
26
|
-
<path
|
|
27
|
-
fillRule="evenodd"
|
|
28
|
-
d="M5.25 9a6.75 6.75 0 0113.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 01-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 11-7.48 0 24.585 24.585 0 01-4.831-1.244.75.75 0 01-.298-1.205A8.217 8.217 0 005.25 9.75V9zm4.502 8.9a2.25 2.25 0 104.496 0 25.057 25.057 0 01-4.496 0z"
|
|
29
|
-
clipRule="evenodd"
|
|
30
|
-
/>
|
|
31
|
-
</g>
|
|
32
|
-
</g>
|
|
33
|
-
</svg>
|
|
6
|
+
<svg width={width} height={height} viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
7
|
+
<title>icon/bell</title>
|
|
8
|
+
<g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
|
|
9
|
+
<g xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
|
10
|
+
<path
|
|
11
|
+
fillRule="evenodd"
|
|
12
|
+
d="M5.25 9a6.75 6.75 0 0113.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 01-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 11-7.48 0 24.585 24.585 0 01-4.831-1.244.75.75 0 01-.298-1.205A8.217 8.217 0 005.25 9.75V9zm4.502 8.9a2.25 2.25 0 104.496 0 25.057 25.057 0 01-4.496 0z"
|
|
13
|
+
clipRule="evenodd"
|
|
14
|
+
/>
|
|
15
|
+
</g>
|
|
16
|
+
</g>
|
|
17
|
+
</svg>
|
|
34
18
|
);
|
|
@@ -2,35 +2,19 @@ import React, { FC } from 'react';
|
|
|
2
2
|
|
|
3
3
|
import { WfoIconProps } from './WfoIconProps';
|
|
4
4
|
|
|
5
|
-
export const WfoBoltFill: FC<WfoIconProps> = ({
|
|
6
|
-
|
|
7
|
-
height =
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
id="Symbols"
|
|
21
|
-
stroke="none"
|
|
22
|
-
strokeWidth="1"
|
|
23
|
-
fill="none"
|
|
24
|
-
fillRule="evenodd"
|
|
25
|
-
>
|
|
26
|
-
<g id="icon/bolt-fill" fill={color}>
|
|
27
|
-
<path
|
|
28
|
-
fillRule="evenodd"
|
|
29
|
-
d="M14.615 1.595a.75.75 0 0 1 .359.852L12.982 9.75h7.268a.75.75 0 0 1 .548 1.262l-10.5 11.25a.75.75 0 0 1-1.272-.71l1.992-7.302H3.75a.75.75 0 0 1-.548-1.262l10.5-11.25a.75.75 0 0 1 .913-.143Z"
|
|
30
|
-
clipRule="evenodd"
|
|
31
|
-
/>
|
|
32
|
-
</g>
|
|
33
|
-
</g>
|
|
34
|
-
</svg>
|
|
35
|
-
);
|
|
5
|
+
export const WfoBoltFill: FC<WfoIconProps> = ({ width = 20, height = 20, 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/bolt-fill</title>
|
|
9
|
+
<g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
|
|
10
|
+
<g id="icon/bolt-fill" fill={color}>
|
|
11
|
+
<path
|
|
12
|
+
fillRule="evenodd"
|
|
13
|
+
d="M14.615 1.595a.75.75 0 0 1 .359.852L12.982 9.75h7.268a.75.75 0 0 1 .548 1.262l-10.5 11.25a.75.75 0 0 1-1.272-.71l1.992-7.302H3.75a.75.75 0 0 1-.548-1.262l10.5-11.25a.75.75 0 0 1 .913-.143Z"
|
|
14
|
+
clipRule="evenodd"
|
|
15
|
+
/>
|
|
16
|
+
</g>
|
|
17
|
+
</g>
|
|
18
|
+
</svg>
|
|
19
|
+
);
|
|
36
20
|
};
|
|
@@ -2,35 +2,19 @@ import React, { FC } from 'react';
|
|
|
2
2
|
|
|
3
3
|
import { WfoIconProps } from './WfoIconProps';
|
|
4
4
|
|
|
5
|
-
export const WfoBoltSlashFill: FC<WfoIconProps> = ({
|
|
6
|
-
|
|
7
|
-
height =
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
id="Symbols"
|
|
21
|
-
stroke="none"
|
|
22
|
-
strokeWidth="1"
|
|
23
|
-
fill="none"
|
|
24
|
-
fillRule="evenodd"
|
|
25
|
-
>
|
|
26
|
-
<g id="icon/bolt-slash-fill" fill={color}>
|
|
27
|
-
<path
|
|
28
|
-
strokeLinecap="round"
|
|
29
|
-
strokeLinejoin="round"
|
|
30
|
-
d="M11.412 15.655 9.75 21.75l3.745-4.012M9.257 13.5H3.75l2.659-2.849m2.048-2.194L14.25 2.25 12 10.5h8.25l-4.707 5.043M8.457 8.457 3 3m5.457 5.457 7.086 7.086m0 0L21 21"
|
|
31
|
-
/>
|
|
32
|
-
</g>
|
|
33
|
-
</g>
|
|
34
|
-
</svg>
|
|
35
|
-
);
|
|
5
|
+
export const WfoBoltSlashFill: FC<WfoIconProps> = ({ width = 20, height = 20, 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/bolt-fill</title>
|
|
9
|
+
<g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
|
|
10
|
+
<g id="icon/bolt-slash-fill" fill={color}>
|
|
11
|
+
<path
|
|
12
|
+
strokeLinecap="round"
|
|
13
|
+
strokeLinejoin="round"
|
|
14
|
+
d="M11.412 15.655 9.75 21.75l3.745-4.012M9.257 13.5H3.75l2.659-2.849m2.048-2.194L14.25 2.25 12 10.5h8.25l-4.707 5.043M8.457 8.457 3 3m5.457 5.457 7.086 7.086m0 0L21 21"
|
|
15
|
+
/>
|
|
16
|
+
</g>
|
|
17
|
+
</g>
|
|
18
|
+
</svg>
|
|
19
|
+
);
|
|
36
20
|
};
|
|
@@ -2,33 +2,29 @@ import React, { FC } from 'react';
|
|
|
2
2
|
|
|
3
3
|
import { WfoIconProps } from './WfoIconProps';
|
|
4
4
|
|
|
5
|
-
export const WfoChartBar: FC<WfoIconProps> = ({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
export const WfoChartBar: FC<WfoIconProps> = ({ width = 24, height = 24, color = 'currentColor' }) => (
|
|
6
|
+
<svg
|
|
7
|
+
width={width}
|
|
8
|
+
height={height}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
version="1.1"
|
|
11
|
+
color={color}
|
|
12
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
13
|
+
className="wfoChartBarSquareIcon"
|
|
14
|
+
>
|
|
10
15
|
<svg
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
className="wfoChartBarSquareIcon"
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
fill="none"
|
|
18
|
+
viewBox="0 0 24 24"
|
|
19
|
+
stroke-width="2"
|
|
20
|
+
stroke="currentColor"
|
|
21
|
+
className="size-6"
|
|
18
22
|
>
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
stroke="currentColor"
|
|
25
|
-
className="size-6"
|
|
26
|
-
>
|
|
27
|
-
<path
|
|
28
|
-
stroke-linecap="round"
|
|
29
|
-
stroke-linejoin="round"
|
|
30
|
-
d="M7.5 14.25v2.25m3-4.5v4.5m3-6.75v6.75m3-9v9M6 20.25h12A2.25 2.25 0 0 0 20.25 18V6A2.25 2.25 0 0 0 18 3.75H6A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25Z"
|
|
31
|
-
/>
|
|
32
|
-
</svg>
|
|
23
|
+
<path
|
|
24
|
+
stroke-linecap="round"
|
|
25
|
+
stroke-linejoin="round"
|
|
26
|
+
d="M7.5 14.25v2.25m3-4.5v4.5m3-6.75v6.75m3-9v9M6 20.25h12A2.25 2.25 0 0 0 20.25 18V6A2.25 2.25 0 0 0 18 3.75H6A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25Z"
|
|
27
|
+
/>
|
|
33
28
|
</svg>
|
|
29
|
+
</svg>
|
|
34
30
|
);
|
|
@@ -3,11 +3,11 @@ import type { Meta } from '@storybook/react';
|
|
|
3
3
|
import { WfoCheckmarkCircleFill } from './WfoCheckmarkCircleFill';
|
|
4
4
|
|
|
5
5
|
const Story: Meta<typeof WfoCheckmarkCircleFill> = {
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
component: WfoCheckmarkCircleFill,
|
|
7
|
+
title: 'Icons/WfoCheckmarkCircleFill',
|
|
8
8
|
};
|
|
9
9
|
export default Story;
|
|
10
10
|
|
|
11
11
|
export const Primary = {
|
|
12
|
-
|
|
12
|
+
args: {},
|
|
13
13
|
};
|
|
@@ -2,31 +2,15 @@ import React, { FC } from 'react';
|
|
|
2
2
|
|
|
3
3
|
import { WfoIconProps } from './WfoIconProps';
|
|
4
4
|
|
|
5
|
-
export const WfoCheckmarkCircleFill: 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/checkmark-circle-fill" fill={color}>
|
|
25
|
-
<path
|
|
26
|
-
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 M15.7071,10.70711 C16.0976,10.31658 16.0976,9.68342 15.7071,9.29289 C15.3166,8.90237 14.6834,8.90237 14.2929,9.29289 L11,12.5858 L9.70711,11.29289 C9.31658,10.90237 8.68342,10.90237 8.29289,11.29289 C7.90237,11.68342 7.90237,12.3166 8.29289,12.7071 L10.29289,14.7071 C10.68342,15.0976 11.31658,15.0976 11.70711,14.7071 L15.7071,10.70711 Z"
|
|
27
|
-
id="Shape"
|
|
28
|
-
></path>
|
|
29
|
-
</g>
|
|
30
|
-
</g>
|
|
31
|
-
</svg>
|
|
5
|
+
export const WfoCheckmarkCircleFill: 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/checkmark-circle-fill" fill={color}>
|
|
9
|
+
<path
|
|
10
|
+
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 M15.7071,10.70711 C16.0976,10.31658 16.0976,9.68342 15.7071,9.29289 C15.3166,8.90237 14.6834,8.90237 14.2929,9.29289 L11,12.5858 L9.70711,11.29289 C9.31658,10.90237 8.68342,10.90237 8.29289,11.29289 C7.90237,11.68342 7.90237,12.3166 8.29289,12.7071 L10.29289,14.7071 C10.68342,15.0976 11.31658,15.0976 11.70711,14.7071 L15.7071,10.70711 Z"
|
|
11
|
+
id="Shape"
|
|
12
|
+
></path>
|
|
13
|
+
</g>
|
|
14
|
+
</g>
|
|
15
|
+
</svg>
|
|
32
16
|
);
|
|
@@ -3,11 +3,11 @@ import type { Meta } from '@storybook/react';
|
|
|
3
3
|
import { WfoChevronDown } from './WfoChevronDown';
|
|
4
4
|
|
|
5
5
|
const Story: Meta<typeof WfoChevronDown> = {
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
component: WfoChevronDown,
|
|
7
|
+
title: 'Icons/WfoChevronDown',
|
|
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 WfoChevronDown: FC<WfoIconProps> = ({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
<title>icon/chevron-down</title>
|
|
18
|
-
<g
|
|
19
|
-
id="Symbols"
|
|
20
|
-
stroke="none"
|
|
21
|
-
strokeWidth="1"
|
|
22
|
-
fill="none"
|
|
23
|
-
fillRule="evenodd"
|
|
24
|
-
>
|
|
25
|
-
<g id="icon/chevron-down" fill={color}>
|
|
26
|
-
<path
|
|
27
|
-
d="M7.29289,9.29289 C7.68342,8.90237 8.31658,8.90237 8.70711,9.29289 L12,12.5858 L15.2929,9.29289 C15.6834,8.90237 16.3166,8.90237 16.7071,9.29289 C17.0976,9.68342 17.0976,10.31658 16.7071,10.70711 L12.7071,14.7071 C12.3166,15.0976 11.68342,15.0976 11.29289,14.7071 L7.29289,10.70711 C6.90237,10.31658 6.90237,9.68342 7.29289,9.29289 Z"
|
|
28
|
-
id="Path"
|
|
29
|
-
></path>
|
|
30
|
-
</g>
|
|
31
|
-
</g>
|
|
32
|
-
</svg>
|
|
5
|
+
export const WfoChevronDown: 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/chevron-down</title>
|
|
8
|
+
<g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
|
|
9
|
+
<g id="icon/chevron-down" fill={color}>
|
|
10
|
+
<path
|
|
11
|
+
d="M7.29289,9.29289 C7.68342,8.90237 8.31658,8.90237 8.70711,9.29289 L12,12.5858 L15.2929,9.29289 C15.6834,8.90237 16.3166,8.90237 16.7071,9.29289 C17.0976,9.68342 17.0976,10.31658 16.7071,10.70711 L12.7071,14.7071 C12.3166,15.0976 11.68342,15.0976 11.29289,14.7071 L7.29289,10.70711 C6.90237,10.31658 6.90237,9.68342 7.29289,9.29289 Z"
|
|
12
|
+
id="Path"
|
|
13
|
+
></path>
|
|
14
|
+
</g>
|
|
15
|
+
</g>
|
|
16
|
+
</svg>
|
|
33
17
|
);
|
|
@@ -3,11 +3,11 @@ import type { Meta } from '@storybook/react';
|
|
|
3
3
|
import { WfoChevronUp } from './WfoChevronUp';
|
|
4
4
|
|
|
5
5
|
const Story: Meta<typeof WfoChevronUp> = {
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
component: WfoChevronUp,
|
|
7
|
+
title: 'Icons/WfoChevronUp',
|
|
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 WfoChevronUp: FC<WfoIconProps> = ({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
<title>icon/chevron-up</title>
|
|
18
|
-
<g
|
|
19
|
-
id="Symbols"
|
|
20
|
-
stroke="none"
|
|
21
|
-
strokeWidth="1"
|
|
22
|
-
fill="none"
|
|
23
|
-
fillRule="evenodd"
|
|
24
|
-
>
|
|
25
|
-
<g id="icon/chevron-up" fill={color}>
|
|
26
|
-
<path
|
|
27
|
-
d="M16.7071,14.7071 C16.3166,15.0976 15.6834,15.0976 15.2929,14.7071 L12,11.41421 L8.70711,14.7071 C8.31658,15.0976 7.68342,15.0976 7.29289,14.7071 C6.90237,14.3166 6.90237,13.6834 7.29289,13.2929 L11.29289,9.29289 C11.68342,8.90237 12.3166,8.90237 12.7071,9.29289 L16.7071,13.2929 C17.0976,13.6834 17.0976,14.3166 16.7071,14.7071 Z"
|
|
28
|
-
id="Path"
|
|
29
|
-
></path>
|
|
30
|
-
</g>
|
|
31
|
-
</g>
|
|
32
|
-
</svg>
|
|
5
|
+
export const WfoChevronUp: 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/chevron-up</title>
|
|
8
|
+
<g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
|
|
9
|
+
<g id="icon/chevron-up" fill={color}>
|
|
10
|
+
<path
|
|
11
|
+
d="M16.7071,14.7071 C16.3166,15.0976 15.6834,15.0976 15.2929,14.7071 L12,11.41421 L8.70711,14.7071 C8.31658,15.0976 7.68342,15.0976 7.29289,14.7071 C6.90237,14.3166 6.90237,13.6834 7.29289,13.2929 L11.29289,9.29289 C11.68342,8.90237 12.3166,8.90237 12.7071,9.29289 L16.7071,13.2929 C17.0976,13.6834 17.0976,14.3166 16.7071,14.7071 Z"
|
|
12
|
+
id="Path"
|
|
13
|
+
></path>
|
|
14
|
+
</g>
|
|
15
|
+
</g>
|
|
16
|
+
</svg>
|
|
33
17
|
);
|
|
@@ -3,11 +3,11 @@ import type { Meta } from '@storybook/react';
|
|
|
3
3
|
import { WfoClipboardCopy } from './WfoClipboardCopy';
|
|
4
4
|
|
|
5
5
|
const Story: Meta<typeof WfoClipboardCopy> = {
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
component: WfoClipboardCopy,
|
|
7
|
+
title: 'Icons/WfoClipboardCopy',
|
|
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 WfoClipboardCopy: FC<WfoIconProps> = ({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
<title>icon/clipboard-copy</title>
|
|
18
|
-
<g
|
|
19
|
-
id="Symbols"
|
|
20
|
-
stroke="none"
|
|
21
|
-
strokeWidth="1"
|
|
22
|
-
fill="none"
|
|
23
|
-
fillRule="evenodd"
|
|
24
|
-
>
|
|
25
|
-
<g id="icon/clipboard-copy" fill={color} fillRule="nonzero">
|
|
26
|
-
<path
|
|
27
|
-
d="M12,11 C11.4477,11 11,11.4477 11,12 C11,12.5523 11.4477,13 12,13 L12,11 Z M15,13 C15.5523,13 16,12.5523 16,12 C16,11.4477 15.5523,11 15,11 L15,13 Z M12,15 C11.4477,15 11,15.4477 11,16 C11,16.5523 11.4477,17 12,17 L12,15 Z M15,17 C15.5523,17 16,16.5523 16,16 C16,15.4477 15.5523,15 15,15 L15,17 Z M9,11 C8.44772,11 8,11.4477 8,12 C8,12.5523 8.44772,13 9,13 L9,11 Z M9.01,13 C9.56228,13 10.01,12.5523 10.01,12 C10.01,11.4477 9.56228,11 9.01,11 L9.01,13 Z M9,15 C8.44772,15 8,15.4477 8,16 C8,16.5523 8.44772,17 9,17 L9,15 Z M9.01,17 C9.56228,17 10.01,16.5523 10.01,16 C10.01,15.4477 9.56228,15 9.01,15 L9.01,17 Z M18,7 L18,19 L20,19 L20,7 L18,7 Z M17,20 L7,20 L7,22 L17,22 L17,20 Z M6,19 L6,7 L4,7 L4,19 L6,19 Z M7,6 L9,6 L9,4 L7,4 L7,6 Z M15,6 L17,6 L17,4 L15,4 L15,6 Z M7,20 C6.44772,20 6,19.5523 6,19 L4,19 C4,20.6569 5.34315,22 7,22 L7,20 Z M18,19 C18,19.5523 17.5523,20 17,20 L17,22 C18.6569,22 20,20.6569 20,19 L18,19 Z M20,7 C20,5.34315 18.6569,4 17,4 L17,6 C17.5523,6 18,6.44772 18,7 L20,7 Z M6,7 C6,6.44772 6.44772,6 7,6 L7,4 C5.34315,4 4,5.34315 4,7 L6,7 Z M12,13 L15,13 L15,11 L12,11 L12,13 Z M12,17 L15,17 L15,15 L12,15 L12,17 Z M11,4 L13,4 L13,2 L11,2 L11,4 Z M13,6 L11,6 L11,8 L13,8 L13,6 Z M11,6 C10.4477,6 10,5.55228 10,5 L8,5 C8,6.65685 9.34315,8 11,8 L11,6 Z M14,5 C14,5.55228 13.5523,6 13,6 L13,8 C14.6569,8 16,6.65685 16,5 L14,5 Z M13,4 C13.5523,4 14,4.44772 14,5 L16,5 C16,3.34315 14.6569,2 13,2 L13,4 Z M11,2 C9.34315,2 8,3.34315 8,5 L10,5 C10,4.44772 10.4477,4 11,4 L11,2 Z M9,13 L9.01,13 L9.01,11 L9,11 L9,13 Z M9,17 L9.01,17 L9.01,15 L9,15 L9,17 Z"
|
|
28
|
-
id="Shape"
|
|
29
|
-
></path>
|
|
30
|
-
</g>
|
|
31
|
-
</g>
|
|
32
|
-
</svg>
|
|
5
|
+
export const WfoClipboardCopy: 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/clipboard-copy</title>
|
|
8
|
+
<g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
|
|
9
|
+
<g id="icon/clipboard-copy" fill={color} fillRule="nonzero">
|
|
10
|
+
<path
|
|
11
|
+
d="M12,11 C11.4477,11 11,11.4477 11,12 C11,12.5523 11.4477,13 12,13 L12,11 Z M15,13 C15.5523,13 16,12.5523 16,12 C16,11.4477 15.5523,11 15,11 L15,13 Z M12,15 C11.4477,15 11,15.4477 11,16 C11,16.5523 11.4477,17 12,17 L12,15 Z M15,17 C15.5523,17 16,16.5523 16,16 C16,15.4477 15.5523,15 15,15 L15,17 Z M9,11 C8.44772,11 8,11.4477 8,12 C8,12.5523 8.44772,13 9,13 L9,11 Z M9.01,13 C9.56228,13 10.01,12.5523 10.01,12 C10.01,11.4477 9.56228,11 9.01,11 L9.01,13 Z M9,15 C8.44772,15 8,15.4477 8,16 C8,16.5523 8.44772,17 9,17 L9,15 Z M9.01,17 C9.56228,17 10.01,16.5523 10.01,16 C10.01,15.4477 9.56228,15 9.01,15 L9.01,17 Z M18,7 L18,19 L20,19 L20,7 L18,7 Z M17,20 L7,20 L7,22 L17,22 L17,20 Z M6,19 L6,7 L4,7 L4,19 L6,19 Z M7,6 L9,6 L9,4 L7,4 L7,6 Z M15,6 L17,6 L17,4 L15,4 L15,6 Z M7,20 C6.44772,20 6,19.5523 6,19 L4,19 C4,20.6569 5.34315,22 7,22 L7,20 Z M18,19 C18,19.5523 17.5523,20 17,20 L17,22 C18.6569,22 20,20.6569 20,19 L18,19 Z M20,7 C20,5.34315 18.6569,4 17,4 L17,6 C17.5523,6 18,6.44772 18,7 L20,7 Z M6,7 C6,6.44772 6.44772,6 7,6 L7,4 C5.34315,4 4,5.34315 4,7 L6,7 Z M12,13 L15,13 L15,11 L12,11 L12,13 Z M12,17 L15,17 L15,15 L12,15 L12,17 Z M11,4 L13,4 L13,2 L11,2 L11,4 Z M13,6 L11,6 L11,8 L13,8 L13,6 Z M11,6 C10.4477,6 10,5.55228 10,5 L8,5 C8,6.65685 9.34315,8 11,8 L11,6 Z M14,5 C14,5.55228 13.5523,6 13,6 L13,8 C14.6569,8 16,6.65685 16,5 L14,5 Z M13,4 C13.5523,4 14,4.44772 14,5 L16,5 C16,3.34315 14.6569,2 13,2 L13,4 Z M11,2 C9.34315,2 8,3.34315 8,5 L10,5 C10,4.44772 10.4477,4 11,4 L11,2 Z M9,13 L9.01,13 L9.01,11 L9,11 L9,13 Z M9,17 L9.01,17 L9.01,15 L9,15 L9,17 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 { WfoCode } from './WfoCode';
|
|
4
4
|
|
|
5
5
|
const Story: Meta<typeof WfoCode> = {
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
component: WfoCode,
|
|
7
|
+
title: 'Icons/WfoCode',
|
|
8
8
|
};
|
|
9
9
|
export default Story;
|
|
10
10
|
|
|
11
11
|
export const Primary = {
|
|
12
|
-
|
|
12
|
+
args: {},
|
|
13
13
|
};
|
package/src/icons/WfoCode.tsx
CHANGED
|
@@ -2,34 +2,18 @@ import React, { FC } from 'react';
|
|
|
2
2
|
|
|
3
3
|
import { WfoIconProps } from './WfoIconProps';
|
|
4
4
|
|
|
5
|
-
export const WfoCode: 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/code" fill={color}>
|
|
27
|
-
<path
|
|
28
|
-
d="M14.3162007,5.05158423 C14.8402007,5.22623423 15.1233007,5.79255423 14.9487007,6.31649423 L10.9486807,18.3165442 C10.7740407,18.8404442 10.2077207,19.1236442 9.68377075,18.9489442 C9.15983075,18.7743442 8.87667075,18.2079442 9.05132075,17.6840442 L13.0513007,5.68404423 C13.2260007,5.16010423 13.7923007,4.87694423 14.3162007,5.05158423 Z M7.70711075,8.29316423 C8.09763075,8.68368423 8.09763075,9.31685423 7.70711075,9.70737423 L5.41421075,12.0002442 L7.70711075,14.2931442 C8.09763075,14.6836442 8.09763075,15.3168442 7.70711075,15.7073442 C7.31658075,16.0979442 6.68342075,16.0979442 6.29289075,15.7073442 L3.29289075,12.7073442 C2.90236975,12.3168442 2.90236975,11.6836842 3.29289075,11.2931642 L6.29289075,8.29316423 C6.68342075,7.90264423 7.31658075,7.90264423 7.70711075,8.29316423 Z M16.2929007,8.29316423 C16.6834007,7.90264423 17.3166007,7.90264423 17.7071007,8.29316423 L20.7071007,11.2931642 C21.0976007,11.6836842 21.0976007,12.3168442 20.7071007,12.7073442 L17.7071007,15.7073442 C17.3166007,16.0979442 16.6834007,16.0979442 16.2929007,15.7073442 C15.9024007,15.3168442 15.9024007,14.6836442 16.2929007,14.2931442 L18.5858007,12.0002442 L16.2929007,9.70737423 C15.9024007,9.31685423 15.9024007,8.68368423 16.2929007,8.29316423 Z"
|
|
29
|
-
id="Shape"
|
|
30
|
-
></path>
|
|
31
|
-
</g>
|
|
32
|
-
</g>
|
|
33
|
-
</svg>
|
|
34
|
-
);
|
|
5
|
+
export const WfoCode: 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/code</title>
|
|
9
|
+
<g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
|
|
10
|
+
<g id="icon/code" fill={color}>
|
|
11
|
+
<path
|
|
12
|
+
d="M14.3162007,5.05158423 C14.8402007,5.22623423 15.1233007,5.79255423 14.9487007,6.31649423 L10.9486807,18.3165442 C10.7740407,18.8404442 10.2077207,19.1236442 9.68377075,18.9489442 C9.15983075,18.7743442 8.87667075,18.2079442 9.05132075,17.6840442 L13.0513007,5.68404423 C13.2260007,5.16010423 13.7923007,4.87694423 14.3162007,5.05158423 Z M7.70711075,8.29316423 C8.09763075,8.68368423 8.09763075,9.31685423 7.70711075,9.70737423 L5.41421075,12.0002442 L7.70711075,14.2931442 C8.09763075,14.6836442 8.09763075,15.3168442 7.70711075,15.7073442 C7.31658075,16.0979442 6.68342075,16.0979442 6.29289075,15.7073442 L3.29289075,12.7073442 C2.90236975,12.3168442 2.90236975,11.6836842 3.29289075,11.2931642 L6.29289075,8.29316423 C6.68342075,7.90264423 7.31658075,7.90264423 7.70711075,8.29316423 Z M16.2929007,8.29316423 C16.6834007,7.90264423 17.3166007,7.90264423 17.7071007,8.29316423 L20.7071007,11.2931642 C21.0976007,11.6836842 21.0976007,12.3168442 20.7071007,12.7073442 L17.7071007,15.7073442 C17.3166007,16.0979442 16.6834007,16.0979442 16.2929007,15.7073442 C15.9024007,15.3168442 15.9024007,14.6836442 16.2929007,14.2931442 L18.5858007,12.0002442 L16.2929007,9.70737423 C15.9024007,9.31685423 15.9024007,8.68368423 16.2929007,8.29316423 Z"
|
|
13
|
+
id="Shape"
|
|
14
|
+
></path>
|
|
15
|
+
</g>
|
|
16
|
+
</g>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
35
19
|
};
|