@openshift-assisted/ui-lib 2.9.0-cim → 2.9.6-cim

package/lib/ocm/store/hooks.ts

@@ -1,5 +1,9 @@
-import type { DispatchDay1, DispatchDay2 } from './index';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
+import type { TypedUseSelectorHook } from 'react-redux';
+import type { DispatchDay1, RootStateDay1 } from './store-day1';
+import type { DispatchDay2, RootStateDay2 } from './store-day2';
 
 export const useDispatchDay1: () => DispatchDay1 = useDispatch;
+export const useSelectorDay1: TypedUseSelectorHook<RootStateDay1> = useSelector;
 export const useDispatchDay2: () => DispatchDay2 = useDispatch;
+export const useSelectorDay2: TypedUseSelectorHook<RootStateDay2> = useSelector;

package/lib/ocm/store/index.ts

@@ -1,23 +1,5 @@
-import { configureStore } from '@reduxjs/toolkit';
-import clustersReducer from '../reducers/clusters/clustersSlice';
-import currentClusterReducer from '../reducers/clusters/currentClusterSlice';
-import { infraEnvsReducer } from './slices/infraEnvs/slice';
-
-export const store = configureStore({
-  reducer: {
-    clusters: clustersReducer,
-    currentCluster: currentClusterReducer,
-    infraEnvs: infraEnvsReducer,
-  },
-  preloadedState: {},
-});
-export type RootState = ReturnType<typeof store.getState>;
-export type DispatchDay1 = typeof store.dispatch;
-
-export const storeDay2 = configureStore({
-  reducer: {
-    infraEnvs: infraEnvsReducer,
-  },
-});
-export type RootStateDay2 = ReturnType<typeof storeDay2.getState>;
-export type DispatchDay2 = typeof storeDay2.dispatch;
+export { storeDay1 } from './store-day1';
+export { storeDay2 } from './store-day2';
+export type { RootStateDay1, DispatchDay1 } from './store-day1';
+export type { RootStateDay2, DispatchDay2 } from './store-day2';
+export { useSelectorDay1, useSelectorDay2, useDispatchDay1, useDispatchDay2 } from './hooks';

package/lib/ocm/store/slices/clusters/selectors.tsx

