@procore/saved-views 5.0.0-alpha.4 → 5.0.0-alpha.90

package/dist/modern/index.js

@@ -2011,9 +2011,9 @@ var require_dist = __commonJS({
   }
 });
 
-// node_modules/react-is/cjs/react-is.production.min.js
+// ../../node_modules/styled-components/node_modules/react-is/cjs/react-is.production.min.js
 var require_react_is_production_min = __commonJS({
-  "node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
+  "../../node_modules/styled-components/node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
     "use strict";
     var b2 = 60103;
     var c2 = 60106;
@@ -2149,9 +2149,9 @@ var require_react_is_production_min = __commonJS({
   }
 });
 
-// node_modules/react-is/cjs/react-is.development.js
+// ../../node_modules/styled-components/node_modules/react-is/cjs/react-is.development.js
 var require_react_is_development = __commonJS({
-  "node_modules/react-is/cjs/react-is.development.js"(exports2) {
+  "../../node_modules/styled-components/node_modules/react-is/cjs/react-is.development.js"(exports2) {
     "use strict";
     if (process.env.NODE_ENV !== "production") {
       (function() {
@@ -2341,9 +2341,9 @@ var require_react_is_development = __commonJS({
   }
 });
 
-// node_modules/react-is/index.js
+// ../../node_modules/styled-components/node_modules/react-is/index.js
 var require_react_is = __commonJS({
-  "node_modules/react-is/index.js"(exports2, module2) {
+  "../../node_modules/styled-components/node_modules/react-is/index.js"(exports2, module2) {
     "use strict";
     if (process.env.NODE_ENV === "production") {
       module2.exports = require_react_is_production_min();
@@ -9707,7 +9707,7 @@ function __rest(s2, e2) {
   return t2;
 }
 
-// ../../node_modules/@procore/core-icons/dist/Icon.js
+// node_modules/@procore/core-icons/dist/Icon.js
 var React = __toESM(require("react"));
 function getSize(size) {
   if (size === "sm") {
@@ -9726,7 +9726,7 @@ function Icon(_a) {
   return React.isValidElement(children) ? React.cloneElement(children, __assign(__assign({ "aria-hidden": true, "data-qa": "ci-".concat(props.name) }, props), { width: getSize(props.size), height: getSize(props.size), focusable: false, style: __assign(__assign({}, props.style), { flex: "0 0 auto" }) })) : null;
 }
 
-// ../../node_modules/@procore/core-icons/dist/icons/Building.js
+// node_modules/@procore/core-icons/dist/icons/Building.js
 var React2 = __toESM(require("react"));
 var Building = React2.forwardRef(function Building2(props, ref) {
   return React2.createElement(
@@ -9742,7 +9742,7 @@ var Building = React2.forwardRef(function Building2(props, ref) {
 Building.displayName = "Building";
 var Building_default = Building;
 
-// ../../node_modules/@procore/core-icons/dist/icons/ChevronDown.js
+// node_modules/@procore/core-icons/dist/icons/ChevronDown.js
 var React3 = __toESM(require("react"));
 var ChevronDown = React3.forwardRef(function ChevronDown2(props, ref) {
   return React3.createElement(
@@ -9758,7 +9758,7 @@ var ChevronDown = React3.forwardRef(function ChevronDown2(props, ref) {
 ChevronDown.displayName = "ChevronDown";
 var ChevronDown_default = ChevronDown;
 
-// ../../node_modules/@procore/core-icons/dist/icons/ChevronRight.js
+// node_modules/@procore/core-icons/dist/icons/ChevronRight.js
 var React4 = __toESM(require("react"));
 var ChevronRight = React4.forwardRef(function ChevronRight2(props, ref) {
   return React4.createElement(
@@ -9774,7 +9774,7 @@ var ChevronRight = React4.forwardRef(function ChevronRight2(props, ref) {
 ChevronRight.displayName = "ChevronRight";
 var ChevronRight_default = ChevronRight;
 
-// ../../node_modules/@procore/core-icons/dist/icons/Excavator.js
+// node_modules/@procore/core-icons/dist/icons/Excavator.js
 var React5 = __toESM(require("react"));
 var Excavator = React5.forwardRef(function Excavator2(props, ref) {
   return React5.createElement(
@@ -9791,7 +9791,7 @@ var Excavator = React5.forwardRef(function Excavator2(props, ref) {
 Excavator.displayName = "Excavator";
 var Excavator_default = Excavator;
 
-// ../../node_modules/@procore/core-icons/dist/icons/ExpandSidebar.js
+// node_modules/@procore/core-icons/dist/icons/ExpandSidebar.js
 var React6 = __toESM(require("react"));
 var ExpandSidebar = React6.forwardRef(function ExpandSidebar2(props, ref) {
   return React6.createElement(
@@ -9809,7 +9809,7 @@ var ExpandSidebar = React6.forwardRef(function ExpandSidebar2(props, ref) {
 ExpandSidebar.displayName = "ExpandSidebar";
 var ExpandSidebar_default = ExpandSidebar;
 
-// ../../node_modules/@procore/core-icons/dist/icons/Help.js
+// node_modules/@procore/core-icons/dist/icons/Help.js
 var React7 = __toESM(require("react"));
 var Help = React7.forwardRef(function Help2(props, ref) {
   return React7.createElement(
@@ -9825,7 +9825,7 @@ var Help = React7.forwardRef(function Help2(props, ref) {
 Help.displayName = "Help";
 var Help_default = Help;
 
-// ../../node_modules/@procore/core-icons/dist/icons/Person.js
+// node_modules/@procore/core-icons/dist/icons/Person.js
 var React8 = __toESM(require("react"));
 var Person = React8.forwardRef(function Person2(props, ref) {
   return React8.createElement(
@@ -9841,7 +9841,7 @@ var Person = React8.forwardRef(function Person2(props, ref) {
 Person.displayName = "Person";
 var Person_default = Person;
 
-// ../../node_modules/@procore/core-icons/dist/icons/Plus.js
+// node_modules/@procore/core-icons/dist/icons/Plus.js
 var React9 = __toESM(require("react"));
 var Plus = React9.forwardRef(function Plus2(props, ref) {
   return React9.createElement(
@@ -9861,7 +9861,7 @@ var Plus_default = Plus;
 var import_core_react2 = require("@procore/core-react");
 var import_react3 = __toESM(require("react"));
 
-// node_modules/styled-components/dist/styled-components.esm.js
+// ../../node_modules/styled-components/dist/styled-components.esm.js
 var import_react_is = __toESM(require_react_is());
 var import_react = __toESM(require("react"));
 var import_shallowequal = __toESM(require_shallowequal());
@@ -10416,7 +10416,7 @@ function memoize(fn) {
   };
 }
 
-// ../../node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js
+// ../../node_modules/styled-components/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js
 var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
 var isPropValid = /* @__PURE__ */ memoize(
   function(prop) {
@@ -10425,7 +10425,7 @@ var isPropValid = /* @__PURE__ */ memoize(
   /* Z+1 */
 );
 
-// node_modules/styled-components/dist/styled-components.esm.js
+// ../../node_modules/styled-components/dist/styled-components.esm.js
 var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
 function m() {
   return (m = Object.assign || function(e2) {
@@ -11259,13 +11259,164 @@ var ExpandedPanel = styled_components_esm_default(import_core_react4.Panel)`
 `;
 
 // src/SavedViews/components/Panels/PanelContent.tsx
-var import_core_react6 = require("@procore/core-react");
+var import_core_react7 = require("@procore/core-react");
 var import_toast_alert = require("@procore/toast-alert");
 var import_react9 = __toESM(require("react"));
 
+// node_modules/@procore/core-http/dist/modern/index.js
+function getCSRFToken() {
+  const token = document.cookie.match("(^|;)\\s*csrf_token\\s*=\\s*([^;]+)");
+  return token ? decodeURIComponent(token.pop() || "") : "";
+}
+function getCSRFHeader() {
+  const csrfToken = getCSRFToken();
+  return csrfToken ? { "X-CSRF-TOKEN": csrfToken } : {};
+}
+function removeLeadingSlash(url) {
+  return url.startsWith("/") ? url.substring(1, url.length) : url;
+}
+function removeTrailingSlash(url) {
+  return url.endsWith("/") ? url.substring(0, url.length - 1) : url;
+}
+function applyBaseUrl(url, baseUrl) {
+  return `${removeTrailingSlash(baseUrl)}/${removeLeadingSlash(url)}`;
+}
+function getOptions({ headers, ...options }) {
+  const opts = {
+    credentials: "same-origin",
+    headers: {
+      ...getCSRFHeader(),
+      ...headers
+    },
+    mode: "same-origin",
+    ...options
+  };
+  return opts;
+}
+function getUrl(url, baseUrl) {
+  return baseUrl ? applyBaseUrl(url, baseUrl) : url;
+}
+function request(url, { baseUrl, ...options } = {}) {
+  return fetch(getUrl(url, baseUrl), getOptions(options));
+}
+function requestJSON(url, requestParams = {}) {
+  return request(url, requestParams).then(
+    (response) => response.json()
+  );
+}
+
+// src/utils/Api/queries.ts
+var import_react_query2 = require("@tanstack/react-query");
+
+// 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) => {
+  const { projectId, companyId, domain, tableName } = props;
+  const queryClient2 = (0, import_react_query.useQueryClient)();
+  const { locale: locale2 } = (0, import_core_react5.useI18nContext)();
+  return (0, import_react_query.useMutation)({
+    mutationKey,
+    mutationFn: async (savedView) => {
+      let url = "";
+      if (method === "DELETE" || method === "PUT") {
+        url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedView.id}?permissions_domain=${domain}`;
+      } else {
+        url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views?table_name=${tableName}&permissions_domain=${domain}`;
+      }
+      const response = await requestJSON(url, {
+        method,
+        body: JSON.stringify(savedView),
+        headers: {
+          "Content-Type": "application/json",
+          "Accept-Language": locale2
+        }
+      });
+      if (response.error) {
+        throw response.error;
+      }
+      return response.data;
+    },
+    onSuccess: (savedView) => {
+      if (method === "DELETE" || method === "POST") {
+        queryClient2.invalidateQueries({
+          queryKey: ["savedViews", domain, tableName]
+        });
+        return;
+      } else {
+        const oldData = queryClient2.getQueryData([
+          "savedViews",
+          domain,
+          tableName
+        ]);
+        const oldView = oldData?.find((item) => item.id === savedView.id);
+        if (oldView?.name !== savedView.name) {
+          queryClient2.invalidateQueries({
+            queryKey: ["savedViews", domain, tableName]
+          });
+          return;
+        }
+      }
+      queryClient2.setQueryData(
+        ["savedViews", domain, tableName],
+        (oldData) => {
+          if (!oldData)
+            return [savedView];
+          return oldData.map(
+            (item) => item.id === savedView.id ? savedView : item
+          );
+        }
+      );
+    }
+  });
+};
+
 // src/utils/Constants/viewLevels.ts
 var VIEW_LEVELS = ["company", "project", "personal"];
 
+// src/utils/Api/queries.ts
+var PAGE_SIZE = 50 * VIEW_LEVELS.length;
+var useSavedViewsQuery = (props) => {
+  const { projectId, companyId, domain, tableName } = props;
+  const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views?table_name=${tableName}&permissions_domain=${domain}`;
+  return (0, import_react_query2.useQuery)({
+    enabled: props.enableSavedViews,
+    queryKey: ["savedViews", domain, tableName],
+    queryFn: async () => {
+      const getUrl2 = `${url}&per_page=${PAGE_SIZE}`;
+      const response = await requestJSON(getUrl2);
+      return response.data;
+    }
+  });
+};
+var useSavedViewsPermissions = (props) => {
+  const { projectId, companyId, domain } = props;
+  const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/permissions?permissions_domain=${domain}`;
+  return (0, import_react_query2.useQuery)({
+    enabled: props.enableSavedViews,
+    queryKey: ["savedViewsConfig", domain],
+    queryFn: async () => {
+      const response = await requestJSON(url);
+      return response.data;
+    }
+  });
+};
+var useCreateSavedView = (props) => useApiRequest(props, "POST", [
+  "createSavedView",
+  props.domain,
+  props.tableName
+]);
+var useUpdateSavedView = (props) => useApiRequest(props, "PUT", [
+  "updateSavedView",
+  props.domain,
+  props.tableName
+]);
+var useDeleteSavedView = (props) => useApiRequest(props, "DELETE", [
+  "deleteSavedView",
+  props.domain,
+  props.tableName
+]);
+
 // src/SavedViews/components/Panels/PanelContentUtils.ts
 var import_lodash = __toESM(require_lodash());
 
@@ -11273,14 +11424,14 @@ var import_lodash = __toESM(require_lodash());
 function getSmartGridConfig(api) {
   const columnStateResult = api.getColumnState();
   const columnGroupStateResult = api.getColumnGroupState();
-  const rowGroupStateResult = api.getRowGroupColumns();
+  const rowGroupStateResult = api.getRowGroupColumns().map((col) => col.getColId());
   const rowHeightResult = api.getGridOption("rowHeight") || api.getSizesForCurrentTheme().rowHeight;
   const serverFiltersResult = api.getFilterModel();
   const smartGridConfig = {
     columnState: columnStateResult,
     rowHeight: rowHeightResult,
     columnGroupState: columnGroupStateResult,
-    rowGroupState: rowGroupStateResult.filter((col) => typeof col?.getColId === "function").map((col) => col.getColId()),
+    rowGroupState: rowGroupStateResult,
     filterState: serverFiltersResult
   };
   return smartGridConfig;
@@ -11468,7 +11619,7 @@ var useGroups = () => {
 };
 
 // src/SavedViews/components/Panels/ViewLevelHeader.tsx
-var import_core_react5 = require("@procore/core-react");
+var import_core_react6 = require("@procore/core-react");
 var import_react7 = __toESM(require("react"));
 var groupIcon = (group) => {
   switch (group) {
@@ -11480,26 +11631,26 @@ var groupIcon = (group) => {
       return /* @__PURE__ */ import_react7.default.createElement(Building_default, null);
   }
 };
-var Header = styled_components_esm_default(import_core_react5.Flex)`
+var Header = styled_components_esm_default(import_core_react6.Flex)`
   width: 100%;
   &:hover {
-    background-color: ${import_core_react5.colors.gray98};
+    background-color: ${import_core_react6.colors.gray98};
   }
 `;
 var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
-  const I18n = (0, import_core_react5.useI18nContext)();
+  const I18n = (0, import_core_react6.useI18nContext)();
   return /* @__PURE__ */ import_react7.default.createElement(
     Header,
     {
       alignItems: "center",
-      padding: `${import_core_react5.spacing.sm}px`,
-      gap: `${import_core_react5.spacing.sm}px`,
+      padding: `${import_core_react6.spacing.sm}px`,
+      gap: `${import_core_react6.spacing.sm}px`,
       style: { cursor: "pointer" },
       onClick: () => toggleGroup(group)
     },
     expanded ? /* @__PURE__ */ import_react7.default.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ import_react7.default.createElement(ChevronRight_default, { size: "sm" }),
     groupIcon(group),
-    /* @__PURE__ */ import_react7.default.createElement(import_core_react5.Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
+    /* @__PURE__ */ import_react7.default.createElement(import_core_react6.Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
   );
 };
 var ViewLevelHeader_default = ViewLevelHeader;
@@ -11517,28 +11668,27 @@ var useScrollToRef = (dependency) => {
 };
 
 // src/SavedViews/components/Panels/PanelContent.tsx
-var Row = styled_components_esm_default(import_core_react6.UNSAFE_Menu.Item)`
+var Row = styled_components_esm_default(import_core_react7.UNSAFE_Menu.Item)`
   width: 100%;
   padding-left: 35px;
   padding-right: 4px;
-  background-color: ${({ selected }) => selected ? import_core_react6.colors.blue96 : "transparent"};
+  background-color: ${({ selected }) => selected ? import_core_react7.colors.blue96 : "transparent"};
 
   &:hover {
-    background-color: ${({ selected }) => selected ? import_core_react6.colors.blue96 : import_core_react6.colors.gray98};
+    background-color: ${({ selected }) => selected ? import_core_react7.colors.blue96 : import_core_react7.colors.gray98};
   }
 `;
-var Panel2 = styled_components_esm_default(import_core_react6.DetailPage.Card)`
+var Panel2 = styled_components_esm_default(import_core_react7.DetailPage.Card)`
   margin: 0;
   height: 100%;
-  padding-top: ${import_core_react6.spacing.sm}px;
+  padding-top: ${import_core_react7.spacing.sm}px;
   box-shadow: none;
 `;
 var PanelContent = (props) => {
   const { showToast } = (0, import_toast_alert.useToastAlertContext)();
-  const I18n = (0, import_core_react6.useI18nContext)();
-  const { useSavedViewsQuery: useSavedViewsQuery2, useSavedViewsPermissions: useSavedViewsPermissions2, useUpdateSavedView: useUpdateSavedView2 } = props.backend;
-  const { mutate: updateSavedView, isPending: isUpdateLoading } = useUpdateSavedView2(props.queryInput);
-  const { data: savedViews, error: savedViewsError } = useSavedViewsQuery2(
+  const I18n = (0, import_core_react7.useI18nContext)();
+  const { mutate: updateSavedView, isPending: isUpdateLoading } = useUpdateSavedView(props.queryInput);
+  const { data: savedViews, error: savedViewsError } = useSavedViewsQuery(
     props.queryInput
   );
   const errorToastRef = import_react9.default.useRef(null);
@@ -11548,7 +11698,7 @@ var PanelContent = (props) => {
       errorToastRef.current = savedViewsError;
     }
   }, [savedViewsError]);
-  const { data: permissions } = useSavedViewsPermissions2(props.queryInput);
+  const { data: permissions } = useSavedViewsPermissions(props.queryInput);
   const selectedRowRef = useScrollToRef(savedViews);
   const onUpdate = (data) => {
     const newSavedView = {
@@ -11569,7 +11719,7 @@ var PanelContent = (props) => {
   };
   const { groups, toggleGroup } = useGroups();
   const isDefaultSelected = props.selectedSavedView?.id === "default";
-  return /* @__PURE__ */ import_react9.default.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ import_react9.default.createElement(import_core_react6.Flex, { direction: "column", style: { height: "100%", width: "100%" } }, /* @__PURE__ */ import_react9.default.createElement(
+  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%" } }, /* @__PURE__ */ import_react9.default.createElement(
     Row,
     {
       selected: isDefaultSelected,
@@ -11637,9 +11787,9 @@ var PanelContent = (props) => {
 var import_react14 = __toESM(require("react"));
 
 // src/SavedViews/components/SavedViews/SmartGrid/SmartGridDefaultSavedView.tsx
-var import_core_react7 = require("@procore/core-react");
+var import_core_react8 = require("@procore/core-react");
 var useDefaultViewName = (domain, defaultViewName) => {
-  const i18n = (0, import_core_react7.useI18nContext)();
+  const i18n = (0, import_core_react8.useI18nContext)();
   return defaultViewName || i18n.t(domain, {
     scope: "savedViews.defaultViewTitle",
     defaultValue: "Default View"
@@ -11699,16 +11849,16 @@ var import_react13 = __toESM(require("react"));
 var import_react_query3 = require("@tanstack/react-query");
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsDeleteConfirmationModalShared.tsx
-var import_core_react8 = require("@procore/core-react");
+var import_core_react9 = require("@procore/core-react");
 var import_react11 = __toESM(require("react"));
 var SavedViewsDeleteConfirmationModalShared = ({
   onCancel,
   onDelete,
   open
 }) => {
-  const i18n = (0, import_core_react8.useI18nContext)();
+  const i18n = (0, import_core_react9.useI18nContext)();
   return /* @__PURE__ */ import_react11.default.createElement(
-    import_core_react8.ConfirmModal,
+    import_core_react9.ConfirmModal,
     {
       "data-testid": "delete-confirmation-modal",
       open,
@@ -11717,8 +11867,8 @@ var SavedViewsDeleteConfirmationModalShared = ({
       onClose: onCancel,
       style: { overflowWrap: "anywhere" }
     },
-    /* @__PURE__ */ import_react11.default.createElement(import_core_react8.Modal.Body, null, /* @__PURE__ */ import_react11.default.createElement(import_core_react8.P, null, i18n.t("savedViews.modal.delete.description"))),
-    /* @__PURE__ */ import_react11.default.createElement(import_core_react8.Modal.Footer, null, /* @__PURE__ */ import_react11.default.createElement(import_core_react8.Modal.FooterButtons, null, /* @__PURE__ */ import_react11.default.createElement(import_core_react8.Button, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ import_react11.default.createElement(import_core_react8.Button, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
+    /* @__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"))))
   );
 };
 
@@ -11726,7 +11876,7 @@ var SavedViewsDeleteConfirmationModalShared = ({
 var import_react12 = __toESM(require("react"));
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
-var import_core_react9 = require("@procore/core-react");
+var import_core_react10 = require("@procore/core-react");
 var React17 = __toESM(require("react"));
 
 // ../../node_modules/yup/index.esm.js
@@ -14055,7 +14205,6 @@ function extractMessage(error, I18n) {
 }
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
-var { useEffect: useEffect3, useRef: useRef2 } = React17;
 var ScrollContainer = styled_components_esm_default("div")`
   overflow: auto;
 `;
@@ -14073,38 +14222,22 @@ var SavedViewsCreateUpdateModalBase = ({
   selectedSavedView,
   setSelectedSavedView,
   setOpenEditCreateModal,
-  onSelect,
-  backend
+  onSelect
 }) => {
-  const I18n = (0, import_core_react9.useI18nContext)();
+  const I18n = (0, import_core_react10.useI18nContext)();
   const NAME_MAX_LENGTH = 150;
-  const originalBodyWidth = useRef2("");
-  useEffect3(() => {
-    if (open) {
-      originalBodyWidth.current = document.body.style.width || "";
-      document.body.style.width = "100%";
-    } else {
-      document.body.style.width = originalBodyWidth.current;
-    }
-    return () => {
-      if (originalBodyWidth.current !== void 0) {
-        document.body.style.width = originalBodyWidth.current;
-      }
-    };
-  }, [open]);
-  const { useCreateSavedView: useCreateSavedView2, useUpdateSavedView: useUpdateSavedView2, useSavedViewsPermissions: useSavedViewsPermissions2 } = backend;
   const {
     mutate: createSavedView,
     isPending: isCreating,
     error: createError,
     reset: resetCreateMutation
-  } = useCreateSavedView2(queryInput);
+  } = useCreateSavedView(queryInput);
   const {
     mutate: updateSavedView,
     isPending: isUpdating,
     error: updateError,
     reset: resetUpdateMutation
-  } = useUpdateSavedView2(queryInput);
+  } = useUpdateSavedView(queryInput);
   const resetMutations = () => {
     resetCreateMutation();
     resetUpdateMutation();
@@ -14113,7 +14246,7 @@ var SavedViewsCreateUpdateModalBase = ({
     resetMutations();
     onCancel();
   };
-  const { data: permissions } = useSavedViewsPermissions2(queryInput);
+  const { data: permissions } = useSavedViewsPermissions(queryInput);
   const isLoading = isCreating || isUpdating;
   const errors = extractMessage(createError || updateError, I18n);
   const handleOnSubmit = (data) => {
@@ -14146,7 +14279,7 @@ var SavedViewsCreateUpdateModalBase = ({
   };
   const viewLevelOptions = getViewLevelOptions(permissions, I18n);
   return /* @__PURE__ */ React17.createElement(
-    import_core_react9.Modal,
+    import_core_react10.Modal,
     {
       "aria-label": I18n.t("savedViews.ariaLabels.modal"),
       onClickOverlay: onClose,
@@ -14155,14 +14288,14 @@ var SavedViewsCreateUpdateModalBase = ({
       "data-testid": "create-update-modal"
     },
     /* @__PURE__ */ React17.createElement(ScrollContainer, null, /* @__PURE__ */ React17.createElement(
-      import_core_react9.Modal.Header,
+      import_core_react10.Modal.Header,
       {
         onClose,
-        style: { borderBottom: `1px solid ${import_core_react9.colors.gray85}` }
+        style: { borderBottom: `1px solid ${import_core_react10.colors.gray85}` }
       },
-      /* @__PURE__ */ React17.createElement(import_core_react9.H2, null, header)
+      /* @__PURE__ */ React17.createElement(import_core_react10.H2, null, header)
     ), /* @__PURE__ */ React17.createElement(
-      import_core_react9.Form,
+      import_core_react10.Form,
       {
         initialValues: {
           name: initialName,
@@ -14187,14 +14320,14 @@ var SavedViewsCreateUpdateModalBase = ({
         onReset: onCancel,
         validateOnChange: true
       },
-      /* @__PURE__ */ React17.createElement(import_core_react9.Form.Form, { name: header }, /* @__PURE__ */ React17.createElement(
-        import_core_react9.Modal.Body,
+      /* @__PURE__ */ React17.createElement(import_core_react10.Form.Form, { name: header }, /* @__PURE__ */ React17.createElement(
+        import_core_react10.Modal.Body,
         {
-          style: { paddingTop: 0, paddingBottom: 0, marginTop: import_core_react9.spacing.lg }
+          style: { paddingTop: 0, paddingBottom: 0, marginTop: import_core_react10.spacing.lg }
         },
-        errors && /* @__PURE__ */ React17.createElement(import_core_react9.ErrorBanner, { style: { marginBottom: import_core_react9.spacing.xl } }, /* @__PURE__ */ React17.createElement(import_core_react9.Banner.Content, null, /* @__PURE__ */ React17.createElement(import_core_react9.Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React17.createElement(import_core_react9.Banner.Body, null, errors?.form || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
-        /* @__PURE__ */ React17.createElement(import_core_react9.Form.Row, null, /* @__PURE__ */ React17.createElement(
-          import_core_react9.Form.Text,
+        errors && /* @__PURE__ */ React17.createElement(import_core_react10.ErrorBanner, { style: { marginBottom: import_core_react10.spacing.xl } }, /* @__PURE__ */ React17.createElement(import_core_react10.Banner.Content, null, /* @__PURE__ */ React17.createElement(import_core_react10.Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React17.createElement(import_core_react10.Banner.Body, null, errors?.form || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
+        /* @__PURE__ */ React17.createElement(import_core_react10.Form.Row, null, /* @__PURE__ */ React17.createElement(
+          import_core_react10.Form.Text,
           {
             name: "name",
             error: errors?.name,
@@ -14205,12 +14338,12 @@ var SavedViewsCreateUpdateModalBase = ({
           }
         )),
         /* @__PURE__ */ React17.createElement(
-          import_core_react9.Form.Row,
+          import_core_react10.Form.Row,
           {
-            style: { marginTop: errors?.name ? import_core_react9.spacing.xl : import_core_react9.spacing.none }
+            style: { marginTop: errors?.name ? import_core_react10.spacing.xl : import_core_react10.spacing.none }
           },
           /* @__PURE__ */ React17.createElement(
-            import_core_react9.Form.TextArea,
+            import_core_react10.Form.TextArea,
             {
               name: "description",
               placeholder: I18n.t("savedViews.modal.fields.description"),
@@ -14220,11 +14353,10 @@ var SavedViewsCreateUpdateModalBase = ({
             }
           )
         ),
-        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React17.createElement(import_core_react9.Form.Row, null, /* @__PURE__ */ React17.createElement(
-          import_core_react9.Form.Select,
+        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React17.createElement(import_core_react10.Form.Row, null, /* @__PURE__ */ React17.createElement(
+          import_core_react10.Form.Select,
           {
             name: "view_level",
-            qa: { label: "view-level" },
             options: viewLevelOptions,
             label: I18n.t("savedViews.modal.fields.viewLevel"),
             colWidth: 12,
@@ -14232,8 +14364,8 @@ var SavedViewsCreateUpdateModalBase = ({
             onClear: false
           }
         )) : /* @__PURE__ */ React17.createElement(React17.Fragment, null)
-      ), /* @__PURE__ */ React17.createElement(import_core_react9.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react9.colors.gray85}` } }, /* @__PURE__ */ React17.createElement(import_core_react9.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React17.createElement(import_core_react9.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React17.createElement(import_core_react9.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React17.createElement(import_core_react9.Modal.FooterButtons, null, /* @__PURE__ */ React17.createElement(import_core_react9.Button, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React17.createElement(
-        import_core_react9.Button,
+      ), /* @__PURE__ */ React17.createElement(import_core_react10.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react10.colors.gray85}` } }, /* @__PURE__ */ React17.createElement(import_core_react10.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React17.createElement(import_core_react10.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React17.createElement(import_core_react10.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React17.createElement(import_core_react10.Modal.FooterButtons, null, /* @__PURE__ */ React17.createElement(import_core_react10.Button, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React17.createElement(
+        import_core_react10.Button,
         {
           "data-testid": "create-update-modal-button",
           type: "submit",
@@ -14248,7 +14380,7 @@ var SavedViewsCreateUpdateModalBase = ({
 };
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsFormModal.tsx
-var import_core_react10 = require("@procore/core-react");
+var import_core_react11 = require("@procore/core-react");
 var SavedViewsFormModal = ({
   open,
   mode,
@@ -14260,10 +14392,9 @@ var SavedViewsFormModal = ({
   setSelectedSavedView,
   setOpenEditCreateModal,
   onSelect,
-  defaultView,
-  backend
+  defaultView
 }) => {
-  const i18n = (0, import_core_react10.useI18nContext)();
+  const i18n = (0, import_core_react11.useI18nContext)();
   return /* @__PURE__ */ import_react12.default.createElement(
     SavedViewsCreateUpdateModalBase,
     {
@@ -14280,170 +14411,11 @@ var SavedViewsFormModal = ({
       setSelectedSavedView,
       setOpenEditCreateModal,
       onSelect,
-      defaultView,
-      backend
+      defaultView
     }
   );
 };
 
-// ../../node_modules/@procore/core-http/dist/modern/index.js
-function getCSRFToken() {
-  const token = document.cookie.match("(^|;)\\s*csrf_token\\s*=\\s*([^;]+)");
-  return token ? decodeURIComponent(token.pop() || "") : "";
-}
-function getCSRFHeader() {
-  const csrfToken = getCSRFToken();
-  return csrfToken ? { "X-CSRF-TOKEN": csrfToken } : {};
-}
-function removeLeadingSlash(url) {
-  return url.startsWith("/") ? url.substring(1, url.length) : url;
-}
-function removeTrailingSlash(url) {
-  return url.endsWith("/") ? url.substring(0, url.length - 1) : url;
-}
-function applyBaseUrl(url, baseUrl) {
-  return `${removeTrailingSlash(baseUrl)}/${removeLeadingSlash(url)}`;
-}
-function getOptions({ headers, ...options }) {
-  const opts = {
-    credentials: "same-origin",
-    headers: {
-      ...getCSRFHeader(),
-      ...headers
-    },
-    mode: "same-origin",
-    ...options
-  };
-  return opts;
-}
-function getUrl(url, baseUrl) {
-  return baseUrl ? applyBaseUrl(url, baseUrl) : url;
-}
-function request(url, { baseUrl, ...options } = {}) {
-  return fetch(getUrl(url, baseUrl), getOptions(options));
-}
-function requestJSON(url, requestParams = {}) {
-  return request(url, requestParams).then(
-    (response) => response.json()
-  );
-}
-
-// src/utils/Api/queries.ts
-var import_react_query2 = require("@tanstack/react-query");
-
-// src/utils/Api/queriesHandler.ts
-var import_react_query = require("@tanstack/react-query");
-var import_core_react11 = require("@procore/core-react");
-var useApiRequest = (props, method, mutationKey) => {
-  const { projectId, companyId, domain, tableName } = props;
-  const queryClient2 = (0, import_react_query.useQueryClient)();
-  const { locale: locale2 } = (0, import_core_react11.useI18nContext)();
-  return (0, import_react_query.useMutation)({
-    mutationKey,
-    mutationFn: async (savedView) => {
-      let url = "";
-      if (method === "DELETE" || method === "PUT") {
-        url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedView.id}?permissions_domain=${domain}`;
-      } else {
-        url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views?table_name=${tableName}&permissions_domain=${domain}`;
-      }
-      const response = await requestJSON(url, {
-        method,
-        body: JSON.stringify(savedView),
-        headers: {
-          "Content-Type": "application/json",
-          "Accept-Language": locale2
-        }
-      });
-      if (response.error) {
-        throw response.error;
-      }
-      return response.data;
-    },
-    onSuccess: (savedView) => {
-      if (method === "DELETE" || method === "POST") {
-        queryClient2.invalidateQueries({
-          queryKey: ["savedViews", domain, tableName]
-        });
-        return;
-      } else {
-        const oldData = queryClient2.getQueryData([
-          "savedViews",
-          domain,
-          tableName
-        ]);
-        const oldView = oldData?.find((item) => item.id === savedView.id);
-        if (oldView?.name !== savedView.name) {
-          queryClient2.invalidateQueries({
-            queryKey: ["savedViews", domain, tableName]
-          });
-          return;
-        }
-      }
-      queryClient2.setQueryData(
-        ["savedViews", domain, tableName],
-        (oldData) => {
-          if (!oldData)
-            return [savedView];
-          return oldData.map(
-            (item) => item.id === savedView.id ? savedView : item
-          );
-        }
-      );
-    }
-  });
-};
-
-// src/utils/Api/queries.ts
-var PAGE_SIZE = 50 * VIEW_LEVELS.length;
-var useSavedViewsQuery = (props) => {
-  const { projectId, companyId, domain, tableName } = props;
-  const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views?table_name=${tableName}&permissions_domain=${domain}`;
-  return (0, import_react_query2.useQuery)({
-    enabled: props.enableSavedViews,
-    queryKey: ["savedViews", domain, tableName],
-    queryFn: async () => {
-      const getUrl2 = `${url}&per_page=${PAGE_SIZE}`;
-      const response = await requestJSON(getUrl2);
-      return response.data;
-    }
-  });
-};
-var useSavedViewsPermissions = (props) => {
-  const { projectId, companyId, domain } = props;
-  const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/permissions?permissions_domain=${domain}`;
-  return (0, import_react_query2.useQuery)({
-    enabled: props.enableSavedViews,
-    queryKey: ["savedViewsConfig", domain],
-    queryFn: async () => {
-      const response = await requestJSON(url);
-      return response.data;
-    }
-  });
-};
-var useCreateSavedView = (props) => useApiRequest(props, "POST", [
-  "createSavedView",
-  props.domain,
-  props.tableName
-]);
-var useUpdateSavedView = (props) => useApiRequest(props, "PUT", [
-  "updateSavedView",
-  props.domain,
-  props.tableName
-]);
-var useDeleteSavedView = (props) => useApiRequest(props, "DELETE", [
-  "deleteSavedView",
-  props.domain,
-  props.tableName
-]);
-var createQueries = (customBackend) => ({
-  useSavedViewsQuery: customBackend?.useSavedViewsQuery ?? useSavedViewsQuery,
-  useSavedViewsPermissions: customBackend?.useSavedViewsPermissions ?? useSavedViewsPermissions,
-  useCreateSavedView: customBackend?.useCreateSavedView ?? useCreateSavedView,
-  useUpdateSavedView: customBackend?.useUpdateSavedView ?? useUpdateSavedView,
-  useDeleteSavedView: customBackend?.useDeleteSavedView ?? useDeleteSavedView
-});
-
 // src/SavedViews/components/SavedViews/SavedViews.tsx
 var StyledPanel = styled_components_esm_default.div`
   border: ${({ provider }) => provider === "data-table" ? "1px solid #d6dadc" : "none"};
@@ -14458,8 +14430,7 @@ var SavedViewsContent = (props) => {
     projectId,
     companyId
   };
-  const backend = createQueries(props.backend);
-  const { mutate: deleteSavedView } = backend.useDeleteSavedView(queryInput);
+  const { mutate: deleteSavedView } = useDeleteSavedView(queryInput);
   const [selectedSavedView, setSelectedSavedView] = (0, import_react13.useState)(() => {
     try {
       const savedView = JSON.parse(
@@ -14549,8 +14520,7 @@ var SavedViewsContent = (props) => {
         defaultView: props.defaultView,
         stickyViewsKey: props.stickyViewsKey,
         provider: props.provider,
-        userId: props.userId,
-        backend
+        userId: props.userId
       }
     ))
   ), /* @__PURE__ */ import_react13.default.createElement(
@@ -14566,8 +14536,7 @@ var SavedViewsContent = (props) => {
       setSelectedSavedView,
       onSelect: (view) => handleViewItemSelect({ item: view }),
       setOpenEditCreateModal,
-      defaultView: props.defaultView,
-      backend
+      defaultView: props.defaultView
     }
   ), selectedSavedView && /* @__PURE__ */ import_react13.default.createElement(
     SavedViewsDeleteConfirmationModalShared,
@@ -14605,13 +14574,11 @@ var SmartGridSavedViews = (props) => {
       gridApi.refreshCells();
       return item;
     }
-    const tableConfig2 = item.table_config;
-    const updatedItemConfig = props.transformSettings?.(tableConfig2) ?? tableConfig2;
     const updatedView = {
       ...item,
       table_config: customAndConfigSync(
-        updatedItemConfig,
-        tableConfig2
+        item.table_config,
+        tableConfig
       )
     };
     updateTableConfig(updatedView, gridApi, "smart-grid");
@@ -14631,8 +14598,7 @@ var SmartGridSavedViews = (props) => {
       tableName: props.tableName,
       tableConfig,
       stickyViewsKey: props.stickyViewsKey,
-      enableSavedViews: props.enableSavedViews,
-      backend: props.backend
+      enableSavedViews: props.enableSavedViews
     }
   ));
 };