@procore/saved-views 5.1.0-alpha.4 → 5.1.0-alpha.6

package/dist/legacy/index.mjs

@@ -8468,7 +8468,7 @@ var require_toposort = __commonJS({
   }
 });
 
-// src/utils/Translations/translations.ts
+// src/utils/translations/translations.ts
 var import_globalization_toolkit = __toESM(require_dist());
 
 // src/locales/de-DE.json
@@ -8851,6 +8851,9 @@ var en_default = {
     update: {
       success: "The saved view was successfully updated."
     },
+    create: {
+      success: "The saved view was successfully created."
+    },
     copy: {
       success: "The link was successfully created and copied to the clipboard."
     },
@@ -8859,7 +8862,8 @@ var en_default = {
       create: "Sorry, the saved view couldn't be created. Try again.",
       update: "Sorry, the saved view couldn't be updated. Try again.",
       delete: "Sorry, the saved view couldn't be deleted. Try again.",
-      copyFailed: "Failed to copy share link to clipboard"
+      copyFailed: "Failed to copy share link to clipboard",
+      notFound: "Sorry, the saved view could not be found. Please try again."
     },
     defaultViewTitle: {
       rfi: "All RFIs",
@@ -9264,6 +9268,84 @@ var is_IS_default = {
   }
 };
 
+// src/locales/it-IT.json
+var it_IT_default = {
+  savedViews: {
+    name: "Vista salvata",
+    title: "Viste salvate",
+    tooltip: "Creare e salvare qualsiasi layout di tabella personalizzato per tornare rapidamente alla vista preferita.",
+    button: {
+      title: "Viste"
+    },
+    actions: {
+      update: "Aggiorna",
+      delete: "Elimina",
+      create: "Crea",
+      edit: "Modifica",
+      cancel: "Annulla",
+      close: "Chiudi"
+    },
+    modal: {
+      edit: {
+        title: "Aggiorna vista salvata"
+      },
+      create: {
+        title: "Crea vista salvata"
+      },
+      delete: {
+        headline: "Elimina vista salvata",
+        description: "Una volta eliminata, non sar\xE0 pi\xF9 possibile ripristinare la vista."
+      },
+      fields: {
+        name: "Nome",
+        description: "Descrizione",
+        viewLevel: "Livello vista",
+        viewLevels: {
+          company: "Vista dell'azienda",
+          project: "Vista del progetto",
+          personal: "Vista personale"
+        }
+      },
+      errors: {
+        maxLengthName: "Non pu\xF2 contenere pi\xF9 di {{maxLength}} caratteri.",
+        required: "Il campo non pu\xF2 essere vuoto.",
+        duplicateName: "Esiste gi\xE0 una vista salvata con questo nome. Rinominarla e riprovare.",
+        unknown: "Si \xE8 verificato un errore. Riprovare.",
+        title: "Impossibile {{mode}} questa vista salvata",
+        description: {
+          create: "Correggere gli errori di seguito e provare a creare di nuovo",
+          update: "Correggere gli errori di seguito e provare ad aggiornare di nuovo"
+        }
+      },
+      info: {
+        required_fields: "campi obbligatori"
+      }
+    },
+    ariaLabels: {
+      menuItem: "Voce di menu Viste salvate {{name}}",
+      modal: "Finestra modale per creare/aggiornare viste salvate"
+    },
+    update: {
+      success: "Vista salvata aggiornata correttamente."
+    },
+    errors: {
+      fetch: "Impossibile recuperare le viste salvate. Riprovare.",
+      create: "Impossibile creare la vista salvata. Riprovare.",
+      update: "Impossibile aggiornare la vista salvata. Riprovare.",
+      delete: "Impossibile eliminare la vista salvata. Riprovare."
+    },
+    defaultViewTitle: {
+      rfi: "Tutte le RDI",
+      submittal_log: "Tutti gli elementi da inoltrare"
+    },
+    viewLevel: {
+      company: "Viste dell'azienda",
+      project: "Viste del progetto",
+      personal: "Viste personali"
+    }
+  }
+};
+
 // src/locales/ja-JP.json
 var ja_JP_default = {
   savedViews: {
@@ -9654,8 +9736,8 @@ var zh_SG_default = {
   }
 };
 
-// src/utils/Translations/translations.ts
-var supportedLocales = {
+// src/locales/index.ts
+var locales_default = {
   "de-DE": de_DE_default,
   "en-AU": en_AU_default,
   "en-CA": en_CA_default,
@@ -9666,12 +9748,18 @@ var supportedLocales = {
   "fr-CA": fr_CA_default,
   "fr-FR": fr_FR_default,
   "is-IS": is_IS_default,
+  "it-IT": it_IT_default,
   "ja-JP": ja_JP_default,
+  "pl-PL": pl_PL_default,
   "pt-BR": pt_BR_default,
   "th-TH": th_TH_default,
-  "zh-SG": zh_SG_default,
-  "pl-PL": pl_PL_default,
-  pseudo: en_default
+  "zh-SG": zh_SG_default
+};
+
+// src/utils/translations/translations.ts
+var supportedLocales = {
+  ...locales_default,
+  pseudo: locales_default.en
 };
 function getTranslations(envLocale) {
   return Object.fromEntries(
@@ -9682,7 +9770,7 @@ function getTranslations(envLocale) {
   );
 }
 
-// src/SavedViews/components/Buttons/useSavedViewsPanel.tsx
+// src/components/buttons/useSavedViewsPanel.tsx
 import { useState } from "react";
 
 // ../../node_modules/tslib/tslib.es6.mjs
@@ -9894,7 +9982,7 @@ var Plus = React11.forwardRef(function Plus2(props, ref) {
 Plus.displayName = "Plus";
 var Plus_default = Plus;
 
-// src/SavedViews/components/Buttons/SavedViewsButton.tsx
+// src/components/buttons/SavedViewsButton.tsx
 import { Button } from "@procore/core-react";
 import React13 from "react";
 
@@ -11109,7 +11197,7 @@ var Ue = function() {
 "production" !== process.env.NODE_ENV && "undefined" != typeof navigator && "ReactNative" === navigator.product && console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"), "production" !== process.env.NODE_ENV && "test" !== process.env.NODE_ENV && "undefined" != typeof window && (window["__styled-components-init__"] = window["__styled-components-init__"] || 0, 1 === window["__styled-components-init__"] && console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."), window["__styled-components-init__"] += 1);
 var styled_components_esm_default = Ye;
 
-// src/SavedViews/components/EnvironmentI18nProvider.tsx
+// src/components/EnvironmentI18nProvider.tsx
 import React12 from "react";
 import { I18nContext, useI18n, useI18nContext } from "@procore/core-react";
 import { useRequestTranslations } from "@procore/cdn-translations";
@@ -11139,7 +11227,7 @@ var EnvironmentI18nProvider = ({ children }) => {
   return /* @__PURE__ */ React12.createElement(I18nContext.Provider, { value: i18n }, children);
 };
 
-// src/SavedViews/components/Buttons/SavedViewsButton.tsx
+// src/components/buttons/SavedViewsButton.tsx
 var StyledButton = styled_components_esm_default(Button)`
   background-color: hsl(218, 75%, 96%);
   color: hsl(218, 75%, 45%);
@@ -11175,7 +11263,7 @@ var SavedViewsButton = ({
   ));
 };
 
-// src/SavedViews/components/Buttons/useSavedViewsPanel.tsx
+// src/components/buttons/useSavedViewsPanel.tsx
 import React14 from "react";
 var useSavedViewsPanel = (domain, tableName) => {
   const key = (domain2, tableName2) => `savedViewsPanel-${domain2}-${tableName2}`;
@@ -11191,7 +11279,7 @@ var useSavedViewsPanel = (domain, tableName) => {
 };
 var useSavedViewsPanel_default = useSavedViewsPanel;
 
-// src/SavedViews/components/MenuItems/SavedViewsCollectionsMenuItem.tsx
+// src/components/menu-items/SavedViewsCollectionsMenuItem.tsx
 import {
   Box,
   Button as Button2,
@@ -11215,6 +11303,11 @@ var Container2 = styled_components_esm_default(Flex)`
 
   ${({ "aria-selected": selected }) => selected ? "color: hsl(218, 75%, 45%);" : ""}
 `;
+var IconWrapper = styled_components_esm_default.span`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
 var SavedViewCollectionMenuItem = (props) => {
   const onClick = React15.useCallback(
     (a2) => {
@@ -11283,7 +11376,7 @@ var SavedViewCollectionMenuItem = (props) => {
       },
       props.item.name
     ),
-    /* @__PURE__ */ React15.createElement(RowActionsBox, null, /* @__PURE__ */ React15.createElement(Box, { justifyContent: "space-between" }, props.item.id !== "default" && props.canUpdate && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React15.createElement(RowActionsBox, null, /* @__PURE__ */ React15.createElement(Box, { justifyContent: "space-between" }, props.item.view_level !== "default" && props.canUpdate && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
       Button2,
       {
         onClick: updateItem,
@@ -11294,7 +11387,7 @@ var SavedViewCollectionMenuItem = (props) => {
         loading: props.isUpdateProcessing
       },
       i18n.t("savedViews.actions.update")
-    )), props.item.id !== "default" && props.selected && !props.canUpdate && props.item.id !== "temporary" && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
+    )), props.item.view_level !== "default" && props.selected && !props.canUpdate && props.item.id !== "temporary" && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
       Button2,
       {
         onClick: copyShareLink,
@@ -11303,7 +11396,7 @@ var SavedViewCollectionMenuItem = (props) => {
         "aria-label": i18n.t("savedViews.actions.copyShareLink"),
         "data-testid": "copy-share-link-button"
       },
-      /* @__PURE__ */ React15.createElement(Link_default, { size: "sm" })
+      /* @__PURE__ */ React15.createElement(IconWrapper, null, /* @__PURE__ */ React15.createElement(Link_default, { size: "sm" }))
     )), props.item.id === "temporary" && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
       Button2,
       {
@@ -11318,8 +11411,8 @@ var SavedViewCollectionMenuItem = (props) => {
         title: i18n.t("savedViews.actions.clearTemporary"),
         "data-testid": "clear-temporary-view-button"
       },
-      /* @__PURE__ */ React15.createElement(Clear_default, { size: "sm" })
-    ))), /* @__PURE__ */ React15.createElement(Box, null, props.item.id !== "default" && props.canEditOrDelete && /* @__PURE__ */ React15.createElement("div", { onClick: (e2) => e2.stopPropagation() }, /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React15.createElement(IconWrapper, null, /* @__PURE__ */ React15.createElement(Clear_default, { size: "sm" }))
+    ))), /* @__PURE__ */ React15.createElement(Box, null, props.item.view_level !== "default" && props.canEditOrDelete && /* @__PURE__ */ React15.createElement("div", { onClick: (e2) => e2.stopPropagation() }, /* @__PURE__ */ React15.createElement(
       DropdownFlyout,
       {
         "data-testid": "saved-view-overflow-button",
@@ -11334,7 +11427,7 @@ var SavedViewCollectionMenuItem = (props) => {
   );
 };
 
-// src/SavedViews/components/Panels/ExpandedPanel.tsx
+// src/components/panels/ExpandedPanel.tsx
 import { Panel } from "@procore/core-react";
 var ExpandedPanel = styled_components_esm_default(Panel)`
   width: ${({ provider }) => provider === "data-table" ? "316px" : "100%"};
@@ -11342,15 +11435,8 @@ var ExpandedPanel = styled_components_esm_default(Panel)`
   border-radius: 4px 0 0 4px;
 `;
 
-// src/SavedViews/components/Panels/PanelContent.tsx
-import {
-  colors as colors2,
-  DetailPage,
-  Flex as Flex3,
-  UNSAFE_Menu as MenuImperative,
-  spacing as spacing2,
-  useI18nContext as useI18nContext5
-} from "@procore/core-react";
+// src/components/panels/PanelContent.tsx
+import { Flex as Flex3, useI18nContext as useI18nContext5 } from "@procore/core-react";
 import { useToastAlertContext as useToastAlertContext2 } from "@procore/toast-alert";
 import React17 from "react";
 
@@ -11396,10 +11482,10 @@ function requestJSON(url, requestParams = {}) {
   );
 }
 
-// src/utils/Api/queries.ts
+// src/utils/api/queries.ts
 import { useQuery } from "@tanstack/react-query";
 
-// src/utils/Api/queriesHandler.ts
+// src/utils/api/queriesHandler.ts
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useI18nContext as useI18nContext3 } from "@procore/core-react";
 var useApiRequest = (props, method, mutationKey) => {
@@ -11464,10 +11550,10 @@ var useApiRequest = (props, method, mutationKey) => {
   });
 };
 
-// src/utils/Constants/viewLevels.ts
+// src/utils/constants/viewLevels.ts
 var VIEW_LEVELS = ["company", "project", "personal"];
 
-// src/utils/Api/queries.ts
+// src/utils/api/queries.ts
 var PAGE_SIZE = 50 * VIEW_LEVELS.length;
 var useSavedViewsQuery = (props) => {
   const { projectId, companyId, domain, tableName } = props;
@@ -11520,24 +11606,23 @@ var useFetchSavedViewById = (savedViewToken, queryInput, enabled = true) => {
   });
 };
 
-// src/SavedViews/components/Panels/PanelContentUtils.ts
+// src/components/panels/PanelContentUtils.ts
 var import_lodash = __toESM(require_lodash());
 
-// src/SavedViews/components/SavedViews/SmartGrid/SmartGridUtils.ts
+// src/components/adapters/smart-grid/SmartGridUtils.ts
 function getSmartGridConfig(api) {
-  const columnStateResult = api.getColumnState();
-  const columnGroupStateResult = api.getColumnGroupState();
-  const rowGroupStateResult = api.getRowGroupColumns();
-  const rowHeightResult = api.getGridOption("rowHeight") || api.getSizesForCurrentTheme().rowHeight;
-  const serverFiltersResult = api.getFilterModel();
-  const smartGridConfig = {
-    columnState: columnStateResult,
-    rowHeight: rowHeightResult,
-    columnGroupState: columnGroupStateResult,
-    rowGroupState: rowGroupStateResult,
-    filterState: serverFiltersResult
+  const columnState = api.getColumnState();
+  const columnGroupState = api.getColumnGroupState();
+  const rowGroupState = api.getRowGroupColumns().map((col) => col.getColId());
+  const rowHeight = api.getGridOption("rowHeight") ?? api.getSizesForCurrentTheme().rowHeight;
+  const filterState = api.getFilterModel();
+  return {
+    columnState,
+    rowHeight,
+    columnGroupState,
+    rowGroupState,
+    filterState
   };
-  return smartGridConfig;
 }
 function setSmartGridConfig(api, config) {
   api.applyColumnState({
@@ -11552,7 +11637,7 @@ function setSmartGridConfig(api, config) {
   }
 }
 
-// src/SavedViews/components/SavedViews/SavedViewsUtils.ts
+// src/components/saved-views/SavedViewsUtils.ts
 var customAndConfigSync = (viewTableConfig, defaultTableConfig) => {
   if (!viewTableConfig && !defaultTableConfig)
     return void 0;
@@ -11611,7 +11696,7 @@ var updateTableConfig = (view, tableApi, provider) => {
   }
 };
 
-// src/SavedViews/components/Panels/PanelContentUtils.ts
+// src/components/panels/PanelContentUtils.ts
 var getOrderedVisibleColumns = (columns, idKey) => {
   if (!columns)
     return [];
@@ -11706,7 +11791,7 @@ var hasPermissionForViewLevel = (viewLevel, permissions) => {
   }
 };
 
-// src/SavedViews/components/Panels/useGroups.ts
+// src/components/panels/useGroups.ts
 import { useState as useState2 } from "react";
 var useGroups = () => {
   const [groups, setGroups] = useState2(
@@ -11718,7 +11803,7 @@ var useGroups = () => {
   return { groups, toggleGroup };
 };
 
-// src/SavedViews/components/Panels/ViewLevelHeader.tsx
+// src/components/panels/ViewLevelHeader.tsx
 import {
   colors,
   Flex as Flex2,
@@ -11761,7 +11846,7 @@ var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
 };
 var ViewLevelHeader_default = ViewLevelHeader;
 
-// src/utils/Hooks/useScrollToRef.ts
+// src/utils/hooks/useScrollToRef.ts
 import { useEffect, useRef } from "react";
 var useScrollToRef = (dependency) => {
   const ref = useRef(null);
@@ -11773,7 +11858,13 @@ var useScrollToRef = (dependency) => {
   return ref;
 };
 
-// src/SavedViews/components/Panels/PanelContent.tsx
+// src/components/panels/PanelContent.styles.ts
+import {
+  colors as colors2,
+  DetailPage,
+  UNSAFE_Menu as MenuImperative,
+  spacing as spacing2
+} from "@procore/core-react";
 var Row = styled_components_esm_default(MenuImperative.Item)`
   width: 100%;
   padding-left: 35px;
@@ -11790,12 +11881,17 @@ var Panel2 = styled_components_esm_default(DetailPage.Card)`
   padding-top: ${spacing2.sm}px;
   box-shadow: none;
 `;
+
+// src/components/panels/PanelContent.tsx
 var PanelContent = (props) => {
-  var _a, _b, _c;
+  const { queryInput, selectedSavedView, tableConfig } = props;
   const { showToast } = useToastAlertContext2();
   const I18n = useI18nContext5();
-  const { mutate: updateSavedView, isPending: isUpdateLoading } = useUpdateSavedView(props.queryInput);
-  const { error: savedViewsError } = useSavedViewsQuery(props.queryInput);
+  const { data: savedViewsFromQuery, error: savedViewsError } = useSavedViewsQuery(props.queryInput);
+  const updateMutation = useUpdateSavedView(queryInput);
+  const { mutate: updateSavedView } = updateMutation;
+  const isUpdateLoading = "isPending" in updateMutation ? updateMutation.isPending : updateMutation.isLoading ?? false;
+  const savedViews = props.savedViews ?? savedViewsFromQuery;
   const errorToastRef = React17.useRef(null);
   React17.useEffect(() => {
     if (savedViewsError && savedViewsError !== errorToastRef.current) {
@@ -11804,12 +11900,16 @@ var PanelContent = (props) => {
     }
   }, [savedViewsError, showToast, I18n]);
   const { data: permissions } = useSavedViewsPermissions(props.queryInput);
-  const selectedRowRef = useScrollToRef(props.savedViews);
+  const selectedRowRef = useScrollToRef(savedViews);
+  const { groups, toggleGroup } = useGroups();
+  const isTemporarySelected = (selectedSavedView == null ? void 0 : selectedSavedView.id) === "temporary";
+  const temporaryView = savedViews == null ? void 0 : savedViews.find((view) => view.id === "temporary");
+  const presetViews = props.presetViews || [props.defaultView];
   const onUpdate = (data) => {
     const newSavedView = {
       ...data,
-      ...props.selectedSavedView,
-      table_config: props.tableConfig
+      ...selectedSavedView,
+      table_config: tableConfig
     };
     updateSavedView(newSavedView, {
       onSuccess: () => {
@@ -11821,12 +11921,6 @@ var PanelContent = (props) => {
       }
     });
   };
-  const { groups, toggleGroup } = useGroups();
-  const isDefaultSelected = ((_a = props.selectedSavedView) == null ? void 0 : _a.id) === "default";
-  const isTemporarySelected = ((_b = props.selectedSavedView) == null ? void 0 : _b.id) === "temporary";
-  const temporaryView = (_c = props.savedViews) == null ? void 0 : _c.find(
-    (view) => view.id === "temporary"
-  );
   return /* @__PURE__ */ React17.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ React17.createElement(Flex3, { direction: "column", style: { height: "100%", width: "100%" } }, temporaryView && /* @__PURE__ */ React17.createElement(
     Row,
     {
@@ -11842,23 +11936,27 @@ var PanelContent = (props) => {
         onClearTemporary: props.onClearTemporary
       }
     )
-  ), /* @__PURE__ */ React17.createElement(
-    Row,
-    {
-      selected: isDefaultSelected,
-      onClick: () => props.onSelect({ item: props.defaultView }),
-      ref: isDefaultSelected ? selectedRowRef : null
-    },
-    /* @__PURE__ */ React17.createElement(
-      SavedViewCollectionMenuItem,
+  ), presetViews.map((presetView) => {
+    const isSelected = (selectedSavedView == null ? void 0 : selectedSavedView.id) === presetView.id;
+    return /* @__PURE__ */ React17.createElement(
+      Row,
       {
-        item: props.defaultView,
-        selected: isDefaultSelected
-      }
-    )
-  ), VIEW_LEVELS.map((level) => {
+        key: presetView.id,
+        selected: isSelected,
+        onClick: () => props.onSelect({ item: presetView }),
+        ref: isSelected ? selectedRowRef : null
+      },
+      /* @__PURE__ */ React17.createElement(
+        SavedViewCollectionMenuItem,
+        {
+          item: presetView,
+          selected: isSelected
+        }
+      )
+    );
+  }), VIEW_LEVELS.map((level) => {
     const isExpanded = groups[level];
-    const views = isExpanded && props.savedViews ? props.savedViews.filter(
+    const views = isExpanded && savedViews ? savedViews.filter(
       (view) => view.view_level === level && view.id !== "temporary"
     ) : [];
     return /* @__PURE__ */ React17.createElement(React17.Fragment, { key: level }, /* @__PURE__ */ React17.createElement(
@@ -11869,11 +11967,10 @@ var PanelContent = (props) => {
         expanded: isExpanded
       }
     ), views.map((view) => {
-      var _a2;
-      const isSelected = ((_a2 = props.selectedSavedView) == null ? void 0 : _a2.id) === view.id;
+      const isSelected = (selectedSavedView == null ? void 0 : selectedSavedView.id) === view.id;
       const canUpdate = isSelected && hasPermissionForViewLevel(view.view_level, permissions) && !isEqual(
         view.table_config,
-        props.tableConfig,
+        tableConfig,
         props.defaultView.table_config,
         props.provider
       );
@@ -11909,67 +12006,7 @@ var PanelContent = (props) => {
   })));
 };
 
-// src/SavedViews/components/SavedViews/SmartGrid/SmartGridSavedViews.tsx
-import React23, { useCallback as useCallback4 } from "react";
-
-// src/SavedViews/components/SavedViews/SmartGrid/SmartGridDefaultSavedView.tsx
-import { useI18nContext as useI18nContext6 } from "@procore/core-react";
-var useDefaultViewName = (domain, defaultViewName) => {
-  const i18n = useI18nContext6();
-  return defaultViewName || i18n.t(domain, {
-    scope: "savedViews.defaultViewTitle",
-    defaultValue: "Default View"
-  });
-};
-var useDefaultView = (props) => {
-  const name = useDefaultViewName(props.domain, props.defaultViewName);
-  return {
-    id: "default",
-    view_level: "default",
-    name,
-    table_config: {}
-  };
-};
-
-// src/SavedViews/components/SavedViews/SmartGrid/useSmartGridConfig.ts
-import { useState as useState3, useEffect as useEffect2 } from "react";
-var GRID_STATE_EVENTS = [
-  "sortChanged",
-  "filterOpened",
-  "filterChanged",
-  "columnRowGroupChanged",
-  "dragStopped",
-  "columnResized",
-  "columnVisible",
-  "columnPinned",
-  "columnMoved",
-  "modelUpdated",
-  "gridColumnsChanged",
-  "gridReady"
-];
-var useSmartGridConfig = (gridApi) => {
-  const [config, setConfig] = useState3(
-    () => getSmartGridConfig(gridApi)
-  );
-  useEffect2(() => {
-    if (!gridApi)
-      return;
-    const updateConfig = () => {
-      setConfig(getSmartGridConfig(gridApi));
-    };
-    GRID_STATE_EVENTS.forEach((event) => {
-      gridApi.addEventListener(event, updateConfig);
-    });
-    return () => {
-      GRID_STATE_EVENTS.forEach((event) => {
-        gridApi.removeEventListener(event, updateConfig);
-      });
-    };
-  }, [gridApi]);
-  return { config, setConfig };
-};
-
-// src/SavedViews/components/SavedViews/SavedViews.tsx
+// src/components/saved-views/SavedViews.tsx
 import {
   Box as Box2,
   Button as Button6,
@@ -11978,16 +12015,17 @@ import {
   Tooltip,
   useI18nContext as useI18nContext11
 } from "@procore/core-react";
-import React22, { useState as useState5, useEffect as useEffect4, useCallback as useCallback3 } from "react";
+import React22, { useState as useState4, useEffect as useEffect3, useCallback as useCallback3 } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useToastAlertContext as useToastAlertContext3, ToastAlertProvider } from "@procore/toast-alert";
 
-// src/SavedViews/components/SavedViewsModals/SavedViewsDeleteConfirmationModalShared.tsx
+// src/components/modals/DeleteConfirmationModal.tsx
 import {
   Button as Button3,
   ConfirmModal,
   Modal,
   P as P2,
-  useI18nContext as useI18nContext7
+  useI18nContext as useI18nContext6
 } from "@procore/core-react";
 import React18 from "react";
 var SavedViewsDeleteConfirmationModalShared = ({
@@ -11995,7 +12033,7 @@ var SavedViewsDeleteConfirmationModalShared = ({
   onDelete,
   open
 }) => {
-  const i18n = useI18nContext7();
+  const i18n = useI18nContext6();
   return /* @__PURE__ */ React18.createElement(
     ConfirmModal,
     {
@@ -12011,10 +12049,10 @@ var SavedViewsDeleteConfirmationModalShared = ({
   );
 };
 
-// src/SavedViews/components/SavedViewsModals/SavedViewsFormModal.tsx
+// src/components/modals/form-modal/FormModal.tsx
 import React20 from "react";
 
-// src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
+// src/components/modals/form-modal/FormModalBase.tsx
 import {
   Banner,
   Button as Button4,
@@ -12026,7 +12064,7 @@ import {
   Modal as Modal2,
   spacing as spacing3,
   Typography as Typography2,
-  useI18nContext as useI18nContext8
+  useI18nContext as useI18nContext7
 } from "@procore/core-react";
 import * as React19 from "react";
 
@@ -14322,7 +14360,7 @@ var TupleSchema = class extends Schema {
 };
 create$1.prototype = TupleSchema.prototype;
 
-// src/SavedViews/components/SavedViewsModals/CreateUpdateModalBaseUtils.ts
+// src/components/modals/form-modal/FormModalBaseUtils.ts
 var getViewLevelOptions = (permissions, i18n) => {
   const options = ["personal"];
   if (permissions == null ? void 0 : permissions.can_create_project_saved_views)
@@ -14355,11 +14393,11 @@ function extractMessage(error, I18n) {
   return { form: I18n.t("savedViews.modal.errors.unknown") };
 }
 
-// src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
+// src/components/modals/form-modal/FormModalBase.tsx
 var ScrollContainer = styled_components_esm_default("div")`
   overflow: auto;
 `;
-var SavedViewsCreateUpdateModalBase = ({
+var FormModalBase = ({
   open,
   mode,
   onCancel,
@@ -14374,7 +14412,7 @@ var SavedViewsCreateUpdateModalBase = ({
   setOpenEditCreateModal,
   onSelect
 }) => {
-  const I18n = useI18nContext8();
+  const I18n = useI18nContext7();
   const NAME_MAX_LENGTH = 150;
   const {
     mutate: createSavedView,
@@ -14529,9 +14567,9 @@ var SavedViewsCreateUpdateModalBase = ({
   );
 };
 
-// src/SavedViews/components/SavedViewsModals/SavedViewsFormModal.tsx
-import { useI18nContext as useI18nContext9 } from "@procore/core-react";
-var SavedViewsFormModal = ({
+// src/components/modals/form-modal/FormModal.tsx
+import { useI18nContext as useI18nContext8 } from "@procore/core-react";
+var FormModal = ({
   open,
   mode,
   onCancel,
@@ -14543,9 +14581,9 @@ var SavedViewsFormModal = ({
   onSelect,
   defaultView
 }) => {
-  const i18n = useI18nContext9();
+  const i18n = useI18nContext8();
   return /* @__PURE__ */ React20.createElement(
-    SavedViewsCreateUpdateModalBase,
+    FormModalBase,
     {
       open,
       mode,
@@ -14564,7 +14602,7 @@ var SavedViewsFormModal = ({
   );
 };
 
-// src/SavedViews/components/SavedViewsModals/SharedViewFormModal.tsx
+// src/components/modals/form-modal/SharedViewFormModal.tsx
 import {
   Banner as Banner2,
   Button as Button5,
@@ -14576,7 +14614,7 @@ import {
   P as P3,
   spacing as spacing4,
   Typography as Typography3,
-  useI18nContext as useI18nContext10
+  useI18nContext as useI18nContext9
 } from "@procore/core-react";
 import * as React21 from "react";
 var SharedViewFormModal = ({
@@ -14589,7 +14627,7 @@ var SharedViewFormModal = ({
   isCreating,
   resetCreateError
 }) => {
-  const I18n = useI18nContext10();
+  const I18n = useI18nContext9();
   const NAME_MAX_LENGTH = 150;
   const errors = extractMessage(createError, I18n);
   const handleNameChange = () => {
@@ -14718,21 +14756,28 @@ var SharedViewFormModal = ({
   );
 };
 
-// src/utils/Hooks/useViewSelection.ts
-import { useState as useState4, useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2 } from "react";
+// src/utils/hooks/useViewSelection.ts
+import { useState as useState3, useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useMemo } from "react";
 import { useSearchParams } from "react-router-dom";
+import { useI18nContext as useI18nContext10 } from "@procore/core-react";
 
 // src/utils/viewStorage.ts
 var ViewStorage = {
   save(key, view) {
     localStorage.setItem(key, JSON.stringify(view));
   },
-  load(key) {
+  load(key, defaultView) {
     try {
       const stored = localStorage.getItem(key);
-      return stored ? JSON.parse(stored) : null;
-    } catch (e2) {
-      return null;
+      if (!stored)
+        return defaultView;
+      const parsed = JSON.parse(stored);
+      if (!parsed)
+        return defaultView;
+      const isTableConfigOnly = !parsed.id && !parsed.share_token;
+      return isTableConfigOnly ? { ...defaultView, table_config: parsed } : parsed;
+    } catch {
+      return defaultView;
     }
   },
   remove(key) {
@@ -14740,7 +14785,7 @@ var ViewStorage = {
   }
 };
 
-// src/utils/Hooks/useViewSelection.ts
+// src/utils/hooks/useViewSelection.ts
 var getUpdatedSearchParams = (currentParams, view) => {
   const updatedParams = new URLSearchParams(currentParams);
   if (view.id === "default") {
@@ -14755,55 +14800,72 @@ var getUpdatedSearchParams = (currentParams, view) => {
 var checkIsViewSelected = (selectedView, viewId) => {
   return (selectedView == null ? void 0 : selectedView.share_token) === viewId || (selectedView == null ? void 0 : selectedView.id) === viewId;
 };
-var useViewSelection = (config, savedViews, openSharedViewModal) => {
-  const storageKey = `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`;
-  const temporaryStorageKey = `${storageKey}_temporary`;
+var findViewByToken = (views, token) => {
+  return views.find((view) => view.share_token === token);
+};
+var setViewInUrl = (view, setSearchParams) => {
+  setSearchParams(
+    (currentParams) => getUpdatedSearchParams(currentParams, view),
+    { replace: true }
+  );
+};
+var restoreUrlParameter = (currentParam, previousParam, setSearchParams) => {
+  if (previousParam && !currentParam) {
+    setSearchParams(
+      (currentParams) => {
+        const updatedParams = new URLSearchParams(currentParams);
+        updatedParams.set("saved-view", previousParam);
+        return updatedParams;
+      },
+      { replace: true }
+    );
+  }
+};
+var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) => {
+  const I18n = useI18nContext10();
+  const storageKey = `savedView_${config.domain}_${config.tableName}_${config.companyId}_${config.projectId}_${config.userId}`;
+  const temporaryStorageKey = `${storageKey}-temporary`;
   const [searchParams, setSearchParams] = useSearchParams();
   const previousSavedViewParamRef = useRef2(null);
-  const [selectedSavedView, setSelectedSavedView] = useState4(() => {
-    const stored = ViewStorage.load(storageKey);
+  const [selectedSavedView, setSelectedSavedView] = useState3(() => {
+    const stored = ViewStorage.load(storageKey, config.defaultView);
     return stored ?? config.defaultView;
   });
-  const [temporaryView, setTemporaryView] = useState4(() => {
-    return ViewStorage.load(temporaryStorageKey);
+  const [temporaryView, setTemporaryView] = useState3(() => {
+    const loaded = ViewStorage.load(temporaryStorageKey, config.defaultView);
+    return loaded && (loaded.id === "temporary" || loaded.view_level === "temporary") ? loaded : null;
   });
-  const updateLocalStorage = useCallback2(
+  const persistViewToStorageAndUrl = useCallback2(
     (view) => {
-      if (config.stickyViewsKey) {
-        ViewStorage.save(storageKey, view);
-      }
+      ViewStorage.save(storageKey, view);
+      setViewInUrl(view, setSearchParams);
     },
-    [config.stickyViewsKey, storageKey]
+    [storageKey, setSearchParams]
   );
-  const updateUrlForView = useCallback2(
-    (view) => {
-      setSearchParams(
-        (currentParams) => {
-          return getUpdatedSearchParams(currentParams, view);
-        },
-        { replace: true }
-      );
-    },
-    [setSearchParams]
+  const baseViews = useMemo(
+    () => [...savedViews ?? [], ...presetViews ?? []],
+    [savedViews, presetViews]
+  );
+  const allViews = useMemo(
+    () => temporaryView ? [...baseViews, temporaryView] : baseViews,
+    [baseViews, temporaryView]
   );
-  const baseViews = savedViews ?? [];
-  const allViews = temporaryView ? [...baseViews, temporaryView] : baseViews;
   const selectView = useCallback2(
     (view) => {
       const viewToSelect = config.onSelect({ item: view });
       setSelectedSavedView(viewToSelect);
-      updateLocalStorage(viewToSelect);
-      updateUrlForView(viewToSelect);
+      persistViewToStorageAndUrl(viewToSelect);
       return viewToSelect;
     },
-    [config, updateLocalStorage, updateUrlForView]
+    [config, persistViewToStorageAndUrl]
   );
   const createTemporaryView = useCallback2(
     (fetchedView) => {
       const tempView = {
         ...fetchedView,
         id: "temporary",
-        name: "Temporary View"
+        name: I18n.t("savedViews.temporaryViewName"),
+        view_level: "temporary"
       };
       ViewStorage.save(temporaryStorageKey, tempView);
       setTemporaryView(tempView);
@@ -14826,7 +14888,7 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
       if (isViewAlreadySelected(viewId)) {
         return;
       }
-      const viewInList = allViews.find((view) => view.share_token === viewId);
+      const viewInList = findViewByToken(allViews, viewId);
       if (viewInList) {
         selectView(viewInList);
       } else {
@@ -14835,36 +14897,20 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
     },
     [isViewAlreadySelected, openSharedViewModal, allViews, selectView]
   );
-  useEffect3(() => {
-    if (!allViews.length)
-      return;
+  useEffect2(() => {
     const savedViewId = searchParams.get("saved-view");
+    restoreUrlParameter(
+      savedViewId,
+      previousSavedViewParamRef.current,
+      setSearchParams
+    );
     if (savedViewId) {
-      handleSavedViewFromUrl(savedViewId);
+      previousSavedViewParamRef.current = savedViewId;
     }
-  }, [
-    searchParams.get("saved-view"),
-    savedViews,
-    temporaryView,
-    handleSavedViewFromUrl,
-    allViews.length
-  ]);
-  useEffect3(() => {
-    const currentSavedViewParam = searchParams.get("saved-view");
-    if (previousSavedViewParamRef.current && !currentSavedViewParam) {
-      setSearchParams(
-        (currentParams) => {
-          const updatedParams = new URLSearchParams(currentParams);
-          updatedParams.set("saved-view", previousSavedViewParamRef.current);
-          return updatedParams;
-        },
-        { replace: true }
-      );
-    }
-    if (currentSavedViewParam) {
-      previousSavedViewParamRef.current = currentSavedViewParam;
+    if (savedViewId && allViews.length > 0) {
+      handleSavedViewFromUrl(savedViewId);
     }
-  }, [searchParams.get("saved-view"), setSearchParams]);
+  }, [searchParams, handleSavedViewFromUrl, allViews.length]);
   return {
     selectedView: selectedSavedView,
     selectView,
@@ -14875,7 +14921,7 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
   };
 };
 
-// src/SavedViews/components/SavedViews/SavedViews.tsx
+// src/components/saved-views/SavedViews.tsx
 var StyledPanel = styled_components_esm_default.div`
   border: ${({ provider }) => provider === "data-table" ? "1px solid #d6dadc" : "none"};
 `;
@@ -14890,8 +14936,10 @@ var SavedViewsContent = (props) => {
   };
   const { data: savedViews } = useSavedViewsQuery(queryInput);
   const { mutate: deleteSavedView } = useDeleteSavedView(queryInput);
-  const [activeModal, setActiveModal] = useState5(null);
-  const [modalData, setModalData] = useState5(null);
+  const { showToast } = useToastAlertContext3();
+  const i18n = useI18nContext11();
+  const [activeModal, setActiveModal] = useState4(null);
+  const [modalData, setModalData] = useState4(null);
   const openModal = (type, data) => {
     setActiveModal(type);
     setModalData(data ?? null);
@@ -14914,13 +14962,14 @@ var SavedViewsContent = (props) => {
     {
       domain: props.domain,
       tableName: props.tableName,
-      stickyViewsKey: props.stickyViewsKey,
       userId: props.userId,
       projectId,
+      companyId,
       defaultView: props.defaultView,
       onSelect: props.onSelect
     },
     savedViews,
+    props.presetViews,
     openSharedViewModal
   );
   const { data: fetchedView, isError: fetchError } = useFetchSavedViewById(
@@ -14934,8 +14983,9 @@ var SavedViewsContent = (props) => {
     error: createError,
     reset: resetCreateError
   } = useCreateSavedView(queryInput);
-  useEffect4(() => {
+  useEffect3(() => {
     if (fetchError) {
+      showToast.error(i18n.t("savedViews.errors.notFound"));
       selectView(selectedView ?? props.defaultView);
       closeModal();
     }
@@ -14959,6 +15009,7 @@ var SavedViewsContent = (props) => {
       };
       createSavedView(viewToCreate, {
         onSuccess: (newView) => {
+          showToast.success(i18n.t("savedViews.create.success"));
           selectView(newView);
           closeModal();
         }
@@ -14980,7 +15031,6 @@ var SavedViewsContent = (props) => {
     deleteSelectedView();
     closeModal();
   };
-  const i18n = useI18nContext11();
   return /* @__PURE__ */ React22.createElement(StyledPanel, { provider: props.provider }, /* @__PURE__ */ React22.createElement(
     ExpandedPanel,
     {
@@ -15015,7 +15065,7 @@ var SavedViewsContent = (props) => {
         selectedSavedView: selectedView,
         tableConfig: props.tableConfig,
         defaultView: props.defaultView,
-        stickyViewsKey: props.stickyViewsKey,
+        presetViews: props.presetViews,
         savedViews: allViews,
         provider: props.provider,
         userId: props.userId,
@@ -15023,7 +15073,7 @@ var SavedViewsContent = (props) => {
       }
     ))
   ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ React22.createElement(
-    SavedViewsFormModal,
+    FormModal,
     {
       open: true,
       mode: activeModal,
@@ -15058,31 +15108,125 @@ var SavedViewsContent = (props) => {
   ));
 };
 var SavedViews = (props) => {
-  return /* @__PURE__ */ React22.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ React22.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React22.createElement(SavedViewsContent, { ...props })));
+  return /* @__PURE__ */ React22.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ React22.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React22.createElement(ToastAlertProvider, null, /* @__PURE__ */ React22.createElement(SavedViewsContent, { ...props }))));
+};
+
+// src/components/adapters/smart-grid/SmartGridSavedViews.tsx
+import React23, { useCallback as useCallback4 } from "react";
+
+// src/components/adapters/smart-grid/SmartGridDefaultSavedView.tsx
+import { useMemo as useMemo2 } from "react";
+var DEFAULT_COLUMN_STATE = {
+  hide: false,
+  pinned: null,
+  width: 200,
+  sort: null,
+  sortIndex: null,
+  pivot: false,
+  pivotIndex: null,
+  aggFunc: null,
+  rowGroup: false,
+  rowGroupIndex: null,
+  flex: null
+};
+var getColumnStateFromDefs = (columnDefs) => {
+  return columnDefs.map((colDef) => {
+    const field = colDef.field ?? colDef.colId;
+    if (!field)
+      return null;
+    return {
+      colId: field,
+      hide: colDef.hide ?? false,
+      pinned: colDef.pinned ?? null,
+      width: colDef.width ?? colDef.minWidth ?? DEFAULT_COLUMN_STATE.width,
+      sort: null,
+      sortIndex: null,
+      pivot: false,
+      pivotIndex: null,
+      aggFunc: null,
+      rowGroup: false,
+      rowGroupIndex: null,
+      flex: colDef.flex ?? null
+    };
+  }).filter((col) => col !== null);
+};
+var extractDefaultView = (gridApi, receivedConfig) => {
+  var _a, _b;
+  const columnDefs = gridApi.getColumnDefs() ?? [];
+  const defaultColumnState = ((_a = receivedConfig == null ? void 0 : receivedConfig.columnState) == null ? void 0 : _a.length) ? receivedConfig.columnState : getColumnStateFromDefs(columnDefs);
+  const result = {
+    columnState: defaultColumnState,
+    columnGroupState: (receivedConfig == null ? void 0 : receivedConfig.columnGroupState) ?? [],
+    rowGroupState: (receivedConfig == null ? void 0 : receivedConfig.rowGroupState) ?? [],
+    filterState: (receivedConfig == null ? void 0 : receivedConfig.filterState) ?? {},
+    rowHeight: (receivedConfig == null ? void 0 : receivedConfig.rowHeight) ?? ((_b = gridApi.getSizesForCurrentTheme()) == null ? void 0 : _b.rowHeight)
+  };
+  return result;
+};
+var useNormalizedDefaultViews = (defaultViews, gridApi) => {
+  return useMemo2(() => {
+    if (!gridApi)
+      return defaultViews.map((view) => ({ ...view, share_token: view.id }));
+    return defaultViews.map((view) => ({
+      ...view,
+      share_token: view.id,
+      table_config: extractDefaultView(gridApi, view.table_config)
+    }));
+  }, [defaultViews, gridApi]);
 };
 
-// src/SavedViews/components/SavedViews/SmartGrid/SmartGridSavedViews.tsx
-import { ToastAlertProvider } from "@procore/toast-alert";
-var generateStickyViewsKey = (domain, tableName, userId, projectId, companyId) => {
-  return `savedView-${domain}-${tableName}-${companyId}-${projectId}-${userId}`;
+// src/components/adapters/smart-grid/useSmartGridConfig.ts
+import { useState as useState5, useEffect as useEffect4 } from "react";
+var GRID_STATE_EVENTS = [
+  "sortChanged",
+  "filterOpened",
+  "filterChanged",
+  "columnRowGroupChanged",
+  "dragStopped",
+  "columnResized",
+  "columnVisible",
+  "columnPinned",
+  "columnMoved",
+  "modelUpdated",
+  "gridColumnsChanged",
+  "gridReady"
+];
+var useSmartGridConfig = (gridApi) => {
+  const [config, setConfig] = useState5(
+    () => getSmartGridConfig(gridApi)
+  );
+  useEffect4(() => {
+    if (!gridApi)
+      return;
+    const updateConfig = () => {
+      setConfig(getSmartGridConfig(gridApi));
+    };
+    GRID_STATE_EVENTS.forEach((event) => {
+      gridApi.addEventListener(event, updateConfig);
+    });
+    return () => {
+      GRID_STATE_EVENTS.forEach((event) => {
+        gridApi.removeEventListener(event, updateConfig);
+      });
+    };
+  }, [gridApi]);
+  return { config, setConfig };
 };
+
+// src/components/adapters/smart-grid/SmartGridSavedViews.tsx
 var SmartGridSavedViews = (props) => {
   const { gridApi, userId, projectId, companyId } = props;
   const { config: tableConfig, setConfig: setTableConfig } = useSmartGridConfig(gridApi);
-  const defaultView = useDefaultView({
-    defaultViewName: props.defaultViewName,
-    domain: props.domain
-  });
+  const presetViews = useNormalizedDefaultViews(props.defaultViews, gridApi);
+  const defaultView = presetViews.find((view) => view.id === "default") ?? presetViews[0];
   const onSelect = useCallback4(
     ({ item }) => {
       if (!gridApi)
         return item;
-      if (item.id === "default") {
-        gridApi.autoSizeAllColumns();
-        gridApi.resetColumnState();
-        gridApi.setFilterModel(props.defaultViewFilters);
-        gridApi.setGridOption("rowHeight", props.defaultRowHeight);
-        gridApi.refreshCells();
+      const isPresetView = item.view_level === "default";
+      if (isPresetView) {
+        updateTableConfig(item, gridApi, "smart-grid");
+        setTableConfig(item.table_config);
         return item;
       }
       const updatedView = {
@@ -15096,22 +15240,9 @@ var SmartGridSavedViews = (props) => {
       setTableConfig(updatedView.table_config);
       return updatedView;
     },
-    [
-      gridApi,
-      props.defaultViewFilters,
-      props.defaultRowHeight,
-      tableConfig,
-      setTableConfig
-    ]
-  );
-  const stickyViewsKey = generateStickyViewsKey(
-    props.domain,
-    props.tableName,
-    userId,
-    projectId,
-    companyId
+    [gridApi, tableConfig, setTableConfig]
   );
-  return /* @__PURE__ */ React23.createElement(ToastAlertProvider, null, /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React23.createElement(
     SavedViews,
     {
       onSelect,
@@ -15121,14 +15252,14 @@ var SmartGridSavedViews = (props) => {
       companyId,
       provider: "smart-grid",
       defaultView,
+      presetViews,
       tableName: props.tableName,
-      tableConfig,
-      stickyViewsKey
+      tableConfig
     }
-  ));
+  );
 };
 
-// src/SavedViews/components/SavedViews/DataTable/DataTableSavedViews.tsx
+// src/components/adapters/data-table/DataTableSavedViews.tsx
 import React24, {
   forwardRef as forwardRef11,
   useImperativeHandle,
@@ -15136,10 +15267,9 @@ import React24, {
   useCallback as useCallback5
 } from "react";
 
-// src/SavedViews/components/SavedViews/DataTable/DataTableDefaultSavedView.tsx
-import { useMemo } from "react";
-import { useI18nContext as useI18nContext12 } from "@procore/core-react";
-var DEFAULT_COLUMN_STATE = {
+// src/components/adapters/data-table/DataTableDefaultSavedView.tsx
+import { useMemo as useMemo3 } from "react";
+var DEFAULT_COLUMN_STATE2 = {
   hidden: false,
   pinned: null,
   width: 200,
@@ -15154,7 +15284,7 @@ var getColumnState = (columnDefinitions) => {
     if (column.field.includes("custom_field")) {
       return {
         field: column.field,
-        ...DEFAULT_COLUMN_STATE
+        ...DEFAULT_COLUMN_STATE2
       };
     }
     return {
@@ -15165,11 +15295,11 @@ var getColumnState = (columnDefinitions) => {
       rowGroupIndex: null,
       sort: null,
       sortIndex: null,
-      width: (column.minWidth ?? DEFAULT_COLUMN_STATE.width) > DEFAULT_COLUMN_STATE.width ? column.minWidth ?? DEFAULT_COLUMN_STATE.width : (column.maxWidth ?? DEFAULT_COLUMN_STATE.width) < DEFAULT_COLUMN_STATE.width ? column.maxWidth ?? DEFAULT_COLUMN_STATE.width : DEFAULT_COLUMN_STATE.width
+      width: (column.minWidth ?? DEFAULT_COLUMN_STATE2.width) > DEFAULT_COLUMN_STATE2.width ? column.minWidth ?? DEFAULT_COLUMN_STATE2.width : (column.maxWidth ?? DEFAULT_COLUMN_STATE2.width) < DEFAULT_COLUMN_STATE2.width ? column.maxWidth ?? DEFAULT_COLUMN_STATE2.width : DEFAULT_COLUMN_STATE2.width
     };
   });
 };
-var extractDefaultView = (columnDefinitions, receivedConfigFromTool) => {
+var extractDefaultView2 = (columnDefinitions, receivedConfigFromTool) => {
   var _a, _b, _c;
   const defaultColumnState = getColumnState(columnDefinitions);
   const result = {
@@ -15185,52 +15315,37 @@ var extractDefaultView = (columnDefinitions, receivedConfigFromTool) => {
   };
   return result;
 };
-var useDefaultViewName2 = (domain, defaultViewName) => {
-  const i18n = useI18nContext12();
-  return defaultViewName || i18n.t(domain, {
-    scope: "savedViews.defaultViewTitle",
-    defaultValue: "Default View"
-  });
-};
-var useDefaultView2 = (props) => {
-  const name = useDefaultViewName2(props.domain, props.defaultViewName);
-  const extractedDefaultConfig = useMemo(
-    () => extractDefaultView(props.columnDefinitions, props.receivedConfigFromTool),
-    [props.columnDefinitions, props.receivedConfigFromTool]
+var useNormalizedDefaultViews2 = (defaultViews, columnDefinitions) => {
+  return useMemo3(
+    () => defaultViews.map((view) => ({
+      ...view,
+      share_token: "",
+      table_config: extractDefaultView2(columnDefinitions, view.table_config)
+    })),
+    [defaultViews, columnDefinitions]
   );
-  return {
-    id: "default",
-    view_level: "default",
-    name,
-    table_config: extractedDefaultConfig
-  };
 };
 
-// src/SavedViews/components/SavedViews/DataTable/DataTableSavedViews.tsx
-import { ToastAlertProvider as ToastAlertProvider2 } from "@procore/toast-alert";
-var generateStickyViewsKey2 = (domain, tableName, userId, projectId, companyId) => {
-  return `savedView-${domain}-${tableName}-${companyId}-${projectId}-${userId}`;
-};
+// src/components/adapters/data-table/DataTableSavedViews.tsx
 var DataTableSavedViews = forwardRef11((props, ref) => {
   const { tableApi, userId, projectId, companyId } = props;
+  const presetViews = useNormalizedDefaultViews2(
+    props.defaultViews,
+    props.columnDefinitions
+  );
+  const defaultView = presetViews.find((view) => view.id === "default") ?? presetViews[0];
   const [internalTableConfig, setInternalTableConfig] = useState6(
-    props.defaultViewConfig
+    ViewStorage.load(props.stickyViewsKey, defaultView).table_config
   );
   useImperativeHandle(ref, () => ({
     setTableConfig: (newConfig) => {
       setInternalTableConfig(newConfig);
     }
   }));
-  const defaultView = useDefaultView2({
-    defaultViewName: props.defaultViewName,
-    receivedConfigFromTool: props.defaultViewConfig,
-    domain: props.domain,
-    columnDefinitions: props.columnDefinitions
-  });
   const onSelect = useCallback5(
     ({ item }) => {
-      const isDefaultView = item.id === "default";
-      const updatedView = isDefaultView ? defaultView : {
+      const isPresetView = item.view_level === "default";
+      const updatedView = isPresetView ? item : {
         ...item,
         table_config: customAndConfigSync(
           item.table_config,
@@ -15246,14 +15361,7 @@ var DataTableSavedViews = forwardRef11((props, ref) => {
   if (!internalTableConfig) {
     return null;
   }
-  const stickyViewsKey = generateStickyViewsKey2(
-    props.domain,
-    props.tableName,
-    userId,
-    projectId,
-    companyId
-  );
-  return /* @__PURE__ */ React24.createElement(ToastAlertProvider2, null, /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React24.createElement(
     SavedViews,
     {
       onSelect,
@@ -15263,20 +15371,21 @@ var DataTableSavedViews = forwardRef11((props, ref) => {
       companyId,
       provider: "data-table",
       defaultView,
+      presetViews,
       tableName: props.tableName,
-      tableConfig: internalTableConfig,
-      stickyViewsKey
+      tableConfig: internalTableConfig
     }
-  ));
+  );
 });
 DataTableSavedViews.displayName = "DataTableSavedViews";
 export {
   DataTableSavedViews,
   ExpandedPanel,
+  FormModal,
   PanelContent,
   SavedViewCollectionMenuItem,
+  SavedViews,
   SavedViewsDeleteConfirmationModalShared,
-  SavedViewsFormModal,
   SmartGridSavedViews,
   getTranslations,
   useSavedViewsPanel_default as useSavedViewsPanel