@procore/saved-views 5.1.0-alpha.1 → 5.1.0-alpha.2

package/dist/legacy/index.mjs

@@ -2017,9 +2017,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"(exports) {
+  "../../node_modules/styled-components/node_modules/react-is/cjs/react-is.production.min.js"(exports) {
     "use strict";
     var b2 = 60103;
     var c2 = 60106;
@@ -2155,9 +2155,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"(exports) {
+  "../../node_modules/styled-components/node_modules/react-is/cjs/react-is.development.js"(exports) {
     "use strict";
     if (process.env.NODE_ENV !== "production") {
       (function() {
@@ -2347,9 +2347,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"(exports, module) {
+  "../../node_modules/styled-components/node_modules/react-is/index.js"(exports, module) {
     "use strict";
     if (process.env.NODE_ENV === "production") {
       module.exports = require_react_is_production_min();
@@ -8802,7 +8802,8 @@ var en_default = {
       viewTemporarily: "View Temporarily",
       createView: "Create View",
       copyShareLink: "Copy Share Link",
-      linkCopied: "Share link copied to clipboard"
+      linkCopied: "Share link copied to clipboard",
+      clearTemporary: "Remove"
     },
     modal: {
       edit: {
@@ -8816,8 +8817,7 @@ var en_default = {
         description: "This view cannot be restored once it has been deleted."
       },
       copyConfirmation: {
-        headline: 'Create "{{savedViewName}}" as a personal saved view?',
-        description: "You pasted a link to a saved view that does not yet exist for you. You can create it as a personal saved view or just view it temporarily."
+        description: "You pasted a link to a saved view that does not yet exist for you.\nYou can create it as a personal saved view or just view it\ntemporarily."
       },
       fields: {
         name: "Name",
@@ -8865,6 +8865,7 @@ var en_default = {
       rfi: "All RFIs",
       submittal_log: "All Submittals"
     },
+    temporaryViewName: "Temporary View",
     viewLevel: {
       company: "Company Views",
       project: "Project Views",
@@ -9710,7 +9711,7 @@ function __rest(s2, e2) {
   return t2;
 }
 
-// ../../node_modules/@procore/core-icons/dist/Icon.js
+// node_modules/@procore/core-icons/dist/Icon.js
 import * as React from "react";
 function getSize(size) {
   if (size === "sm") {
@@ -9729,7 +9730,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
 import * as React2 from "react";
 var Building = React2.forwardRef(function Building2(props, ref) {
   return React2.createElement(
@@ -9745,7 +9746,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
 import * as React3 from "react";
 var ChevronDown = React3.forwardRef(function ChevronDown2(props, ref) {
   return React3.createElement(
@@ -9761,7 +9762,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
 import * as React4 from "react";
 var ChevronRight = React4.forwardRef(function ChevronRight2(props, ref) {
   return React4.createElement(
@@ -9777,100 +9778,116 @@ 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/Clear.js
 import * as React5 from "react";
-var Excavator = React5.forwardRef(function Excavator2(props, ref) {
+var Clear = React5.forwardRef(function Clear2(props, ref) {
   return React5.createElement(
     Icon,
-    __assign({}, props, { name: "Excavator" }),
+    __assign({}, props, { name: "Clear" }),
     React5.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React5.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.54979 2H8.26065L11.4955 8H17.5V12.5L20 14.5V16H9.5V8.5L7.27126 3.72125H6.64878L3.82536 10.525H7.55556L6.32099 13.9675H2V10.525V10.5L5.54979 2ZM15.3333 10.0325H12V12.3275H15.3333V10.0325Z", fill: "currentColor" }),
-      React5.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.55556 19.705C7.55556 18.4375 8.55048 17.41 9.77778 17.41H19.7778C21.0051 17.41 22 18.4375 22 19.705C22 20.9725 21.0051 22 19.7778 22H9.77778C8.55048 22 7.55556 20.9725 7.55556 19.705ZM10.6111 20.4844C11.0713 20.4844 11.4444 20.0991 11.4444 19.6238C11.4444 19.1484 11.0713 18.7631 10.6111 18.7631C10.1509 18.7631 9.77778 19.1484 9.77778 19.6238C9.77778 20.0991 10.1509 20.4844 10.6111 20.4844ZM14.2222 19.6238C14.2222 20.0991 13.8491 20.4844 13.3889 20.4844C12.9287 20.4844 12.5556 20.0991 12.5556 19.6238C12.5556 19.1484 12.9287 18.7631 13.3889 18.7631C13.8491 18.7631 14.2222 19.1484 14.2222 19.6238ZM16.1667 20.4844C16.6269 20.4844 17 20.0991 17 19.6238C17 19.1484 16.6269 18.7631 16.1667 18.7631C15.7064 18.7631 15.3333 19.1484 15.3333 19.6238C15.3333 20.0991 15.7064 20.4844 16.1667 20.4844ZM19.7778 19.6238C19.7778 20.0991 19.4047 20.4844 18.9444 20.4844C18.4842 20.4844 18.1111 20.0991 18.1111 19.6238C18.1111 19.1484 18.4842 18.7631 18.9444 18.7631C19.4047 18.7631 19.7778 19.1484 19.7778 19.6238Z", fill: "currentColor" })
+      React5.createElement("path", { d: "M14.3686 12.0003L21.0003 5.36856L18.6317 3L12 9.63169L5.36856 3.00025L3 5.36881L9.63144 12.0003L3 18.6317L5.36856 21.0003L12 14.3688L18.6317 21.0005L21.0003 18.6319L14.3686 12.0003Z", fill: "currentColor" })
     )
   );
 });
-Excavator.displayName = "Excavator";
-var Excavator_default = Excavator;
+Clear.displayName = "Clear";
+var Clear_default = Clear;
 
-// ../../node_modules/@procore/core-icons/dist/icons/ExpandSidebar.js
+// node_modules/@procore/core-icons/dist/icons/Excavator.js
 import * as React6 from "react";
-var ExpandSidebar = React6.forwardRef(function ExpandSidebar2(props, ref) {
+var Excavator = React6.forwardRef(function Excavator2(props, ref) {
   return React6.createElement(
     Icon,
-    __assign({}, props, { name: "ExpandSidebar" }),
+    __assign({}, props, { name: "Excavator" }),
     React6.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React6.createElement("path", { d: "M3 6.5H11V9H3V6.5Z", fill: "currentColor" }),
-      React6.createElement("path", { d: "M3 15H11V17.5H3V15Z", fill: "currentColor" }),
-      React6.createElement("path", { d: "M16.2319 13.25H3V10.75H16.2336L12.2665 6.78227L14.0344 5.01465L21.0179 11.9993L14.034 18.9839L12.2661 17.2162L16.2319 13.25Z", fill: "currentColor" })
+      React6.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.54979 2H8.26065L11.4955 8H17.5V12.5L20 14.5V16H9.5V8.5L7.27126 3.72125H6.64878L3.82536 10.525H7.55556L6.32099 13.9675H2V10.525V10.5L5.54979 2ZM15.3333 10.0325H12V12.3275H15.3333V10.0325Z", fill: "currentColor" }),
+      React6.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.55556 19.705C7.55556 18.4375 8.55048 17.41 9.77778 17.41H19.7778C21.0051 17.41 22 18.4375 22 19.705C22 20.9725 21.0051 22 19.7778 22H9.77778C8.55048 22 7.55556 20.9725 7.55556 19.705ZM10.6111 20.4844C11.0713 20.4844 11.4444 20.0991 11.4444 19.6238C11.4444 19.1484 11.0713 18.7631 10.6111 18.7631C10.1509 18.7631 9.77778 19.1484 9.77778 19.6238C9.77778 20.0991 10.1509 20.4844 10.6111 20.4844ZM14.2222 19.6238C14.2222 20.0991 13.8491 20.4844 13.3889 20.4844C12.9287 20.4844 12.5556 20.0991 12.5556 19.6238C12.5556 19.1484 12.9287 18.7631 13.3889 18.7631C13.8491 18.7631 14.2222 19.1484 14.2222 19.6238ZM16.1667 20.4844C16.6269 20.4844 17 20.0991 17 19.6238C17 19.1484 16.6269 18.7631 16.1667 18.7631C15.7064 18.7631 15.3333 19.1484 15.3333 19.6238C15.3333 20.0991 15.7064 20.4844 16.1667 20.4844ZM19.7778 19.6238C19.7778 20.0991 19.4047 20.4844 18.9444 20.4844C18.4842 20.4844 18.1111 20.0991 18.1111 19.6238C18.1111 19.1484 18.4842 18.7631 18.9444 18.7631C19.4047 18.7631 19.7778 19.1484 19.7778 19.6238Z", fill: "currentColor" })
     )
   );
 });
-ExpandSidebar.displayName = "ExpandSidebar";
-var ExpandSidebar_default = ExpandSidebar;
+Excavator.displayName = "Excavator";
+var Excavator_default = Excavator;
 
-// ../../node_modules/@procore/core-icons/dist/icons/Help.js
+// node_modules/@procore/core-icons/dist/icons/ExpandSidebar.js
 import * as React7 from "react";
-var Help = React7.forwardRef(function Help2(props, ref) {
+var ExpandSidebar = React7.forwardRef(function ExpandSidebar2(props, ref) {
   return React7.createElement(
     Icon,
-    __assign({}, props, { name: "Help" }),
+    __assign({}, props, { name: "ExpandSidebar" }),
     React7.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React7.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12ZM10.5263 7.95937C10.2808 8.36033 10.1916 8.91994 10.1916 9.37657H7.5C7.5 8.66165 7.62111 7.4859 8.25879 6.44439C8.95769 5.30289 10.172 4.5 11.9579 4.5C13.5589 4.5 14.7796 4.98286 15.5728 5.91817C16.3382 6.82071 16.5 7.90665 16.5 8.67364C16.5 10.8341 15.0595 12.1455 13.8423 12.7536C13.5724 12.8885 13.381 13.0989 13.2617 13.2697V14.25H10.5701V13.1798C10.5701 12.8171 10.6368 12.3478 10.903 11.8984C11.162 11.4612 11.7165 10.699 12.681 10.2171C13.3984 9.85866 13.8084 9.32492 13.8084 8.67364C13.8084 8.26908 13.7179 7.97113 13.5581 7.78266C13.426 7.62697 13.0486 7.31172 11.9579 7.31172C11.0523 7.31172 10.7105 7.65841 10.5263 7.95937ZM11.954 19.5059C12.925 19.5059 13.7121 18.7187 13.7121 17.7477C13.7121 16.7767 12.925 15.9895 11.954 15.9895C10.9829 15.9895 10.1958 16.7767 10.1958 17.7477C10.1958 18.7187 10.9829 19.5059 11.954 19.5059Z", fill: "currentColor" })
+      React7.createElement("path", { d: "M3 6.5H11V9H3V6.5Z", fill: "currentColor" }),
+      React7.createElement("path", { d: "M3 15H11V17.5H3V15Z", fill: "currentColor" }),
+      React7.createElement("path", { d: "M16.2319 13.25H3V10.75H16.2336L12.2665 6.78227L14.0344 5.01465L21.0179 11.9993L14.034 18.9839L12.2661 17.2162L16.2319 13.25Z", fill: "currentColor" })
     )
   );
 });
-Help.displayName = "Help";
-var Help_default = Help;
+ExpandSidebar.displayName = "ExpandSidebar";
+var ExpandSidebar_default = ExpandSidebar;
 
-// ../../node_modules/@procore/core-icons/dist/icons/Link.js
+// node_modules/@procore/core-icons/dist/icons/Help.js
 import * as React8 from "react";
-var Link = React8.forwardRef(function Link2(props, ref) {
+var Help = React8.forwardRef(function Help2(props, ref) {
   return React8.createElement(
     Icon,
-    __assign({}, props, { name: "Link" }),
+    __assign({}, props, { name: "Help" }),
     React8.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React8.createElement("path", { d: "M6.01273 13.106C6.21565 9.97594 8.81868 7.5 12 7.5H13.5V10.5L12 10.5C10.3431 10.5 9 11.8431 9 13.5L9 16.5C9 18.1569 10.3431 19.5 12 19.5H16.5C18.1569 19.5 19.5 18.1569 19.5 16.5L19.5 8.30269C21.2934 9.34012 22.5 11.2792 22.5 13.5V16.5C22.5 19.8137 19.8137 22.5 16.5 22.5H12C8.68629 22.5 6 19.8137 6 16.5L6 13.0987L6.01273 13.106Z", fill: "currentColor" }),
-      React8.createElement("path", { d: "M15 10.5C15 10.501 15 10.502 15 10.503V10.5269C14.9854 12.1712 13.6478 13.5 12 13.5L10.5 13.5V16.5H12C15.1813 16.5 17.7844 14.0241 17.9873 10.894L18.0086 10.9064L18.0001 10.8343L18 7.5C18 4.18629 15.3137 1.5 12 1.5H7.5C4.18629 1.5 1.5 4.18629 1.5 7.5V10.5C1.5 12.7208 2.7066 14.6599 4.5 15.6973L4.5 7.5C4.5 5.84315 5.84315 4.5 7.5 4.5L12 4.5C13.6569 4.5 15 5.84315 15 7.5H14.9867L15 7.52707L15 10.5Z", fill: "currentColor" })
+      React8.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12ZM10.5263 7.95937C10.2808 8.36033 10.1916 8.91994 10.1916 9.37657H7.5C7.5 8.66165 7.62111 7.4859 8.25879 6.44439C8.95769 5.30289 10.172 4.5 11.9579 4.5C13.5589 4.5 14.7796 4.98286 15.5728 5.91817C16.3382 6.82071 16.5 7.90665 16.5 8.67364C16.5 10.8341 15.0595 12.1455 13.8423 12.7536C13.5724 12.8885 13.381 13.0989 13.2617 13.2697V14.25H10.5701V13.1798C10.5701 12.8171 10.6368 12.3478 10.903 11.8984C11.162 11.4612 11.7165 10.699 12.681 10.2171C13.3984 9.85866 13.8084 9.32492 13.8084 8.67364C13.8084 8.26908 13.7179 7.97113 13.5581 7.78266C13.426 7.62697 13.0486 7.31172 11.9579 7.31172C11.0523 7.31172 10.7105 7.65841 10.5263 7.95937ZM11.954 19.5059C12.925 19.5059 13.7121 18.7187 13.7121 17.7477C13.7121 16.7767 12.925 15.9895 11.954 15.9895C10.9829 15.9895 10.1958 16.7767 10.1958 17.7477C10.1958 18.7187 10.9829 19.5059 11.954 19.5059Z", fill: "currentColor" })
     )
   );
 });
-Link.displayName = "Link";
-var Link_default = Link;
+Help.displayName = "Help";
+var Help_default = Help;
 
-// ../../node_modules/@procore/core-icons/dist/icons/Person.js
+// node_modules/@procore/core-icons/dist/icons/Link.js
 import * as React9 from "react";
-var Person = React9.forwardRef(function Person2(props, ref) {
+var Link = React9.forwardRef(function Link2(props, ref) {
   return React9.createElement(
     Icon,
-    __assign({}, props, { name: "Person" }),
+    __assign({}, props, { name: "Link" }),
     React9.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React9.createElement("path", { d: "M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z", fill: "currentColor" })
+      React9.createElement("path", { d: "M6.01273 13.106C6.21565 9.97594 8.81868 7.5 12 7.5H13.5V10.5L12 10.5C10.3431 10.5 9 11.8431 9 13.5L9 16.5C9 18.1569 10.3431 19.5 12 19.5H16.5C18.1569 19.5 19.5 18.1569 19.5 16.5L19.5 8.30269C21.2934 9.34012 22.5 11.2792 22.5 13.5V16.5C22.5 19.8137 19.8137 22.5 16.5 22.5H12C8.68629 22.5 6 19.8137 6 16.5L6 13.0987L6.01273 13.106Z", fill: "currentColor" }),
+      React9.createElement("path", { d: "M15 10.5C15 10.501 15 10.502 15 10.503V10.5269C14.9854 12.1712 13.6478 13.5 12 13.5L10.5 13.5V16.5H12C15.1813 16.5 17.7844 14.0241 17.9873 10.894L18.0086 10.9064L18.0001 10.8343L18 7.5C18 4.18629 15.3137 1.5 12 1.5H7.5C4.18629 1.5 1.5 4.18629 1.5 7.5V10.5C1.5 12.7208 2.7066 14.6599 4.5 15.6973L4.5 7.5C4.5 5.84315 5.84315 4.5 7.5 4.5L12 4.5C13.6569 4.5 15 5.84315 15 7.5H14.9867L15 7.52707L15 10.5Z", fill: "currentColor" })
     )
   );
 });
-Person.displayName = "Person";
-var Person_default = Person;
+Link.displayName = "Link";
+var Link_default = Link;
 
-// ../../node_modules/@procore/core-icons/dist/icons/Plus.js
+// node_modules/@procore/core-icons/dist/icons/Person.js
 import * as React10 from "react";
-var Plus = React10.forwardRef(function Plus2(props, ref) {
+var Person = React10.forwardRef(function Person2(props, ref) {
   return React10.createElement(
     Icon,
-    __assign({}, props, { name: "Plus" }),
+    __assign({}, props, { name: "Person" }),
     React10.createElement(
       "svg",
       { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
-      React10.createElement("path", { d: "M13.25 5H10.75V10.75H5V13.25H10.75V19H13.25V13.25H19V10.75H13.25V5Z", fill: "currentColor" })
+      React10.createElement("path", { d: "M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z", fill: "currentColor" })
+    )
+  );
+});
+Person.displayName = "Person";
+var Person_default = Person;
+
+// node_modules/@procore/core-icons/dist/icons/Plus.js
+import * as React11 from "react";
+var Plus = React11.forwardRef(function Plus2(props, ref) {
+  return React11.createElement(
+    Icon,
+    __assign({}, props, { name: "Plus" }),
+    React11.createElement(
+      "svg",
+      { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ref },
+      React11.createElement("path", { d: "M13.25 5H10.75V10.75H5V13.25H10.75V19H13.25V13.25H19V10.75H13.25V5Z", fill: "currentColor" })
     )
   );
 });
@@ -9879,9 +9896,9 @@ var Plus_default = Plus;
 
 // src/SavedViews/components/Buttons/SavedViewsButton.tsx
 import { Button } from "@procore/core-react";
-import React12 from "react";
+import React13 from "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_shallowequal = __toESM(require_shallowequal());
 import r, { useState as o, useContext as s, useMemo as i, useEffect as a, useRef as c, createElement as u } from "react";
@@ -10436,7 +10453,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) {
@@ -10445,7 +10462,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) {
@@ -11093,7 +11110,7 @@ var Ue = function() {
 var styled_components_esm_default = Ye;
 
 // src/SavedViews/components/EnvironmentI18nProvider.tsx
-import React11 from "react";
+import React12 from "react";
 import { I18nContext, useI18n, useI18nContext } from "@procore/core-react";
 import { useRequestTranslations } from "@procore/cdn-translations";
 var useCDNTranslations = () => {
@@ -11119,7 +11136,7 @@ var useCDNTranslations = () => {
 };
 var EnvironmentI18nProvider = ({ children }) => {
   const i18n = useCDNTranslations();
-  return /* @__PURE__ */ React11.createElement(I18nContext.Provider, { value: i18n }, children);
+  return /* @__PURE__ */ React12.createElement(I18nContext.Provider, { value: i18n }, children);
 };
 
 // src/SavedViews/components/Buttons/SavedViewsButton.tsx
@@ -11146,12 +11163,12 @@ var SavedViewsButton = ({
   isOpen
 }) => {
   const I18n = useCDNTranslations();
-  return /* @__PURE__ */ React12.createElement(Container, null, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React13.createElement(Container, null, /* @__PURE__ */ React13.createElement(
     StyledButton,
     {
       variant: "secondary",
       onClick: handleClick,
-      icon: /* @__PURE__ */ React12.createElement(StyledIcon, { left: isOpen }),
+      icon: /* @__PURE__ */ React13.createElement(StyledIcon, { left: isOpen }),
       "data-testid": "saved-views-button"
     },
     I18n.t("savedViews.button.title")
@@ -11159,7 +11176,7 @@ var SavedViewsButton = ({
 };
 
 // src/SavedViews/components/Buttons/useSavedViewsPanel.tsx
-import React13 from "react";
+import React14 from "react";
 var useSavedViewsPanel = (domain, tableName) => {
   const key = (domain2, tableName2) => `savedViewsPanel-${domain2}-${tableName2}`;
   const [isOpen, setIsOpen] = useState(
@@ -11169,7 +11186,7 @@ var useSavedViewsPanel = (domain, tableName) => {
     setIsOpen(!isOpen);
     localStorage.setItem(key(domain, tableName), JSON.stringify(!isOpen));
   };
-  const Button7 = () => /* @__PURE__ */ React13.createElement(SavedViewsButton, { handleClick, isOpen });
+  const Button7 = () => /* @__PURE__ */ React14.createElement(SavedViewsButton, { handleClick, isOpen });
   return { isOpen, SavedViewsButton: Button7 };
 };
 var useSavedViewsPanel_default = useSavedViewsPanel;
@@ -11182,7 +11199,7 @@ import {
   Flex,
   useI18nContext as useI18nContext2
 } from "@procore/core-react";
-import * as React14 from "react";
+import * as React15 from "react";
 import { useToastAlertContext } from "@procore/toast-alert";
 var RowActionsBox = styled_components_esm_default(Flex)`
   justify-content: center;
@@ -11199,7 +11216,7 @@ var Container2 = styled_components_esm_default(Flex)`
   ${({ "aria-selected": selected }) => selected ? "color: hsl(218, 75%, 45%);" : ""}
 `;
 var SavedViewCollectionMenuItem = (props) => {
-  const onClick = React14.useCallback(
+  const onClick = React15.useCallback(
     (a2) => {
       var _a, _b;
       if (!props.item) {
@@ -11228,11 +11245,12 @@ var SavedViewCollectionMenuItem = (props) => {
   const copyShareLink = async (event) => {
     event.stopPropagation();
     try {
-      const currentUrl = new URL(window.location.href);
-      await navigator.clipboard.writeText(currentUrl.toString());
+      const { origin, pathname } = window.location;
+      const shareUrl = new URL(`${origin}${pathname}`);
+      shareUrl.searchParams.set("saved-view", props.item.share_token);
+      await navigator.clipboard.writeText(shareUrl.toString());
       showToast.success(i18n.t("savedViews.actions.linkCopied"));
     } catch (error) {
-      console.error("Failed to copy link:", error);
       showToast.error(i18n.t("savedViews.errors.copyFailed"));
     }
   };
@@ -11246,7 +11264,7 @@ var SavedViewCollectionMenuItem = (props) => {
       label: i18n.t("savedViews.actions.delete")
     }
   ];
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement(
     Container2,
     {
       "aria-selected": Boolean(props.selected),
@@ -11257,7 +11275,7 @@ var SavedViewCollectionMenuItem = (props) => {
       }),
       "data-testid": "saved-view-collection-menu-item"
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       "span",
       {
         "data-testid": "saved-view-display-name",
@@ -11265,7 +11283,7 @@ var SavedViewCollectionMenuItem = (props) => {
       },
       props.item.name
     ),
-    /* @__PURE__ */ React14.createElement(RowActionsBox, null, /* @__PURE__ */ React14.createElement(Box, { justifyContent: "space-between" }, props.item.id !== "default" && props.canUpdate && /* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(RowActionsBox, null, /* @__PURE__ */ React15.createElement(Box, { justifyContent: "space-between" }, props.item.id !== "default" && props.canUpdate && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
       Button2,
       {
         onClick: updateItem,
@@ -11276,7 +11294,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__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement(
+    )), props.item.id !== "default" && props.selected && !props.canUpdate && props.item.id !== "temporary" && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
       Button2,
       {
         onClick: copyShareLink,
@@ -11285,8 +11303,23 @@ var SavedViewCollectionMenuItem = (props) => {
         "aria-label": i18n.t("savedViews.actions.copyShareLink"),
         "data-testid": "copy-share-link-button"
       },
-      /* @__PURE__ */ React14.createElement(Link_default, { size: "sm" })
-    ))), /* @__PURE__ */ React14.createElement(Box, null, props.item.id !== "default" && props.canEditOrDelete && /* @__PURE__ */ React14.createElement("div", { onClick: (e2) => e2.stopPropagation() }, /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React15.createElement(Link_default, { size: "sm" })
+    )), props.item.id === "temporary" && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
+      Button2,
+      {
+        onClick: (e2) => {
+          var _a;
+          e2.stopPropagation();
+          (_a = props.onClearTemporary) == null ? void 0 : _a.call(props);
+        },
+        variant: "tertiary",
+        size: "sm",
+        "aria-label": i18n.t("savedViews.actions.clearTemporary"),
+        title: i18n.t("savedViews.actions.clearTemporary"),
+        "data-testid": "clear-temporary-view-button"
+      },
+      /* @__PURE__ */ React15.createElement(Clear_default, { size: "sm" })
+    ))), /* @__PURE__ */ React15.createElement(Box, null, props.item.id !== "default" && props.canEditOrDelete && /* @__PURE__ */ React15.createElement("div", { onClick: (e2) => e2.stopPropagation() }, /* @__PURE__ */ React15.createElement(
       DropdownFlyout,
       {
         "data-testid": "saved-view-overflow-button",
@@ -11319,9 +11352,9 @@ import {
   useI18nContext as useI18nContext5
 } from "@procore/core-react";
 import { useToastAlertContext as useToastAlertContext2 } from "@procore/toast-alert";
-import React16 from "react";
+import React17 from "react";
 
-// ../../node_modules/@procore/core-http/dist/modern/index.js
+// 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() || "") : "";
@@ -11378,7 +11411,7 @@ var useApiRequest = (props, method, 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}`;
+        url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedView.share_token}?permissions_domain=${domain}`;
       } else {
         url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views?table_name=${tableName}&permissions_domain=${domain}`;
       }
@@ -11407,7 +11440,9 @@ var useApiRequest = (props, method, mutationKey) => {
           domain,
           tableName
         ]);
-        const oldView = oldData == null ? void 0 : oldData.find((item) => item.id === savedView.id);
+        const oldView = oldData == null ? void 0 : oldData.find(
+          (item) => item.share_token === savedView.share_token
+        );
         if ((oldView == null ? void 0 : oldView.name) !== savedView.name) {
           queryClient2.invalidateQueries({
             queryKey: ["savedViews", domain, tableName]
@@ -11421,7 +11456,7 @@ var useApiRequest = (props, method, mutationKey) => {
           if (!oldData)
             return [savedView];
           return oldData.map(
-            (item) => item.id === savedView.id ? savedView : item
+            (item) => item.share_token === savedView.share_token ? savedView : item
           );
         }
       );
@@ -11438,7 +11473,6 @@ 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 useQuery({
-    enabled: props.enableSavedViews,
     queryKey: ["savedViews", domain, tableName],
     queryFn: async () => {
       const getUrl2 = `${url}&per_page=${PAGE_SIZE}`;
@@ -11451,7 +11485,6 @@ var useSavedViewsPermissions = (props) => {
   const { projectId, companyId, domain } = props;
   const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/permissions?permissions_domain=${domain}`;
   return useQuery({
-    enabled: props.enableSavedViews,
     queryKey: ["savedViewsConfig", domain],
     queryFn: async () => {
       const response = await requestJSON(url);
@@ -11474,13 +11507,13 @@ var useDeleteSavedView = (props) => useApiRequest(props, "DELETE", [
   props.domain,
   props.tableName
 ]);
-var useFetchSavedViewById = (savedViewId, queryInput, enabled = true) => {
+var useFetchSavedViewById = (savedViewToken, queryInput, enabled = true) => {
   const { projectId, companyId } = queryInput;
   return useQuery({
-    enabled: enabled && Boolean(savedViewId),
-    queryKey: ["savedView", savedViewId],
+    enabled: enabled && Boolean(savedViewToken),
+    queryKey: ["savedView", savedViewToken],
     queryFn: async () => {
-      const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedViewId}`;
+      const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedViewToken}`;
       const response = await requestJSON(url);
       return response.data;
     }
@@ -11559,7 +11592,7 @@ var getColumnIdentifier = (col) => {
   }
   return "";
 };
-var updateTableConfig = (view, tableApi, provider, onTableConfigChange) => {
+var updateTableConfig = (view, tableApi, provider) => {
   if (provider === "smart-grid") {
     setSmartGridConfig(
       tableApi,
@@ -11574,9 +11607,6 @@ var updateTableConfig = (view, tableApi, provider, onTableConfigChange) => {
         dataTableApi == null ? void 0 : dataTableApi.setRowHeight(rowHeight);
       }
       dataTableApi == null ? void 0 : dataTableApi.setTableConfiguration(tableConfig);
-      if (onTableConfigChange) {
-        onTableConfigChange(tableConfig);
-      }
     }
   }
 };
@@ -11696,15 +11726,15 @@ import {
   Typography,
   useI18nContext as useI18nContext4
 } from "@procore/core-react";
-import React15 from "react";
+import React16 from "react";
 var groupIcon = (group) => {
   switch (group) {
     case "personal":
-      return /* @__PURE__ */ React15.createElement(Person_default, null);
+      return /* @__PURE__ */ React16.createElement(Person_default, null);
     case "project":
-      return /* @__PURE__ */ React15.createElement(Excavator_default, null);
+      return /* @__PURE__ */ React16.createElement(Excavator_default, null);
     case "company":
-      return /* @__PURE__ */ React15.createElement(Building_default, null);
+      return /* @__PURE__ */ React16.createElement(Building_default, null);
   }
 };
 var Header = styled_components_esm_default(Flex2)`
@@ -11715,7 +11745,7 @@ var Header = styled_components_esm_default(Flex2)`
 `;
 var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
   const I18n = useI18nContext4();
-  return /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React16.createElement(
     Header,
     {
       alignItems: "center",
@@ -11724,9 +11754,9 @@ var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
       style: { cursor: "pointer" },
       onClick: () => toggleGroup(group)
     },
-    expanded ? /* @__PURE__ */ React15.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ React15.createElement(ChevronRight_default, { size: "sm" }),
+    expanded ? /* @__PURE__ */ React16.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ React16.createElement(ChevronRight_default, { size: "sm" }),
     groupIcon(group),
-    /* @__PURE__ */ React15.createElement(Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
+    /* @__PURE__ */ React16.createElement(Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
   );
 };
 var ViewLevelHeader_default = ViewLevelHeader;
@@ -11761,21 +11791,20 @@ var Panel2 = styled_components_esm_default(DetailPage.Card)`
   box-shadow: none;
 `;
 var PanelContent = (props) => {
-  var _a, _b;
+  var _a, _b, _c;
   const { showToast } = useToastAlertContext2();
   const I18n = useI18nContext5();
   const { mutate: updateSavedView, isPending: isUpdateLoading } = useUpdateSavedView(props.queryInput);
-  const { data: savedViewsFromQuery, error: savedViewsError } = useSavedViewsQuery(props.queryInput);
-  const savedViews = props.savedViews ?? savedViewsFromQuery;
-  const errorToastRef = React16.useRef(null);
-  React16.useEffect(() => {
+  const { error: savedViewsError } = useSavedViewsQuery(props.queryInput);
+  const errorToastRef = React17.useRef(null);
+  React17.useEffect(() => {
     if (savedViewsError && savedViewsError !== errorToastRef.current) {
       showToast.error(I18n.t("savedViews.errors.fetch"));
       errorToastRef.current = savedViewsError;
     }
   }, [savedViewsError, showToast, I18n]);
   const { data: permissions } = useSavedViewsPermissions(props.queryInput);
-  const selectedRowRef = useScrollToRef(savedViews);
+  const selectedRowRef = useScrollToRef(props.savedViews);
   const onUpdate = (data) => {
     const newSavedView = {
       ...data,
@@ -11785,8 +11814,7 @@ var PanelContent = (props) => {
     updateSavedView(newSavedView, {
       onSuccess: () => {
         showToast.success(I18n.t("savedViews.update.success"));
-        props.updateLocalStorage(newSavedView);
-        props.setSelectedSavedView(newSavedView);
+        props.onSelect({ item: newSavedView });
       },
       onError: () => {
         showToast.error(I18n.t("savedViews.errors.update"));
@@ -11796,29 +11824,32 @@ 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 = savedViews == null ? void 0 : savedViews.find((view) => view.id === "temporary");
-  return /* @__PURE__ */ React16.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ React16.createElement(Flex3, { direction: "column", style: { height: "100%", width: "100%" } }, temporaryView && /* @__PURE__ */ React16.createElement(
+  const temporaryView = (_c = props.savedViews) == null ? void 0 : _c.find(
+    (view) => view.id === "temporary"
+  );
+  return /* @__PURE__ */ React17.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ React17.createElement(Flex3, { direction: "column", style: { height: "100%", width: "100%" } }, temporaryView && /* @__PURE__ */ React17.createElement(
     Row,
     {
       selected: isTemporarySelected,
       onClick: () => props.onSelect({ item: temporaryView }),
       ref: isTemporarySelected ? selectedRowRef : null
     },
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement(
       SavedViewCollectionMenuItem,
       {
         item: temporaryView,
-        selected: isTemporarySelected
+        selected: isTemporarySelected,
+        onClearTemporary: props.onClearTemporary
       }
     )
-  ), /* @__PURE__ */ React16.createElement(
+  ), /* @__PURE__ */ React17.createElement(
     Row,
     {
       selected: isDefaultSelected,
       onClick: () => props.onSelect({ item: props.defaultView }),
       ref: isDefaultSelected ? selectedRowRef : null
     },
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement(
       SavedViewCollectionMenuItem,
       {
         item: props.defaultView,
@@ -11827,10 +11858,10 @@ var PanelContent = (props) => {
     )
   ), VIEW_LEVELS.map((level) => {
     const isExpanded = groups[level];
-    const views = isExpanded && savedViews ? savedViews.filter(
+    const views = isExpanded && props.savedViews ? props.savedViews.filter(
       (view) => view.view_level === level && view.id !== "temporary"
     ) : [];
-    return /* @__PURE__ */ React16.createElement(React16.Fragment, { key: level }, /* @__PURE__ */ React16.createElement(
+    return /* @__PURE__ */ React17.createElement(React17.Fragment, { key: level }, /* @__PURE__ */ React17.createElement(
       ViewLevelHeader_default,
       {
         group: level,
@@ -11847,7 +11878,7 @@ var PanelContent = (props) => {
         props.provider
       );
       const canEditOrDelete = isSelected && hasPermissionForViewLevel(view.view_level, permissions);
-      return /* @__PURE__ */ React16.createElement(
+      return /* @__PURE__ */ React17.createElement(
         Row,
         {
           key: view.id,
@@ -11858,7 +11889,7 @@ var PanelContent = (props) => {
           },
           ref: isSelected ? selectedRowRef : null
         },
-        /* @__PURE__ */ React16.createElement(
+        /* @__PURE__ */ React17.createElement(
           SavedViewCollectionMenuItem,
           {
             item: view,
@@ -11879,7 +11910,7 @@ var PanelContent = (props) => {
 };
 
 // src/SavedViews/components/SavedViews/SmartGrid/SmartGridSavedViews.tsx
-import React23 from "react";
+import React23, { useCallback as useCallback4 } from "react";
 
 // src/SavedViews/components/SavedViews/SmartGrid/SmartGridDefaultSavedView.tsx
 import { useI18nContext as useI18nContext6 } from "@procore/core-react";
@@ -11942,12 +11973,12 @@ var useSmartGridConfig = (gridApi) => {
 import {
   Box as Box2,
   Button as Button6,
-  Flex as Flex5,
+  Flex as Flex6,
   Panel as Panel3,
   Tooltip,
   useI18nContext as useI18nContext11
 } from "@procore/core-react";
-import React22 from "react";
+import React22, { useState as useState5, useEffect as useEffect4, useCallback as useCallback3 } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsDeleteConfirmationModalShared.tsx
@@ -11958,14 +11989,14 @@ import {
   P as P2,
   useI18nContext as useI18nContext7
 } from "@procore/core-react";
-import React17 from "react";
+import React18 from "react";
 var SavedViewsDeleteConfirmationModalShared = ({
   onCancel,
   onDelete,
   open
 }) => {
   const i18n = useI18nContext7();
-  return /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React18.createElement(
     ConfirmModal,
     {
       "data-testid": "delete-confirmation-modal",
@@ -11975,13 +12006,13 @@ var SavedViewsDeleteConfirmationModalShared = ({
       onClose: onCancel,
       style: { overflowWrap: "anywhere" }
     },
-    /* @__PURE__ */ React17.createElement(Modal.Body, null, /* @__PURE__ */ React17.createElement(P2, null, i18n.t("savedViews.modal.delete.description"))),
-    /* @__PURE__ */ React17.createElement(Modal.Footer, null, /* @__PURE__ */ React17.createElement(Modal.FooterButtons, null, /* @__PURE__ */ React17.createElement(Button3, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React17.createElement(Button3, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
+    /* @__PURE__ */ React18.createElement(Modal.Body, null, /* @__PURE__ */ React18.createElement(P2, null, i18n.t("savedViews.modal.delete.description"))),
+    /* @__PURE__ */ React18.createElement(Modal.Footer, null, /* @__PURE__ */ React18.createElement(Modal.FooterButtons, null, /* @__PURE__ */ React18.createElement(Button3, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React18.createElement(Button3, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
   );
 };
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsFormModal.tsx
-import React19 from "react";
+import React20 from "react";
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
 import {
@@ -11997,7 +12028,7 @@ import {
   Typography as Typography2,
   useI18nContext as useI18nContext8
 } from "@procore/core-react";
-import * as React18 from "react";
+import * as React19 from "react";
 
 // ../../node_modules/yup/index.esm.js
 var import_property_expr = __toESM(require_property_expr());
@@ -14340,7 +14371,6 @@ var SavedViewsCreateUpdateModalBase = ({
   tableName,
   defaultView,
   selectedSavedView,
-  setSelectedSavedView,
   setOpenEditCreateModal,
   onSelect
 }) => {
@@ -14378,8 +14408,8 @@ var SavedViewsCreateUpdateModalBase = ({
       };
       updateSavedView(body, {
         onSuccess: (updatedSavedView) => {
+          onSelect(updatedSavedView);
           setOpenEditCreateModal(false);
-          setSelectedSavedView(updatedSavedView);
         }
       });
     } else {
@@ -14398,7 +14428,7 @@ var SavedViewsCreateUpdateModalBase = ({
     }
   };
   const viewLevelOptions = getViewLevelOptions(permissions, I18n);
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Modal2,
     {
       "aria-label": I18n.t("savedViews.ariaLabels.modal"),
@@ -14407,14 +14437,14 @@ var SavedViewsCreateUpdateModalBase = ({
       style: { width: "540px" },
       "data-testid": "create-update-modal"
     },
-    /* @__PURE__ */ React18.createElement(ScrollContainer, null, /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement(ScrollContainer, null, /* @__PURE__ */ React19.createElement(
       Modal2.Header,
       {
         onClose,
         style: { borderBottom: `1px solid ${colors3.gray85}` }
       },
-      /* @__PURE__ */ React18.createElement(H2, null, header)
-    ), /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement(H2, null, header)
+    ), /* @__PURE__ */ React19.createElement(
       Form,
       {
         initialValues: {
@@ -14440,13 +14470,13 @@ var SavedViewsCreateUpdateModalBase = ({
         onReset: onCancel,
         validateOnChange: true
       },
-      /* @__PURE__ */ React18.createElement(Form.Form, { name: header }, /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement(Form.Form, { name: header }, /* @__PURE__ */ React19.createElement(
         Modal2.Body,
         {
           style: { paddingTop: 0, paddingBottom: 0, marginTop: spacing3.lg }
         },
-        errors && /* @__PURE__ */ React18.createElement(ErrorBanner, { style: { marginBottom: spacing3.xl } }, /* @__PURE__ */ React18.createElement(Banner.Content, null, /* @__PURE__ */ React18.createElement(Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React18.createElement(Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
-        /* @__PURE__ */ React18.createElement(Form.Row, null, /* @__PURE__ */ React18.createElement(
+        errors && /* @__PURE__ */ React19.createElement(ErrorBanner, { style: { marginBottom: spacing3.xl } }, /* @__PURE__ */ React19.createElement(Banner.Content, null, /* @__PURE__ */ React19.createElement(Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React19.createElement(Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
+        /* @__PURE__ */ React19.createElement(Form.Row, null, /* @__PURE__ */ React19.createElement(
           Form.Text,
           {
             name: "name",
@@ -14457,12 +14487,12 @@ var SavedViewsCreateUpdateModalBase = ({
             onChange: () => resetMutations()
           }
         )),
-        /* @__PURE__ */ React18.createElement(
+        /* @__PURE__ */ React19.createElement(
           Form.Row,
           {
             style: { marginTop: (errors == null ? void 0 : errors.name) ? spacing3.xl : spacing3.none }
           },
-          /* @__PURE__ */ React18.createElement(
+          /* @__PURE__ */ React19.createElement(
             Form.TextArea,
             {
               name: "description",
@@ -14473,7 +14503,7 @@ var SavedViewsCreateUpdateModalBase = ({
             }
           )
         ),
-        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React18.createElement(Form.Row, null, /* @__PURE__ */ React18.createElement(
+        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React19.createElement(Form.Row, null, /* @__PURE__ */ React19.createElement(
           Form.Select,
           {
             name: "view_level",
@@ -14483,8 +14513,8 @@ var SavedViewsCreateUpdateModalBase = ({
             onSearch: false,
             onClear: false
           }
-        )) : /* @__PURE__ */ React18.createElement(React18.Fragment, null)
-      ), /* @__PURE__ */ React18.createElement(Modal2.Footer, { style: { borderTop: `1px solid ${colors3.gray85}` } }, /* @__PURE__ */ React18.createElement(Flex4, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React18.createElement(Typography2, { color: "gray45", italic: true }, /* @__PURE__ */ React18.createElement(Typography2, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React18.createElement(Modal2.FooterButtons, null, /* @__PURE__ */ React18.createElement(Button4, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React18.createElement(
+        )) : /* @__PURE__ */ React19.createElement(React19.Fragment, null)
+      ), /* @__PURE__ */ React19.createElement(Modal2.Footer, { style: { borderTop: `1px solid ${colors3.gray85}` } }, /* @__PURE__ */ React19.createElement(Flex4, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React19.createElement(Typography2, { color: "gray45", italic: true }, /* @__PURE__ */ React19.createElement(Typography2, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React19.createElement(Modal2.FooterButtons, null, /* @__PURE__ */ React19.createElement(Button4, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React19.createElement(
         Button4,
         {
           "data-testid": "create-update-modal-button",
@@ -14509,13 +14539,12 @@ var SavedViewsFormModal = ({
   tableName,
   queryInput,
   selectedSavedView,
-  setSelectedSavedView,
   setOpenEditCreateModal,
   onSelect,
   defaultView
 }) => {
   const i18n = useI18nContext9();
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(
     SavedViewsCreateUpdateModalBase,
     {
       open,
@@ -14528,7 +14557,6 @@ var SavedViewsFormModal = ({
       tableConfig,
       tableName,
       selectedSavedView,
-      setSelectedSavedView,
       setOpenEditCreateModal,
       onSelect,
       defaultView
@@ -14536,274 +14564,301 @@ var SavedViewsFormModal = ({
   );
 };
 
-// src/SavedViews/components/SavedViewsModals/CopyViewConfirmationModal.tsx
-import { Button as Button5, Modal as Modal3, P as P3, useI18nContext as useI18nContext10 } from "@procore/core-react";
-import React20 from "react";
-var CreateViewConfirmationModal = ({ open, savedViewName, onClose, onViewTemporarily, onCreateView }) => {
-  const i18n = useI18nContext10();
-  const handleViewTemporarily = () => {
-    onViewTemporarily == null ? void 0 : onViewTemporarily();
+// src/SavedViews/components/SavedViewsModals/SharedViewFormModal.tsx
+import {
+  Banner as Banner2,
+  Button as Button5,
+  colors as colors4,
+  ErrorBanner as ErrorBanner2,
+  Flex as Flex5,
+  Form as Form2,
+  Modal as Modal3,
+  P as P3,
+  spacing as spacing4,
+  Typography as Typography3,
+  useI18nContext as useI18nContext10
+} from "@procore/core-react";
+import * as React21 from "react";
+var SharedViewFormModal = ({
+  open,
+  fetchedView,
+  onClose,
+  onCreateTemporaryView,
+  onCreateView,
+  createError,
+  isCreating,
+  resetCreateError
+}) => {
+  const I18n = useI18nContext10();
+  const NAME_MAX_LENGTH = 150;
+  const errors = extractMessage(createError, I18n);
+  const handleNameChange = () => {
+    if (resetCreateError) {
+      resetCreateError();
+    }
   };
-  const handleCreateView = () => {
-    onCreateView == null ? void 0 : onCreateView();
+  const handleOnSubmit = (data) => {
+    onCreateView(data.name, data.description);
   };
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement(
     Modal3,
     {
-      "data-testid": "create-view-confirmation-modal",
+      "data-testid": "shared-view-form-modal",
       open,
-      onClickOverlay: onClose
-    },
-    /* @__PURE__ */ React20.createElement(Modal3.Header, { onClose }, i18n.t("savedViews.modal.copyConfirmation.headline", {
-      savedViewName
-    })),
-    /* @__PURE__ */ React20.createElement(Modal3.Body, null, /* @__PURE__ */ React20.createElement(P3, null, i18n.t("savedViews.modal.copyConfirmation.description"))),
-    /* @__PURE__ */ React20.createElement(Modal3.Footer, null, /* @__PURE__ */ React20.createElement(Modal3.FooterButtons, null, /* @__PURE__ */ React20.createElement(
-      Button5,
+      onClickOverlay: onClose,
+      style: { width: "540px" }
+    },
+    /* @__PURE__ */ React21.createElement(
+      Modal3.Header,
       {
-        variant: "secondary",
-        onClick: handleViewTemporarily,
-        "data-testid": "view-temporarily-button"
+        onClose,
+        style: {
+          paddingTop: spacing4.lg,
+          paddingBottom: spacing4.xs,
+          paddingLeft: spacing4.xl,
+          paddingRight: spacing4.xl
+        }
+      },
+      I18n.t("savedViews.modal.create.title")
+    ),
+    /* @__PURE__ */ React21.createElement(
+      P3,
+      {
+        style: {
+          paddingLeft: spacing4.xl,
+          paddingRight: spacing4.xl,
+          paddingBottom: spacing4.lg,
+          paddingTop: spacing4.none,
+          margin: 0,
+          color: colors4.gray45,
+          whiteSpace: "pre-line"
+        }
       },
-      i18n.t("savedViews.actions.viewTemporarily")
-    ), /* @__PURE__ */ React20.createElement(
-      Button5,
+      I18n.t("savedViews.modal.copyConfirmation.description")
+    ),
+    /* @__PURE__ */ React21.createElement(
+      Form2,
       {
-        variant: "primary",
-        onClick: handleCreateView,
-        "data-testid": "create-view-button"
+        initialValues: {
+          name: fetchedView.name,
+          description: fetchedView.description ?? ""
+        },
+        view: "create",
+        validationSchema: create$3().shape({
+          name: create$6().trim().max(
+            NAME_MAX_LENGTH,
+            I18n.t("savedViews.modal.errors.maxLengthName", {
+              maxLength: NAME_MAX_LENGTH
+            })
+          ).required(I18n.t("savedViews.modal.errors.required"))
+        }),
+        onSubmit: handleOnSubmit,
+        validateOnChange: true
       },
-      i18n.t("savedViews.actions.createView")
-    )))
+      /* @__PURE__ */ React21.createElement(Form2.Form, { name: "share-view-form" }, /* @__PURE__ */ React21.createElement(
+        Modal3.Body,
+        {
+          style: {
+            paddingTop: spacing4.lg,
+            paddingBottom: 0,
+            borderTop: `1px solid ${colors4.gray85}`
+          }
+        },
+        errors && /* @__PURE__ */ React21.createElement(ErrorBanner2, { style: { marginBottom: spacing4.xl } }, /* @__PURE__ */ React21.createElement(Banner2.Content, null, /* @__PURE__ */ React21.createElement(Banner2.Title, null, I18n.t("savedViews.modal.errors.title", {
+          mode: "create"
+        })), /* @__PURE__ */ React21.createElement(Banner2.Body, null, (errors == null ? void 0 : errors.form) || I18n.t("savedViews.modal.errors.description.create")))),
+        /* @__PURE__ */ React21.createElement(Form2.Row, null, /* @__PURE__ */ React21.createElement(
+          Form2.Text,
+          {
+            name: "name",
+            error: errors == null ? void 0 : errors.name,
+            placeholder: I18n.t("savedViews.modal.fields.name"),
+            label: I18n.t("savedViews.modal.fields.name"),
+            colWidth: 12,
+            onChange: handleNameChange
+          }
+        )),
+        /* @__PURE__ */ React21.createElement(
+          Form2.Row,
+          {
+            style: { marginTop: (errors == null ? void 0 : errors.name) ? spacing4.xl : spacing4.none }
+          },
+          /* @__PURE__ */ React21.createElement(
+            Form2.TextArea,
+            {
+              name: "description",
+              placeholder: I18n.t("savedViews.modal.fields.description"),
+              label: I18n.t("savedViews.modal.fields.description"),
+              colWidth: 12,
+              resize: "vertical"
+            }
+          )
+        )
+      ), /* @__PURE__ */ React21.createElement(Modal3.Footer, { style: { borderTop: `1px solid ${colors4.gray85}` } }, /* @__PURE__ */ React21.createElement(Flex5, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React21.createElement(Typography3, { color: "gray45", italic: true }, /* @__PURE__ */ React21.createElement(Typography3, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React21.createElement(Modal3.FooterButtons, null, /* @__PURE__ */ React21.createElement(
+        Button5,
+        {
+          variant: "secondary",
+          onClick: onCreateTemporaryView,
+          "data-testid": "view-temporarily-button",
+          disabled: isCreating
+        },
+        I18n.t("savedViews.actions.viewTemporarily")
+      ), /* @__PURE__ */ React21.createElement(
+        Button5,
+        {
+          type: "submit",
+          variant: "primary",
+          "data-testid": "create-view-button",
+          disabled: isCreating,
+          loading: isCreating
+        },
+        I18n.t("savedViews.actions.create")
+      )))))
+    )
   );
 };
 
 // src/utils/Hooks/useViewSelection.ts
-import { useState as useState4, useCallback as useCallback2 } from "react";
-
-// src/utils/Hooks/useUrlSync.ts
-import { useEffect as useEffect3 } from "react";
+import { useState as useState4, useCallback as useCallback2, useEffect as useEffect3 } from "react";
 import { useSearchParams } from "react-router-dom";
-var useUrlSync = (selectedView, availableViews, defaultView, onViewFound, onViewNotFound) => {
-  const [searchParams, setSearchParams] = useSearchParams();
-  const applySavedViewFromUrl = (savedViewId) => {
-    if (savedViewId === "default") {
-      if (defaultView.id !== (selectedView == null ? void 0 : selectedView.id)) {
-        onViewFound(defaultView);
-      }
-      return;
-    }
-    const viewInUserViews = availableViews.find((v2) => v2.id === savedViewId);
-    if (viewInUserViews) {
-      if (viewInUserViews.id !== (selectedView == null ? void 0 : selectedView.id)) {
-        onViewFound(viewInUserViews);
-      }
-    } else {
-      onViewNotFound(savedViewId);
-    }
-  };
-  const applyListView = (viewParam) => {
-    if (viewParam === "list" && defaultView.id !== (selectedView == null ? void 0 : selectedView.id)) {
-      onViewFound(defaultView);
-    }
-  };
-  useEffect3(() => {
-    if (!availableViews.length)
-      return;
-    const savedViewId = searchParams.get("saved-view");
-    const viewParamFromConsumer = searchParams.get("view");
-    if (savedViewId) {
-      applySavedViewFromUrl(savedViewId);
-      return;
-    }
-    if (viewParamFromConsumer) {
-      applyListView(viewParamFromConsumer);
+
+// src/utils/viewStorage.ts
+var ViewStorage = {
+  save(key, view) {
+    localStorage.setItem(key, JSON.stringify(view));
+  },
+  load(key) {
+    try {
+      const stored = localStorage.getItem(key);
+      return stored ? JSON.parse(stored) : null;
+    } catch (e2) {
+      return null;
     }
-  }, [
-    searchParams,
-    availableViews,
-    defaultView,
-    selectedView,
-    onViewFound,
-    onViewNotFound
-  ]);
-  const updateUrl = (view) => {
-    setSearchParams(
-      (currentParams) => {
-        const updatedParams = new URLSearchParams(currentParams);
-        if (view.id === "default") {
-          updatedParams.delete("saved-view");
-        } else {
-          updatedParams.set("saved-view", view.id);
-        }
-        return updatedParams;
-      },
-      { replace: true }
-    );
-  };
-  return { updateUrl };
+  },
+  remove(key) {
+    localStorage.removeItem(key);
+  }
 };
 
 // src/utils/Hooks/useViewSelection.ts
-var useViewSelection = (config, savedViews, openCrossUserModal) => {
+var getUpdatedSearchParams = (currentParams, view) => {
+  const updatedParams = new URLSearchParams(currentParams);
+  if (view.id === "default") {
+    updatedParams.delete("saved-view");
+  } else if (view.id === "temporary") {
+    updatedParams.set("saved-view", "temporary");
+  } else {
+    updatedParams.set("saved-view", view.share_token);
+  }
+  return updatedParams;
+};
+var checkIsViewSelected = (selectedView, viewId) => {
+  return (selectedView == null ? void 0 : selectedView.share_token) === viewId || (selectedView == null ? void 0 : selectedView.id) === viewId;
+};
+var useViewSelection = (config, savedViews, openSharedViewModal) => {
+  const storageKey = `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`;
+  const temporaryStorageKey = `${storageKey}_temporary`;
+  const [searchParams, setSearchParams] = useSearchParams();
   const [selectedSavedView, setSelectedSavedView] = useState4(() => {
-    try {
-      const savedView = JSON.parse(
-        localStorage.getItem(
-          `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`
-        )
-      );
-      return savedView || config.defaultView;
-    } catch (e2) {
-      return config.defaultView;
-    }
+    const stored = ViewStorage.load(storageKey);
+    return stored ?? config.defaultView;
+  });
+  const [temporaryView, setTemporaryView] = useState4(() => {
+    return ViewStorage.load(temporaryStorageKey);
   });
-  const [temporaryView, setTemporaryView] = useState4(null);
-  const createTemporaryView = useCallback2((fetchedView) => {
-    const tempView = {
-      ...fetchedView,
-      id: "temporary",
-      name: "Temporary View"
-    };
-    setTemporaryView(tempView);
-    return tempView;
-  }, []);
-  const clearTemporaryView = useCallback2(() => setTemporaryView(null), []);
   const updateLocalStorage = useCallback2(
     (view) => {
       if (config.stickyViewsKey) {
-        localStorage.setItem(
-          `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`,
-          JSON.stringify(view)
-        );
+        ViewStorage.save(storageKey, view);
       }
     },
-    [
-      config.domain,
-      config.tableName,
-      config.stickyViewsKey,
-      config.projectId,
-      config.userId
-    ]
+    [config.stickyViewsKey, storageKey]
   );
-  const allViews = temporaryView ? [...savedViews ?? [], temporaryView] : savedViews ?? [];
-  const onUrlViewFound = (foundView) => {
-    selectView(foundView);
-  };
-  const onUrlViewNotFound = (viewId) => {
-    if (viewId === (selectedSavedView == null ? void 0 : selectedSavedView.id)) {
-      return;
-    }
-    openCrossUserModal(viewId);
-  };
-  const { updateUrl } = useUrlSync(
-    selectedSavedView,
-    allViews,
-    config.defaultView,
-    onUrlViewFound,
-    onUrlViewNotFound
+  const updateUrlForView = useCallback2(
+    (view) => {
+      setSearchParams(
+        (currentParams) => getUpdatedSearchParams(currentParams, view),
+        { replace: true }
+      );
+    },
+    [setSearchParams]
   );
+  const baseViews = savedViews ?? [];
+  const allViews = temporaryView ? [...baseViews, temporaryView] : baseViews;
   const selectView = useCallback2(
     (view) => {
-      if (view.id !== "temporary" && temporaryView) {
-        clearTemporaryView();
-      }
       const viewToSelect = config.onSelect({ item: view });
       setSelectedSavedView(viewToSelect);
       updateLocalStorage(viewToSelect);
-      updateUrl(viewToSelect);
+      updateUrlForView(viewToSelect);
       return viewToSelect;
     },
-    [config, temporaryView, clearTemporaryView, updateLocalStorage, updateUrl]
+    [config, updateLocalStorage, updateUrlForView]
   );
-  return {
-    selectedView: selectedSavedView,
-    selectView,
-    updateLocalStorage,
-    temporaryView,
-    createTemporaryView
-  };
-};
-
-// src/utils/Hooks/useCrossUserSharing.ts
-import React21 from "react";
-var useCrossUserSharing = (queryInput, viewId, selectedSavedView, defaultView, actions, tableName) => {
-  const { data: fetchedView, isError: fetchError } = useFetchSavedViewById(
-    viewId,
-    queryInput,
-    Boolean(viewId)
-  );
-  const { mutate: createSavedView } = useCreateSavedView(queryInput);
-  React21.useEffect(() => {
-    if (fetchError && viewId) {
-      actions.selectView(selectedSavedView ?? defaultView);
-      actions.closeModal();
-    }
-  }, [fetchError, viewId, actions, selectedSavedView, defaultView]);
-  const viewSharedViewTemporarily = () => {
-    if (fetchedView) {
-      const tempView = actions.createTemporaryView(fetchedView);
-      actions.selectView(tempView);
-      actions.closeModal();
-    }
-  };
-  const createPersonalCopyOfSharedView = () => {
-    if (fetchedView) {
-      const viewToCreate = {
-        name: fetchedView.name,
-        description: fetchedView.description,
-        table_name: tableName,
-        table_config: fetchedView.table_config,
-        view_level: "personal"
+  const createTemporaryView = useCallback2(
+    (fetchedView) => {
+      const tempView = {
+        ...fetchedView,
+        id: "temporary",
+        name: "Temporary View"
       };
-      createSavedView(viewToCreate, {
-        onSuccess: (newView) => {
-          actions.selectView(newView);
-          actions.closeModal();
-        }
-      });
-    }
-  };
-  const selectCurrentViewAndCloseModal = () => {
-    actions.selectView(selectedSavedView ?? defaultView);
-    actions.closeModal();
-  };
-  return {
-    fetchedView,
-    viewSharedViewTemporarily,
-    createPersonalCopyOfSharedView,
-    selectCurrentViewAndCloseModal
-  };
-};
-
-// src/utils/Hooks/useModalState.ts
-import { useState as useState5, useCallback as useCallback3 } from "react";
-var useModalState = () => {
-  const [activeModal, setActiveModal] = useState5(null);
-  const [modalData, setModalData] = useState5(null);
-  const openModal = useCallback3(
-    (type, data) => {
-      setActiveModal(type);
-      setModalData(data ?? null);
+      ViewStorage.save(temporaryStorageKey, tempView);
+      setTemporaryView(tempView);
+      selectView(tempView);
+      return tempView;
     },
-    []
+    [temporaryStorageKey, selectView]
   );
-  const closeModal = useCallback3(() => {
-    setActiveModal(null);
-    setModalData(null);
-  }, []);
-  const isModalOpen = useCallback3(
-    (type) => {
-      return activeModal === type;
+  const clearTemporaryView = useCallback2(() => {
+    ViewStorage.remove(temporaryStorageKey);
+    setTemporaryView(null);
+    selectView(config.defaultView);
+  }, [temporaryStorageKey, config.defaultView, selectView]);
+  const isViewAlreadySelected = useCallback2(
+    (viewId) => checkIsViewSelected(selectedSavedView, viewId),
+    [selectedSavedView]
+  );
+  const handleSavedViewFromUrl = useCallback2(
+    (viewId) => {
+      if (isViewAlreadySelected(viewId)) {
+        return;
+      }
+      openSharedViewModal(viewId);
     },
-    [activeModal]
+    [isViewAlreadySelected, openSharedViewModal]
   );
+  const handleListViewFromUrl = useCallback2(() => {
+    if (config.defaultView.id !== (selectedSavedView == null ? void 0 : selectedSavedView.id)) {
+      selectView(config.defaultView);
+    }
+  }, [config.defaultView, selectedSavedView, selectView]);
+  useEffect3(() => {
+    if (!allViews.length)
+      return;
+    const savedViewId = searchParams.get("saved-view");
+    const viewParamFromConsumer = searchParams.get("view");
+    if (savedViewId) {
+      handleSavedViewFromUrl(savedViewId);
+      return;
+    }
+    if (viewParamFromConsumer === "list") {
+      handleListViewFromUrl();
+    }
+  }, [
+    searchParams,
+    savedViews,
+    temporaryView,
+    handleSavedViewFromUrl,
+    handleListViewFromUrl,
+    allViews.length
+  ]);
   return {
-    openModal,
-    closeModal,
-    isModalOpen,
-    modalData,
-    activeModal
+    selectedView: selectedSavedView,
+    selectView,
+    temporaryView,
+    createTemporaryView,
+    clearTemporaryView,
+    allViews
   };
 };
 
@@ -14823,16 +14878,26 @@ var SavedViewsContent = (props) => {
   };
   const { data: savedViews } = useSavedViewsQuery(queryInput);
   const { mutate: deleteSavedView } = useDeleteSavedView(queryInput);
-  const { openModal, closeModal, isModalOpen, modalData, activeModal } = useModalState();
-  const openCrossUserModal = (viewId) => {
-    openModal("crossUser" /* CROSS_USER */, { viewId });
+  const [activeModal, setActiveModal] = useState5(null);
+  const [modalData, setModalData] = useState5(null);
+  const openModal = (type, data) => {
+    setActiveModal(type);
+    setModalData(data ?? null);
+  };
+  const closeModal = useCallback3(() => {
+    setActiveModal(null);
+    setModalData(null);
+  }, []);
+  const isModalOpen = (type) => activeModal === type;
+  const openSharedViewModal = (viewId) => {
+    openModal("sharedView" /* SHARED_VIEW */, { viewId });
   };
   const {
     selectedView,
     selectView,
-    updateLocalStorage,
-    temporaryView,
-    createTemporaryView
+    createTemporaryView,
+    clearTemporaryView,
+    allViews
   } = useViewSelection(
     {
       domain: props.domain,
@@ -14844,25 +14909,54 @@ var SavedViewsContent = (props) => {
       onSelect: props.onSelect
     },
     savedViews,
-    openCrossUserModal
+    openSharedViewModal
   );
-  const {
-    fetchedView,
-    viewSharedViewTemporarily,
-    createPersonalCopyOfSharedView,
-    selectCurrentViewAndCloseModal
-  } = useCrossUserSharing(
-    queryInput,
+  const { data: fetchedView, isError: fetchError } = useFetchSavedViewById(
     (modalData == null ? void 0 : modalData.viewId) ?? null,
-    selectedView,
-    props.defaultView,
-    {
-      selectView,
-      createTemporaryView,
-      closeModal
-    },
-    props.tableName
+    queryInput,
+    Boolean(modalData == null ? void 0 : modalData.viewId)
   );
+  const {
+    mutate: createSavedView,
+    isPending: isCreating,
+    error: createError,
+    reset: resetCreateError
+  } = useCreateSavedView(queryInput);
+  useEffect4(() => {
+    if (fetchError) {
+      selectView(selectedView ?? props.defaultView);
+      closeModal();
+    }
+  }, [fetchError, selectedView, props.defaultView, selectView, closeModal]);
+  const viewSharedViewTemporarily = () => {
+    if (fetchedView) {
+      createTemporaryView(fetchedView);
+      closeModal();
+    }
+  };
+  const createPersonalCopyOfSharedView = (name, description) => {
+    if (fetchedView) {
+      const viewToCreate = {
+        id: "",
+        name,
+        description,
+        table_name: props.tableName,
+        table_config: fetchedView.table_config,
+        view_level: "personal",
+        share_token: ""
+      };
+      createSavedView(viewToCreate, {
+        onSuccess: (newView) => {
+          selectView(newView);
+          closeModal();
+        }
+      });
+    }
+  };
+  const selectCurrentViewAndCloseModal = () => {
+    selectView(selectedView ?? props.defaultView);
+    closeModal();
+  };
   const deleteSelectedView = () => {
     if (selectedView) {
       deleteSavedView(selectedView, {
@@ -14875,18 +14969,13 @@ var SavedViewsContent = (props) => {
     closeModal();
   };
   const i18n = useI18nContext11();
-  const selectSavedViewFromList = ({ item }) => selectView(item);
-  const setSelectedSavedView = (view) => {
-    selectView(view);
-  };
-  const allViews = temporaryView ? [...savedViews ?? [], temporaryView] : savedViews ?? [];
   return /* @__PURE__ */ React22.createElement(StyledPanel, { provider: props.provider }, /* @__PURE__ */ React22.createElement(
     ExpandedPanel,
     {
       "data-testid": "saved-view-expanded-panel",
       provider: props.provider
     },
-    /* @__PURE__ */ React22.createElement(Panel3.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ React22.createElement(Panel3.Title, null, /* @__PURE__ */ React22.createElement(Flex5, { alignItems: "center" }, /* @__PURE__ */ React22.createElement(Box2, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ React22.createElement(Tooltip, { showDelay: 200, overlay: i18n.t("savedViews.tooltip") }, /* @__PURE__ */ React22.createElement(Help_default, { size: "sm" })))), /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React22.createElement(Panel3.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ React22.createElement(Panel3.Title, null, /* @__PURE__ */ React22.createElement(Flex6, { alignItems: "center" }, /* @__PURE__ */ React22.createElement(Box2, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ React22.createElement(Tooltip, { showDelay: 200, overlay: i18n.t("savedViews.tooltip") }, /* @__PURE__ */ React22.createElement(Help_default, { size: "sm" })))), /* @__PURE__ */ React22.createElement(
       Tooltip,
       {
         overlay: i18n.t("savedViews.actions.create"),
@@ -14907,11 +14996,9 @@ var SavedViewsContent = (props) => {
     /* @__PURE__ */ React22.createElement(Panel3.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ React22.createElement(
       PanelContent,
       {
-        onSelect: selectSavedViewFromList,
+        onSelect: ({ item }) => selectView(item),
         openModal,
         onDelete: () => openModal("delete" /* DELETE */),
-        updateLocalStorage,
-        setSelectedSavedView,
         queryInput,
         selectedSavedView: selectedView,
         tableConfig: props.tableConfig,
@@ -14919,7 +15006,8 @@ var SavedViewsContent = (props) => {
         stickyViewsKey: props.stickyViewsKey,
         savedViews: allViews,
         provider: props.provider,
-        userId: props.userId
+        userId: props.userId,
+        onClearTemporary: clearTemporaryView
       }
     ))
   ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ React22.createElement(
@@ -14932,7 +15020,6 @@ var SavedViewsContent = (props) => {
       tableConfig: props.tableConfig,
       tableName: props.tableName,
       selectedSavedView: selectedView,
-      setSelectedSavedView,
       onSelect: selectView,
       setOpenEditCreateModal: closeModal,
       defaultView: props.defaultView
@@ -14944,14 +15031,17 @@ var SavedViewsContent = (props) => {
       onDelete: confirmDeleteAndCloseModal,
       onCancel: closeModal
     }
-  ), fetchedView && isModalOpen("crossUser" /* CROSS_USER */) && /* @__PURE__ */ React22.createElement(
-    CreateViewConfirmationModal,
+  ), fetchedView && isModalOpen("sharedView" /* SHARED_VIEW */) && /* @__PURE__ */ React22.createElement(
+    SharedViewFormModal,
     {
       open: true,
-      savedViewName: fetchedView.name,
+      fetchedView,
       onClose: selectCurrentViewAndCloseModal,
-      onViewTemporarily: viewSharedViewTemporarily,
-      onCreateView: createPersonalCopyOfSharedView
+      onCreateTemporaryView: viewSharedViewTemporarily,
+      onCreateView: createPersonalCopyOfSharedView,
+      createError,
+      isCreating,
+      resetCreateError
     }
   ));
 };
@@ -14961,59 +15051,77 @@ var SavedViews = (props) => {
 
 // src/SavedViews/components/SavedViews/SmartGrid/SmartGridSavedViews.tsx
 import { ToastAlertProvider } from "@procore/toast-alert";
+var generateStickyViewsKey = (domain, tableName, userId, projectId, companyId) => {
+  return `savedView-${domain}-${tableName}-${companyId}-${projectId}-${userId}`;
+};
 var SmartGridSavedViews = (props) => {
-  const { gridApi, projectId, companyId } = 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 = ({ item }) => {
-    if (!gridApi)
-      return item;
-    if (item.id === "default") {
-      gridApi.autoSizeAllColumns();
-      gridApi.resetColumnState();
-      gridApi.setFilterModel(props.defaultViewFilters);
-      gridApi.setGridOption("rowHeight", props.defaultRowHeight);
-      gridApi.refreshCells();
-      return item;
-    }
-    const updatedView = {
-      ...item,
-      table_config: customAndConfigSync(
-        item.table_config,
-        tableConfig
-      )
-    };
-    updateTableConfig(updatedView, gridApi, "smart-grid");
-    setTableConfig(updatedView.table_config);
-    return updatedView;
-  };
+  const onSelect = useCallback4(
+    ({ item }) => {
+      if (!gridApi)
+        return item;
+      if (item.id === "default") {
+        gridApi.autoSizeAllColumns();
+        gridApi.resetColumnState();
+        gridApi.setFilterModel(props.defaultViewFilters);
+        gridApi.setGridOption("rowHeight", props.defaultRowHeight);
+        gridApi.refreshCells();
+        return item;
+      }
+      const updatedView = {
+        ...item,
+        table_config: customAndConfigSync(
+          item.table_config,
+          tableConfig
+        )
+      };
+      updateTableConfig(updatedView, gridApi, "smart-grid");
+      setTableConfig(updatedView.table_config);
+      return updatedView;
+    },
+    [
+      gridApi,
+      props.defaultViewFilters,
+      props.defaultRowHeight,
+      tableConfig,
+      setTableConfig
+    ]
+  );
+  const stickyViewsKey = generateStickyViewsKey(
+    props.domain,
+    props.tableName,
+    userId,
+    projectId,
+    companyId
+  );
   return /* @__PURE__ */ React23.createElement(ToastAlertProvider, null, /* @__PURE__ */ React23.createElement(
     SavedViews,
     {
       onSelect,
       domain: props.domain,
-      userId: props.userId,
+      userId,
       projectId,
       companyId,
       provider: "smart-grid",
       defaultView,
       tableName: props.tableName,
       tableConfig,
-      stickyViewsKey: props.stickyViewsKey,
-      enableSavedViews: props.enableSavedViews
+      stickyViewsKey
     }
   ));
 };
 
 // src/SavedViews/components/SavedViews/DataTable/DataTableSavedViews.tsx
 import React24, {
-  forwardRef as forwardRef10,
+  forwardRef as forwardRef11,
   useImperativeHandle,
   useState as useState6,
-  useCallback as useCallback4
+  useCallback as useCallback5
 } from "react";
 
 // src/SavedViews/components/SavedViews/DataTable/DataTableDefaultSavedView.tsx
@@ -15088,58 +15196,63 @@ var useDefaultView2 = (props) => {
 
 // src/SavedViews/components/SavedViews/DataTable/DataTableSavedViews.tsx
 import { ToastAlertProvider as ToastAlertProvider2 } from "@procore/toast-alert";
-var DataTableSavedViews = forwardRef10((props, ref) => {
-  const { tableApi, onTableConfigChange, projectId, companyId } = props;
+var generateStickyViewsKey2 = (domain, tableName, userId, projectId, companyId) => {
+  return `savedView-${domain}-${tableName}-${companyId}-${projectId}-${userId}`;
+};
+var DataTableSavedViews = forwardRef11((props, ref) => {
+  const { tableApi, userId, projectId, companyId } = props;
   const [internalTableConfig, setInternalTableConfig] = useState6(
     props.defaultViewConfig
   );
   useImperativeHandle(ref, () => ({
     setTableConfig: (newConfig) => {
-      handleConfigChange(newConfig);
+      setInternalTableConfig(newConfig);
     }
   }));
-  const handleConfigChange = useCallback4(
-    (newConfig) => {
-      setInternalTableConfig(newConfig);
-      onTableConfigChange(newConfig);
-    },
-    [onTableConfigChange]
-  );
   const defaultView = useDefaultView2({
     defaultViewName: props.defaultViewName,
     receivedConfigFromTool: props.defaultViewConfig,
     domain: props.domain,
     columnDefinitions: props.columnDefinitions
   });
-  const onSelect = ({ item }) => {
-    const isDefaultView = item.id === "default";
-    const updatedView = isDefaultView ? defaultView : {
-      ...item,
-      table_config: customAndConfigSync(
-        item.table_config,
-        defaultView.table_config
-      )
-    };
-    updateTableConfig(updatedView, tableApi, "data-table", handleConfigChange);
-    return updatedView;
-  };
+  const onSelect = useCallback5(
+    ({ item }) => {
+      const isDefaultView = item.id === "default";
+      const updatedView = isDefaultView ? defaultView : {
+        ...item,
+        table_config: customAndConfigSync(
+          item.table_config,
+          defaultView.table_config
+        )
+      };
+      updateTableConfig(updatedView, tableApi, "data-table");
+      return updatedView;
+    },
+    [defaultView, tableApi]
+  );
   if (!internalTableConfig) {
     return null;
   }
+  const stickyViewsKey = generateStickyViewsKey2(
+    props.domain,
+    props.tableName,
+    userId,
+    projectId,
+    companyId
+  );
   return /* @__PURE__ */ React24.createElement(ToastAlertProvider2, null, /* @__PURE__ */ React24.createElement(
     SavedViews,
     {
       onSelect,
       domain: props.domain,
-      userId: props.userId,
+      userId,
       projectId,
       companyId,
       provider: "data-table",
       defaultView,
       tableName: props.tableName,
       tableConfig: internalTableConfig,
-      stickyViewsKey: props.stickyViewsKey,
-      enableSavedViews: props.enableSavedViews
+      stickyViewsKey
     }
   ));
 });