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

package/dist/legacy/index.js

@@ -8467,17 +8467,18 @@ var src_exports = {};
 __export(src_exports, {
   DataTableSavedViews: () => DataTableSavedViews,
   ExpandedPanel: () => ExpandedPanel,
+  FormModal: () => FormModal,
   PanelContent: () => PanelContent,
   SavedViewCollectionMenuItem: () => SavedViewCollectionMenuItem,
+  SavedViews: () => SavedViews,
   SavedViewsDeleteConfirmationModalShared: () => SavedViewsDeleteConfirmationModalShared,
-  SavedViewsFormModal: () => SavedViewsFormModal,
   SmartGridSavedViews: () => SmartGridSavedViews,
   getTranslations: () => getTranslations,
   useSavedViewsPanel: () => useSavedViewsPanel_default
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/utils/Translations/translations.ts
+// src/utils/translations/translations.ts
 var import_globalization_toolkit = __toESM(require_dist());
 
 // src/locales/de-DE.json
@@ -8860,6 +8861,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."
     },
@@ -8868,7 +8872,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",
@@ -9273,6 +9278,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: {
@@ -9663,8 +9746,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,
@@ -9675,12 +9758,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(
@@ -9691,7 +9780,7 @@ function getTranslations(envLocale) {
   );
 }
 
-// src/SavedViews/components/Buttons/useSavedViewsPanel.tsx
+// src/components/buttons/useSavedViewsPanel.tsx
 var import_react4 = require("react");
 
 // ../../node_modules/tslib/tslib.es6.mjs
@@ -9903,7 +9992,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
 var import_core_react2 = require("@procore/core-react");
 var import_react3 = __toESM(require("react"));
 
@@ -11118,7 +11207,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
 var import_react2 = __toESM(require("react"));
 var import_core_react = require("@procore/core-react");
 var import_cdn_translations = require("@procore/cdn-translations");
@@ -11148,7 +11237,7 @@ var EnvironmentI18nProvider = ({ children }) => {
   return /* @__PURE__ */ import_react2.default.createElement(import_core_react.I18nContext.Provider, { value: i18n }, children);
 };
 
-// src/SavedViews/components/Buttons/SavedViewsButton.tsx
+// src/components/buttons/SavedViewsButton.tsx
 var StyledButton = styled_components_esm_default(import_core_react2.Button)`
   background-color: hsl(218, 75%, 96%);
   color: hsl(218, 75%, 45%);
@@ -11184,7 +11273,7 @@ var SavedViewsButton = ({
   ));
 };
 
-// src/SavedViews/components/Buttons/useSavedViewsPanel.tsx
+// src/components/buttons/useSavedViewsPanel.tsx
 var import_react5 = __toESM(require("react"));
 var useSavedViewsPanel = (domain, tableName) => {
   const key = (domain2, tableName2) => `savedViewsPanel-${domain2}-${tableName2}`;
@@ -11200,7 +11289,7 @@ var useSavedViewsPanel = (domain, tableName) => {
 };
 var useSavedViewsPanel_default = useSavedViewsPanel;
 
-// src/SavedViews/components/MenuItems/SavedViewsCollectionsMenuItem.tsx
+// src/components/menu-items/SavedViewsCollectionsMenuItem.tsx
 var import_core_react3 = require("@procore/core-react");
 var React15 = __toESM(require("react"));
 var import_toast_alert = require("@procore/toast-alert");
@@ -11218,6 +11307,11 @@ var Container2 = styled_components_esm_default(import_core_react3.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) => {
@@ -11286,7 +11380,7 @@ var SavedViewCollectionMenuItem = (props) => {
       },
       props.item.name
     ),
-    /* @__PURE__ */ React15.createElement(RowActionsBox, null, /* @__PURE__ */ React15.createElement(import_core_react3.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(import_core_react3.Box, { justifyContent: "space-between" }, props.item.view_level !== "default" && props.canUpdate && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
       import_core_react3.Button,
       {
         onClick: updateItem,
@@ -11297,7 +11391,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(
       import_core_react3.Button,
       {
         onClick: copyShareLink,
@@ -11306,7 +11400,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(
       import_core_react3.Button,
       {
@@ -11321,8 +11415,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(import_core_react3.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(import_core_react3.Box, null, props.item.view_level !== "default" && props.canEditOrDelete && /* @__PURE__ */ React15.createElement("div", { onClick: (e2) => e2.stopPropagation() }, /* @__PURE__ */ React15.createElement(
       import_core_react3.DropdownFlyout,
       {
         "data-testid": "saved-view-overflow-button",
@@ -11337,7 +11431,7 @@ var SavedViewCollectionMenuItem = (props) => {
   );
 };
 
-// src/SavedViews/components/Panels/ExpandedPanel.tsx
+// src/components/panels/ExpandedPanel.tsx
 var import_core_react4 = require("@procore/core-react");
 var ExpandedPanel = styled_components_esm_default(import_core_react4.Panel)`
   width: ${({ provider }) => provider === "data-table" ? "316px" : "100%"};
@@ -11345,8 +11439,8 @@ var ExpandedPanel = styled_components_esm_default(import_core_react4.Panel)`
   border-radius: 4px 0 0 4px;
 `;
 
-// src/SavedViews/components/Panels/PanelContent.tsx
-var import_core_react7 = require("@procore/core-react");
+// src/components/panels/PanelContent.tsx
+var import_core_react8 = require("@procore/core-react");
 var import_toast_alert2 = require("@procore/toast-alert");
 var import_react9 = __toESM(require("react"));
 
@@ -11392,10 +11486,10 @@ function requestJSON(url, requestParams = {}) {
   );
 }
 
-// src/utils/Api/queries.ts
+// src/utils/api/queries.ts
 var import_react_query2 = require("@tanstack/react-query");
 
-// src/utils/Api/queriesHandler.ts
+// src/utils/api/queriesHandler.ts
 var import_react_query = require("@tanstack/react-query");
 var import_core_react5 = require("@procore/core-react");
 var useApiRequest = (props, method, mutationKey) => {
@@ -11460,10 +11554,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;
@@ -11516,24 +11610,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({
@@ -11548,7 +11641,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;
@@ -11607,7 +11700,7 @@ var updateTableConfig = (view, tableApi, provider) => {
   }
 };
 
-// src/SavedViews/components/Panels/PanelContentUtils.ts
+// src/components/panels/PanelContentUtils.ts
 var getOrderedVisibleColumns = (columns, idKey) => {
   if (!columns)
     return [];
@@ -11702,7 +11795,7 @@ var hasPermissionForViewLevel = (viewLevel, permissions) => {
   }
 };
 
-// src/SavedViews/components/Panels/useGroups.ts
+// src/components/panels/useGroups.ts
 var import_react6 = require("react");
 var useGroups = () => {
   const [groups, setGroups] = (0, import_react6.useState)(
@@ -11714,7 +11807,7 @@ var useGroups = () => {
   return { groups, toggleGroup };
 };
 
-// src/SavedViews/components/Panels/ViewLevelHeader.tsx
+// src/components/panels/ViewLevelHeader.tsx
 var import_core_react6 = require("@procore/core-react");
 var import_react7 = __toESM(require("react"));
 var groupIcon = (group) => {
@@ -11751,7 +11844,7 @@ var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
 };
 var ViewLevelHeader_default = ViewLevelHeader;
 
-// src/utils/Hooks/useScrollToRef.ts
+// src/utils/hooks/useScrollToRef.ts
 var import_react8 = require("react");
 var useScrollToRef = (dependency) => {
   const ref = (0, import_react8.useRef)(null);
@@ -11763,7 +11856,8 @@ var useScrollToRef = (dependency) => {
   return ref;
 };
 
-// src/SavedViews/components/Panels/PanelContent.tsx
+// src/components/panels/PanelContent.styles.ts
+var import_core_react7 = require("@procore/core-react");
 var Row = styled_components_esm_default(import_core_react7.UNSAFE_Menu.Item)`
   width: 100%;
   padding-left: 35px;
@@ -11780,12 +11874,15 @@ var Panel2 = styled_components_esm_default(import_core_react7.DetailPage.Card)`
   padding-top: ${import_core_react7.spacing.sm}px;
   box-shadow: none;
 `;
+
+// src/components/panels/PanelContent.tsx
 var PanelContent = (props) => {
-  var _a, _b, _c;
+  const { queryInput, selectedSavedView, tableConfig } = props;
   const { showToast } = (0, import_toast_alert2.useToastAlertContext)();
-  const I18n = (0, import_core_react7.useI18nContext)();
-  const { mutate: updateSavedView, isPending: isUpdateLoading } = useUpdateSavedView(props.queryInput);
-  const { error: savedViewsError } = useSavedViewsQuery(props.queryInput);
+  const I18n = (0, import_core_react8.useI18nContext)();
+  const { data: savedViewsFromQuery, error: savedViewsError } = useSavedViewsQuery(props.queryInput);
+  const { mutate: updateSavedView, isPending: isUpdateLoading } = useUpdateSavedView(queryInput);
+  const savedViews = props.savedViews ?? savedViewsFromQuery;
   const errorToastRef = import_react9.default.useRef(null);
   import_react9.default.useEffect(() => {
     if (savedViewsError && savedViewsError !== errorToastRef.current) {
@@ -11794,12 +11891,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: () => {
@@ -11811,13 +11912,7 @@ 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__ */ import_react9.default.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ import_react9.default.createElement(import_core_react7.Flex, { direction: "column", style: { height: "100%", width: "100%" } }, temporaryView && /* @__PURE__ */ import_react9.default.createElement(
+  return /* @__PURE__ */ import_react9.default.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ import_react9.default.createElement(import_core_react8.Flex, { direction: "column", style: { height: "100%", width: "100%" } }, temporaryView && /* @__PURE__ */ import_react9.default.createElement(
     Row,
     {
       selected: isTemporarySelected,
@@ -11832,23 +11927,27 @@ var PanelContent = (props) => {
         onClearTemporary: props.onClearTemporary
       }
     )
-  ), /* @__PURE__ */ import_react9.default.createElement(
-    Row,
-    {
-      selected: isDefaultSelected,
-      onClick: () => props.onSelect({ item: props.defaultView }),
-      ref: isDefaultSelected ? selectedRowRef : null
-    },
-    /* @__PURE__ */ import_react9.default.createElement(
-      SavedViewCollectionMenuItem,
+  ), presetViews.map((presetView) => {
+    const isSelected = (selectedSavedView == null ? void 0 : selectedSavedView.id) === presetView.id;
+    return /* @__PURE__ */ import_react9.default.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__ */ import_react9.default.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__ */ import_react9.default.createElement(import_react9.default.Fragment, { key: level }, /* @__PURE__ */ import_react9.default.createElement(
@@ -11859,11 +11958,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
       );
@@ -11899,81 +11997,22 @@ var PanelContent = (props) => {
   })));
 };
 
-// src/SavedViews/components/SavedViews/SmartGrid/SmartGridSavedViews.tsx
-var import_react15 = __toESM(require("react"));
-
-// src/SavedViews/components/SavedViews/SmartGrid/SmartGridDefaultSavedView.tsx
-var import_core_react8 = require("@procore/core-react");
-var useDefaultViewName = (domain, defaultViewName) => {
-  const i18n = (0, import_core_react8.useI18nContext)();
-  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
-var import_react10 = require("react");
-var GRID_STATE_EVENTS = [
-  "sortChanged",
-  "filterOpened",
-  "filterChanged",
-  "columnRowGroupChanged",
-  "dragStopped",
-  "columnResized",
-  "columnVisible",
-  "columnPinned",
-  "columnMoved",
-  "modelUpdated",
-  "gridColumnsChanged",
-  "gridReady"
-];
-var useSmartGridConfig = (gridApi) => {
-  const [config, setConfig] = (0, import_react10.useState)(
-    () => getSmartGridConfig(gridApi)
-  );
-  (0, import_react10.useEffect)(() => {
-    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
-var import_core_react13 = require("@procore/core-react");
-var import_react14 = __toESM(require("react"));
+// src/components/saved-views/SavedViews.tsx
+var import_core_react14 = require("@procore/core-react");
+var import_react13 = __toESM(require("react"));
 var import_react_query3 = require("@tanstack/react-query");
+var import_toast_alert3 = require("@procore/toast-alert");
 
-// src/SavedViews/components/SavedViewsModals/SavedViewsDeleteConfirmationModalShared.tsx
+// src/components/modals/DeleteConfirmationModal.tsx
 var import_core_react9 = require("@procore/core-react");
-var import_react11 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var SavedViewsDeleteConfirmationModalShared = ({
   onCancel,
   onDelete,
   open
 }) => {
   const i18n = (0, import_core_react9.useI18nContext)();
-  return /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement(
     import_core_react9.ConfirmModal,
     {
       "data-testid": "delete-confirmation-modal",
@@ -11983,15 +12022,15 @@ var SavedViewsDeleteConfirmationModalShared = ({
       onClose: onCancel,
       style: { overflowWrap: "anywhere" }
     },
-    /* @__PURE__ */ import_react11.default.createElement(import_core_react9.Modal.Body, null, /* @__PURE__ */ import_react11.default.createElement(import_core_react9.P, null, i18n.t("savedViews.modal.delete.description"))),
-    /* @__PURE__ */ import_react11.default.createElement(import_core_react9.Modal.Footer, null, /* @__PURE__ */ import_react11.default.createElement(import_core_react9.Modal.FooterButtons, null, /* @__PURE__ */ import_react11.default.createElement(import_core_react9.Button, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ import_react11.default.createElement(import_core_react9.Button, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
+    /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Modal.Body, null, /* @__PURE__ */ import_react10.default.createElement(import_core_react9.P, null, i18n.t("savedViews.modal.delete.description"))),
+    /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Modal.Footer, null, /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Modal.FooterButtons, null, /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Button, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Button, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
   );
 };
 
-// src/SavedViews/components/SavedViewsModals/SavedViewsFormModal.tsx
-var import_react12 = __toESM(require("react"));
+// src/components/modals/form-modal/FormModal.tsx
+var import_react11 = __toESM(require("react"));
 
-// src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
+// src/components/modals/form-modal/FormModalBase.tsx
 var import_core_react10 = require("@procore/core-react");
 var React19 = __toESM(require("react"));
 
@@ -14287,7 +14326,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)
@@ -14320,11 +14359,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,
@@ -14494,9 +14533,9 @@ var SavedViewsCreateUpdateModalBase = ({
   );
 };
 
-// src/SavedViews/components/SavedViewsModals/SavedViewsFormModal.tsx
+// src/components/modals/form-modal/FormModal.tsx
 var import_core_react11 = require("@procore/core-react");
-var SavedViewsFormModal = ({
+var FormModal = ({
   open,
   mode,
   onCancel,
@@ -14509,8 +14548,8 @@ var SavedViewsFormModal = ({
   defaultView
 }) => {
   const i18n = (0, import_core_react11.useI18nContext)();
-  return /* @__PURE__ */ import_react12.default.createElement(
-    SavedViewsCreateUpdateModalBase,
+  return /* @__PURE__ */ import_react11.default.createElement(
+    FormModalBase,
     {
       open,
       mode,
@@ -14529,7 +14568,7 @@ var SavedViewsFormModal = ({
   );
 };
 
-// src/SavedViews/components/SavedViewsModals/SharedViewFormModal.tsx
+// src/components/modals/form-modal/SharedViewFormModal.tsx
 var import_core_react12 = require("@procore/core-react");
 var React21 = __toESM(require("react"));
 var SharedViewFormModal = ({
@@ -14671,21 +14710,25 @@ var SharedViewFormModal = ({
   );
 };
 
-// src/utils/Hooks/useViewSelection.ts
-var import_react13 = require("react");
+// src/components/saved-views/SavedViews.tsx
+var import_toast_alert4 = require("@procore/toast-alert");
+
+// src/utils/hooks/useViewSelection.ts
+var import_react12 = require("react");
 var import_react_router_dom = require("react-router-dom");
+var import_core_react13 = require("@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;
+      return defaultView;
     }
   },
   remove(key) {
@@ -14693,7 +14736,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") {
@@ -14708,55 +14751,68 @@ 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 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, openSharedViewModal) => {
-  const storageKey = `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`;
-  const temporaryStorageKey = `${storageKey}_temporary`;
+  const I18n = (0, import_core_react13.useI18nContext)();
+  const storageKey = `savedView_${config.domain}_${config.tableName}_${config.companyId}_${config.projectId}_${config.userId}`;
+  const temporaryStorageKey = `${storageKey}-temporary`;
   const [searchParams, setSearchParams] = (0, import_react_router_dom.useSearchParams)();
-  const previousSavedViewParamRef = (0, import_react13.useRef)(null);
-  const [selectedSavedView, setSelectedSavedView] = (0, import_react13.useState)(() => {
-    const stored = ViewStorage.load(storageKey);
+  const previousSavedViewParamRef = (0, import_react12.useRef)(null);
+  const [selectedSavedView, setSelectedSavedView] = (0, import_react12.useState)(() => {
+    const stored = ViewStorage.load(storageKey, config.defaultView);
     return stored ?? config.defaultView;
   });
-  const [temporaryView, setTemporaryView] = (0, import_react13.useState)(() => {
-    return ViewStorage.load(temporaryStorageKey);
+  const [temporaryView, setTemporaryView] = (0, import_react12.useState)(() => {
+    return ViewStorage.load(temporaryStorageKey, config.defaultView);
   });
-  const updateLocalStorage = (0, import_react13.useCallback)(
+  const persistViewToStorageAndUrl = (0, import_react12.useCallback)(
     (view) => {
-      if (config.stickyViewsKey) {
-        ViewStorage.save(storageKey, view);
-      }
+      ViewStorage.save(storageKey, view);
+      setViewInUrl(view, setSearchParams);
     },
-    [config.stickyViewsKey, storageKey]
-  );
-  const updateUrlForView = (0, import_react13.useCallback)(
-    (view) => {
-      setSearchParams(
-        (currentParams) => {
-          return getUpdatedSearchParams(currentParams, view);
-        },
-        { replace: true }
-      );
-    },
-    [setSearchParams]
+    [storageKey, setSearchParams]
   );
   const baseViews = savedViews ?? [];
-  const allViews = temporaryView ? [...baseViews, temporaryView] : baseViews;
-  const selectView = (0, import_react13.useCallback)(
+  const allViews = (0, import_react12.useMemo)(
+    () => temporaryView ? [...baseViews, temporaryView] : baseViews,
+    [baseViews, temporaryView]
+  );
+  const selectView = (0, import_react12.useCallback)(
     (view) => {
       const viewToSelect = config.onSelect({ item: view });
       setSelectedSavedView(viewToSelect);
-      updateLocalStorage(viewToSelect);
-      updateUrlForView(viewToSelect);
+      persistViewToStorageAndUrl(viewToSelect);
       return viewToSelect;
     },
-    [config, updateLocalStorage, updateUrlForView]
+    [config, persistViewToStorageAndUrl, temporaryView, temporaryStorageKey]
   );
-  const createTemporaryView = (0, import_react13.useCallback)(
+  const createTemporaryView = (0, import_react12.useCallback)(
     (fetchedView) => {
       const tempView = {
         ...fetchedView,
         id: "temporary",
-        name: "Temporary View"
+        name: I18n.t("savedViews.temporaryViewName"),
+        view_level: "temporary"
       };
       ViewStorage.save(temporaryStorageKey, tempView);
       setTemporaryView(tempView);
@@ -14765,21 +14821,21 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
     },
     [temporaryStorageKey, selectView]
   );
-  const clearTemporaryView = (0, import_react13.useCallback)(() => {
+  const clearTemporaryView = (0, import_react12.useCallback)(() => {
     ViewStorage.remove(temporaryStorageKey);
     setTemporaryView(null);
     selectView(config.defaultView);
   }, [temporaryStorageKey, config.defaultView, selectView]);
-  const isViewAlreadySelected = (0, import_react13.useCallback)(
+  const isViewAlreadySelected = (0, import_react12.useCallback)(
     (viewId) => checkIsViewSelected(selectedSavedView, viewId),
     [selectedSavedView]
   );
-  const handleSavedViewFromUrl = (0, import_react13.useCallback)(
+  const handleSavedViewFromUrl = (0, import_react12.useCallback)(
     (viewId) => {
       if (isViewAlreadySelected(viewId)) {
         return;
       }
-      const viewInList = allViews.find((view) => view.share_token === viewId);
+      const viewInList = findViewByToken(allViews, viewId);
       if (viewInList) {
         selectView(viewInList);
       } else {
@@ -14788,36 +14844,27 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
     },
     [isViewAlreadySelected, openSharedViewModal, allViews, selectView]
   );
-  (0, import_react13.useEffect)(() => {
-    if (!allViews.length)
-      return;
+  (0, import_react12.useEffect)(() => {
     const savedViewId = searchParams.get("saved-view");
+    restoreUrlParameter(
+      savedViewId,
+      previousSavedViewParamRef.current,
+      setSearchParams
+    );
     if (savedViewId) {
+      previousSavedViewParamRef.current = savedViewId;
+    }
+    if (savedViewId && allViews.length > 0) {
       handleSavedViewFromUrl(savedViewId);
     }
   }, [
-    searchParams.get("saved-view"),
+    searchParams,
     savedViews,
     temporaryView,
     handleSavedViewFromUrl,
+    setSearchParams,
     allViews.length
   ]);
-  (0, import_react13.useEffect)(() => {
-    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;
-    }
-  }, [searchParams.get("saved-view"), setSearchParams]);
   return {
     selectedView: selectedSavedView,
     selectView,
@@ -14828,7 +14875,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"};
 `;
@@ -14843,13 +14890,15 @@ var SavedViewsContent = (props) => {
   };
   const { data: savedViews } = useSavedViewsQuery(queryInput);
   const { mutate: deleteSavedView } = useDeleteSavedView(queryInput);
-  const [activeModal, setActiveModal] = (0, import_react14.useState)(null);
-  const [modalData, setModalData] = (0, import_react14.useState)(null);
+  const { showToast } = (0, import_toast_alert3.useToastAlertContext)();
+  const i18n = (0, import_core_react14.useI18nContext)();
+  const [activeModal, setActiveModal] = (0, import_react13.useState)(null);
+  const [modalData, setModalData] = (0, import_react13.useState)(null);
   const openModal = (type, data) => {
     setActiveModal(type);
     setModalData(data ?? null);
   };
-  const closeModal = (0, import_react14.useCallback)(() => {
+  const closeModal = (0, import_react13.useCallback)(() => {
     setActiveModal(null);
     setModalData(null);
   }, []);
@@ -14867,9 +14916,9 @@ var SavedViewsContent = (props) => {
     {
       domain: props.domain,
       tableName: props.tableName,
-      stickyViewsKey: props.stickyViewsKey,
       userId: props.userId,
       projectId,
+      companyId,
       defaultView: props.defaultView,
       onSelect: props.onSelect
     },
@@ -14887,8 +14936,9 @@ var SavedViewsContent = (props) => {
     error: createError,
     reset: resetCreateError
   } = useCreateSavedView(queryInput);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (fetchError) {
+      showToast.error(i18n.t("savedViews.errors.notFound"));
       selectView(selectedView ?? props.defaultView);
       closeModal();
     }
@@ -14912,6 +14962,7 @@ var SavedViewsContent = (props) => {
       };
       createSavedView(viewToCreate, {
         onSuccess: (newView) => {
+          showToast.success(i18n.t("savedViews.create.success"));
           selectView(newView);
           closeModal();
         }
@@ -14933,23 +14984,22 @@ var SavedViewsContent = (props) => {
     deleteSelectedView();
     closeModal();
   };
-  const i18n = (0, import_core_react13.useI18nContext)();
-  return /* @__PURE__ */ import_react14.default.createElement(StyledPanel, { provider: props.provider }, /* @__PURE__ */ import_react14.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement(StyledPanel, { provider: props.provider }, /* @__PURE__ */ import_react13.default.createElement(
     ExpandedPanel,
     {
       "data-testid": "saved-view-expanded-panel",
       provider: props.provider
     },
-    /* @__PURE__ */ import_react14.default.createElement(import_core_react13.Panel.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ import_react14.default.createElement(import_core_react13.Panel.Title, null, /* @__PURE__ */ import_react14.default.createElement(import_core_react13.Flex, { alignItems: "center" }, /* @__PURE__ */ import_react14.default.createElement(import_core_react13.Box, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ import_react14.default.createElement(import_core_react13.Tooltip, { showDelay: 200, overlay: i18n.t("savedViews.tooltip") }, /* @__PURE__ */ import_react14.default.createElement(Help_default, { size: "sm" })))), /* @__PURE__ */ import_react14.default.createElement(
-      import_core_react13.Tooltip,
+    /* @__PURE__ */ import_react13.default.createElement(import_core_react14.Panel.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ import_react13.default.createElement(import_core_react14.Panel.Title, null, /* @__PURE__ */ import_react13.default.createElement(import_core_react14.Flex, { alignItems: "center" }, /* @__PURE__ */ import_react13.default.createElement(import_core_react14.Box, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ import_react13.default.createElement(import_core_react14.Tooltip, { showDelay: 200, overlay: i18n.t("savedViews.tooltip") }, /* @__PURE__ */ import_react13.default.createElement(Help_default, { size: "sm" })))), /* @__PURE__ */ import_react13.default.createElement(
+      import_core_react14.Tooltip,
       {
         overlay: i18n.t("savedViews.actions.create"),
         showDelay: 1e3
       },
-      /* @__PURE__ */ import_react14.default.createElement("span", null, /* @__PURE__ */ import_react14.default.createElement(
-        import_core_react13.Button,
+      /* @__PURE__ */ import_react13.default.createElement("span", null, /* @__PURE__ */ import_react13.default.createElement(
+        import_core_react14.Button,
         {
-          icon: /* @__PURE__ */ import_react14.default.createElement(Plus_default, null),
+          icon: /* @__PURE__ */ import_react13.default.createElement(Plus_default, null),
           variant: "secondary",
           "data-testid": "expanded-panel-create-button",
           onClick: () => openModal("create" /* CREATE */),
@@ -14958,7 +15008,7 @@ var SavedViewsContent = (props) => {
         i18n.t("savedViews.actions.create")
       ))
     )),
-    /* @__PURE__ */ import_react14.default.createElement(import_core_react13.Panel.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ import_react14.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement(import_core_react14.Panel.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ import_react13.default.createElement(
       PanelContent,
       {
         onSelect: ({ item }) => selectView(item),
@@ -14968,15 +15018,15 @@ 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,
         onClearTemporary: clearTemporaryView
       }
     ))
-  ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ import_react14.default.createElement(
-    SavedViewsFormModal,
+  ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ import_react13.default.createElement(
+    FormModal,
     {
       open: true,
       mode: activeModal,
@@ -14989,14 +15039,14 @@ var SavedViewsContent = (props) => {
       setOpenEditCreateModal: closeModal,
       defaultView: props.defaultView
     }
-  ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ import_react14.default.createElement(
+  ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ import_react13.default.createElement(
     SavedViewsDeleteConfirmationModalShared,
     {
       open: true,
       onDelete: confirmDeleteAndCloseModal,
       onCancel: closeModal
     }
-  ), fetchedView && isModalOpen("sharedView" /* SHARED_VIEW */) && /* @__PURE__ */ import_react14.default.createElement(
+  ), fetchedView && isModalOpen("sharedView" /* SHARED_VIEW */) && /* @__PURE__ */ import_react13.default.createElement(
     SharedViewFormModal,
     {
       open: true,
@@ -15011,31 +15061,125 @@ var SavedViewsContent = (props) => {
   ));
 };
 var SavedViews = (props) => {
-  return /* @__PURE__ */ import_react14.default.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ import_react14.default.createElement(import_react_query3.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ import_react14.default.createElement(SavedViewsContent, { ...props })));
+  return /* @__PURE__ */ import_react13.default.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ import_react13.default.createElement(import_react_query3.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ import_react13.default.createElement(import_toast_alert4.ToastAlertProvider, null, /* @__PURE__ */ import_react13.default.createElement(SavedViewsContent, { ...props }))));
 };
 
-// src/SavedViews/components/SavedViews/SmartGrid/SmartGridSavedViews.tsx
-var import_toast_alert3 = require("@procore/toast-alert");
-var generateStickyViewsKey = (domain, tableName, userId, projectId, companyId) => {
-  return `savedView-${domain}-${tableName}-${companyId}-${projectId}-${userId}`;
+// src/components/adapters/smart-grid/SmartGridSavedViews.tsx
+var import_react16 = __toESM(require("react"));
+
+// src/components/adapters/smart-grid/SmartGridDefaultSavedView.tsx
+var import_react14 = require("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 = getColumnStateFromDefs(columnDefs);
+  const result = {
+    columnState: ((_a = receivedConfig == null ? void 0 : receivedConfig.columnState) == null ? void 0 : _a.length) ? receivedConfig.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 (0, import_react14.useMemo)(() => {
+    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/components/adapters/smart-grid/useSmartGridConfig.ts
+var import_react15 = require("react");
+var GRID_STATE_EVENTS = [
+  "sortChanged",
+  "filterOpened",
+  "filterChanged",
+  "columnRowGroupChanged",
+  "dragStopped",
+  "columnResized",
+  "columnVisible",
+  "columnPinned",
+  "columnMoved",
+  "modelUpdated",
+  "gridColumnsChanged",
+  "gridReady"
+];
+var useSmartGridConfig = (gridApi) => {
+  const [config, setConfig] = (0, import_react15.useState)(
+    () => getSmartGridConfig(gridApi)
+  );
+  (0, import_react15.useEffect)(() => {
+    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 onSelect = (0, import_react15.useCallback)(
+  const presetViews = useNormalizedDefaultViews(props.defaultViews, gridApi);
+  const defaultView = presetViews.find((view) => view.id === "default") ?? presetViews[0];
+  const onSelect = (0, import_react16.useCallback)(
     ({ 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 = {
@@ -15049,22 +15193,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__ */ import_react15.default.createElement(import_toast_alert3.ToastAlertProvider, null, /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react16.default.createElement(
     SavedViews,
     {
       onSelect,
@@ -15074,20 +15205,19 @@ var SmartGridSavedViews = (props) => {
       companyId,
       provider: "smart-grid",
       defaultView,
+      presetViews,
       tableName: props.tableName,
-      tableConfig,
-      stickyViewsKey
+      tableConfig
     }
-  ));
+  );
 };
 
-// src/SavedViews/components/SavedViews/DataTable/DataTableSavedViews.tsx
-var import_react17 = __toESM(require("react"));
+// src/components/adapters/data-table/DataTableSavedViews.tsx
+var import_react18 = __toESM(require("react"));
 
-// src/SavedViews/components/SavedViews/DataTable/DataTableDefaultSavedView.tsx
-var import_react16 = require("react");
-var import_core_react14 = require("@procore/core-react");
-var DEFAULT_COLUMN_STATE = {
+// src/components/adapters/data-table/DataTableDefaultSavedView.tsx
+var import_react17 = require("react");
+var DEFAULT_COLUMN_STATE2 = {
   hidden: false,
   pinned: null,
   width: 200,
@@ -15102,7 +15232,7 @@ var getColumnState = (columnDefinitions) => {
     if (column.field.includes("custom_field")) {
       return {
         field: column.field,
-        ...DEFAULT_COLUMN_STATE
+        ...DEFAULT_COLUMN_STATE2
       };
     }
     return {
@@ -15113,11 +15243,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 = {
@@ -15133,52 +15263,38 @@ var extractDefaultView = (columnDefinitions, receivedConfigFromTool) => {
   };
   return result;
 };
-var useDefaultViewName2 = (domain, defaultViewName) => {
-  const i18n = (0, import_core_react14.useI18nContext)();
-  return defaultViewName || i18n.t(domain, {
-    scope: "savedViews.defaultViewTitle",
-    defaultValue: "Default View"
-  });
-};
-var useDefaultView2 = (props) => {
-  const name = useDefaultViewName2(props.domain, props.defaultViewName);
-  const extractedDefaultConfig = (0, import_react16.useMemo)(
-    () => extractDefaultView(props.columnDefinitions, props.receivedConfigFromTool),
-    [props.columnDefinitions, props.receivedConfigFromTool]
+var useNormalizedDefaultViews2 = (defaultViews, columnDefinitions) => {
+  return (0, import_react17.useMemo)(
+    () => 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
-var import_toast_alert4 = require("@procore/toast-alert");
-var generateStickyViewsKey2 = (domain, tableName, userId, projectId, companyId) => {
-  return `savedView-${domain}-${tableName}-${companyId}-${projectId}-${userId}`;
-};
-var DataTableSavedViews = (0, import_react17.forwardRef)((props, ref) => {
+// src/components/adapters/data-table/DataTableSavedViews.tsx
+var DataTableSavedViews = (0, import_react18.forwardRef)((props, ref) => {
+  var _a;
   const { tableApi, userId, projectId, companyId } = props;
-  const [internalTableConfig, setInternalTableConfig] = (0, import_react17.useState)(
-    props.defaultViewConfig
+  const presetViews = useNormalizedDefaultViews2(
+    props.defaultViews,
+    props.columnDefinitions
+  );
+  const defaultView = presetViews.find((view) => view.id === "default") ?? presetViews[0];
+  const [internalTableConfig, setInternalTableConfig] = (0, import_react18.useState)(
+    ((_a = ViewStorage.load(props.stickyViewsKey, defaultView)) == null ? void 0 : _a.table_config) ?? defaultView.table_config
   );
-  (0, import_react17.useImperativeHandle)(ref, () => ({
+  (0, import_react18.useImperativeHandle)(ref, () => ({
     setTableConfig: (newConfig) => {
       setInternalTableConfig(newConfig);
     }
   }));
-  const defaultView = useDefaultView2({
-    defaultViewName: props.defaultViewName,
-    receivedConfigFromTool: props.defaultViewConfig,
-    domain: props.domain,
-    columnDefinitions: props.columnDefinitions
-  });
-  const onSelect = (0, import_react17.useCallback)(
+  const onSelect = (0, import_react18.useCallback)(
     ({ 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,
@@ -15194,14 +15310,7 @@ var DataTableSavedViews = (0, import_react17.forwardRef)((props, ref) => {
   if (!internalTableConfig) {
     return null;
   }
-  const stickyViewsKey = generateStickyViewsKey2(
-    props.domain,
-    props.tableName,
-    userId,
-    projectId,
-    companyId
-  );
-  return /* @__PURE__ */ import_react17.default.createElement(import_toast_alert4.ToastAlertProvider, null, /* @__PURE__ */ import_react17.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement(
     SavedViews,
     {
       onSelect,
@@ -15211,21 +15320,22 @@ var DataTableSavedViews = (0, import_react17.forwardRef)((props, ref) => {
       companyId,
       provider: "data-table",
       defaultView,
+      presetViews,
       tableName: props.tableName,
-      tableConfig: internalTableConfig,
-      stickyViewsKey
+      tableConfig: internalTableConfig
     }
-  ));
+  );
 });
 DataTableSavedViews.displayName = "DataTableSavedViews";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DataTableSavedViews,
   ExpandedPanel,
+  FormModal,
   PanelContent,
   SavedViewCollectionMenuItem,
+  SavedViews,
   SavedViewsDeleteConfirmationModalShared,
-  SavedViewsFormModal,
   SmartGridSavedViews,
   getTranslations,
   useSavedViewsPanel