chore: moved usage of compass-preferences-model to compass-preferences-model/provider COMPASS-7559 (#5371)

* chore: moved usage of compass-preferences-model to compass-preferences-model/provider

* chore: remove capMaxTimeMSAtPreferenceLimit from main export

* chore: moved initial value derivation back to Preferences class, outside of Storage

* chore: fixes the tests with broken import

Author: himanshusinghs

configs/eslint-config-compass/plugin.js

@@ -24,8 +24,7 @@ module.exports = {
       // restrictedProviderImport('@mongodb-js/my-queries-storage'),
       // TODO(COMPASS-7412): enable when possible
       // restrictedProviderImport('@mongodb-js/atlas-service'),
-      // TODO(COMPASS-7559): enable when possible
-      // restrictedProviderImport('compass-preferences-model'),
+      restrictedProviderImport('compass-preferences-model'),
       {
         paths: require('module').builtinModules,
         message: 'Using Node.js built-in modules in plugins is not allowed.',

packages/compass-aggregations/src/components/focus-mode/focus-mode-modal-header.tsx

@@ -24,7 +24,7 @@ import {
 import { changeStageDisabled } from '../../modules/pipeline-builder/stage-editor';
 import type { StoreStage } from '../../modules/pipeline-builder/stage-editor';
 import { getInsightForStage } from '../../utils/insights';
-import { usePreference } from 'compass-preferences-model';
+import { usePreference } from 'compass-preferences-model/provider';
 import { createSearchIndex } from '../../modules/search-indexes';
 import type { ServerEnvironment } from '../../modules/env';
 

packages/compass-aggregations/src/components/pipeline-builder-workspace/pipeline-as-text-workspace/pipeline-stages-preview.tsx

@@ -20,7 +20,7 @@ import {
   MERGE_STAGE_PREVIEW_TEXT,
   OUT_STAGE_PREVIEW_TEXT,
 } from '../../../constants';
-import { usePreference } from 'compass-preferences-model';
+import { usePreference } from 'compass-preferences-model/provider';
 
 const bannerStyles = css({
   alignItems: 'center',

packages/compass-aggregations/src/components/pipeline-toolbar/index.tsx

@@ -7,7 +7,7 @@ import {
   useDarkMode,
 } from '@mongodb-js/compass-components';
 import { connect } from 'react-redux';
-import { useIsAIFeatureEnabled } from 'compass-preferences-model';
+import { useIsAIFeatureEnabled } from 'compass-preferences-model/provider';
 
 import PipelineHeader from './pipeline-header';
 import PipelineOptions from './pipeline-options';

packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-ai.tsx

@@ -2,7 +2,7 @@ import React, { useRef, useEffect, useCallback } from 'react';
 import { openToast } from '@mongodb-js/compass-components';
 import { GenerativeAIInput } from '@mongodb-js/compass-generative-ai';
 import { connect } from 'react-redux';
-import { usePreference } from 'compass-preferences-model';
+import { usePreference } from 'compass-preferences-model/provider';
 
 import {
   changeAIPromptText,

packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-header/index.tsx

@@ -14,7 +14,7 @@ import PipelineStages from './pipeline-stages';
 import PipelineActions from './pipeline-actions';
 import SavedPipelines from '../../saved-pipelines/saved-pipelines';
 import type { RootState } from '../../../modules';
-import { usePreference } from 'compass-preferences-model';
+import { usePreference } from 'compass-preferences-model/provider';
 
 const containerStyles = css({
   display: 'flex',

packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-header/pipeline-actions.tsx

@@ -25,7 +25,7 @@ import { openCreateIndexModal } from '../../../modules/insights';
 import {
   usePreference,
   useIsAIFeatureEnabled,
-} from 'compass-preferences-model';
+} from 'compass-preferences-model/provider';
 import { showInput as showAIInput } from '../../../modules/pipeline-builder/pipeline-ai';
 
 const containerStyles = css({

packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-header/pipeline-stages.tsx

@@ -11,7 +11,7 @@ import {
   Icon,
 } from '@mongodb-js/compass-components';
 import { AIExperienceEntry } from '@mongodb-js/compass-generative-ai';
-import { useIsAIFeatureEnabled } from 'compass-preferences-model';
+import { useIsAIFeatureEnabled } from 'compass-preferences-model/provider';
 
 import type { RootState } from '../../../modules';
 import { editPipeline } from '../../../modules/workspace';

packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-options/pipeline-collation.tsx

@@ -14,7 +14,7 @@ import type { RootState } from '../../../modules';
 import { collationStringChanged } from '../../../modules/collation-string';
 import { maxTimeMSChanged } from '../../../modules/max-time-ms';
 import { DEFAULT_MAX_TIME_MS } from '../../../constants';
-import { usePreference } from 'compass-preferences-model';
+import { usePreference } from 'compass-preferences-model/provider';
 
 const pipelineOptionsContainerStyles = css({
   paddingTop: spacing[1],

packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-settings/index.tsx

@@ -8,7 +8,7 @@ import PipelineExtraSettings from './pipeline-extra-settings';
 import type { RootState } from '../../../modules';
 import { getIsPipelineInvalidFromBuilderState } from '../../../modules/pipeline-builder/builder-helpers';
 import { confirmNewPipeline } from '../../../modules/is-new-pipeline-confirm';
-import { usePreference } from 'compass-preferences-model';
+import { usePreference } from 'compass-preferences-model/provider';
 import { hiddenOnNarrowPipelineToolbarStyles } from '../pipeline-toolbar-container';
 import ModifySourceBanner from '../../modify-source-banner';