@spinnaker/core 0.12.0 → 0.15.0

package/src/managed/versionsHistory/VersionContent.tsx

@@ -1,56 +1,62 @@
+import { flatten, omit, uniq } from 'lodash';
 import React from 'react';
 
+import { ArtifactActions } from '../artifactActions/ArtifactActions';
 import { BaseEnvironment } from '../environmentBaseElements/BaseEnvironment';
 import { EnvironmentItem } from '../environmentBaseElements/EnvironmentItem';
 import { EnvironmentsRender, useOrderedEnvironment } from '../environmentBaseElements/EnvironmentsRender';
+import type { FetchVersionQuery } from '../graphql/graphql-sdk';
 import { useFetchVersionQuery } from '../graphql/graphql-sdk';
-import { ArtifactVersionTasks, ITaskArtifactVersionProps } from '../overview/artifact/ArtifactVersionTasks';
+import type { ITaskArtifactVersionProps } from '../overview/artifact/ArtifactVersionTasks';
+import { ArtifactVersionTasks } from '../overview/artifact/ArtifactVersionTasks';
 import { Constraints } from '../overview/artifact/Constraints';
-import { useCreateVersionActions } from '../overview/artifact/utils';
+import { useCreateVersionRollbackActions } from '../overview/artifact/useCreateRollbackActions.hook';
+import { extractVersionRollbackDetails, isVersionVetoed } from '../overview/artifact/utils';
 import { useApplicationContextSafe } from '../../presentation';
 import { LoadingAnimation } from '../../presentation/LoadingAnimation';
-import { HistoryArtifactVersionExtended, PinnedVersions, VersionData } from './types';
-import { toPinnedMetadata, VersionMessageData } from '../versionMetadata/MetadataComponents';
-import { getBaseMetadata, VersionMetadata } from '../versionMetadata/VersionMetadata';
+import type {
+  HistoryArtifactVersionExtended,
+  PinnedVersions,
+  SingleVersionArtifactVersion,
+  VersionData,
+} from './types';
+import type { VersionMessageData } from '../versionMetadata/MetadataComponents';
+import { toPinnedMetadata } from '../versionMetadata/MetadataComponents';
+import { getBaseMetadata, getVersionCompareLinks, VersionMetadata } from '../versionMetadata/VersionMetadata';
 
 import './VersionsHistory.less';
 
 interface IVersionInEnvironmentProps {
   environment: string;
+  isPreview?: boolean;
   version: HistoryArtifactVersionExtended;
   envPinnedVersions?: PinnedVersions[keyof PinnedVersions];
+  loading: boolean;
+  detailedVersionData: SingleVersionArtifactVersion | undefined;
 }
 