@@ -0,0 +1,106 @@
+import React from 'react';
+import { createSelector } from '@reduxjs/toolkit';
+import type { IRow, IRowData } from '@patternfly/react-table';
+import { Link } from 'react-router-dom';
+import type { TFunction } from 'i18next';
+import {
+  DASH,
+  getDateTimeCell,
+  getEnabledHostCount,
+  getOpenshiftVersionText,
+  getTotalHostCount,
+  HostsCount,
+  ResourceUIState,
+} from '../../../../common';
+import type { ClusterTableRows, HumanizedSortable } from '../../../../common';
+import ClusterStatus, { getClusterStatusText } from '../../../components/clusters/ClusterStatus';
+import { routeBasePath } from '../../../config';
+import { RootStateDay1 } from '../../store-day1';
+import type { Cluster } from '@openshift-assisted/types/assisted-installer-service';
+
+const selectClusters = (state: RootStateDay1) => state.clusters.data;
+const clustersUIState = (state: RootStateDay1) => state.clusters.uiState;
+
+export const selectClustersUIState = createSelector(
+  [selectClusters, clustersUIState],
+  (clusters, uiState): ResourceUIState => {
+    const { LOADED, EMPTY } = ResourceUIState;
+    return !clusters.length && uiState === LOADED ? EMPTY : uiState;
+  },
+);
+
+export type ClusterRowDataProps = {
+  id: string;
+  name: string;
+  baseDnsDomain?: string;
+};
+
+const clusterToClusterTableRow = (cluster: Cluster, t: TFunction): IRow => {
+  const { id, name = '', baseDnsDomain, createdAt } = cluster;
+  const dateTimeCell = getDateTimeCell(createdAt);
+  const versionText = getOpenshiftVersionText({
+    openshiftVersion: cluster.openshiftVersion || '',
+    cpuArchitecture: cluster.cpuArchitecture,
+    withMultiText: true,
+  });
+  const props: ClusterRowDataProps = {
+    name,
+    id,
+    baseDnsDomain,
+  };
+
+  return {
+    cells: [
+      {
+        title: (
+          <Link key={name} to={`${routeBasePath}/clusters/${id}`} id={`cluster-link-${id}`}>
+            {name}
+          </Link>
+        ),
+        props: { 'data-testid': `cluster-name-${name}` },
+        sortableValue: name,
+      } as HumanizedSortable,
+      {
+        title: baseDnsDomain || DASH,
+        props: { 'data-testid': `cluster-base-domain-${name}` },
+        sortableValue: baseDnsDomain,
+      },
+      {
+        title: versionText,
+        props: { 'data-testid': `cluster-version-${name}` },
+        sortableValue: versionText,
+      },
+      {
+        title: <ClusterStatus status={cluster.status} />,
+        props: { 'data-testid': `cluster-status-${name}` },
+        sortableValue: getClusterStatusText(t, cluster.status),
+      } as HumanizedSortable,
+      {
+        title: <HostsCount cluster={cluster} />,
+        props: { 'data-testid': `cluster-hosts-count-${name}` },
+        sortableValue:
+          'enabledHostCount' in cluster ? getEnabledHostCount(cluster) : getTotalHostCount(cluster),
+      } as HumanizedSortable,
+      {
+        title: dateTimeCell.title,
+        props: { 'data-testid': `cluster-created-time-${name}` },
+        sortableValue: dateTimeCell.sortableValue,
+      } as HumanizedSortable,
+    ],
+    props,
+  };
+};
+
+export const getClusterTableStatusCell = (rowData: IRowData) =>
+  rowData?.cells?.[3] as HumanizedSortable;
+
+export const selectClusterTableRows = (t: TFunction) => {
+  return createSelector(
+    selectClusters,
+    (clusters): ClusterTableRows => clusters.map((c) => clusterToClusterTableRow(c, t)),
+  );
+};
+
+export const selectClusterNames = createSelector(selectClusters, (clusters) =>
+  clusters.map((c) => c.name),
+);

package/lib/ocm/store/slices/clusters/slice.ts

@@ -0,0 +1,65 @@
+import {
+  createSlice,
+  createAsyncThunk,
+  PayloadAction,
+  ThunkDispatch,
+  AnyAction,
+  Dispatch,
+} from '@reduxjs/toolkit';
+import { ResourceUIState } from '../../../../common';
+import { ClustersAPI } from '../../../services/apis';
+import { handleApiError, isInOcm } from '../../../api';
+import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
+
+export const fetchClustersAsync = createAsyncThunk<Cluster[] | void>(
+  'clusters/fetchClustersAsync',
+  async (value, { rejectWithValue }) => {
+    try {
+      const { data } = await ClustersAPI.list();
+      return data.filter((cluster) => (isInOcm ? cluster.kind === 'Cluster' : true));
+    } catch (e) {
+      return handleApiError(e, () => rejectWithValue(value));
+    }
+  },
+);
+
+type ClustersStateSlice = {
+  data: Cluster[];
+  uiState: ResourceUIState;
+};
+
+export type ClustersDispatch = ThunkDispatch<ClustersStateSlice, undefined, AnyAction> & Dispatch;
+
+const initialState: ClustersStateSlice = { data: [], uiState: ResourceUIState.LOADING };
+
+export const clustersSlice = createSlice({
+  initialState,
+  name: 'clusters',
+  reducers: {
+    deleteCluster: (state, action: PayloadAction<Cluster['id']>) => ({
+      ...state,
+      data: state.data.filter((item: Cluster) => item.id !== action.payload),
+    }),
+  },
+  extraReducers: (builder) => {
+    const { LOADED, LOADING, RELOADING, POLLING_ERROR } = ResourceUIState;
+    builder
+      .addCase(fetchClustersAsync.pending, (state) => {
+        const uiState = state.uiState === LOADED ? RELOADING : LOADING;
+        return { ...state, uiState };
+      })
+      .addCase(fetchClustersAsync.fulfilled, (state, action) => ({
+        ...state,
+        data: [...(action.payload as Cluster[])],
+        uiState: LOADED,
+      }))
+      .addCase(fetchClustersAsync.rejected, (state) => ({
+        ...state,
+        uiState: POLLING_ERROR,
+      }));
+  },
+});
+
+const { actions, reducer } = clustersSlice;
+export const { deleteCluster } = actions;
+export const clustersReducer = reducer;

