@spinnaker/core 0.11.4 → 0.12.0

package/dist/managed/constraints/registry.d.ts

@@ -38,7 +38,7 @@ export interface IConstraintHandler<K = string> {
     };
 }
 declare class ConstraintsManager extends BasePluginManager<IConstraintHandler> {
-    getIcon(constraint: IConstraint | IBaseConstraint): "placeholder" | "menu" | "add" | "environment" | "config" | "artifact" | "close" | "play" | "plus" | "accordionCollapse" | "accordionExpand" | "accordionExpandAll" | "artifactApproved" | "artifactBad" | "artifactPending" | "artifactSkipped" | "bake" | "build" | "buildFail" | "buildSuccess" | "canaryConfig" | "canaryFail" | "canaryRunning" | "canaryPass" | "canaryMarginal" | "caretRight" | "checkBadge" | "checkboxIndeterminate" | "checkboxChecked" | "checkboxUnchecked" | "closeSmall" | "cloudDeployed" | "cloudError" | "cloudProgress" | "cloudDecommissioned" | "cloudWaiting" | "cluster" | "configJ" | "configM" | "configS" | "copyClipboard" | "done" | "duplicate" | "edit" | "fileJson" | "fn" | "fnNew" | "formDrag" | "formError" | "formInfo" | "formNetworkBad" | "formNetworkGood" | "formRefresh" | "formWarning" | "heart" | "history" | "instances" | "loadBalancer" | "manualJudgement" | "manualJudgementApproved" | "manualJudgementRejected" | "mdActuating" | "mdActuationLaunched" | "mdCreated" | "mdDelay" | "mdDeltaDetected" | "mdDeltaResolved" | "mdDiff" | "mdError" | "mdUnhappy" | "mdPaused" | "mdResumed" | "mdUnknown" | "mdConstraintGeneric" | "mdConstraintDependsOn" | "mdConstraintAllowedTimes" | "md" | "mdVerification" | "menuClose" | "minus" | "pin" | "resourceT" | "securityGroup" | "servergroupAws" | "spCIBranch" | "spCIBuild" | "spCICommit" | "spCIMaster" | "spCIMerged" | "spCIPullRequest" | "spCIPullRequestClosed" | "spEnvironments" | "spMenuAppInSync" | "spMenuAppUnsynced" | "spMenuCanaryConfig" | "spMenuCanaryReport" | "spMenuClusters" | "spMenuConfig" | "spMenuK8s" | "spMenuLoadBalancers" | "spMenuMeme" | "spMenuPager" | "spMenuPipelines" | "spMenuProperties" | "spMenuSecurityGroups" | "spMenuTasks" | "spMenuTimeline" | "spMenuZuul" | "spel" | "templateFull" | "templateS" | "templateWorkflow" | "toggleOff" | "toggleOn" | "trash" | "unpin";
+    getIcon(constraint: IConstraint | IBaseConstraint): "placeholder" | "menu" | "add" | "environment" | "config" | "artifact" | "close" | "play" | "plus" | "accordionCollapse" | "accordionExpand" | "accordionExpandAll" | "artifactApproved" | "artifactBad" | "artifactPending" | "artifactSkipped" | "bake" | "build" | "buildFail" | "buildSuccess" | "canaryConfig" | "canaryFail" | "canaryRunning" | "canaryPass" | "canaryMarginal" | "caretRight" | "checkBadge" | "checkboxIndeterminate" | "checkboxChecked" | "checkboxUnchecked" | "closeSmall" | "cloudDeployed" | "cloudError" | "cloudProgress" | "cloudDecommissioned" | "cloudWaiting" | "cluster" | "configJ" | "configM" | "configS" | "copyClipboard" | "done" | "duplicate" | "edit" | "fileJson" | "fn" | "fnNew" | "formDrag" | "formError" | "formInfo" | "formNetworkBad" | "formNetworkGood" | "formRefresh" | "formWarning" | "heart" | "history" | "instances" | "loadBalancer" | "manualJudgement" | "manualJudgementApproved" | "manualJudgementRejected" | "mdActuating" | "mdActuationLaunched" | "mdCreated" | "mdDelay" | "mdDeltaDetected" | "mdDeltaResolved" | "mdDiff" | "mdError" | "mdUnhappy" | "mdPaused" | "mdResumed" | "mdUnknown" | "mdConstraintGeneric" | "mdConstraintDependsOn" | "mdConstraintAllowedTimes" | "md" | "mdVerification" | "menuClose" | "minus" | "pin" | "resourceT" | "securityGroup" | "servergroupAws" | "spCIBranch" | "spCIBuild" | "spCICommit" | "spCIMaster" | "spCIMerged" | "spCIPullRequest" | "spCIPullRequestClosed" | "spEnvironments" | "spMenuAppInSync" | "spMenuAppUnsynced" | "spMenuCanaryConfig" | "spMenuCanaryReport" | "spMenuClusters" | "spMenuConfig" | "spMenuFunctions" | "spMenuK8s" | "spMenuLoadBalancers" | "spMenuMeme" | "spMenuPager" | "spMenuPipelines" | "spMenuProperties" | "spMenuSecurityGroups" | "spMenuTasks" | "spMenuTimeline" | "spMenuZuul" | "spel" | "templateFull" | "templateS" | "templateWorkflow" | "toggleOff" | "toggleOn" | "trash" | "unpin";
     renderTitle(constraint: IConstraint): React.ReactNode;
     hasContent(constraint: IConstraint): boolean;
     renderDescription(constraint: IConstraint): React.ReactNode;

package/dist/managed/environmentBaseElements/EnvironmentsRender.d.ts

@@ -10,10 +10,11 @@ interface IEnvironmentsRenderProps {
     style?: React.CSSProperties;
     children?: React.ReactNode;
 }
-export declare const useOrderedEnvironment: <T extends object>(ref: React.RefObject<HTMLDivElement>, environments: T[]) => {
+export interface OrderedEnvironments<T> {
     className?: string;
     style?: React.CSSProperties;
     environments: T[];
-};
+}
+export declare const useOrderedEnvironment: <T extends object>(ref: React.RefObject<HTMLDivElement>, environments: T[]) => OrderedEnvironments<T>;
 export declare const EnvironmentsRender: React.ForwardRefExoticComponent<IEnvironmentsRenderProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/managed/graphql/graphql-sdk.d.ts

@@ -106,6 +106,7 @@ export interface MdConfig {
     updatedAt?: Maybe<Scalars['InstantTime']>;
     rawConfig?: Maybe<Scalars['String']>;
     processedConfig?: Maybe<Scalars['String']>;
+    previewEnvironmentsConfigured?: Maybe<Scalars['Boolean']>;
 }
 export interface MdConstraint {
     __typename?: 'MdConstraint';
@@ -467,6 +468,9 @@ export declare type FetchApplicationQuery = {
     application?: Maybe<{
         __typename?: 'MdApplication';
     } & Pick<MdApplication, 'id' | 'name' | 'account'> & {
+        config?: Maybe<{
+            __typename?: 'MdConfig';
+        } & Pick<MdConfig, 'id' | 'previewEnvironmentsConfigured'>>;
         environments: Array<{
             __typename?: 'MdEnvironment';
         } & Pick<MdEnvironment, 'isDeleting'> & {
@@ -721,6 +725,12 @@ export declare type ImportDeliveryConfigMutationVariables = Exact<{
 export declare type ImportDeliveryConfigMutation = {
     __typename?: 'Mutation';
 } & Pick<Mutation, 'importDeliveryConfig'>;
+export declare type ToggleResourceManagementMutationVariables = Exact<{
+    payload?: Maybe<MdToggleResourceManagementPayload>;
+}>;
+export declare type ToggleResourceManagementMutation = {
+    __typename?: 'Mutation';
+} & Pick<Mutation, 'toggleResourceManagement'>;
 export declare const ActionDetailsFragmentDoc: Apollo.DocumentNode;
 export declare const DetailedVersionFieldsFragmentDoc: Apollo.DocumentNode;
 export declare const ArtifactPinnedVersionFieldsFragmentDoc: Apollo.DocumentNode;
@@ -1194,3 +1204,28 @@ export declare function useImportDeliveryConfigMutation(baseOptions?: Apollo.Mut
 export declare type ImportDeliveryConfigMutationHookResult = ReturnType<typeof useImportDeliveryConfigMutation>;
 export declare type ImportDeliveryConfigMutationResult = Apollo.MutationResult<ImportDeliveryConfigMutation>;
 export declare type ImportDeliveryConfigMutationOptions = Apollo.BaseMutationOptions<ImportDeliveryConfigMutation, ImportDeliveryConfigMutationVariables>;
+export declare const ToggleResourceManagementDocument: Apollo.DocumentNode;
+export declare type ToggleResourceManagementMutationFn = Apollo.MutationFunction<ToggleResourceManagementMutation, ToggleResourceManagementMutationVariables>;
+/**
+ * __useToggleResourceManagementMutation__
+ *
+ * To run a mutation, you first call `useToggleResourceManagementMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useToggleResourceManagementMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [toggleResourceManagementMutation, { data, loading, error }] = useToggleResourceManagementMutation({
+ *   variables: {
+ *      payload: // value for 'payload'
+ *   },
+ * });
+ */
+export declare function useToggleResourceManagementMutation(baseOptions?: Apollo.MutationHookOptions<ToggleResourceManagementMutation, ToggleResourceManagementMutationVariables>): Apollo.MutationTuple<ToggleResourceManagementMutation, Exact<{
+    payload?: MdToggleResourceManagementPayload;
+}>>;
+export declare type ToggleResourceManagementMutationHookResult = ReturnType<typeof useToggleResourceManagementMutation>;
+export declare type ToggleResourceManagementMutationResult = Apollo.MutationResult<ToggleResourceManagementMutation>;
+export declare type ToggleResourceManagementMutationOptions = Apollo.BaseMutationOptions<ToggleResourceManagementMutation, ToggleResourceManagementMutationVariables>;

package/dist/managed/overview/PreviewEnvironments.d.ts

@@ -0,0 +1,8 @@
+import { OrderedEnvironments } from '../environmentBaseElements/EnvironmentsRender';
+import { QueryEnvironment } from './types';
+interface IPreviewEnvironmentsProps {
+    orderedEnvironments: OrderedEnvironments<QueryEnvironment>;
+    isConfigured?: boolean;
+}
+export declare const PreviewEnvironments: ({ orderedEnvironments, isConfigured }: IPreviewEnvironmentsProps) => JSX.Element;
+export {};

package/dist/managed/resources/ToggleResourceManagement.d.ts

@@ -0,0 +1,9 @@
+interface IToggleResourceManagementProps {
+    isPaused: boolean;
+    isActuating?: boolean;
+    regions: string[];
+}
+export declare const ActuationWarning: () => JSX.Element;
+export declare const ToggleResourceManagement: ({ isPaused, isActuating, regions }: IToggleResourceManagementProps) => JSX.Element;
+export declare const MultiRegionWarning: ({ isPaused, regions }: Omit<IToggleResourceManagementProps, 'isActuating'>) => JSX.Element;
+export {};

package/dist/managed/resources/resourceRegistry.d.ts

@@ -13,7 +13,7 @@ export interface IResourceLinkProps {
     displayName?: string;
 }
 declare class ResourcesManager extends BasePluginManager<IResourceKindConfig> {
-    getIcon(kind: string): "placeholder" | "menu" | "add" | "environment" | "config" | "artifact" | "close" | "play" | "plus" | "accordionCollapse" | "accordionExpand" | "accordionExpandAll" | "artifactApproved" | "artifactBad" | "artifactPending" | "artifactSkipped" | "bake" | "build" | "buildFail" | "buildSuccess" | "canaryConfig" | "canaryFail" | "canaryRunning" | "canaryPass" | "canaryMarginal" | "caretRight" | "checkBadge" | "checkboxIndeterminate" | "checkboxChecked" | "checkboxUnchecked" | "closeSmall" | "cloudDeployed" | "cloudError" | "cloudProgress" | "cloudDecommissioned" | "cloudWaiting" | "cluster" | "configJ" | "configM" | "configS" | "copyClipboard" | "done" | "duplicate" | "edit" | "fileJson" | "fn" | "fnNew" | "formDrag" | "formError" | "formInfo" | "formNetworkBad" | "formNetworkGood" | "formRefresh" | "formWarning" | "heart" | "history" | "instances" | "loadBalancer" | "manualJudgement" | "manualJudgementApproved" | "manualJudgementRejected" | "mdActuating" | "mdActuationLaunched" | "mdCreated" | "mdDelay" | "mdDeltaDetected" | "mdDeltaResolved" | "mdDiff" | "mdError" | "mdUnhappy" | "mdPaused" | "mdResumed" | "mdUnknown" | "mdConstraintGeneric" | "mdConstraintDependsOn" | "mdConstraintAllowedTimes" | "md" | "mdVerification" | "menuClose" | "minus" | "pin" | "resourceT" | "securityGroup" | "servergroupAws" | "spCIBranch" | "spCIBuild" | "spCICommit" | "spCIMaster" | "spCIMerged" | "spCIPullRequest" | "spCIPullRequestClosed" | "spEnvironments" | "spMenuAppInSync" | "spMenuAppUnsynced" | "spMenuCanaryConfig" | "spMenuCanaryReport" | "spMenuClusters" | "spMenuConfig" | "spMenuK8s" | "spMenuLoadBalancers" | "spMenuMeme" | "spMenuPager" | "spMenuPipelines" | "spMenuProperties" | "spMenuSecurityGroups" | "spMenuTasks" | "spMenuTimeline" | "spMenuZuul" | "spel" | "templateFull" | "templateS" | "templateWorkflow" | "toggleOff" | "toggleOn" | "trash" | "unpin";
+    getIcon(kind: string): "placeholder" | "menu" | "add" | "environment" | "config" | "artifact" | "close" | "play" | "plus" | "accordionCollapse" | "accordionExpand" | "accordionExpandAll" | "artifactApproved" | "artifactBad" | "artifactPending" | "artifactSkipped" | "bake" | "build" | "buildFail" | "buildSuccess" | "canaryConfig" | "canaryFail" | "canaryRunning" | "canaryPass" | "canaryMarginal" | "caretRight" | "checkBadge" | "checkboxIndeterminate" | "checkboxChecked" | "checkboxUnchecked" | "closeSmall" | "cloudDeployed" | "cloudError" | "cloudProgress" | "cloudDecommissioned" | "cloudWaiting" | "cluster" | "configJ" | "configM" | "configS" | "copyClipboard" | "done" | "duplicate" | "edit" | "fileJson" | "fn" | "fnNew" | "formDrag" | "formError" | "formInfo" | "formNetworkBad" | "formNetworkGood" | "formRefresh" | "formWarning" | "heart" | "history" | "instances" | "loadBalancer" | "manualJudgement" | "manualJudgementApproved" | "manualJudgementRejected" | "mdActuating" | "mdActuationLaunched" | "mdCreated" | "mdDelay" | "mdDeltaDetected" | "mdDeltaResolved" | "mdDiff" | "mdError" | "mdUnhappy" | "mdPaused" | "mdResumed" | "mdUnknown" | "mdConstraintGeneric" | "mdConstraintDependsOn" | "mdConstraintAllowedTimes" | "md" | "mdVerification" | "menuClose" | "minus" | "pin" | "resourceT" | "securityGroup" | "servergroupAws" | "spCIBranch" | "spCIBuild" | "spCICommit" | "spCIMaster" | "spCIMerged" | "spCIPullRequest" | "spCIPullRequestClosed" | "spEnvironments" | "spMenuAppInSync" | "spMenuAppUnsynced" | "spMenuCanaryConfig" | "spMenuCanaryReport" | "spMenuClusters" | "spMenuConfig" | "spMenuFunctions" | "spMenuK8s" | "spMenuLoadBalancers" | "spMenuMeme" | "spMenuPager" | "spMenuPipelines" | "spMenuProperties" | "spMenuSecurityGroups" | "spMenuTasks" | "spMenuTimeline" | "spMenuZuul" | "spel" | "templateFull" | "templateS" | "templateWorkflow" | "toggleOff" | "toggleOn" | "trash" | "unpin";
     getExperimentalDisplayLink(resource: IResourceLinkProps): string | undefined;
     getSpinnakerType(kind: string): string;
     getNativeResourceRoutingInfo({ kind, account, stack, detail, displayName, }: IResourceLinkProps): {

package/dist/managed/utils/defaults.d.ts

@@ -8,4 +8,4 @@ export declare const MODAL_MAX_WIDTH = 750;
 export declare const spinnerProps: ISpinnerProps;
 export declare const ABSOLUTE_TIME_FORMAT = "yyyy-MM-dd HH:mm:ss ZZZZ";
 export declare const MD_CATEGORY = "ManagedDelivery";
-export declare const getDocsUrl: (doc: keyof IManagedDeliveryURLs) => string;
+export declare const getDocsUrl: (doc: keyof IManagedDeliveryURLs) => string | undefined;

package/dist/managed/utils/useNotifyOnError.hook.d.ts

@@ -0,0 +1,6 @@
+import { ApolloError } from '@apollo/client';
+export declare const useNotifyOnError: ({ key, content, error, }: {
+    key: string;
+    content?: string;
+    error: ApolloError | undefined;
+}) => void;

package/dist/pipeline/service/execution.service.d.ts

@@ -4,6 +4,7 @@ import { IQService, ITimeoutService } from 'angular';
 import { Application } from '../../application/application.model';
 import { ApplicationDataSource } from '../../application/service/applicationDataSource';
 import { IExecution } from '../../domain';
+import { IPipeline } from '../../domain/IPipeline';
 import { IRetryablePromise } from '../../utils/retryablePromise';
 export declare class ExecutionService {
     private $q;
@@ -25,7 +26,7 @@ export declare class ExecutionService {
      * @return {<IExecution[]>}
      */
     getExecutions(applicationName: string, application?: Application, expand?: boolean): PromiseLike<IExecution[]>;
-    getExecution(executionId: string): PromiseLike<IExecution>;
+    getExecution(executionId: string, pipelineConfigs?: IPipeline[]): PromiseLike<IExecution>;
     transformExecutions(application: Application, executions: IExecution[], currentData?: IExecution[]): void;
     private getConfigIdsFromFilterModel;
     private cleanExecutionForDiffing;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spinnaker/core",
   "license": "Apache-2.0",
-  "version": "0.11.4",
+  "version": "0.12.0",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "scripts": {
@@ -17,8 +17,8 @@
     "@apollo/client": "3.3.14",
     "@fortawesome/fontawesome-free": "5.5.0",
     "@spinnaker/mocks": "1.0.7",
-    "@spinnaker/presentation": "^0.0.11",
-    "@spinnaker/styleguide": "1.0.28",
+    "@spinnaker/presentation": "^0.0.12",
+    "@spinnaker/styleguide": "2.0.0",
     "@uirouter/angularjs": "1.0.26",
     "@uirouter/core": "6.0.8",
     "@uirouter/react": "1.0.7",
@@ -78,7 +78,7 @@
     "recoil": "0.0.10",
     "rxjs": "6.6.7",
     "select2-bootstrap-css": "git://github.com/t0m/select2-bootstrap-css.git#v1.3.1",
-    "source-sans-pro": "2.0.10",
+    "source-sans": "3.46.0",
     "spel2js": "0.2.6",
     "ui-select": "0.19.8"
   },
@@ -89,7 +89,7 @@
     "@graphql-codegen/typescript-operations": "^1.18.3",
     "@graphql-codegen/typescript-react-apollo": "^2.3.0",
     "@spinnaker/eslint-plugin": "^1.1.1",
-    "@spinnaker/scripts": "^0.1.0",
+    "@spinnaker/scripts": "^0.2.0",
     "@types/angular": "1.6.26",
     "@types/angular-mocks": "1.5.10",
     "@types/angular-ui-bootstrap": "0.13.41",
@@ -120,5 +120,5 @@
     "shx": "0.3.3",
     "typescript": "4.3.5"
   },
-  "gitHead": "d28eac29c463069358e8c07413a56b290af9f7ce"
+  "gitHead": "dc5b117bb381113416c21ae8e4c39ec1c526dd2b"
 }

package/src/cloudProvider/CloudProviderLogo.tsx

@@ -12,11 +12,6 @@ export interface ICloudProviderLogoProps {
   showTooltip?: boolean;
 }
 
-export interface ICloudProviderLogoState {
-  tooltip?: string;
-  logo: React.ComponentType<React.SVGProps<HTMLOrSVGElement>>;
-}
-
 export const CloudProviderLogo = ({ height, provider, showTooltip, width }: ICloudProviderLogoProps) => {
   const [tooltip, setTooltip] = React.useState<string>(undefined);
   const RegistryLogo = CloudProviderRegistry.getValue(provider, 'cloudProviderLogo');

package/src/cloudProvider/CloudProviderRegistry.ts

@@ -1,5 +1,5 @@
 /* tslint:disable: no-console */
-import { cloneDeep, isNil, uniq, without } from 'lodash';
+import { cloneDeep, get, isNil, set } from 'lodash';
 
 import { SETTINGS } from '../config/settings';
 
@@ -13,37 +13,11 @@ export interface ICloudProviderConfig {
   [attribute: string]: any;
 }
 
-class Providers {
-  private providers: Array<{ cloudProvider: string; config: ICloudProviderConfig }> = [];
-
-  public set(cloudProvider: string, config: ICloudProviderConfig): void {
-    // The original implementation used a Map, so calling #set could overwrite a config.
-    // The tests depend on this behavior, but maybe something else does as well.
-    this.providers = without(
-      this.providers,
-      this.providers.find((p) => p.cloudProvider === cloudProvider),
-    ).concat([{ cloudProvider, config }]);
-  }
-
-  public get(cloudProvider: string): ICloudProviderConfig {
-    const provider = this.providers.find((p) => p.cloudProvider === cloudProvider);
-    return provider ? provider.config : null;
-  }
-
-  public has(cloudProvider: string): boolean {
-    return !!this.get(cloudProvider);
-  }
-
-  public keys(): string[] {
-    return uniq(this.providers.map((p) => p.cloudProvider));
-  }
-}
-
 export class CloudProviderRegistry {
   /*
   Note: Providers don't get $log, so we stick with console statements here
    */
-  private static providers = new Providers();
+  private static providers = new Map<string, ICloudProviderConfig>();
 
   public static registerProvider(cloudProvider: string, config: ICloudProviderConfig): void {
     if (SETTINGS.providers[cloudProvider]) {
@@ -64,19 +38,7 @@ export class CloudProviderRegistry {
       console.warn(`Cannot override "${key}" for provider "${cloudProvider}" (provider not registered)`);
       return;
     }
-    const config = this.providers.get(cloudProvider);
-    const parentKeys = key.split('.');
-    const lastKey = parentKeys.pop();
-    let current = config;
-
-    parentKeys.forEach((parentKey) => {
-      if (!current[parentKey]) {
-        current[parentKey] = {};
-      }
-      current = current[parentKey];
-    });
-
-    current[lastKey] = overrideValue;
+    set(this.providers.get(cloudProvider), key, overrideValue);
   }
 
   public static hasValue(cloudProvider: string, key: string) {
@@ -84,26 +46,7 @@ export class CloudProviderRegistry {
   }
 
   public static getValue(cloudProvider: string, key: string): any {
-    if (!key || !this.providers.has(cloudProvider)) {
-      return null;
-    }
-    const config = this.getProvider(cloudProvider);
-    const keyParts = key.split('.');
-    let current = config;
-    let notFound = false;
-
-    keyParts.forEach((keyPart) => {
-      if (!notFound && current.hasOwnProperty(keyPart)) {
-        current = current[keyPart];
-      } else {
-        notFound = true;
-      }
-    });
-
-    if (notFound) {
-      return null;
-    }
-    return current;
+    return get(this.getProvider(cloudProvider), key) ?? null;
   }
 
   //If the flag kubernetesAdHocInfraWritesEnabled is set to "false" then is disabled
@@ -111,9 +54,7 @@ export class CloudProviderRegistry {
     if (cloudProvider !== 'kubernetes') {
       return false;
     }
-    return (
-      isNil(CloudProviderRegistry.getValue(cloudProvider, 'kubernetesAdHocInfraWritesEnabled')) ||
-      CloudProviderRegistry.getValue(cloudProvider, 'kubernetesAdHocInfraWritesEnabled') === false
-    );
+    const writesEnabled = CloudProviderRegistry.getValue(cloudProvider, 'kubernetesAdHocInfraWritesEnabled');
+    return isNil(writesEnabled) || writesEnabled === false;
   }
 }

package/src/cloudProvider/providerSelection/ProviderSelectionService.spec.ts

@@ -266,4 +266,100 @@ describe('ProviderSelectionService: API', () => {
     $scope.$digest();
     expect(provider).toBe('modalProvider');
   });
+
+  // Unit tests for the isDisabled function, used to disable and enable buttons that create infrastructure ad-hoc operations
+  // in the core module (Create Server Group, Create Load Balancer, Create Firewall, Create Function)
+  describe('Toggle Infrastructure Ad-hoc Operations', function () {
+    // If an application is configured to only have kubernetes as a cloud provider and only one account exists, which is a kubernetes account,
+    // then show the create infrastructure buttons if kubernetesAdHocInfraWritesEnabled is set to true
+    it('create infrastructure buttons are enabled for applications with kubernetes cloud provider when kubernetesAdHocInfraWritesEnabled is set to true', () => {
+      let isDisabled_result = false;
+      hasValue = true;
+      const k8s_account = fakeAccount('kubernetes');
+      k8s_account.type = 'kubernetes';
+
+      accounts = [k8s_account];
+      let configuration = {
+        name: 'kubernetes',
+        kubernetesAdHocInfraWritesEnabled: true,
+      };
+      CloudProviderRegistry.registerProvider('kubernetes', configuration);
+      ProviderSelectionService.isDisabled(application).then((isDisable) => {
+        isDisabled_result = isDisable;
+      });
+      $scope.$digest();
+      expect(isDisabled_result).toBe(false);
+    });
+
+    // If an application is configured to only have kubernetes as a cloud provider and only one account exists, which is a kubernetes account,
+    // then disable the create infrastructure buttons when kubernetesAdHocInfraWritesEnabled is set to false
+    it('disable create infrastructure buttons for kubernetes applications when kubernetesAdHocInfraWritesEnabled is false', () => {
+      let isDisabled_result = false;
+      hasValue = true;
+      const k8s_account = fakeAccount('kubernetes');
+      k8s_account.type = 'kubernetes';
+
+      accounts = [k8s_account];
+      let configuration = {
+        name: 'kubernetes',
+        kubernetesAdHocInfraWritesEnabled: false,
+      };
+      CloudProviderRegistry.registerProvider('kubernetes', configuration);
+      ProviderSelectionService.isDisabled(application).then((isDisable) => {
+        isDisabled_result = isDisable;
+      });
+      $scope.$digest();
+      expect(isDisabled_result).toBe(true);
+    });
+
+    // If the application is configured to have multiple cloud providers (kuberentes and gce) and different accounts exist with
+    // different cloud providers (kuberentes and gce), then create infrastructure buttons appear even though kubernetesAdHocInfraWritesEnabled is false.
+    // This is because the buttons allow for ad-hoc operations for the non-kubernetes provider (GCE in this case)
+    it('create infrastructure buttons are enabled for apps with a cloud provider that does not have its ad-hoc operation disabled', () => {
+      let provider = '';
+      hasValue = true;
+      let isDisabled_result = false;
+      const k8s_account = fakeAccount('kubernetes');
+      k8s_account.type = 'kubernetes';
+      accounts = [k8s_account, fakeAccount('gce')];
+      let kubernetes_configuration = {
+        name: 'Kubernetes',
+        kubernetesAdHocInfraWritesEnabled: false,
+      };
+      CloudProviderRegistry.registerProvider('kubernetes', kubernetes_configuration);
+      CloudProviderRegistry.registerProvider('gce', config);
+      ProviderSelectionService.selectProvider(application, 'securityGroup').then((_provider) => {
+        provider = _provider;
+      });
+      ProviderSelectionService.isDisabled(application).then((isDisable) => {
+        isDisabled_result = isDisable;
+      });
+      $scope.$digest();
+      expect(isDisabled_result).toBe(false);
+      expect(provider).toBe('gce');
+    });
+
+    // If an application is configured to have kubernetes as a cloud provider, and there are multiple kubernetes accounts, then the create
+    // infrastructure buttons are disabled if kubernetesAdHocInfraWritesEnabled is false
+    it('create infrastructure buttons are disabled when all accounts have cloud providers with ad-hoc operations disabled', () => {
+      let isDisabled_result = false;
+      hasValue = true;
+      const k8s_account_1 = fakeAccount('kubernetes');
+      k8s_account_1.type = 'kubernetes';
+      const k8s_account_2 = fakeAccount('kubernetes');
+      k8s_account_2.type = 'kubernetes';
+
+      accounts = [k8s_account_1, k8s_account_2];
+      let configuration = {
+        name: 'kubernetes',
+        kubernetesAdHocInfraWritesEnabled: false,
+      };
+      CloudProviderRegistry.registerProvider('kubernetes', configuration);
+      ProviderSelectionService.isDisabled(application).then((isDisable) => {
+        isDisabled_result = isDisable;
+      });
+      $scope.$digest();
+      expect(isDisabled_result).toBe(true);
+    });
+  });
 });

package/src/cloudProvider/providerSelection/ProviderSelectionService.ts

@@ -53,14 +53,12 @@ export class ProviderSelectionService {
   public static isDisabled(app: Application): PromiseLike<boolean> {
     return AccountService.applicationAccounts(app).then((accounts: IAccountDetails[]) => {
       let isDisable = false;
-      if (accounts.length === 1) {
-        accounts
-          .filter((a) => {
-            return CloudProviderRegistry.hasValue(a.cloudProvider, 'kubernetesAdHocInfraWritesEnabled');
-          })
-          .map((a) => {
-            isDisable = !CloudProviderRegistry.getValue(a.cloudProvider, 'kubernetesAdHocInfraWritesEnabled');
-          });
+      const cloudProvidersEnabled = accounts.filter((a) => {
+        return !CloudProviderRegistry.isDisabled(a.cloudProvider);
+      });
+
+      if (cloudProvidersEnabled.length === 0) {
+        isDisable = true;
       }
       return isDisable;
     });

package/src/cluster/allClusters.html

@@ -6,6 +6,7 @@
           class="btn btn-xs btn-default"
           ng-class="{active: filterModel.sortFilter.multiselect}"
           ng-click="ctrl.toggleMultiselect()"
+          ng-hide="isDisabled"
         >
           <span class="glyphicon glyphicon-list visible-lg-inline"></span>
           <span class="glyphicon glyphicon-list visible-md-inline visible-sm-inline" uib-tooltip="Edit multiple"></span>

package/src/config/settings.ts

@@ -73,6 +73,7 @@ export interface IManagedDeliveryURLs {
   pinning: string;
   resourceStatus: string;
   markAsBad: string;
+  previewEnvironments?: string;
 }
 
 export interface ISpinnakerSettings {
@@ -157,6 +158,7 @@ export const SETTINGS: ISpinnakerSettings = (window as any).spinnakerSettings ||
 // Make sure to set up some reasonable default settings fields so we do not have to keep checking if they exist everywhere
 SETTINGS.feature = SETTINGS.feature || {};
 SETTINGS.feature.roscoMode = SETTINGS.feature.roscoMode ?? true;
+SETTINGS.kubernetesAdHocInfraWritesEnabled = SETTINGS.kubernetesAdHocInfraWritesEnabled ?? true;
 SETTINGS.analytics = SETTINGS.analytics || {};
 SETTINGS.providers = SETTINGS.providers || {};
 SETTINGS.defaultTimeZone = SETTINGS.defaultTimeZone || 'America/Los_Angeles';

package/src/core.module.ts

@@ -14,7 +14,7 @@ import 'ui-select/dist/select.css';
 import '@spinnaker/styleguide/public/styleguide.min.css';
 import 'Select2/select2.css';
 import 'select2-bootstrap-css/select2-bootstrap.css';
-import 'source-sans-pro/source-sans-pro.css';
+import 'source-sans/source-sans-3.css';
 import './fonts/icons.css';
 
 import UI_ROUTER from '@uirouter/angularjs';

package/src/function/function.dataSource.ts

@@ -35,6 +35,7 @@ module(FUNCTION_DATA_SOURCE, [FUNCTION_READ_SERVICE]).run([
       category: INFRASTRUCTURE_KEY,
       optional: true,
       icon: 'fa fa-xs fa-fw fa-asterisk',
+      iconName: 'spMenuFunctions',
       loader: functions,
       onLoad: addFunctions,
       afterLoad: addTags,

package/src/instance/details/multipleInstances.controller.js

@@ -3,6 +3,7 @@
 import UIROUTER_ANGULARJS from '@uirouter/angularjs';
 import { module } from 'angular';
 
+import { ProviderSelectionService } from '../../cloudProvider/providerSelection/ProviderSelectionService';
 import { ConfirmationModalService } from '../../confirmationModal';
 import { InstanceWriter } from '../instance.write.service';
 import { CORE_INSTANCE_DETAILS_MULTIPLEINSTANCESERVERGROUP_DIRECTIVE } from './multipleInstanceServerGroup.directive';
@@ -20,6 +21,11 @@ module(CORE_INSTANCE_DETAILS_MULTIPLEINSTANCES_CONTROLLER, [
   'app',
   function ($scope, $state, app) {
     this.selectedGroups = [];
+    this.$onInit = () => {
+      ProviderSelectionService.isDisabled(app).then((disabled) => {
+        $scope.isDisabled = disabled;
+      });
+    };
 
     /**
      * Actions

package/src/instance/details/multipleInstances.view.html

@@ -16,6 +16,7 @@
             type="button"
             class="btn btn-sm btn-primary dropdown-toggle"
             ng-disabled="disabled"
+            ng-hide="isDisabled"
             uib-dropdown-toggle
           >
             Actions <span class="caret"></span>

package/src/managed/config/Configuration.tsx

@@ -19,6 +19,7 @@ import { ActionModal, IArtifactActionModalProps } from '../utils/ActionModal';
 import { getIsDebugMode } from '../utils/debugMode';
 import { getDocsUrl, MODAL_MAX_WIDTH, spinnerProps } from '../utils/defaults';
 import { useLogEvent } from '../utils/logging';
+import { useNotifyOnError } from '../utils/useNotifyOnError.hook';
 import { Spinner } from '../../widgets';
 
 const BTN_CLASSNAMES = 'btn md-btn';
@@ -82,10 +83,16 @@ interface IManagementToggleProps {
 const ManagementToggle = ({ isPaused }: IManagementToggleProps) => {
   const appName = useApplicationContextSafe().name;
   const logEvent = useLogEvent('Management');
-  const [toggleManagement, { loading: mutationInFlight }] = useToggleManagementMutation({
+  const [toggleManagement, { loading: mutationInFlight, error }] = useToggleManagementMutation({
     refetchQueries: [{ query: FetchApplicationManagementDataDocument, variables: { appName } }],
   });
 
+  useNotifyOnError({
+    key: 'toggleManagement',
+    content: `Failed to ${isPaused ? 'enable' : 'disable'} management`,
+    error,
+  });
+
   const onShowToggleManagementModal = React.useCallback((shouldPause: boolean) => {
     logEvent({ action: 'OpenModal', data: { shouldPause } });
     showModal(

package/src/managed/config/DeliveryConfig.tsx

@@ -9,7 +9,8 @@ import {
 import { useApplicationContextSafe } from '../../presentation/hooks/useApplicationContext.hook';
 import { YamlViewer } from '../utils/YamlViewer';
 import { useLogEvent } from '../utils/logging';
-import { NotifierService, Spinner } from '../../widgets';
+import { useNotifyOnError } from '../utils/useNotifyOnError.hook';
+import { Spinner } from '../../widgets';
 
 interface IDeliveryConfigProps {
   config?: string;
@@ -26,14 +27,7 @@ const ReImportConfig = () => {
   });
   const logEvent = useLogEvent('GitIntegration', 'ImportNow');
 
-  React.useEffect(() => {
-    if (!error) return;
-    NotifierService.publish({
-      key: 'import-error',
-      content: `Failed to import delivery config - ${error.message}`,
-      options: { type: 'error' },
-    });
-  }, [error]);
+  useNotifyOnError({ key: 'import-error', content: `Failed to import delivery config`, error });
 
   return (
     <>

package/src/managed/config/GitIntegration.tsx

@@ -8,6 +8,7 @@ import {
 } from '../graphql/graphql-sdk';
 import { CheckboxInput, useApplicationContextSafe } from '../../presentation';
 import { useLogEvent } from '../utils/logging';
+import { useNotifyOnError } from '../utils/useNotifyOnError.hook';
 import { Spinner } from '../../widgets/spinners/Spinner';
 
 import './GitIntegration.less';
@@ -79,11 +80,17 @@ const ManifestPath = ({ manifestPath }: Pick<IGitIntegrationProps, 'manifestPath
 
 export const GitIntegration = ({ isEnabled, branch, link, repository, manifestPath }: IGitIntegrationProps) => {
   const appName = useApplicationContextSafe().name;
-  const [updateIntegration, { loading }] = useUpdateGitIntegrationMutation({
+  const [updateIntegration, { loading, error }] = useUpdateGitIntegrationMutation({
     refetchQueries: [{ query: FetchApplicationManagementDataDocument, variables: { appName } }],
   });
   const logEvent = useLogEvent('GitIntegration');
 
+  useNotifyOnError({
+    key: 'toggleGitIntegration',
+    content: `Failed to ${isEnabled ? 'disable' : 'enable'} auto-import`,
+    error,
+  });
+
   const repoAndBranch = [repository, branch].join(':');
 
   return (

package/src/managed/environmentBaseElements/EnvironmentsRender.tsx

@@ -65,10 +65,16 @@ interface IEnvironmentsRenderProps {
   children?: React.ReactNode;
 }
 
+export interface OrderedEnvironments<T> {
+  className?: string;
+  style?: React.CSSProperties;
+  environments: T[];
+}
+
 export const useOrderedEnvironment = <T extends object>(
   ref: React.RefObject<HTMLDivElement>,
   environments: T[],
-): { className?: string; style?: React.CSSProperties; environments: T[] } => {
+): OrderedEnvironments<T> => {
   const { direction } = useEnvironmentDirectionState();
   const { width } = useDimensions(ref, { isActive: direction === 'gridView' });