@orchestrator-ui/orchestrator-ui-components 8.2.0 → 8.3.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 +6 -6
- package/.turbo/turbo-lint.log +1 -1
- package/.turbo/turbo-test.log +6 -6
- package/CHANGELOG.md +6 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.js +121 -122
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/WfoTitleWithWebsocketBadge/WfoTitleWithWebsocketBadge.tsx +9 -6
- package/src/configuration/version.ts +1 -1
package/dist/index.js
CHANGED
|
@@ -64,7 +64,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
|
|
|
64
64
|
})(PolicyResource || {});
|
|
65
65
|
|
|
66
66
|
// src/configuration/version.ts
|
|
67
|
-
var ORCHESTRATOR_UI_LIBRARY_VERSION = "8.
|
|
67
|
+
var ORCHESTRATOR_UI_LIBRARY_VERSION = "8.3.0";
|
|
68
68
|
|
|
69
69
|
// src/types/types.ts
|
|
70
70
|
var EngineStatus = /* @__PURE__ */ ((EngineStatus2) => {
|
|
@@ -17031,21 +17031,20 @@ var WfoProductsSummaryCard = () => {
|
|
|
17031
17031
|
};
|
|
17032
17032
|
|
|
17033
17033
|
// src/components/WfoTitleWithWebsocketBadge/WfoTitleWithWebsocketBadge.tsx
|
|
17034
|
-
import { EuiPageHeader as EuiPageHeader3 } from "@elastic/eui";
|
|
17035
|
-
import {
|
|
17034
|
+
import { EuiFlexGroup as EuiFlexGroup33, EuiFlexItem as EuiFlexItem31, EuiPageHeader as EuiPageHeader3 } from "@elastic/eui";
|
|
17035
|
+
import { jsx as jsx248, jsxs as jsxs131 } from "@emotion/react/jsx-runtime";
|
|
17036
17036
|
var WfoTitleWithWebsocketBadge = ({ title, wsUrl = void 0 }) => {
|
|
17037
17037
|
const { useWebSockets } = useGetOrchestratorConfig();
|
|
17038
|
-
const pageTitle = useWebSockets ? /* @__PURE__ */ jsxs131(
|
|
17039
|
-
title,
|
|
17040
|
-
|
|
17041
|
-
/* @__PURE__ */ jsx248(WfoWebsocketStatusBadge, { wsUrl })
|
|
17038
|
+
const pageTitle = useWebSockets ? /* @__PURE__ */ jsxs131(EuiFlexGroup33, { alignItems: "center", gutterSize: "s", children: [
|
|
17039
|
+
/* @__PURE__ */ jsx248(EuiFlexItem31, { grow: false, children: title }),
|
|
17040
|
+
/* @__PURE__ */ jsx248(EuiFlexItem31, { grow: false, children: /* @__PURE__ */ jsx248(WfoWebsocketStatusBadge, { wsUrl }) })
|
|
17042
17041
|
] }) : title;
|
|
17043
17042
|
return /* @__PURE__ */ jsx248(EuiPageHeader3, { pageTitle });
|
|
17044
17043
|
};
|
|
17045
17044
|
|
|
17046
17045
|
// src/components/WfoRadioDropdown/WfoRadioDropdown.tsx
|
|
17047
17046
|
import { useState as useState46 } from "react";
|
|
17048
|
-
import { EuiButtonEmpty as EuiButtonEmpty7, EuiFlexGroup as
|
|
17047
|
+
import { EuiButtonEmpty as EuiButtonEmpty7, EuiFlexGroup as EuiFlexGroup34, EuiPopover as EuiPopover10, EuiRadioGroup as EuiRadioGroup2 } from "@elastic/eui";
|
|
17049
17048
|
import { jsx as jsx249 } from "@emotion/react/jsx-runtime";
|
|
17050
17049
|
var WfoRadioDropdown = ({ options, onUpdateOption, selectedOption }) => {
|
|
17051
17050
|
const [isOpen, setIsOpen] = useState46(false);
|
|
@@ -17066,7 +17065,7 @@ var WfoRadioDropdown = ({ options, onUpdateOption, selectedOption }) => {
|
|
|
17066
17065
|
id: option.id,
|
|
17067
17066
|
label: option.label
|
|
17068
17067
|
}));
|
|
17069
|
-
return /* @__PURE__ */ jsx249(
|
|
17068
|
+
return /* @__PURE__ */ jsx249(EuiFlexGroup34, { gutterSize: "s", alignItems: "center", justifyContent: "flexEnd", children: /* @__PURE__ */ jsx249(
|
|
17070
17069
|
EuiPopover10,
|
|
17071
17070
|
{
|
|
17072
17071
|
button: /* @__PURE__ */ jsx249(
|
|
@@ -17239,7 +17238,7 @@ var WfoProcessListNoteEdit = ({ processId, note }) => {
|
|
|
17239
17238
|
};
|
|
17240
17239
|
|
|
17241
17240
|
// src/components/WfoTableCodeBlock/WfoTableCodeBlock.tsx
|
|
17242
|
-
import { EuiFlexItem as
|
|
17241
|
+
import { EuiFlexItem as EuiFlexItem32 } from "@elastic/eui";
|
|
17243
17242
|
|
|
17244
17243
|
// src/components/WfoTableCodeBlock/styles.ts
|
|
17245
17244
|
import { css as css43 } from "@emotion/react";
|
|
@@ -17267,7 +17266,7 @@ var WfoTableCodeBlock = ({ stepState: data }) => {
|
|
|
17267
17266
|
textToCopy: value
|
|
17268
17267
|
};
|
|
17269
17268
|
});
|
|
17270
|
-
return /* @__PURE__ */ jsx253(
|
|
17269
|
+
return /* @__PURE__ */ jsx253(EuiFlexItem32, { css: tableCodeBlockMarginStyle, children: /* @__PURE__ */ jsx253(WfoKeyValueTable, { keyValues, showCopyToClipboardIcon: true }) });
|
|
17271
17270
|
};
|
|
17272
17271
|
|
|
17273
17272
|
// src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
|
|
@@ -17277,8 +17276,8 @@ import {
|
|
|
17277
17276
|
EuiButton as EuiButton21,
|
|
17278
17277
|
EuiCallOut as EuiCallOut5,
|
|
17279
17278
|
EuiFieldSearch as EuiFieldSearch3,
|
|
17280
|
-
EuiFlexGroup as
|
|
17281
|
-
EuiFlexItem as
|
|
17279
|
+
EuiFlexGroup as EuiFlexGroup35,
|
|
17280
|
+
EuiFlexItem as EuiFlexItem33,
|
|
17282
17281
|
EuiPanel as EuiPanel15,
|
|
17283
17282
|
EuiSelect as EuiSelect2,
|
|
17284
17283
|
EuiSpacer as EuiSpacer31,
|
|
@@ -17544,7 +17543,7 @@ var useUrlParams = () => {
|
|
|
17544
17543
|
};
|
|
17545
17544
|
|
|
17546
17545
|
// src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
|
|
17547
|
-
import { Fragment as
|
|
17546
|
+
import { Fragment as Fragment58, jsx as jsx254, jsxs as jsxs132 } from "@emotion/react/jsx-runtime";
|
|
17548
17547
|
var WfoSearch = () => {
|
|
17549
17548
|
const t = useTranslations84("search.page");
|
|
17550
17549
|
const searchAvailability = useSearchAvailability();
|
|
@@ -17683,10 +17682,10 @@ var WfoSearch = () => {
|
|
|
17683
17682
|
}
|
|
17684
17683
|
),
|
|
17685
17684
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "s" }),
|
|
17686
|
-
/* @__PURE__ */ jsxs132(
|
|
17687
|
-
/* @__PURE__ */ jsx254(
|
|
17688
|
-
/* @__PURE__ */ jsx254(
|
|
17689
|
-
/* @__PURE__ */ jsx254(
|
|
17685
|
+
/* @__PURE__ */ jsxs132(EuiFlexGroup35, { gutterSize: "s", alignItems: "center", children: [
|
|
17686
|
+
/* @__PURE__ */ jsx254(EuiFlexItem33, { grow: false, children: /* @__PURE__ */ jsx254(EuiButton21, { iconType: showFilters ? "eyeClosed" : "eye", size: "s", onClick: () => setShowFilters(!showFilters), children: showFilters ? t("hideFilters") : t("showFilters") }) }),
|
|
17687
|
+
/* @__PURE__ */ jsx254(EuiFlexItem33, { grow: true }),
|
|
17688
|
+
/* @__PURE__ */ jsx254(EuiFlexItem33, { grow: false, children: /* @__PURE__ */ jsx254(
|
|
17690
17689
|
EuiSelect2,
|
|
17691
17690
|
{
|
|
17692
17691
|
options: [
|
|
@@ -17714,7 +17713,7 @@ var WfoSearch = () => {
|
|
|
17714
17713
|
}
|
|
17715
17714
|
) })
|
|
17716
17715
|
] }),
|
|
17717
|
-
showFilters && /* @__PURE__ */ jsxs132(
|
|
17716
|
+
showFilters && /* @__PURE__ */ jsxs132(Fragment58, { children: [
|
|
17718
17717
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "m" }),
|
|
17719
17718
|
/* @__PURE__ */ jsxs132(EuiPanel15, { hasBorder: true, paddingSize: "m", children: [
|
|
17720
17719
|
/* @__PURE__ */ jsx254(EuiText32, { children: /* @__PURE__ */ jsx254("h4", { children: t("structuredFilters") }) }),
|
|
@@ -17723,14 +17722,14 @@ var WfoSearch = () => {
|
|
|
17723
17722
|
] })
|
|
17724
17723
|
] }),
|
|
17725
17724
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "m" }),
|
|
17726
|
-
error && /* @__PURE__ */ jsxs132(
|
|
17725
|
+
error && /* @__PURE__ */ jsxs132(Fragment58, { children: [
|
|
17727
17726
|
/* @__PURE__ */ jsxs132(EuiCallOut5, { title: t("searchError"), color: "danger", iconType: "alert", size: "s", children: [
|
|
17728
17727
|
/* @__PURE__ */ jsx254("p", { children: error }),
|
|
17729
17728
|
/* @__PURE__ */ jsx254(EuiButton21, { size: "s", color: "danger", onClick: () => setError(null), children: t("dismiss") })
|
|
17730
17729
|
] }),
|
|
17731
17730
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "m" })
|
|
17732
17731
|
] }),
|
|
17733
|
-
shouldShowNoResults && /* @__PURE__ */ jsxs132(
|
|
17732
|
+
shouldShowNoResults && /* @__PURE__ */ jsxs132(Fragment58, { children: [
|
|
17734
17733
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "l" }),
|
|
17735
17734
|
/* @__PURE__ */ jsxs132(EuiCallOut5, { title: t("noResults"), color: "primary", iconType: "search", size: "m", children: [
|
|
17736
17735
|
/* @__PURE__ */ jsx254("p", { children: t("noResultsMessage", {
|
|
@@ -17741,11 +17740,11 @@ var WfoSearch = () => {
|
|
|
17741
17740
|
] }),
|
|
17742
17741
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "l" })
|
|
17743
17742
|
] }),
|
|
17744
|
-
isSearchActive && /* @__PURE__ */ jsxs132(
|
|
17743
|
+
isSearchActive && /* @__PURE__ */ jsxs132(Fragment58, { children: [
|
|
17745
17744
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "m" }),
|
|
17746
|
-
/* @__PURE__ */ jsxs132(
|
|
17747
|
-
/* @__PURE__ */ jsx254(
|
|
17748
|
-
|
|
17745
|
+
/* @__PURE__ */ jsxs132(EuiFlexGroup35, { gutterSize: "s", alignItems: "center", children: [
|
|
17746
|
+
/* @__PURE__ */ jsx254(EuiFlexItem33, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsxs132(
|
|
17747
|
+
EuiFlexGroup35,
|
|
17749
17748
|
{
|
|
17750
17749
|
gutterSize: "s",
|
|
17751
17750
|
alignItems: "center",
|
|
@@ -17753,8 +17752,8 @@ var WfoSearch = () => {
|
|
|
17753
17752
|
responsive: false,
|
|
17754
17753
|
style: { width: "100%" },
|
|
17755
17754
|
children: [
|
|
17756
|
-
/* @__PURE__ */ jsx254(
|
|
17757
|
-
/* @__PURE__ */ jsx254(
|
|
17755
|
+
/* @__PURE__ */ jsx254(EuiFlexItem33, { grow: false, children: /* @__PURE__ */ jsx254(WfoSearchMetadataHeader, { search_metadata: results.search_metadata }) }),
|
|
17756
|
+
/* @__PURE__ */ jsx254(EuiFlexItem33, { grow: false, children: /* @__PURE__ */ jsx254(
|
|
17758
17757
|
WfoSearchPaginationInfo,
|
|
17759
17758
|
{
|
|
17760
17759
|
has_next_page: results.page_info.has_next_page,
|
|
@@ -17770,11 +17769,11 @@ var WfoSearch = () => {
|
|
|
17770
17769
|
]
|
|
17771
17770
|
}
|
|
17772
17771
|
) }),
|
|
17773
|
-
showDetailPanel && /* @__PURE__ */ jsx254(
|
|
17772
|
+
showDetailPanel && /* @__PURE__ */ jsx254(EuiFlexItem33, { grow: DETAIL_GROW })
|
|
17774
17773
|
] }),
|
|
17775
17774
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "s" }),
|
|
17776
|
-
/* @__PURE__ */ jsxs132(
|
|
17777
|
-
/* @__PURE__ */ jsx254(
|
|
17775
|
+
/* @__PURE__ */ jsxs132(EuiFlexGroup35, { gutterSize: "s", alignItems: "flexStart", children: [
|
|
17776
|
+
/* @__PURE__ */ jsx254(EuiFlexItem33, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsx254(EuiPanel15, { paddingSize: "none", hasBorder: true, children: /* @__PURE__ */ jsx254(
|
|
17778
17777
|
WfoSearchResults,
|
|
17779
17778
|
{
|
|
17780
17779
|
results: results.data,
|
|
@@ -17789,44 +17788,44 @@ var WfoSearch = () => {
|
|
|
17789
17788
|
}
|
|
17790
17789
|
}
|
|
17791
17790
|
) }) }),
|
|
17792
|
-
showDetailPanel && /* @__PURE__ */ jsx254(
|
|
17791
|
+
showDetailPanel && /* @__PURE__ */ jsx254(EuiFlexItem33, { grow: DETAIL_GROW, children: /* @__PURE__ */ jsx254(EuiPanel15, { paddingSize: "m", hasBorder: true, hasShadow: false, color: "transparent", children: results.data[selectedRecordIndex] && /* @__PURE__ */ jsx254(TreeProvider, { children: /* @__PURE__ */ jsx254(WfoSubscription, { subscriptionId: results.data[selectedRecordIndex].entity_id }) }) }) })
|
|
17793
17792
|
] })
|
|
17794
17793
|
] })
|
|
17795
17794
|
] });
|
|
17796
17795
|
};
|
|
17797
17796
|
|
|
17798
17797
|
// src/components/WfoSearchPage/WfoSearchResults/WfoSearchResults.tsx
|
|
17799
|
-
import { EuiFlexGroup as
|
|
17798
|
+
import { EuiFlexGroup as EuiFlexGroup40, EuiPanel as EuiPanel19 } from "@elastic/eui";
|
|
17800
17799
|
|
|
17801
17800
|
// src/components/WfoSearchPage/WfoSearchResults/WfoSearchEmptyState.tsx
|
|
17802
17801
|
import { useTranslations as useTranslations85 } from "next-intl";
|
|
17803
|
-
import { EuiFlexGroup as
|
|
17802
|
+
import { EuiFlexGroup as EuiFlexGroup36, EuiFlexItem as EuiFlexItem34, EuiPanel as EuiPanel16, EuiText as EuiText33 } from "@elastic/eui";
|
|
17804
17803
|
import { jsx as jsx255 } from "@emotion/react/jsx-runtime";
|
|
17805
17804
|
var WfoSearchEmptyState = () => {
|
|
17806
17805
|
const t = useTranslations85("search.page");
|
|
17807
17806
|
const { theme } = useOrchestratorTheme();
|
|
17808
|
-
return /* @__PURE__ */ jsx255(EuiPanel16, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx255(
|
|
17807
|
+
return /* @__PURE__ */ jsx255(EuiPanel16, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx255(EuiFlexGroup36, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx255(EuiFlexItem34, { grow: false, children: /* @__PURE__ */ jsx255(EuiText33, { size: "m", color: theme.colors.textSubdued, children: t("noResultsFound") }) }) }) });
|
|
17809
17808
|
};
|
|
17810
17809
|
|
|
17811
17810
|
// src/components/WfoSearchPage/WfoSearchResults/WfoSearchLoadingState.tsx
|
|
17812
17811
|
import { useTranslations as useTranslations86 } from "next-intl";
|
|
17813
|
-
import { EuiFlexGroup as
|
|
17812
|
+
import { EuiFlexGroup as EuiFlexGroup37, EuiFlexItem as EuiFlexItem35, EuiPanel as EuiPanel17, EuiText as EuiText34 } from "@elastic/eui";
|
|
17814
17813
|
import { jsx as jsx256 } from "@emotion/react/jsx-runtime";
|
|
17815
17814
|
var WfoSearchLoadingState = () => {
|
|
17816
17815
|
const t = useTranslations86("search.page");
|
|
17817
17816
|
const { theme } = useOrchestratorTheme();
|
|
17818
|
-
return /* @__PURE__ */ jsx256(EuiPanel17, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx256(
|
|
17817
|
+
return /* @__PURE__ */ jsx256(EuiPanel17, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx256(EuiFlexGroup37, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx256(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsx256(EuiText34, { size: "m", color: theme.colors.textSubdued, children: t("loadingSearchResults") }) }) }) });
|
|
17819
17818
|
};
|
|
17820
17819
|
|
|
17821
17820
|
// src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
|
|
17822
17821
|
import { useEffect as useEffect35, useRef as useRef11 } from "react";
|
|
17823
17822
|
import { useTranslations as useTranslations87 } from "next-intl";
|
|
17824
|
-
import { EuiButtonIcon as EuiButtonIcon16, EuiFlexGroup as
|
|
17823
|
+
import { EuiButtonIcon as EuiButtonIcon16, EuiFlexGroup as EuiFlexGroup39, EuiFlexItem as EuiFlexItem37, EuiPanel as EuiPanel18, EuiSpacer as EuiSpacer32, EuiText as EuiText35 } from "@elastic/eui";
|
|
17825
17824
|
|
|
17826
17825
|
// src/components/WfoSearchPage/WfoSearchResults/WfoHighlightedText.tsx
|
|
17827
17826
|
import { useMemo as useMemo8 } from "react";
|
|
17828
17827
|
import { css as css44 } from "@emotion/react";
|
|
17829
|
-
import { Fragment as
|
|
17828
|
+
import { Fragment as Fragment59, jsx as jsx257 } from "@emotion/react/jsx-runtime";
|
|
17830
17829
|
var WfoHighlightedText = ({ text, highlight_indices }) => {
|
|
17831
17830
|
const { theme } = useOrchestratorTheme();
|
|
17832
17831
|
const highlightStyles = css44`
|
|
@@ -17858,12 +17857,12 @@ var WfoHighlightedText = ({ text, highlight_indices }) => {
|
|
|
17858
17857
|
}
|
|
17859
17858
|
return parts;
|
|
17860
17859
|
}, [text, highlight_indices, highlightStyles]);
|
|
17861
|
-
return /* @__PURE__ */ jsx257(
|
|
17860
|
+
return /* @__PURE__ */ jsx257(Fragment59, { children: highlightedParts });
|
|
17862
17861
|
};
|
|
17863
17862
|
|
|
17864
17863
|
// src/components/WfoSearchPage/WfoSearchResults/WfoPathBreadcrumb.tsx
|
|
17865
|
-
import { Fragment as
|
|
17866
|
-
import { EuiFlexGroup as
|
|
17864
|
+
import { Fragment as Fragment60 } from "react";
|
|
17865
|
+
import { EuiFlexGroup as EuiFlexGroup38, EuiFlexItem as EuiFlexItem36, EuiIcon as EuiIcon5 } from "@elastic/eui";
|
|
17867
17866
|
import { jsx as jsx258, jsxs as jsxs133 } from "@emotion/react/jsx-runtime";
|
|
17868
17867
|
var WfoPathBreadcrumb = ({
|
|
17869
17868
|
path,
|
|
@@ -17883,14 +17882,14 @@ var WfoPathBreadcrumb = ({
|
|
|
17883
17882
|
}
|
|
17884
17883
|
const displaySegments = maxSegments && segments.length > maxSegments ? [...segments.slice(0, maxSegments - 1), "...", segments[segments.length - 1]] : segments;
|
|
17885
17884
|
const badgeColor = color || theme.colors.primary;
|
|
17886
|
-
return /* @__PURE__ */ jsx258(
|
|
17887
|
-
/* @__PURE__ */ jsx258(
|
|
17888
|
-
showArrows && index < displaySegments.length - 1 && /* @__PURE__ */ jsx258(
|
|
17885
|
+
return /* @__PURE__ */ jsx258(EuiFlexGroup38, { gutterSize: size, alignItems: "center", wrap: false, responsive: false, children: displaySegments.map((segment, index) => /* @__PURE__ */ jsxs133(Fragment60, { children: [
|
|
17886
|
+
/* @__PURE__ */ jsx258(EuiFlexItem36, { grow: false, children: /* @__PURE__ */ jsx258(WfoBadge, { color: badgeColor, textColor: theme.colors.textGhost, size, children: segment }) }),
|
|
17887
|
+
showArrows && index < displaySegments.length - 1 && /* @__PURE__ */ jsx258(EuiFlexItem36, { grow: false, children: /* @__PURE__ */ jsx258(EuiIcon5, { type: "arrowRight", size, color: theme.colors.link }) })
|
|
17889
17888
|
] }, index)) });
|
|
17890
17889
|
};
|
|
17891
17890
|
|
|
17892
17891
|
// src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
|
|
17893
|
-
import { Fragment as
|
|
17892
|
+
import { Fragment as Fragment61, jsx as jsx259, jsxs as jsxs134 } from "@emotion/react/jsx-runtime";
|
|
17894
17893
|
var WfoSearchResultItem = ({
|
|
17895
17894
|
result,
|
|
17896
17895
|
isSelected = false,
|
|
@@ -17909,7 +17908,7 @@ var WfoSearchResultItem = ({
|
|
|
17909
17908
|
onPositionChange(index, itemRef.current);
|
|
17910
17909
|
}
|
|
17911
17910
|
}, [isSelected, index, onPositionChange]);
|
|
17912
|
-
return /* @__PURE__ */ jsx259(
|
|
17911
|
+
return /* @__PURE__ */ jsx259(EuiFlexItem37, { children: /* @__PURE__ */ jsx259(
|
|
17913
17912
|
EuiPanel18,
|
|
17914
17913
|
{
|
|
17915
17914
|
panelRef: itemRef,
|
|
@@ -17926,9 +17925,9 @@ var WfoSearchResultItem = ({
|
|
|
17926
17925
|
borderRight: "none",
|
|
17927
17926
|
borderColor: theme.colors.primary
|
|
17928
17927
|
} : void 0,
|
|
17929
|
-
children: /* @__PURE__ */ jsxs134(
|
|
17930
|
-
/* @__PURE__ */ jsx259(
|
|
17931
|
-
/* @__PURE__ */ jsx259(
|
|
17928
|
+
children: /* @__PURE__ */ jsxs134(EuiFlexGroup39, { alignItems: "flexStart", gutterSize: "m", children: [
|
|
17929
|
+
/* @__PURE__ */ jsx259(EuiFlexItem37, { children: /* @__PURE__ */ jsxs134(EuiFlexGroup39, { direction: "column", gutterSize: "xs", children: [
|
|
17930
|
+
/* @__PURE__ */ jsx259(EuiFlexItem37, { children: /* @__PURE__ */ jsx259(
|
|
17932
17931
|
EuiText35,
|
|
17933
17932
|
{
|
|
17934
17933
|
size: "m",
|
|
@@ -17938,8 +17937,8 @@ var WfoSearchResultItem = ({
|
|
|
17938
17937
|
children: result.entity_title
|
|
17939
17938
|
}
|
|
17940
17939
|
) }),
|
|
17941
|
-
matchingField && /* @__PURE__ */ jsxs134(
|
|
17942
|
-
matchingField.path && /* @__PURE__ */ jsx259(
|
|
17940
|
+
matchingField && /* @__PURE__ */ jsxs134(Fragment61, { children: [
|
|
17941
|
+
matchingField.path && /* @__PURE__ */ jsx259(EuiFlexItem37, { children: /* @__PURE__ */ jsx259(
|
|
17943
17942
|
WfoPathBreadcrumb,
|
|
17944
17943
|
{
|
|
17945
17944
|
path: matchingField.path,
|
|
@@ -17948,7 +17947,7 @@ var WfoSearchResultItem = ({
|
|
|
17948
17947
|
color: theme.colors.primary
|
|
17949
17948
|
}
|
|
17950
17949
|
) }),
|
|
17951
|
-
/* @__PURE__ */ jsx259(
|
|
17950
|
+
/* @__PURE__ */ jsx259(EuiFlexItem37, { children: /* @__PURE__ */ jsx259(
|
|
17952
17951
|
EuiText35,
|
|
17953
17952
|
{
|
|
17954
17953
|
style: {
|
|
@@ -17968,9 +17967,9 @@ var WfoSearchResultItem = ({
|
|
|
17968
17967
|
/* @__PURE__ */ jsx259(EuiSpacer32, { size: "xs" })
|
|
17969
17968
|
] })
|
|
17970
17969
|
] }) }),
|
|
17971
|
-
/* @__PURE__ */ jsx259(
|
|
17972
|
-
/* @__PURE__ */ jsx259(
|
|
17973
|
-
/* @__PURE__ */ jsx259(
|
|
17970
|
+
/* @__PURE__ */ jsx259(EuiFlexItem37, { grow: false, children: /* @__PURE__ */ jsxs134(EuiFlexGroup39, { direction: "column", alignItems: "flexEnd", gutterSize: "xs", children: [
|
|
17971
|
+
/* @__PURE__ */ jsx259(EuiFlexItem37, { children: /* @__PURE__ */ jsx259(WfoBadge, { color: theme.colors.primary, textColor: theme.colors.textGhost, children: "score" in result && result.score ? result.score.toFixed(4) : "N/A" }) }),
|
|
17972
|
+
/* @__PURE__ */ jsx259(EuiFlexItem37, { children: /* @__PURE__ */ jsx259(
|
|
17974
17973
|
EuiButtonIcon16,
|
|
17975
17974
|
{
|
|
17976
17975
|
iconType: "popout",
|
|
@@ -18003,7 +18002,7 @@ var WfoSearchResults = ({
|
|
|
18003
18002
|
if (!results || results.length === 0) {
|
|
18004
18003
|
return /* @__PURE__ */ jsx260(WfoSearchEmptyState, {});
|
|
18005
18004
|
}
|
|
18006
|
-
return /* @__PURE__ */ jsx260(EuiPanel19, { paddingSize: "m", hasShadow: false, children: /* @__PURE__ */ jsx260(
|
|
18005
|
+
return /* @__PURE__ */ jsx260(EuiPanel19, { paddingSize: "m", hasShadow: false, children: /* @__PURE__ */ jsx260(EuiFlexGroup40, { direction: "column", gutterSize: "s", children: results.map((result, idx) => /* @__PURE__ */ jsx260(
|
|
18007
18006
|
WfoSearchResultItem,
|
|
18008
18007
|
{
|
|
18009
18008
|
result,
|
|
@@ -18026,7 +18025,7 @@ var WfoSearchMetadataHeader = ({ search_metadata }) => {
|
|
|
18026
18025
|
|
|
18027
18026
|
// src/components/WfoSearchPage/WfoSearchResults/WfoSearchPaginationInfo.tsx
|
|
18028
18027
|
import { useTranslations as useTranslations88 } from "next-intl";
|
|
18029
|
-
import { EuiButtonIcon as EuiButtonIcon17, EuiFlexGroup as
|
|
18028
|
+
import { EuiButtonIcon as EuiButtonIcon17, EuiFlexGroup as EuiFlexGroup41, EuiFlexItem as EuiFlexItem38, EuiText as EuiText36 } from "@elastic/eui";
|
|
18030
18029
|
import { jsx as jsx262, jsxs as jsxs135 } from "@emotion/react/jsx-runtime";
|
|
18031
18030
|
var WfoSearchPaginationInfo = ({
|
|
18032
18031
|
has_next_page,
|
|
@@ -18048,7 +18047,7 @@ var WfoSearchPaginationInfo = ({
|
|
|
18048
18047
|
};
|
|
18049
18048
|
if (!has_next_page && !hasPrevPage) return null;
|
|
18050
18049
|
return /* @__PURE__ */ jsxs135(
|
|
18051
|
-
|
|
18050
|
+
EuiFlexGroup41,
|
|
18052
18051
|
{
|
|
18053
18052
|
justifyContent: "flexEnd",
|
|
18054
18053
|
alignItems: "center",
|
|
@@ -18063,7 +18062,7 @@ var WfoSearchPaginationInfo = ({
|
|
|
18063
18062
|
role: "navigation",
|
|
18064
18063
|
"aria-label": t("searchResultsPagination"),
|
|
18065
18064
|
children: [
|
|
18066
|
-
/* @__PURE__ */ jsx262(
|
|
18065
|
+
/* @__PURE__ */ jsx262(EuiFlexItem38, { grow: false, children: /* @__PURE__ */ jsx262(
|
|
18067
18066
|
EuiButtonIcon17,
|
|
18068
18067
|
{
|
|
18069
18068
|
iconType: "arrowLeft",
|
|
@@ -18074,12 +18073,12 @@ var WfoSearchPaginationInfo = ({
|
|
|
18074
18073
|
size: "s"
|
|
18075
18074
|
}
|
|
18076
18075
|
) }),
|
|
18077
|
-
/* @__PURE__ */ jsx262(
|
|
18076
|
+
/* @__PURE__ */ jsx262(EuiFlexItem38, { grow: false, children: /* @__PURE__ */ jsxs135(EuiText36, { size: "xs", color: theme.colors.textSubdued, children: [
|
|
18078
18077
|
t("page"),
|
|
18079
18078
|
" ",
|
|
18080
18079
|
currentPage
|
|
18081
18080
|
] }) }),
|
|
18082
|
-
/* @__PURE__ */ jsx262(
|
|
18081
|
+
/* @__PURE__ */ jsx262(EuiFlexItem38, { grow: false, children: /* @__PURE__ */ jsx262(
|
|
18083
18082
|
EuiButtonIcon17,
|
|
18084
18083
|
{
|
|
18085
18084
|
iconType: "arrowRight",
|
|
@@ -18091,7 +18090,7 @@ var WfoSearchPaginationInfo = ({
|
|
|
18091
18090
|
isLoading
|
|
18092
18091
|
}
|
|
18093
18092
|
) }),
|
|
18094
|
-
resultCount && resultCount > 0 && /* @__PURE__ */ jsx262(
|
|
18093
|
+
resultCount && resultCount > 0 && /* @__PURE__ */ jsx262(EuiFlexItem38, { grow: false, children: /* @__PURE__ */ jsx262(WfoBadge, { className: "wfoPagination__badge", color: "hollow", textColor: "default", children: t("resultsOnPage", { resultCount }) }) })
|
|
18095
18094
|
]
|
|
18096
18095
|
}
|
|
18097
18096
|
);
|
|
@@ -18104,8 +18103,8 @@ import {
|
|
|
18104
18103
|
EuiButtonIcon as EuiButtonIcon19,
|
|
18105
18104
|
EuiCallOut as EuiCallOut6,
|
|
18106
18105
|
EuiCode as EuiCode2,
|
|
18107
|
-
EuiFlexGroup as
|
|
18108
|
-
EuiFlexItem as
|
|
18106
|
+
EuiFlexGroup as EuiFlexGroup47,
|
|
18107
|
+
EuiFlexItem as EuiFlexItem44,
|
|
18109
18108
|
EuiPanel as EuiPanel21,
|
|
18110
18109
|
EuiSpacer as EuiSpacer33,
|
|
18111
18110
|
EuiText as EuiText41
|
|
@@ -18114,7 +18113,7 @@ import {
|
|
|
18114
18113
|
// src/components/WfoSearchPage/WfoConditionRow/WfoConditionRow.tsx
|
|
18115
18114
|
import { useState as useState54 } from "react";
|
|
18116
18115
|
import { useTranslations as useTranslations94 } from "next-intl";
|
|
18117
|
-
import { EuiButtonIcon as EuiButtonIcon18, EuiFlexGroup as
|
|
18116
|
+
import { EuiButtonIcon as EuiButtonIcon18, EuiFlexGroup as EuiFlexGroup46, EuiFlexItem as EuiFlexItem43, EuiFormRow as EuiFormRow8, EuiPanel as EuiPanel20 } from "@elastic/eui";
|
|
18118
18117
|
|
|
18119
18118
|
// src/hooks/usePathAutoComplete.ts
|
|
18120
18119
|
import { useEffect as useEffect36, useState as useState53 } from "react";
|
|
@@ -18218,13 +18217,13 @@ import {
|
|
|
18218
18217
|
EuiDatePicker as EuiDatePicker2,
|
|
18219
18218
|
EuiFieldNumber as EuiFieldNumber2,
|
|
18220
18219
|
EuiFieldText as EuiFieldText2,
|
|
18221
|
-
EuiFlexGroup as
|
|
18222
|
-
EuiFlexItem as
|
|
18220
|
+
EuiFlexGroup as EuiFlexGroup42,
|
|
18221
|
+
EuiFlexItem as EuiFlexItem39,
|
|
18223
18222
|
EuiFormHelpText,
|
|
18224
18223
|
EuiIcon as EuiIcon6,
|
|
18225
18224
|
EuiText as EuiText37
|
|
18226
18225
|
} from "@elastic/eui";
|
|
18227
|
-
import { Fragment as
|
|
18226
|
+
import { Fragment as Fragment62, jsx as jsx263, jsxs as jsxs136 } from "@emotion/react/jsx-runtime";
|
|
18228
18227
|
var ValueControl = ({ pathInfo, operator, value, onChange }) => {
|
|
18229
18228
|
const t = useTranslations89("search.page");
|
|
18230
18229
|
const { theme } = useOrchestratorTheme();
|
|
@@ -18245,7 +18244,7 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
|
|
|
18245
18244
|
};
|
|
18246
18245
|
const currentValue = String(value || "");
|
|
18247
18246
|
const hasWildcards = currentValue.includes("%") || currentValue.includes("_");
|
|
18248
|
-
return /* @__PURE__ */ jsxs136(
|
|
18247
|
+
return /* @__PURE__ */ jsxs136(Fragment62, { children: [
|
|
18249
18248
|
/* @__PURE__ */ jsx263(
|
|
18250
18249
|
EuiFieldText2,
|
|
18251
18250
|
{
|
|
@@ -18306,8 +18305,8 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
|
|
|
18306
18305
|
if (pathInfo.type === "number") {
|
|
18307
18306
|
if (operator === "between") {
|
|
18308
18307
|
const betweenValue = value || { start: "", end: "" };
|
|
18309
|
-
return /* @__PURE__ */ jsxs136(
|
|
18310
|
-
/* @__PURE__ */ jsx263(
|
|
18308
|
+
return /* @__PURE__ */ jsxs136(EuiFlexGroup42, { gutterSize: "s", alignItems: "center", children: [
|
|
18309
|
+
/* @__PURE__ */ jsx263(EuiFlexItem39, { children: /* @__PURE__ */ jsx263(
|
|
18311
18310
|
EuiFieldNumber2,
|
|
18312
18311
|
{
|
|
18313
18312
|
placeholder: t("fromNumber"),
|
|
@@ -18318,8 +18317,8 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
|
|
|
18318
18317
|
})
|
|
18319
18318
|
}
|
|
18320
18319
|
) }),
|
|
18321
|
-
/* @__PURE__ */ jsx263(
|
|
18322
|
-
/* @__PURE__ */ jsx263(
|
|
18320
|
+
/* @__PURE__ */ jsx263(EuiFlexItem39, { grow: false, children: /* @__PURE__ */ jsx263(EuiText37, { size: "s", color: theme.colors.textSubdued, children: "to" }) }),
|
|
18321
|
+
/* @__PURE__ */ jsx263(EuiFlexItem39, { children: /* @__PURE__ */ jsx263(
|
|
18323
18322
|
EuiFieldNumber2,
|
|
18324
18323
|
{
|
|
18325
18324
|
placeholder: t("toNumber"),
|
|
@@ -18344,8 +18343,8 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
|
|
|
18344
18343
|
if (pathInfo.type === "datetime") {
|
|
18345
18344
|
if (operator === "between") {
|
|
18346
18345
|
const betweenValue = value || { start: null, end: null };
|
|
18347
|
-
return /* @__PURE__ */ jsxs136(
|
|
18348
|
-
/* @__PURE__ */ jsx263(
|
|
18346
|
+
return /* @__PURE__ */ jsxs136(EuiFlexGroup42, { gutterSize: "s", alignItems: "center", children: [
|
|
18347
|
+
/* @__PURE__ */ jsx263(EuiFlexItem39, { children: /* @__PURE__ */ jsx263(
|
|
18349
18348
|
EuiDatePicker2,
|
|
18350
18349
|
{
|
|
18351
18350
|
selected: betweenValue.start ? moment2(betweenValue.start) : null,
|
|
@@ -18358,8 +18357,8 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
|
|
|
18358
18357
|
placeholderText: t("fromDate")
|
|
18359
18358
|
}
|
|
18360
18359
|
) }),
|
|
18361
|
-
/* @__PURE__ */ jsx263(
|
|
18362
|
-
/* @__PURE__ */ jsx263(
|
|
18360
|
+
/* @__PURE__ */ jsx263(EuiFlexItem39, { grow: false, children: /* @__PURE__ */ jsx263(EuiText37, { size: "s", color: theme.colors.textSubdued, children: t("valueControlTo") }) }),
|
|
18361
|
+
/* @__PURE__ */ jsx263(EuiFlexItem39, { children: /* @__PURE__ */ jsx263(
|
|
18363
18362
|
EuiDatePicker2,
|
|
18364
18363
|
{
|
|
18365
18364
|
selected: betweenValue.end ? moment2(betweenValue.end) : null,
|
|
@@ -18429,12 +18428,12 @@ var WfoFieldSelector = ({
|
|
|
18429
18428
|
|
|
18430
18429
|
// src/components/WfoSearchPage/WfoConditionRow/WfoOperatorSelector.tsx
|
|
18431
18430
|
import { useTranslations as useTranslations91 } from "next-intl";
|
|
18432
|
-
import { EuiButton as EuiButton22, EuiFlexGroup as
|
|
18431
|
+
import { EuiButton as EuiButton22, EuiFlexGroup as EuiFlexGroup43, EuiFlexItem as EuiFlexItem40, EuiFormRow as EuiFormRow7, EuiText as EuiText38 } from "@elastic/eui";
|
|
18433
18432
|
import { jsx as jsx265, jsxs as jsxs137 } from "@emotion/react/jsx-runtime";
|
|
18434
18433
|
var WfoOperatorSelector = ({ selectedPathInfo, condition, onOperatorChange }) => {
|
|
18435
18434
|
const t = useTranslations91("search.page");
|
|
18436
18435
|
const { theme } = useOrchestratorTheme();
|
|
18437
|
-
return /* @__PURE__ */ jsx265(EuiFormRow7, { label: t("operatorLabel"), children: /* @__PURE__ */ jsxs137(
|
|
18436
|
+
return /* @__PURE__ */ jsx265(EuiFormRow7, { label: t("operatorLabel"), children: /* @__PURE__ */ jsxs137(EuiFlexGroup43, { gutterSize: "xs", wrap: true, children: [
|
|
18438
18437
|
selectedPathInfo?.operators?.map((operator) => {
|
|
18439
18438
|
const { symbol, description } = getOperatorDisplay(operator, selectedPathInfo);
|
|
18440
18439
|
const tooltipContent = operator === "like" ? /* @__PURE__ */ jsxs137("div", { children: [
|
|
@@ -18466,7 +18465,7 @@ var WfoOperatorSelector = ({ selectedPathInfo, condition, onOperatorChange }) =>
|
|
|
18466
18465
|
/* @__PURE__ */ jsx265("code", { children: "test_" }),
|
|
18467
18466
|
' finds "test" + one character'
|
|
18468
18467
|
] }) : description;
|
|
18469
|
-
return /* @__PURE__ */ jsx265(
|
|
18468
|
+
return /* @__PURE__ */ jsx265(EuiFlexItem40, { grow: false, children: /* @__PURE__ */ jsx265(WfoToolTip, { tooltipContent, children: /* @__PURE__ */ jsx265(
|
|
18470
18469
|
EuiButton22,
|
|
18471
18470
|
{
|
|
18472
18471
|
size: "s",
|
|
@@ -18482,7 +18481,7 @@ var WfoOperatorSelector = ({ selectedPathInfo, condition, onOperatorChange }) =>
|
|
|
18482
18481
|
}
|
|
18483
18482
|
) }) }, operator);
|
|
18484
18483
|
}),
|
|
18485
|
-
(!selectedPathInfo || selectedPathInfo.operators.length === 0) && /* @__PURE__ */ jsx265(
|
|
18484
|
+
(!selectedPathInfo || selectedPathInfo.operators.length === 0) && /* @__PURE__ */ jsx265(EuiFlexItem40, { grow: false, children: /* @__PURE__ */ jsx265(EuiText38, { size: "s", color: theme.colors.textSubdued, children: t("selectFieldFirst") }) })
|
|
18486
18485
|
] }) });
|
|
18487
18486
|
};
|
|
18488
18487
|
|
|
@@ -18678,20 +18677,20 @@ var WfoPathSelector = ({
|
|
|
18678
18677
|
|
|
18679
18678
|
// src/components/WfoSearchPage/WfoConditionRow/WfoRenderFunctions.tsx
|
|
18680
18679
|
import { useTranslations as useTranslations93 } from "next-intl";
|
|
18681
|
-
import { EuiFlexGroup as
|
|
18682
|
-
import { Fragment as
|
|
18680
|
+
import { EuiFlexGroup as EuiFlexGroup44, EuiFlexItem as EuiFlexItem41, EuiText as EuiText39 } from "@elastic/eui";
|
|
18681
|
+
import { Fragment as Fragment63, jsx as jsx268, jsxs as jsxs139 } from "@emotion/react/jsx-runtime";
|
|
18683
18682
|
var WfoRenderPathOption = ({ option, contentClassName, paths }) => {
|
|
18684
18683
|
const t = useTranslations93("search.page");
|
|
18685
18684
|
const { theme } = useOrchestratorTheme();
|
|
18686
18685
|
const pathInfo = option.value ? paths.find(({ path }) => path === option.value) : null;
|
|
18687
|
-
if (!pathInfo) return /* @__PURE__ */ jsx268(
|
|
18688
|
-
return /* @__PURE__ */ jsxs139(
|
|
18689
|
-
/* @__PURE__ */ jsx268(
|
|
18690
|
-
/* @__PURE__ */ jsx268(
|
|
18691
|
-
pathInfo.group === "leaf" && pathInfo.pathCount && pathInfo.pathCount > 1 && /* @__PURE__ */ jsx268(
|
|
18686
|
+
if (!pathInfo) return /* @__PURE__ */ jsx268(Fragment63, { children: option.label });
|
|
18687
|
+
return /* @__PURE__ */ jsxs139(EuiFlexGroup44, { alignItems: "center", gutterSize: "s", responsive: false, className: contentClassName, title: "", children: [
|
|
18688
|
+
/* @__PURE__ */ jsx268(EuiFlexItem41, { grow: true, children: /* @__PURE__ */ jsx268(EuiText39, { size: "s", children: pathInfo.displayLabel || pathInfo.path }) }),
|
|
18689
|
+
/* @__PURE__ */ jsx268(EuiFlexItem41, { grow: false, children: /* @__PURE__ */ jsxs139(EuiFlexGroup44, { gutterSize: "xs", alignItems: "center", responsive: false, children: [
|
|
18690
|
+
pathInfo.group === "leaf" && pathInfo.pathCount && pathInfo.pathCount > 1 && /* @__PURE__ */ jsx268(EuiFlexItem41, { grow: false, children: /* @__PURE__ */ jsx268(WfoBadge, { color: "default", textColor: theme.colors.textInk, size: "xs", children: t("pathsCount", {
|
|
18692
18691
|
count: pathInfo.pathCount
|
|
18693
18692
|
}) }) }),
|
|
18694
|
-
(!pathInfo.pathCount || pathInfo.pathCount <= 1) && pathInfo.ui_types?.map((type, index) => /* @__PURE__ */ jsx268(
|
|
18693
|
+
(!pathInfo.pathCount || pathInfo.pathCount <= 1) && pathInfo.ui_types?.map((type, index) => /* @__PURE__ */ jsx268(EuiFlexItem41, { grow: false, children: /* @__PURE__ */ jsx268(WfoBadge, { color: getTypeColor(type, theme), textColor: theme.colors.textInk, size: "xs", children: type }) }, index))
|
|
18695
18694
|
] }) })
|
|
18696
18695
|
] });
|
|
18697
18696
|
};
|
|
@@ -18701,14 +18700,14 @@ var WfoRenderPathSelectionOption = ({
|
|
|
18701
18700
|
fieldType
|
|
18702
18701
|
}) => {
|
|
18703
18702
|
const { theme } = useOrchestratorTheme();
|
|
18704
|
-
return /* @__PURE__ */ jsx268(WfoToolTip, { tooltipContent: option.fullPath || option.label, children: /* @__PURE__ */ jsxs139(
|
|
18705
|
-
/* @__PURE__ */ jsx268(
|
|
18706
|
-
/* @__PURE__ */ jsx268(
|
|
18703
|
+
return /* @__PURE__ */ jsx268(WfoToolTip, { tooltipContent: option.fullPath || option.label, children: /* @__PURE__ */ jsxs139(EuiFlexGroup44, { alignItems: "center", gutterSize: "s", responsive: false, className: contentClassName, title: "", children: [
|
|
18704
|
+
/* @__PURE__ */ jsx268(EuiFlexItem41, { grow: true, children: /* @__PURE__ */ jsx268(EuiText39, { size: "s", children: option.label }) }),
|
|
18705
|
+
/* @__PURE__ */ jsx268(EuiFlexItem41, { grow: false, children: /* @__PURE__ */ jsx268(WfoBadge, { color: getTypeColor(fieldType, theme), textColor: theme.colors.textInk, size: "xs", children: fieldType }) })
|
|
18707
18706
|
] }) });
|
|
18708
18707
|
};
|
|
18709
18708
|
|
|
18710
18709
|
// src/components/WfoSearchPage/WfoConditionRow/WfoSelectedPathDisplay.tsx
|
|
18711
|
-
import { EuiFlexGroup as
|
|
18710
|
+
import { EuiFlexGroup as EuiFlexGroup45, EuiFlexItem as EuiFlexItem42, EuiText as EuiText40 } from "@elastic/eui";
|
|
18712
18711
|
|
|
18713
18712
|
// src/components/WfoSearchPage/WfoConditionRow/utils.ts
|
|
18714
18713
|
var createOptionsFromPaths = (paths, group) => paths.filter(({ group: pathGroup }) => pathGroup === group).map(({ displayLabel, path, type, operators }) => ({
|
|
@@ -18763,12 +18762,12 @@ var WfoSelectedPathDisplay = ({ condition, onEdit }) => {
|
|
|
18763
18762
|
display: "flex",
|
|
18764
18763
|
alignItems: "center"
|
|
18765
18764
|
},
|
|
18766
|
-
children: /* @__PURE__ */ jsx269(
|
|
18767
|
-
/* @__PURE__ */ jsx269(
|
|
18765
|
+
children: /* @__PURE__ */ jsx269(EuiFlexGroup45, { alignItems: "center", gutterSize: "s", responsive: false, justifyContent: "spaceBetween", children: /* @__PURE__ */ jsx269(EuiFlexItem42, { grow: true, children: isFullPath ? /* @__PURE__ */ jsxs140(EuiFlexGroup45, { gutterSize: "none", alignItems: "center", responsive: false, children: [
|
|
18766
|
+
/* @__PURE__ */ jsx269(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsxs140(EuiText40, { size: "s", color: theme.colors.textParagraph, children: [
|
|
18768
18767
|
getFieldNameFromFullPath(condition.path),
|
|
18769
18768
|
":"
|
|
18770
18769
|
] }) }),
|
|
18771
|
-
/* @__PURE__ */ jsx269(
|
|
18770
|
+
/* @__PURE__ */ jsx269(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx269(
|
|
18772
18771
|
EuiText40,
|
|
18773
18772
|
{
|
|
18774
18773
|
size: "s",
|
|
@@ -18931,9 +18930,9 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
|
|
|
18931
18930
|
}
|
|
18932
18931
|
);
|
|
18933
18932
|
};
|
|
18934
|
-
return /* @__PURE__ */ jsx270(EuiPanel20, { paddingSize: "m", color: "subdued", children: /* @__PURE__ */ jsxs141(
|
|
18935
|
-
/* @__PURE__ */ jsx270(
|
|
18936
|
-
/* @__PURE__ */ jsx270(
|
|
18933
|
+
return /* @__PURE__ */ jsx270(EuiPanel20, { paddingSize: "m", color: "subdued", children: /* @__PURE__ */ jsxs141(EuiFlexGroup46, { direction: "column", gutterSize: "m", children: [
|
|
18934
|
+
/* @__PURE__ */ jsx270(EuiFlexItem43, { children: /* @__PURE__ */ jsx270(EuiFormRow8, { label: t("fieldLabel"), error, isInvalid: !!error, children: /* @__PURE__ */ jsxs141(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
|
|
18935
|
+
/* @__PURE__ */ jsx270(EuiFlexItem43, { children: showPathSelection ? /* @__PURE__ */ jsx270(
|
|
18937
18936
|
WfoPathSelector,
|
|
18938
18937
|
{
|
|
18939
18938
|
selectedFieldName,
|
|
@@ -18983,10 +18982,10 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
|
|
|
18983
18982
|
renderPathOption
|
|
18984
18983
|
}
|
|
18985
18984
|
) }),
|
|
18986
|
-
condition.path && selectedPathInfo?.ui_types && selectedPathInfo.ui_types.length > 0 && /* @__PURE__ */ jsx270(
|
|
18985
|
+
condition.path && selectedPathInfo?.ui_types && selectedPathInfo.ui_types.length > 0 && /* @__PURE__ */ jsx270(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx270(EuiFlexGroup46, { gutterSize: "xs", alignItems: "center", responsive: false, children: selectedPathInfo.ui_types.map((type, index) => /* @__PURE__ */ jsx270(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx270(WfoBadge, { color: getTypeColor(type, theme), textColor: theme.colors.textInk, size: "s", children: type }) }, index)) }) })
|
|
18987
18986
|
] }) }) }),
|
|
18988
|
-
/* @__PURE__ */ jsx270(
|
|
18989
|
-
/* @__PURE__ */ jsx270(
|
|
18987
|
+
/* @__PURE__ */ jsx270(EuiFlexItem43, { children: /* @__PURE__ */ jsxs141(EuiFlexGroup46, { gutterSize: "s", alignItems: "flexEnd", children: [
|
|
18988
|
+
/* @__PURE__ */ jsx270(EuiFlexItem43, { children: /* @__PURE__ */ jsx270(
|
|
18990
18989
|
WfoOperatorSelector,
|
|
18991
18990
|
{
|
|
18992
18991
|
selectedPathInfo,
|
|
@@ -18994,7 +18993,7 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
|
|
|
18994
18993
|
onOperatorChange: handleOperatorChange
|
|
18995
18994
|
}
|
|
18996
18995
|
) }),
|
|
18997
|
-
!hideValueInput && /* @__PURE__ */ jsx270(
|
|
18996
|
+
!hideValueInput && /* @__PURE__ */ jsx270(EuiFlexItem43, { children: /* @__PURE__ */ jsx270(EuiFormRow8, { label: t("valueLabel"), children: /* @__PURE__ */ jsx270(
|
|
18998
18997
|
ValueControl,
|
|
18999
18998
|
{
|
|
19000
18999
|
pathInfo: selectedPathInfo,
|
|
@@ -19003,7 +19002,7 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
|
|
|
19003
19002
|
onChange: handleValueChange
|
|
19004
19003
|
}
|
|
19005
19004
|
) }) }),
|
|
19006
|
-
/* @__PURE__ */ jsx270(
|
|
19005
|
+
/* @__PURE__ */ jsx270(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx270(
|
|
19007
19006
|
EuiButtonIcon18,
|
|
19008
19007
|
{
|
|
19009
19008
|
iconType: "trash",
|
|
@@ -19018,7 +19017,7 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
|
|
|
19018
19017
|
};
|
|
19019
19018
|
|
|
19020
19019
|
// src/components/WfoSearchPage/WfoFilterGroup/WfoFilterGroup.tsx
|
|
19021
|
-
import { Fragment as
|
|
19020
|
+
import { Fragment as Fragment64, jsx as jsx271, jsxs as jsxs142 } from "@emotion/react/jsx-runtime";
|
|
19022
19021
|
var FilterGroup = ({
|
|
19023
19022
|
group,
|
|
19024
19023
|
entityType,
|
|
@@ -19073,21 +19072,21 @@ var FilterGroup = ({
|
|
|
19073
19072
|
});
|
|
19074
19073
|
};
|
|
19075
19074
|
return /* @__PURE__ */ jsxs142(EuiPanel21, { paddingSize: "m", color: depth % 2 === 0 ? "primary" : "plain", hasBorder: true, children: [
|
|
19076
|
-
/* @__PURE__ */ jsxs142(
|
|
19077
|
-
/* @__PURE__ */ jsx271(
|
|
19078
|
-
/* @__PURE__ */ jsx271(
|
|
19079
|
-
/* @__PURE__ */ jsx271(
|
|
19075
|
+
/* @__PURE__ */ jsxs142(EuiFlexGroup47, { gutterSize: "s", alignItems: "center", justifyContent: "spaceBetween", children: [
|
|
19076
|
+
/* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsxs142(EuiFlexGroup47, { gutterSize: "s", alignItems: "center", children: [
|
|
19077
|
+
/* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx271(EuiText41, { size: "s", children: /* @__PURE__ */ jsx271("strong", { children: t("groupLabel") }) }) }),
|
|
19078
|
+
/* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx271(EuiButton23, { size: "s", fill: true, color: "primary", onClick: toggleOperator, children: group.op }) })
|
|
19080
19079
|
] }) }),
|
|
19081
|
-
/* @__PURE__ */ jsx271(
|
|
19082
|
-
/* @__PURE__ */ jsx271(
|
|
19083
|
-
/* @__PURE__ */ jsx271(
|
|
19084
|
-
!isRoot && onRemove && /* @__PURE__ */ jsx271(
|
|
19080
|
+
/* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsxs142(EuiFlexGroup47, { gutterSize: "s", alignItems: "center", children: [
|
|
19081
|
+
/* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx271(EuiButton23, { size: "s", iconType: "plusInCircle", onClick: addCondition, children: t("addCondition") }) }),
|
|
19082
|
+
/* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx271(WfoToolTip, { tooltipContent: !canAddGroup ? t("maxNestingDepth") : t("addNestedGroup"), children: /* @__PURE__ */ jsx271(EuiButton23, { size: "s", iconType: "nested", onClick: addGroup, disabled: !canAddGroup, children: t("addGroup") }) }) }),
|
|
19083
|
+
!isRoot && onRemove && /* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx271(EuiButtonIcon19, { iconType: "trash", color: "danger", onClick: onRemove, "aria-label": t("removeGroup") }) })
|
|
19085
19084
|
] }) })
|
|
19086
19085
|
] }),
|
|
19087
|
-
group.children.length > 0 && /* @__PURE__ */ jsxs142(
|
|
19086
|
+
group.children.length > 0 && /* @__PURE__ */ jsxs142(Fragment64, { children: [
|
|
19088
19087
|
/* @__PURE__ */ jsx271(EuiSpacer33, { size: "m" }),
|
|
19089
19088
|
/* @__PURE__ */ jsx271(EuiPanel21, { paddingSize: isRoot ? "none" : "s", color: "transparent", hasShadow: false, children: group.children.map((child, index) => /* @__PURE__ */ jsxs142("div", { children: [
|
|
19090
|
-
index > 0 && /* @__PURE__ */ jsx271(
|
|
19089
|
+
index > 0 && /* @__PURE__ */ jsx271(EuiFlexGroup47, { gutterSize: "none", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx271(EuiText41, { size: "s", color: theme.colors.textSubdued, textAlign: "center", children: /* @__PURE__ */ jsx271(EuiCode2, { children: group.op }) }) }) }),
|
|
19091
19090
|
/* @__PURE__ */ jsx271(EuiSpacer33, { size: "s" }),
|
|
19092
19091
|
isCondition(child) ? /* @__PURE__ */ jsx271(
|
|
19093
19092
|
ConditionRow,
|
|
@@ -19110,7 +19109,7 @@ var FilterGroup = ({
|
|
|
19110
19109
|
/* @__PURE__ */ jsx271(EuiSpacer33, { size: "s" })
|
|
19111
19110
|
] }, index)) })
|
|
19112
19111
|
] }),
|
|
19113
|
-
group.children.length === 0 && /* @__PURE__ */ jsxs142(
|
|
19112
|
+
group.children.length === 0 && /* @__PURE__ */ jsxs142(Fragment64, { children: [
|
|
19114
19113
|
/* @__PURE__ */ jsx271(EuiSpacer33, { size: "s" }),
|
|
19115
19114
|
/* @__PURE__ */ jsx271(EuiCallOut6, { title: t("emptyGroupTitle"), color: "primary", iconType: "info", size: "s", children: /* @__PURE__ */ jsx271("p", { children: t("emptyGroupDescription") }) })
|
|
19116
19115
|
] })
|
|
@@ -19704,7 +19703,7 @@ function WfoQueryArtifact({ artifact }) {
|
|
|
19704
19703
|
}
|
|
19705
19704
|
|
|
19706
19705
|
// src/components/WfoAgent/WfoAgent/WfoAgent.tsx
|
|
19707
|
-
import { Fragment as
|
|
19706
|
+
import { Fragment as Fragment65, jsx as jsx279, jsxs as jsxs147 } from "@emotion/react/jsx-runtime";
|
|
19708
19707
|
function WfoAgent() {
|
|
19709
19708
|
const tPage = useTranslations100("agent.page");
|
|
19710
19709
|
const { NAVIGATION_HEIGHT } = useWithOrchestratorTheme(getPageTemplateStyles);
|
|
@@ -19733,7 +19732,7 @@ function WfoAgent() {
|
|
|
19733
19732
|
const lastUserIndex = [...messages].reverse().findIndex((msg) => msg.role === "user");
|
|
19734
19733
|
const firstAssistantAfterUser = lastUserIndex >= 0 ? messages.length - lastUserIndex : -1;
|
|
19735
19734
|
const showPlanProgress = index === firstAssistantAfterUser && (progress.planning || progress.steps.length > 0);
|
|
19736
|
-
return /* @__PURE__ */ jsxs147(
|
|
19735
|
+
return /* @__PURE__ */ jsxs147(Fragment65, { children: [
|
|
19737
19736
|
showPlanProgress && /* @__PURE__ */ jsx279(WfoPlanProgress, { executionState: progress }),
|
|
19738
19737
|
AssistantMessage && /* @__PURE__ */ jsx279(
|
|
19739
19738
|
AssistantMessage,
|
|
@@ -19760,7 +19759,7 @@ function WfoAgent() {
|
|
|
19760
19759
|
);
|
|
19761
19760
|
const renderQueryResult = ({ result }) => {
|
|
19762
19761
|
if (!result) {
|
|
19763
|
-
return /* @__PURE__ */ jsx279(
|
|
19762
|
+
return /* @__PURE__ */ jsx279(Fragment65, {});
|
|
19764
19763
|
}
|
|
19765
19764
|
return /* @__PURE__ */ jsx279(WfoQueryArtifact, { artifact: result });
|
|
19766
19765
|
};
|
|
@@ -19770,7 +19769,7 @@ function WfoAgent() {
|
|
|
19770
19769
|
name: "prepare_export",
|
|
19771
19770
|
render: ({ result }) => {
|
|
19772
19771
|
if (!result) {
|
|
19773
|
-
return /* @__PURE__ */ jsx279(
|
|
19772
|
+
return /* @__PURE__ */ jsx279(Fragment65, {});
|
|
19774
19773
|
}
|
|
19775
19774
|
return /* @__PURE__ */ jsx279(ExportButton, { artifact: result });
|
|
19776
19775
|
}
|
|
@@ -19816,7 +19815,7 @@ function WfoAgent() {
|
|
|
19816
19815
|
|
|
19817
19816
|
// src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx
|
|
19818
19817
|
import { useCallback as useCallback16, useEffect as useEffect38, useState as useState57 } from "react";
|
|
19819
|
-
import { EuiFlexItem as
|
|
19818
|
+
import { EuiFlexItem as EuiFlexItem45 } from "@elastic/eui";
|
|
19820
19819
|
import Editor from "@monaco-editor/react";
|
|
19821
19820
|
|
|
19822
19821
|
// src/components/WfoMonacoCodeBlock/styles.ts
|
|
@@ -19869,7 +19868,7 @@ var WfoMonacoCodeBlock = ({ data }) => {
|
|
|
19869
19868
|
setEditorHeight(Math.min(scrollHeight, 500));
|
|
19870
19869
|
setMonacoInstance(monaco);
|
|
19871
19870
|
}
|
|
19872
|
-
return /* @__PURE__ */ jsx280(
|
|
19871
|
+
return /* @__PURE__ */ jsx280(EuiFlexItem45, { css: monacoEditorStyle, children: /* @__PURE__ */ jsx280(
|
|
19873
19872
|
Editor,
|
|
19874
19873
|
{
|
|
19875
19874
|
height: editorHeight,
|