package/lib/ocm/store/slices/current-cluster/selectors.ts

@@ -0,0 +1,17 @@
+import { AssistedInstallerPermissionTypesListType } from '../../../../common';
+import { RootStateDay1 } from '../../store-day1';
+
+export const selectCurrentClusterState = (state: RootStateDay1) => state.currentCluster;
+export const selectCurrentCluster = (state: RootStateDay1) => state.currentCluster.data;
+export const selectCurrentClusterUIState = (state: RootStateDay1) => state.currentCluster.uiState;
+export const selectIsCurrentClusterSNO = (state: RootStateDay1) =>
+  state.currentCluster.data?.highAvailabilityMode === 'None';
+export const selectCurrentClusterPermissionsState = (
+  state: RootStateDay1,
+): AssistedInstallerPermissionTypesListType => {
+  if (state.currentCluster) {
+    return state.currentCluster.permissions;
+  }
+  // This shouldn't happen, but to be on the safe side, return the default permissions
+  return { isViewerMode: false };
+};

package/lib/ocm/store/slices/current-cluster/slice.ts

@@ -0,0 +1,155 @@
+import findIndex from 'lodash-es/findIndex.js';
+import set from 'lodash-es/set.js';
+import { AxiosError } from 'axios';
+import {
+  AnyAction,
+  createAsyncThunk,
+  createSlice,
+  Dispatch,
+  PayloadAction,
+  ThunkDispatch,
+} from '@reduxjs/toolkit';
+import { Cluster, Host } from '@openshift-assisted/types/assisted-installer-service';
+import {
+  AssistedInstallerPermissionTypesListType,
+  FETCH_ABORTED_ERROR_CODE,
+  getApiErrorCode,
+  getApiErrorMessage,
+  handleApiError,
+  ResourceUIState,
+} from '../../../../common';
+import ClustersService from '../../../services/ClustersService';
+
+export type FetchErrorType = {
+  code: string | number;
+  message: string;
+};
+
+type CurrentClusterStateSlice = {
+  data?: Cluster;
+  uiState: ResourceUIState;
+  isReloadScheduled: number;
+  permissions: AssistedInstallerPermissionTypesListType;
+  errorDetail?: FetchErrorType;
+};
+
+export type ClusterDispatch = ThunkDispatch<CurrentClusterStateSlice, undefined, AnyAction> &
+  Dispatch;
+
+export const fetchClusterAsync = createAsyncThunk<
+  Cluster | void,
+  string,
+  {
+    rejectValue: FetchErrorType;
+  }
+>('currentCluster/fetchClusterAsync', async (clusterId, { rejectWithValue }) => {
+  try {
+    const cluster = await ClustersService.get(clusterId);
+    return cluster;
+  } catch (e) {
+    return handleApiError(e, () => {
+      return rejectWithValue({
+        code: getApiErrorCode(e as Error | AxiosError),
+        message: getApiErrorMessage(e),
+      });
+    });
+  }
+});
+
+const initialState: CurrentClusterStateSlice = {
+  data: undefined,
+  uiState: ResourceUIState.LOADING,
+  permissions: { isViewerMode: false },
+  errorDetail: undefined,
+  isReloadScheduled: 0,
+};
+
+export const currentClusterSlice = createSlice({
+  initialState,
+  name: 'currentCluster',
+  reducers: {
+    updateClusterBase: (state, action: PayloadAction<Cluster>) => {
+      // Should not overwrite the hosts once they are created
+      const originalHosts = state.data?.hosts || [];
+      return { ...state, data: { ...action.payload, hosts: originalHosts } };
+    },
+    updateCluster: (state, action: PayloadAction<Cluster>) => {
+      return { ...state, data: action.payload };
+    },
+    updateHost: (state, action: PayloadAction<Host>) => {
+      const hostIndex = findIndex(state.data?.hosts, (host) => host.id === action.payload.id);
+
+      if (hostIndex >= 0) {
+        set(state, `data.hosts[${hostIndex}]`, action.payload);
+      }
+      return state;
+    },
+    setServerUpdateError: (state) => {
+      return { ...state, uiState: ResourceUIState.UPDATE_ERROR };
+    },
+    cleanCluster: () => initialState,
+    forceReload: (state) => ({
+      ...state,
+      isReloadScheduled: state.isReloadScheduled + 1,
+    }),
+    cancelForceReload: (state) => ({
+      ...state,
+      isReloadScheduled: 0,
+    }),
+    updateClusterPermissions: (
+      state,
+      action: PayloadAction<AssistedInstallerPermissionTypesListType>,
+    ) => ({
+      ...state,
+      permissions: action.payload,
+    }),
+  },
+  extraReducers: (builder) => {
+    builder
+      .addCase(fetchClusterAsync.pending, (state) => {
+        const needsReload =
+          state.uiState === ResourceUIState.LOADED ||
+          (state.uiState === ResourceUIState.POLLING_ERROR && state.data);
+        return {
+          ...state,
+          uiState: needsReload ? ResourceUIState.RELOADING : ResourceUIState.LOADING,
+        };
+      })
+      .addCase(fetchClusterAsync.fulfilled, (state, action) => {
+        return {
+          ...state,
+          data: action.payload as Cluster,
+          uiState: ResourceUIState.LOADED,
+        };
+      })
+      .addCase(fetchClusterAsync.rejected, (state, action) => {
+        const error = action.payload as FetchErrorType;
+        if (error.code === FETCH_ABORTED_ERROR_CODE && !!state.data) {
+          // This failure is due to having aborted the request on purpose (to avoid conflicts with update operations).
+          // The error can be ignored, and the data will be refreshed on the next polling
+          return {
+            ...state,
+            uiState: ResourceUIState.LOADED,
+          };
+        }
+        return {
+          ...state,
+          uiState: ResourceUIState.POLLING_ERROR,
+          errorDetail: error,
+        };
+      });
+  },
+});
+
+const { actions, reducer } = currentClusterSlice;
+export const {
+  updateCluster,
+  updateClusterBase,
+  updateHost,
+  setServerUpdateError,
+  cleanCluster,
+  forceReload,
+  cancelForceReload,
+  updateClusterPermissions,
+} = actions;
+export const currentClusterReducer = reducer;