-const useGetDetailedVersionData = ({ environment, version }: Omit<IVersionInEnvironmentProps, 'envPinnedVersions'>) => {
-  const app = useApplicationContextSafe();
-  const { data: detailedVersionData, error, loading } = useFetchVersionQuery({
-    variables: { appName: app.name, versions: [version.version] },
-  });
-  const environmentData = detailedVersionData?.application?.environments?.find((env) => env.name === environment);
-  const artifactData = environmentData?.state.artifacts?.find((artifact) => artifact.reference === version.reference);
-  return { detailedVersionData: artifactData?.versions?.find((v) => v.version === version.version), error, loading };
-};
-
-const VersionInEnvironment = ({ environment, version, envPinnedVersions }: IVersionInEnvironmentProps) => {
-  const { detailedVersionData, loading } = useGetDetailedVersionData({ environment, version });
+const VersionInEnvironment = ({
+  environment,
+  version,
+  isPreview,
+  envPinnedVersions,
+  detailedVersionData,
+  loading,
+}: IVersionInEnvironmentProps) => {
   let pinnedData: VersionMessageData | undefined;
   const currentPinnedVersion = envPinnedVersions?.[version.reference];
   if (currentPinnedVersion && currentPinnedVersion.buildNumber === version.buildNumber) {
     pinnedData = toPinnedMetadata(currentPinnedVersion);
   }
 
-  const actions = useCreateVersionActions({
+  const actions = useCreateVersionRollbackActions({
     environment,
     reference: version.reference,
     version: version.version,
-    buildNumber: version.buildNumber,
-    status: version.status,
-    commitMessage: version.gitMetadata?.commitInfo?.message,
+    isVetoed: isVersionVetoed(version),
     isPinned: Boolean(pinnedData),
-    compareLinks: {
-      previous: detailedVersionData?.gitMetadata?.comparisonLinks?.toPreviousVersion,
-      current: detailedVersionData?.gitMetadata?.comparisonLinks?.toCurrentVersion,
-    },
+    isCurrent: version.isCurrent,
+    selectedVersion: extractVersionRollbackDetails(version),
   });
 
   const versionProps: ITaskArtifactVersionProps = {
@@ -69,13 +75,18 @@ const VersionInEnvironment = ({ environment, version, envPinnedVersions }: IVers
     >
       <VersionMetadata
         key={version.id}
-        author={version.gitMetadata?.author}
-        version={version.version}
-        {...(detailedVersionData ? getBaseMetadata(detailedVersionData) : undefined)}
-        actions={actions}
+        {...(detailedVersionData ? omit(getBaseMetadata(detailedVersionData), 'author', 'buildDuration') : undefined)}
         pinned={pinnedData}
       />
-
+      {!isPreview && (
+        <ArtifactActions
+          buildNumber={version.buildNumber}
+          version={version.version}
+          actions={actions}
+          compareLinks={detailedVersionData ? getVersionCompareLinks(detailedVersionData) : undefined}
+          className="sp-margin-s-yaxis"
+        />
+      )}
       {loading && <LoadingAnimation />}
       <Constraints
         constraints={detailedVersionData?.constraints}
@@ -88,14 +99,39 @@ const VersionInEnvironment = ({ environment, version, envPinnedVersions }: IVers
   );
 };
 
+const getDetailedVersionData = ({
+  environment,
+  version,
+  versionsDetails,
+}: {
+  environment: string;
+  version: HistoryArtifactVersionExtended;
+  versionsDetails: FetchVersionQuery | undefined;
+}) => {
+  const environmentData = versionsDetails?.application?.environments?.find((env) => env.name === environment);
+  const artifactData = environmentData?.state.artifacts?.find((artifact) => artifact.reference === version.reference);
+  return artifactData?.versions?.find((v) => v.version === version.version);
+};
+
 interface IVersionContentProps {
   versionData: VersionData;
   pinnedVersions?: PinnedVersions;
 }
 
+/**
+ * VersionContent includes all of the environments and builds that are associated with a single commit sha (unless if the sha is missing)
+ */
 export const VersionContent = ({ versionData, pinnedVersions }: IVersionContentProps) => {
   const ref = React.useRef<HTMLDivElement | null>(null);
   const { environments, ...renderProps } = useOrderedEnvironment(ref, Object.entries(versionData.environments));
+  const app = useApplicationContextSafe();
+
+  // Create a list of all the versions of the current commit. Usually, there will be only one.
+  const versions = uniq(flatten(environments.map(([_, env]) => env.versions.map((v) => v.version))));
+  const { data: versionsDetails, loading } = useFetchVersionQuery({
+    variables: { appName: app.name, versions },
+  });
+
   return (
     <EnvironmentsRender {...renderProps} ref={ref}>
       {environments.map(([env, { versions, isPreview, basedOn, gitMetadata }]) => {
@@ -108,12 +144,16 @@ export const VersionContent = ({ versionData, pinnedVersions }: IVersionContentP
             isPreview={isPreview}
             size="small"
           >
+            {/* Usually there will be only one version per artifact */}
             {versions.map((version) => (
               <VersionInEnvironment
                 environment={env}
                 key={version.id}
                 version={version}
+                isPreview={isPreview}
                 envPinnedVersions={pinnedVersions?.[env]}
+                loading={loading}
+                detailedVersionData={getDetailedVersionData({ environment: env, version, versionsDetails })}
               />
             ))}
           </BaseEnvironment>

package/src/managed/versionsHistory/VersionHeading.tsx

@@ -4,14 +4,11 @@ import { sortBy, toNumber } from 'lodash';
 import React from 'react';
 
 import { getEnvTitle } from '../environmentBaseElements/BaseEnvironment';
-import {
-  FetchVersionDocument,
-  FetchVersionQueryVariables,
-  MdArtifactStatusInEnvironment,
-} from '../graphql/graphql-sdk';
+import type { FetchVersionQueryVariables, MdArtifactStatusInEnvironment } from '../graphql/graphql-sdk';
+import { FetchVersionDocument } from '../graphql/graphql-sdk';
 import { GitLink } from '../overview/artifact/GitLink';
 import { Icon, Tooltip, useApplicationContextSafe } from '../../presentation';
-import { HistoryArtifactVersion, VersionData } from './types';
+import type { HistoryArtifactVersion, VersionData } from './types';
 import { TOOLTIP_DELAY_SHOW } from '../utils/defaults';
 import {
   BaseVersionMetadata,
@@ -76,7 +73,7 @@ const statusToText: { [key in VersionStatus]: string } = {
   VETOED: `Marked as bad`,
   PREVIOUS: `Previously deployed`,
   DEPLOYING: `Deploying`,
-  SKIPPED: 'Skipped',
+  SKIPPED: 'Not deployed',
 };
 
 const secondaryStatusToIcon: { [key in VersionStatus]?: string } = {
@@ -140,6 +137,7 @@ const EnvironmentBadge = ({ name, data: { isPreview, versions, gitMetadata, isPi
   const isCurrent = getIsCurrent(versions);
   const statusClassName = statusToClassName[isCurrent ? 'CURRENT' : statusSummary];
   const statusText = statusToText[statusSummary];
+
   // In case that the status is different than CURRENT (e.g. when you veto the CURRENT version), we want to show that as well
   const hasSecondaryStatus = Boolean(isCurrent && statusSummary !== 'CURRENT');
   const secondaryIcon = hasSecondaryStatus ? secondaryStatusToIcon[statusSummary] : undefined;

package/src/managed/versionsHistory/VersionsHistory.less

@@ -117,15 +117,23 @@
     }
 
     &.skipped {
+      @stripesColor: var(--color-silver);
+      @baseColor: var(--color-white);
       border: 1px solid var(--color-silver);
+      background-image: linear-gradient(
+        to top right,
+        @baseColor calc(50% - 1px),
+        @stripesColor,
+        @baseColor calc(50% + 1px)
+      );
     }
 
     &.approved {
-      background-color: var(--color-status-progress);
+      background-color: var(--color-status-progress-light);
     }
 
     &.pending {
-      background-color: var(--color-status-progress);
+      background-color: var(--color-status-progress-light);
     }
 
     &.vetoed {
@@ -137,7 +145,7 @@
     }
 
     &.previous {
-      background-color: var(--color-status-neutral);
+      background-color: rgba(43%, 84%, 43%, 0.2);
     }
 
     &.deploying {

package/src/managed/versionsHistory/VersionsHistory.tsx

@@ -1,4 +1,5 @@
-import { RawParams, useCurrentStateAndParams, useRouter } from '@uirouter/react';
+import type { RawParams } from '@uirouter/react';
+import { useCurrentStateAndParams, useRouter } from '@uirouter/react';
 import { sortBy } from 'lodash';
 import { DateTime } from 'luxon';
 import React from 'react';
@@ -10,7 +11,7 @@ import { useFetchVersionsHistoryQuery } from '../graphql/graphql-sdk';
 import { Messages } from '../messages/Messages';
 import { isBaking } from '../overview/artifact/utils';
 import { CollapsibleSection, useApplicationContextSafe } from '../../presentation';
-import { HistoryArtifactVersion, HistoryEnvironment, PinnedVersions, VersionData } from './types';
+import type { HistoryArtifactVersion, HistoryEnvironment, PinnedVersions, VersionData } from './types';
 import { spinnerProps } from '../utils/defaults';
 import { Spinner } from '../../widgets';
 
@@ -45,7 +46,6 @@ const getIsFocused = (version: HistoryArtifactVersion, params: RawParams) => {
   return false;
 };
 
-// TODO: only take the latest build per commit per artifact
 const groupVersionsByShaOrBuild = (environments: HistoryEnvironment[], params: RawParams) => {
   const groupedVersions: GroupedVersions = {};
   for (const env of environments) {
@@ -114,7 +114,7 @@ export const VersionsHistory = () => {
   const { params } = useCurrentStateAndParams();
 
   const { data, error, loading } = useFetchVersionsHistoryQuery({
-    variables: { appName: app.name, limit: 100 }, // Fetch the last 100 versions
+    variables: { appName: app.name, limit: 50 }, // Fetch the last 50 versions
   });
 
   if (loading && !data) {
@@ -131,6 +131,7 @@ export const VersionsHistory = () => {
   return (
     <main className="VersionsHistory">
       <Messages />
+      {/* Usually, each version is correlated with a single commit  */}
       {groupedVersions.map((group) => {
         return <SingleVersion key={group.key} versionData={group} pinnedVersions={pinnedVersions} />;
       })}

package/src/managed/versionsHistory/types.ts

@@ -1,5 +1,5 @@
-import { DateTime } from 'luxon';
-import { FetchVersionQuery, FetchVersionsHistoryQuery } from '../graphql/graphql-sdk';
+import type { DateTime } from 'luxon';
+import type { FetchVersionQuery, FetchVersionsHistoryQuery } from '../graphql/graphql-sdk';
 
 export type HistoryEnvironment = NonNullable<FetchVersionsHistoryQuery['application']>['environments'][number];
 export type HistoryArtifact = NonNullable<HistoryEnvironment['state']['artifacts']>[number];

package/src/manifest/ManifestReader.ts

@@ -1,5 +1,5 @@
 import { REST } from '../api/ApiService';
-import { IManifest } from '../domain';
+import type { IManifest } from '../domain';
 
 export class ManifestReader {
   public static getManifest(account: string, location: string, name: string): PromiseLike<IManifest> {

package/src/manifest/ManifestWriter.ts

@@ -1,5 +1,5 @@
-import { Application } from '../application/application.model';
-import { ITask } from '../domain';
+import type { Application } from '../application/application.model';
+import type { ITask } from '../domain';
 import { TaskExecutor } from '../task/taskExecutor';
 
 export class ManifestWriter {

package/src/manifest/PodNameProvider.spec.ts

@@ -1,5 +1,5 @@
 import { DefaultPodNameProvider, JobEventBasedPodNameProvider } from './PodNameProvider';
-import { IManifest, IManifestEvent } from '../domain';
+import type { IManifest, IManifestEvent } from '../domain';
 
 describe('PodNameProvider', function () {
   describe('DefaultPodNameProvider', function () {

package/src/manifest/PodNameProvider.ts

@@ -1,6 +1,6 @@
 import { trim } from 'lodash';
 
-import { IManifest, IManifestEvent } from '../domain';
+import type { IManifest, IManifestEvent } from '../domain';
 
 // when fetching logs from Pods there are some instances
 // where we know the name of the Pod ahead of time and some

package/src/manifest/stage/JobManifestPodLogs.tsx

@@ -5,8 +5,9 @@ import { bindAll } from 'lodash';
 import React from 'react';
 import { Button, Modal } from 'react-bootstrap';
 
-import { IPodNameProvider } from '../PodNameProvider';
-import { IInstanceConsoleOutput, IInstanceMultiOutputLog, InstanceReader } from '../../instance/InstanceReader';
+import type { IPodNameProvider } from '../PodNameProvider';
+import type { IInstanceConsoleOutput, IInstanceMultiOutputLog } from '../../instance/InstanceReader';
+import { InstanceReader } from '../../instance/InstanceReader';
 
 // IJobManifestPodLogs is the data needed to get logs
 export interface IJobManifestPodLogsProps {

package/src/manifest/stage/JobStageExecutionLogs.tsx

@@ -5,9 +5,9 @@ import { takeUntil } from 'rxjs/operators';
 
 import { JobManifestPodLogs } from './JobManifestPodLogs';
 import { ManifestReader } from '../ManifestReader';
-import { IPodNameProvider } from '../PodNameProvider';
-import { Application } from '../../application';
-import { IManifest } from '../../domain/IManifest';
+import type { IPodNameProvider } from '../PodNameProvider';
+import type { Application } from '../../application';
+import type { IManifest } from '../../domain/IManifest';
 
 interface IJobStageExecutionLogsProps {
   deployedName: string;

package/src/modal/buttons/modalClose.component.ts

@@ -1,4 +1,5 @@
-import { IComponentOptions, module } from 'angular';
+import type { IComponentOptions } from 'angular';
+import { module } from 'angular';
 
 const modalCloseComponent: IComponentOptions = {
   bindings: {

package/src/modal/buttons/submitButton.component.ts

@@ -1,4 +1,5 @@
-import { IComponentOptions, module } from 'angular';
+import type { IComponentOptions } from 'angular';
+import { module } from 'angular';
 
 export const submitButtonComponent: IComponentOptions = {
   bindings: {

package/src/modal/wizard/WizardModal.tsx

@@ -1,15 +1,16 @@
-import { Form, Formik, FormikProps } from 'formik';
+import type { Formik, FormikProps } from 'formik';
+import { Form } from 'formik';
 import { merge, without } from 'lodash';
 import React from 'react';
 import { Modal } from 'react-bootstrap';
 
-import { WizardPage } from './WizardPage';
+import type { WizardPage } from './WizardPage';
 import { WizardStepLabel } from './WizardStepLabel';
 import { ModalClose } from '../buttons/ModalClose';
 import { SubmitButton } from '../buttons/SubmitButton';
 import { SpinFormik } from '../../presentation';
-import { IModalComponentProps } from '../../presentation';
-import { TaskMonitor } from '../../task/monitor/TaskMonitor';
+import type { IModalComponentProps } from '../../presentation';
+import type { TaskMonitor } from '../../task/monitor/TaskMonitor';
 import { TaskMonitorWrapper } from '../../task/monitor/TaskMonitorWrapper';
 import { Spinner } from '../../widgets/spinners/Spinner';
 

package/src/modal/wizard/WizardPage.tsx

@@ -1,7 +1,7 @@
 import { isEqual, isFunction } from 'lodash';
 import React from 'react';
 
-import { IWizardModalApi } from './WizardModal';
+import type { IWizardModalApi } from './WizardModal';
 
 export interface IWizardPageComponent<T> {
   validate(values: T): { [key: string]: any };

package/src/modal/wizard/v2modalWizard.component.ts

@@ -1,4 +1,5 @@
-import { IController, module } from 'angular';
+import type { IController } from 'angular';
+import { module } from 'angular';
 
 import { ModalWizard } from './ModalWizard';
 import { V2_WIZARD_PAGE_COMPONENT } from './v2wizardPage.component';

package/src/modal/wizard/v2wizardPage.component.ts

@@ -1,6 +1,8 @@
-import { IController, module } from 'angular';
+import type { IController } from 'angular';
+import { module } from 'angular';
 
-import { IModalWizardPageState, ModalWizard } from './ModalWizard';
+import type { IModalWizardPageState } from './ModalWizard';
+import { ModalWizard } from './ModalWizard';
 /**
  * Wizard page directive
  * possible attributes:

package/src/naming/nameUtils.ts

@@ -1,8 +1,8 @@
 import { isNil, padStart, pickBy } from 'lodash';
 
-import { IMoniker } from './IMoniker';
-import { Application } from '../application';
-import { ILoadBalancer, IServerGroup } from '../domain';
+import type { IMoniker } from './IMoniker';
+import type { Application } from '../application';
+import type { ILoadBalancer, IServerGroup } from '../domain';
 
 export interface IComponentName {
   application: string;

package/src/navigation/UrlBuilder.ts

@@ -1,7 +1,7 @@
-import { StateService } from '@uirouter/core';
+import type { StateService } from '@uirouter/core';
 import { isDate, isObject, isUndefined } from 'lodash';
 
-import { ITask } from '../domain';
+import type { ITask } from '../domain';
 import { NameUtils } from '../naming';
 import { ReactInjector } from '../reactShims';
 import { Registry } from '../registry';

package/src/navigation/UrlBuilderRegistry.ts

@@ -1,4 +1,4 @@
-import { IUrlBuilder } from './UrlBuilder';
+import type { IUrlBuilder } from './UrlBuilder';
 
 export class UrlBuilderRegistry {
   private builders: { [key: string]: IUrlBuilder } = {};

package/src/navigation/customParamTypes.spec.ts

@@ -1,4 +1,4 @@
-import { trueKeyObjectParamType, booleanParamType, inverseBooleanParamType, sortKeyParamType } from './state.provider';
+import { booleanParamType, inverseBooleanParamType, sortKeyParamType, trueKeyObjectParamType } from './state.provider';
 
 describe('custom param types', () => {
   describe('trueKeyObject', () => {

package/src/navigation/state.provider.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   Ng1StateDeclaration,
   Ng1ViewDeclaration,
   ParamDeclaration,
@@ -6,12 +6,14 @@ import {
   UrlService,
 } from '@uirouter/angularjs';
 import UIROUTER_ANGULARJS from '@uirouter/angularjs';
-import { ParamTypeDefinition, ReactViewDeclaration } from '@uirouter/react';
-import { IServiceProvider, module } from 'angular';
+import type { ParamTypeDefinition, ReactViewDeclaration } from '@uirouter/react';
+import type { IServiceProvider } from 'angular';
+import { module } from 'angular';
 import { isEqual, isPlainObject } from 'lodash';
 
-import { IFilterConfig } from '../filterModel/IFilterModel';
-import { STATE_HELPER, StateHelper } from './stateHelper.provider';
+import type { IFilterConfig } from '../filterModel/IFilterModel';
+import type { StateHelper } from './stateHelper.provider';
+import { STATE_HELPER } from './stateHelper.provider';
 
 import './navigation.less';
 

package/src/navigation/stateHelper.provider.ts

@@ -1,7 +1,7 @@
-import { StateRegistry } from '@uirouter/core';
+import type { StateRegistry } from '@uirouter/core';
 import { copy, module } from 'angular';
 
-import { INestedState } from './state.provider';
+import type { INestedState } from './state.provider';
 
 export class StateHelper implements ng.IServiceProvider {
   private registeredStates: string[] = [];

package/src/notification/AppNotificationsService.ts

@@ -1,5 +1,5 @@
 import { REST } from '../api/ApiService';
-import { INotification } from '../domain';
+import type { INotification } from '../domain';
 
 export interface IAppNotifications {
   application: string;

package/src/notification/NotificationsList.tsx

@@ -5,8 +5,8 @@ import { from as observableFrom, Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
 import { AppNotificationsService } from './AppNotificationsService';
-import { Application } from '../application';
-import { INotification, INotificationTypeConfig } from '../domain';
+import type { Application } from '../application';
+import type { INotification, INotificationTypeConfig } from '../domain';
 import { EditNotificationModal } from './modal/EditNotificationModal';
 import { NotificationTransformer } from './notification.transformer';
 import { Registry } from '../registry';

package/src/notification/extensionNotificationConfig.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import { INotificationParameter } from './NotificationService';
-import { INotificationTypeCustomConfig } from '../domain';
+import type { INotificationParameter } from './NotificationService';
+import type { INotificationTypeCustomConfig } from '../domain';
 import { HelpField } from '../help';
 import { FormikFormField, TextInput } from '../presentation';
 

package/src/notification/modal/EditNotificationModal.tsx

@@ -1,11 +1,13 @@
-import { Form, Formik } from 'formik';
+import type { Formik } from 'formik';
+import { Form } from 'formik';
 import React from 'react';
 import { Modal } from 'react-bootstrap';
 
 import { NotificationDetails } from './NotificationDetails';
-import { INotification } from '../../domain';
+import type { INotification } from '../../domain';
 import { ModalClose, SubmitButton } from '../../modal';
-import { FormValidator, IModalComponentProps, ReactModal, SpinFormik } from '../../presentation';
+import type { IModalComponentProps } from '../../presentation';
+import { FormValidator, ReactModal, SpinFormik } from '../../presentation';
 
 export interface IEditNotificationModalProps extends IModalComponentProps {
   level: string;

package/src/notification/modal/NotificationDetails.tsx

@@ -1,9 +1,9 @@
-import { FormikProps } from 'formik';
+import type { FormikProps } from 'formik';
 import React from 'react';
-import { Option } from 'react-select';
+import type { Option } from 'react-select';
 
 import { WhenChecklistInput } from './WhenChecklistInput';
-import { INotification, INotificationTypeConfig } from '../../domain';
+import type { INotification, INotificationTypeConfig } from '../../domain';
 import { NotificationTransformer } from '../notification.transformer';
 import { FormikFormField, TextAreaInput } from '../../presentation';
 import { Registry } from '../../registry';

package/src/notification/modal/WhenChecklistInput.tsx

@@ -1,12 +1,7 @@
 import React from 'react';
 
-import {
-  createFakeReactSyntheticEvent,
-  IFormInputProps,
-  OmitControlledInputPropsFrom,
-  orEmptyString,
-  validationClassName,
-} from '../../presentation';
+import type { IFormInputProps, OmitControlledInputPropsFrom } from '../../presentation';
+import { createFakeReactSyntheticEvent, orEmptyString, validationClassName } from '../../presentation';
 
 const { useEffect } = React;
 

package/src/notification/notification.transformer.ts

@@ -1,6 +1,6 @@
 import { join } from 'lodash';
 
-import { INotification } from '../domain';
+import type { INotification } from '../domain';
 
 export class NotificationTransformer {
   public static getNotificationWhenDisplayName = (whenOption: string, level?: string, stageType?: string): string => {

package/src/notification/notification.types.ts

@@ -1,7 +1,8 @@
 import { cloneDeep } from 'lodash';
 
-import { INotificationSettings, SETTINGS } from '../config';
-import { INotificationTypeConfig } from '../domain';
+import type { INotificationSettings } from '../config';
+import { SETTINGS } from '../config';
+import type { INotificationTypeConfig } from '../domain';
 import { Registry } from '../registry';
 
 import { bearyChatNotification } from './selector/types/bearychat/beary.notification';

package/src/notification/selector/NotificationSelector.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Option } from 'react-select';
+import type { Option } from 'react-select';
 
-import { INotificationTypeConfig } from '../../domain';
+import type { INotificationTypeConfig } from '../../domain';
 import { FormikFormField, ReactSelectInput } from '../../presentation';
 import { Registry } from '../../registry';
 

package/src/notification/selector/types/bearychat/BearychatNotificationType.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { INotificationTypeCustomConfig } from '../../../../domain';
+import type { INotificationTypeCustomConfig } from '../../../../domain';
 import { FormikFormField, TextInput, Validators } from '../../../../presentation';
 
 export class BearychatNotificationType extends React.Component<INotificationTypeCustomConfig> {

package/src/notification/selector/types/bearychat/beary.notification.ts

@@ -1,5 +1,5 @@
 import { BearychatNotificationType } from './BearychatNotificationType';
-import { INotificationTypeConfig } from '../../../../domain';
+import type { INotificationTypeConfig } from '../../../../domain';
 
 export const bearyChatNotification: INotificationTypeConfig = {
   component: BearychatNotificationType,

package/src/notification/selector/types/email/EmailNotificationType.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { INotificationTypeCustomConfig } from '../../../../domain';
+import type { INotificationTypeCustomConfig } from '../../../../domain';
 import { FormikFormField, TextInput, Validators } from '../../../../presentation';
 
 export class EmailNotificationType extends React.Component<INotificationTypeCustomConfig> {