Only show specific integration inputs when adding integration to a po…

…licy
elastic · Jun 8, 2021 · b5ba9a4 · b5ba9a4
1 parent 019ab33
commit b5ba9a4
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/...leet/public/applications/fleet/sections/agent_policy/create_package_policy_page/index.tsx b/...leet/public/applications/fleet/sections/agent_policy/create_package_policy_page/index.tsx
@@ -380,6 +380,7 @@ export const CreatePackagePolicyPage: React.FunctionComponent = () => {
           {!ExtensionView && (
             <StepConfigurePackagePolicy
               packageInfo={packageInfo}
+              showOnlyIntegration={integrationInfo?.name}
               packagePolicy={packagePolicy}
               updatePackagePolicy={updatePackagePolicy}
               validationResults={validationResults!}

diff --git a/...cations/fleet/sections/agent_policy/create_package_policy_page/step_configure_package.tsx b/...cations/fleet/sections/agent_policy/create_package_policy_page/step_configure_package.tsx
@@ -24,21 +24,38 @@ import { PackagePolicyInputPanel } from './components';
 
 export const StepConfigurePackagePolicy: React.FunctionComponent<{
   packageInfo: PackageInfo;
+  showOnlyIntegration?: string;
   packagePolicy: NewPackagePolicy;
   updatePackagePolicy: (fields: Partial<NewPackagePolicy>) => void;
   validationResults: PackagePolicyValidationResults;
   submitAttempted: boolean;
-}> = ({ packageInfo, packagePolicy, updatePackagePolicy, validationResults, submitAttempted }) => {
+}> = ({
+  packageInfo,
+  showOnlyIntegration,
+  packagePolicy,
+  updatePackagePolicy,
+  validationResults,
+  submitAttempted,
+}) => {
   const hasIntegrations = useMemo(() => doesPackageHaveIntegrations(packageInfo), [packageInfo]);
+  const packagePolicyTemplates = useMemo(
+    () =>
+      showOnlyIntegration
+        ? (packageInfo.policy_templates || []).filter(
+            (policyTemplate) => policyTemplate.name === showOnlyIntegration
+          ) || []
+        : packageInfo.policy_templates || [],
+    [packageInfo.policy_templates, showOnlyIntegration]
+  );
 
   // Configure inputs (and their streams)
   // Assume packages only export one config template for now
   const renderConfigureInputs = () =>
-    packageInfo.policy_templates && packageInfo.policy_templates.length ? (
+    packagePolicyTemplates.length ? (
       <>
         <EuiHorizontalRule margin="m" />
         <EuiFlexGroup direction="column" gutterSize="none">
-          {packageInfo.policy_templates.map((policyTemplate) => {
+          {packagePolicyTemplates.map((policyTemplate) => {
             return (policyTemplate.inputs || []).map((packageInput) => {
               const packagePolicyInput = packagePolicy.inputs.find(
                 (input) =>