package/lib/ocm/store/slices/feature-flags/selectors.ts

@@ -0,0 +1,13 @@
+import { createSelector } from '@reduxjs/toolkit';
+import { AssistedInstallerFeatureType } from '../../../../common';
+import { RootStateDay1 } from '../../store-day1';
+
+export const selectFeatureFlagsSlice = (state: RootStateDay1) => state.featureFlags;
+
+export const isFeatureEnabled = createSelector(
+  [selectFeatureFlagsSlice, (_, feature: AssistedInstallerFeatureType) => feature],
+  (featureFlags, feature) => {
+    // Configured via Unleash in the OCM
+    return !!featureFlags[feature];
+  },
+);

package/lib/ocm/store/slices/feature-flags/slice.ts

@@ -0,0 +1,15 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+import { FeatureListType } from '../../../../common';
+
+const featureFlagsSlice = createSlice({
+  name: 'featureFlags',
+  initialState: {} as FeatureListType,
+  reducers: {
+    setFeatureFlags: (state, action: PayloadAction<FeatureListType>) => {
+      return Object.assign(state, action.payload);
+    },
+  },
+});
+
+export const featureFlagsActions = featureFlagsSlice.actions;
+export const featureFlagsReducer = featureFlagsSlice.reducer;

package/lib/ocm/store/slices/infra-envs/selectors.ts

@@ -0,0 +1,10 @@
+import { createSelector } from '@reduxjs/toolkit';
+import type { RootStateDay1 } from '../../store-day1';
+import type { CpuArchitecture } from '../../../../common';
+
+export const selectInfraEnvsSlice = (state: RootStateDay1) => state.infraEnvs;
+export const selectInfraEnvByCpuArchitecture = createSelector(
+  [selectInfraEnvsSlice, (_: RootStateDay1, cpuArchitecture: CpuArchitecture) => cpuArchitecture],
+  (infraEnvs, cpuArchitecture) =>
+    infraEnvs.find((infraEnv) => infraEnv.cpuArchitecture === cpuArchitecture),
+);

package/lib/ocm/store/slices/infra-envs/slice.ts

@@ -0,0 +1,13 @@
+import type { InfraEnv } from '@openshift-assisted/types/assisted-installer-service';
+import { createSlice } from '@reduxjs/toolkit';
+
+// This slice holds a list of infra-envs where each one has a different cpuArchitecture.
+// There should be no repetitions.
+const infraEnvsSlice = createSlice({
+  name: 'infraEnvs',
+  initialState: [] as InfraEnv[],
+  reducers: {},
+});
+
+export const infraEnvsActions = infraEnvsSlice.actions;
+export const infraEnvsReducer = infraEnvsSlice.reducer;

package/lib/ocm/store/slices/infra-envs/thunks.ts

@@ -0,0 +1,60 @@
+import { createAsyncThunk } from '@reduxjs/toolkit';
+import { CpuArchitecture, WithRequired } from '../../../../common';
+import { InfraEnvsAPI } from '../../../services/apis';
+import { RootStateDay1 } from '../../store-day1';
+import { selectInfraEnvByCpuArchitecture } from './selectors';
+import {
+  Cluster,
+  InfraEnv,
+  InfraEnvCreateParams,
+  InfraEnvUpdateParams,
+} from '@openshift-assisted/types/assisted-installer-service';
+
+export const listInfraEnvsByClusterId = createAsyncThunk(
+  'infraEnvs/listByClusterId',
+  async (clusterId: Cluster['id']) => {
+    const { data: infraEnvs } = await InfraEnvsAPI.list(clusterId);
+    return infraEnvs;
+  },
+);
+
+export const createInfraEnv = createAsyncThunk(
+  '',
+  async (params: WithRequired<InfraEnvCreateParams, 'clusterId'>) => {
+    const { data: infraEnv } = await InfraEnvsAPI.register(params);
+    // dispatch({ type: 'currentCluster/updateStaticNetworkConfig' payload: infraEnv.staticNetworkConfig });
+    return infraEnv;
+  },
+);
+
+export const removeAllInfraEnvs = createAsyncThunk('infraEnvs/removeAll', async (_, thunkAPI) => {
+  const state = thunkAPI.getState() as RootStateDay1;
+  const infraEnvIds = state.infraEnvs.map((infraEnv) => infraEnv.id);
+  const promises = [];
+  for (const infraEnvId of infraEnvIds) {
+    promises.push(InfraEnvsAPI.deregister(infraEnvId));
+  }
+  return await Promise.all(promises);
+});
+
+export const updateInfraEnv = createAsyncThunk(
+  'infraEnvs/update',
+  async ({ infraEnvId, ...params }: InfraEnvUpdateParams & { infraEnvId: InfraEnv['id'] }) => {
+    const { data: infraEnv } = await InfraEnvsAPI.update(infraEnvId, params);
+    // dispatch({ type: 'currentCluster/updateStaticNetworkConfig' payload: infraEnv.staticNetworkConfig });
+    return infraEnv;
+  },
+);
+
+export const getImageUrl = createAsyncThunk(
+  'infraEnvs/getImageUrl',
+  async (cpuArchitecture: CpuArchitecture, thunkAPI) => {
+    const state = thunkAPI.getState() as RootStateDay1;
+    // In OCM there is no late-binding, therefore every cluster created through the UI
+    // will have at least one infra-env bound to it and its cpuArchitecture initialized
+    // by default (to x86_64).
+    const infraEnv = selectInfraEnvByCpuArchitecture(state, cpuArchitecture) as InfraEnv;
+    const { data: preSignedUrl } = await InfraEnvsAPI.getImageUrl(infraEnv.id);
+    return preSignedUrl;
+  },
+);

package/lib/ocm/store/store-day1.ts

@@ -0,0 +1,23 @@
+import { configureStore } from '@reduxjs/toolkit';
+import { clustersReducer } from './slices/clusters/slice';
+import { currentClusterReducer } from './slices/current-cluster/slice';
+import { infraEnvsReducer } from './slices/infra-envs/slice';
+import { featureFlagsReducer } from './slices/feature-flags/slice';
+import { STANDALONE_DEPLOYMENT_ENABLED_FEATURES } from '../../common';
+
+export const storeDay1 = configureStore({
+  devTools: {
+    name: 'Assisted Installer - Day 1',
+  },
+  reducer: {
+    clusters: clustersReducer,
+    currentCluster: currentClusterReducer,
+    infraEnvs: infraEnvsReducer,
+    featureFlags: featureFlagsReducer,
+  },
+  preloadedState: {
+    featureFlags: STANDALONE_DEPLOYMENT_ENABLED_FEATURES,
+  },
+});
+export type RootStateDay1 = ReturnType<typeof storeDay1.getState>;
+export type DispatchDay1 = typeof storeDay1.dispatch;

package/lib/ocm/store/store-day2.ts

@@ -0,0 +1,19 @@
+import { configureStore } from '@reduxjs/toolkit';
+import { infraEnvsReducer } from './slices/infra-envs/slice';
+import { featureFlagsReducer } from './slices/feature-flags/slice';
+import { STANDALONE_DEPLOYMENT_ENABLED_FEATURES } from '../../common';
+
+export const storeDay2 = configureStore({
+  devTools: {
+    name: 'Assisted Installer - Day 2',
+  },
+  reducer: {
+    infraEnvs: infraEnvsReducer,
+    featureFlags: featureFlagsReducer,
+  },
+  preloadedState: {
+    featureFlags: STANDALONE_DEPLOYMENT_ENABLED_FEATURES,
+  },
+});
+export type RootStateDay2 = ReturnType<typeof storeDay2.getState>;
+export type DispatchDay2 = typeof storeDay2.dispatch;

package/package.json

@@ -1,5 +1,7 @@
 {
   "dependencies": {
+    "@openshift-assisted/locales": "2.9.6-cim",
+    "@openshift-assisted/types": "2.9.6-cim",
     "axios-case-converter": "^0.11.1",
     "camel-case": "^4.1.2",
     "cidr-tools": "^4.3.0",
@@ -19,6 +21,7 @@
     "react-error-boundary": "^3.1.4",
     "react-measure": "^2.5.2",
     "swr": "^2",
+    "tslib": "^2.6.1",
     "unique-names-generator": "^4.2.0"
   },
   "description": "React component library for the Assisted Installer UI",
@@ -39,8 +42,7 @@
     "@types/react-router-dom": "^5.3.0",
     "@types/react-tagsinput": "^3.19.7",
     "@types/uuid": "^8.0.0",
-    "@types/yup": "^0.26.9",
-    "sw2dts": "^2.6.3"
+    "@types/yup": "^0.26.9"
   },
   "engines": {
     "node": ">=14"
@@ -48,24 +50,24 @@
   "exports": {
     ".": {
       "source": "./lib/index.ts",
-      "types": "./@types/index.d.ts",
-      "default": "./build/index.js"
+      "types": "./build/@types/index.d.ts",
+      "default": "./build/cjs/index.js"
     },
     "./cim": {
       "source": "./lib/cim/index.ts",
-      "types": "./@types/cim/index.d.ts",
-      "default": "./build/cim/index.js"
+      "types": "./build/@types/cim/index.d.ts",
+      "default": "./build/cjs/cim/index.js"
     },
     "./ocm": {
       "source": "./lib/ocm/index.ts",
-      "types": "./@types/ocm/index.d.ts",
-      "default": "./build/ocm/index.js"
-    }
+      "types": "./build/@types/ocm/index.d.ts",
+      "default": "./build/cjs/ocm/index.js"
+    },
+    "./package.json": "./package.json"
   },
   "files": [
     "build",
-    "lib",
-    "@types"
+    "lib"
   ],
   "keywords": [
     "assisted-ui",
@@ -110,25 +112,21 @@
     "url": "https://github.com/openshift-assisted/assisted-installer-ui.git"
   },
   "scripts": {
-    "build": "yarn run -T tsc --build --verbose && yarn copy:css && yarn codegen:build-manifest",
+    "build": "yarn run -T tsc --build --verbose && yarn copy:css",
     "check_circular_deps": "yarn run -T dpdm --warning false --tree false --exit-code circular:1 ./lib/index.ts",
     "check_types": "yarn run -T tsc --noEmit",
-    "clean": "yarn run -T rimraf node_modules build @types",
-    "copy:css": "rsync -Ruv lib/./**/*.css build",
-    "codegen:build-manifest": "yarn node scripts/generate-build-manifest.mjs",
-    "update-api": "scripts/update-api.sh lib/common/api/swagger.yaml lib/common/api/types.ts",
-    "watch": "yarn run -T toolbox watch --dir=lib 'yarn build' 'yarn yalc:push'",
-    "yalc:push": "yalc push --changed"
+    "clean": "yarn run -T rimraf node_modules build",
+    "copy:css": "rsync -Ruv lib/./**/*.css build/cjs"
   },
   "typesVersions": {
     "*": {
       "cim": [
-        "./@types/cim/index.d.ts"
+        "./build/@types/cim/index.d.ts"
       ],
       "ocm": [
-        "./@types/ocm/index.d.ts"
+        "./build/@types/ocm/index.d.ts"
       ]
     }
   },
-  "version": "2.9.0-cim"
+  "version": "2.9.6-cim"
 }

package/@types/cim/components/Agent/AgentStatus.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AgentStatus.d.ts","sourceRoot":"","sources":["../../../../lib/cim/components/Agent/AgentStatus.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,gCAAgC,EAAE,MAAM,4BAA4B,CAAC;AAIjG,OAAO,sDAAsD,CAAC;AAO9D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,gCAAgC,CAAC;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0E3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/@types/cim/components/Agent/AgentTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AgentTable.d.ts","sourceRoot":"","sources":["../../../../lib/cim/components/Agent/AgentTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,8BAA8B,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAgB/D,eAAO,MAAM,UAAU,UAAW,gBAAgB,WAAkC,CAAC;AAErF,eAAO,MAAM,oBAAoB,mBAShC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,cAAc,CAAC,GAAG;IACtE,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,mBAAmB,EAAE,8BAA8B,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/@types/cim/components/Agent/AgentsSelectionHostCountAlerts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AgentsSelectionHostCountAlerts.d.ts","sourceRoot":"","sources":["../../../../lib/cim/components/Agent/AgentsSelectionHostCountAlerts.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAe/C,KAAK,mCAAmC,GAAG;IACzC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,cAAc,EAAE,gBAAgB,EAAE,CAAC;IACnC,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,8BAA8B,8DAIjC,mCAAmC,gBA6BrC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}

package/@types/cim/components/Agent/AgentsSelectionHostCountLabelIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AgentsSelectionHostCountLabelIcon.d.ts","sourceRoot":"","sources":["../../../../lib/cim/components/Agent/AgentsSelectionHostCountLabelIcon.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,iCAAiC,mBAQtC,CAAC;AAEF,eAAe,iCAAiC,CAAC"}