@procore/saved-views 1.1.0-alpha.2 → 1.1.0-alpha.4

package/dist/modern/index.mjs

@@ -785,7 +785,7 @@ var require_lodash = __commonJS({
     "use strict";
     (function() {
       var undefined2;
-      var VERSION = "4.17.21";
+      var VERSION = "4.17.23";
       var LARGE_ARRAY_SIZE = 200;
       var CORE_ERROR_TEXT = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", FUNC_ERROR_TEXT = "Expected a function", INVALID_TEMPL_VAR_ERROR_TEXT = "Invalid `variable` option passed into `_.template`";
       var HASH_UNDEFINED = "__lodash_hash_undefined__";
@@ -1514,7 +1514,7 @@ var require_lodash = __commonJS({
           }
           return new LodashWrapper(value);
         }
-        var baseCreate = /* @__PURE__ */ function() {
+        var baseCreate = function() {
           function object3() {
           }
           return function(proto) {
@@ -2713,8 +2713,28 @@ var require_lodash = __commonJS({
         }
         function baseUnset(object3, path) {
           path = castPath(path, object3);
-          object3 = parent(object3, path);
-          return object3 == null || delete object3[toKey(last(path))];
+          var index = -1, length = path.length;
+          if (!length) {
+            return true;
+          }
+          var isRootPrimitive = object3 == null || typeof object3 !== "object" && typeof object3 !== "function";
+          while (++index < length) {
+            var key = path[index];
+            if (typeof key !== "string") {
+              continue;
+            }
+            if (key === "__proto__" && !hasOwnProperty.call(object3, "__proto__")) {
+              return false;
+            }
+            if (key === "constructor" && index + 1 < length && typeof path[index + 1] === "string" && path[index + 1] === "prototype") {
+              if (isRootPrimitive && index === 0) {
+                continue;
+              }
+              return false;
+            }
+          }
+          var obj = parent(object3, path);
+          return obj == null || delete obj[toKey(last(path))];
         }
         function baseUpdate(object3, path, updater, customizer) {
           return baseSet(object3, path, updater(baseGet(object3, path)), customizer);
@@ -4821,7 +4841,7 @@ var require_lodash = __commonJS({
         var gte = createRelationalOperation(function(value, other) {
           return value >= other;
         });
-        var isArguments = baseIsArguments(/* @__PURE__ */ function() {
+        var isArguments = baseIsArguments(function() {
           return arguments;
         }()) ? baseIsArguments : function(value) {
           return isObjectLike(value) && hasOwnProperty.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
@@ -8590,8 +8610,8 @@ function memoize(fn) {
   };
 }
 
-// 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)-.*))$/;
+// ../../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|popover|popoverTarget|popoverTargetAction|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) {
     return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
@@ -8917,7 +8937,7 @@ var re = function() {
 var oe = /^\s*\/\/.*$/gm;
 var se = [":", "[", ".", "#"];
 function ie(e2) {
-  var t2, n2, r2, o2, s2 = void 0 === e2 ? S : e2, i2 = s2.options, a2 = void 0 === i2 ? S : i2, c2 = s2.plugins, u2 = void 0 === c2 ? g : c2, l2 = new stylis_esm_default(a2), h = [], p = /* @__PURE__ */ function(e3) {
+  var t2, n2, r2, o2, s2 = void 0 === e2 ? S : e2, i2 = s2.options, a2 = void 0 === i2 ? S : i2, c2 = s2.plugins, u2 = void 0 === c2 ? g : c2, l2 = new stylis_esm_default(a2), h = [], p = function(e3) {
     function t3(t4) {
       if (t4)
         try {
@@ -9155,7 +9175,7 @@ function Fe(e2, t2, n2) {
     return this._foldedDefaultProps;
   }, set: function(t3) {
     this._foldedDefaultProps = o2 ? ze({}, e2.defaultProps, t3) : t3;
-  } }), "production" !== process.env.NODE_ENV && (Ie(y2, v2), A2.warnTooManyClasses = /* @__PURE__ */ function(e3, t3) {
+  } }), "production" !== process.env.NODE_ENV && (Ie(y2, v2), A2.warnTooManyClasses = function(e3, t3) {
     var n3 = {}, r2 = false;
     return function(o3) {
       if (!r2 && (n3[o3] = true, Object.keys(n3).length >= 200)) {
@@ -9582,7 +9602,9 @@ var useSavedViewsQuery = (props) => {
     queryKey: ["savedViews", domain, tableName, companyId, projectId],
     queryFn: async () => {
       const getUrl = `${url}&per_page=${PAGE_SIZE}`;
-      const response = await requestJSON2(getUrl);
+      const response = await requestJSON2(getUrl, {
+        priority: "low"
+      });
       return response.data;
     }
   });
@@ -9594,7 +9616,9 @@ var useSavedViewsPermissions = (props) => {
   return useQuery({
     queryKey: ["savedViewsConfig", domain, companyId, projectId],
     queryFn: async () => {
-      const response = await requestJSON2(url);
+      const response = await requestJSON2(url, {
+        priority: "low"
+      });
       return response.data;
     }
   });
@@ -9622,7 +9646,9 @@ var useFetchSavedViewById = (savedViewToken, queryInput, enabled = true) => {
     queryKey: ["savedView", savedViewToken, companyId, projectId],
     queryFn: async () => {
       const url = `${basePath}/${savedViewToken}?permissions_domain=${domain}`;
-      const response = await requestJSON2(url);
+      const response = await requestJSON2(url, {
+        priority: "low"
+      });
       return response.data;
     }
   });
@@ -9743,18 +9769,40 @@ var getOrderedVisibleColumns = (columns, idKey) => {
   });
   return [leftAction, ...middleColumns, rightAction].filter(Boolean);
 };
+var SMART_GRID_COLUMN_COMPARE_KEYS = [
+  "colId",
+  "hide",
+  "width",
+  "sort",
+  "sortIndex",
+  "pinned",
+  "rowGroup",
+  "rowGroupIndex",
+  "pivot",
+  "pivotIndex"
+];
+var DATA_TABLE_COLUMN_COMPARE_KEYS = [
+  "field",
+  "hidden",
+  "width",
+  "sort",
+  "sortIndex",
+  "pinned",
+  "rowGroup",
+  "rowGroupIndex"
+];
 var cleanObject = (table_config, provider) => {
   if (provider === "smart-grid") {
     const smartGridConfig = table_config;
-    if (!smartGridConfig.filterState)
-      return table_config;
     const orderedColumns = getOrderedVisibleColumns(
       smartGridConfig.columnState,
       "colId"
     );
     return {
       ...smartGridConfig,
-      columnState: orderedColumns
+      columnState: orderedColumns.map(
+        (col) => import_lodash.default.pick(col, SMART_GRID_COLUMN_COMPARE_KEYS)
+      )
     };
   } else {
     const dataTableConfig = table_config;
@@ -9766,7 +9814,9 @@ var cleanObject = (table_config, provider) => {
     );
     return {
       ...dataTableConfig,
-      columnState: orderedColumns,
+      columnState: orderedColumns.map(
+        (col) => import_lodash.default.pick(col, DATA_TABLE_COLUMN_COMPARE_KEYS)
+      ),
       serverFilters: dataTableConfig.serverFilters.map(
         (filter) => import_lodash.default.omit(filter, "filterRenderer")
       )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/saved-views",
-  "version": "1.1.0-alpha.2",
+  "version": "1.1.0-alpha.4",
   "description": "Saved Views Component for Data Table",
   "author": "Procore Technologies, Inc",
   "repository": {
@@ -50,7 +50,6 @@
     "storybook": "storybook dev -p 6006",
     "test": "hammer test",
     "test:coverage": "yarn test --coverage",
-    "test:dev": "vitest",
     "build-storybook": "storybook build --webpack-stats-json",
     "watch": "chokidar './src' -c 'yalc publish --push'"
   },
@@ -58,8 +57,8 @@
     "@procore/cdn-translations": "^0.1.12",
     "@procore/core-http": "^12.0.0",
     "@procore/core-react": ">=11.4.0 <13",
-    "@procore/toast-alert": ">=5.1.0",
     "@procore/globalization-toolkit": "^3.4.2",
+    "@procore/toast-alert": ">=5.1.0",
     "react": ">=16.8",
     "react-router-dom": "^6.0.0"
   },
@@ -68,7 +67,9 @@
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@dotenvx/dotenvx": "1.6.4",
+    "@procore/core-react": "^12.34.1",
     "@procore/data-table": "14.27.1",
+    "@procore/hammer": "^1.2.0",
     "@procore/hammer-test-jest": "^0.9.1",
     "@procore/prettier-config": "^1.0.0",
     "@procore/typescript-config": "^1.0.0",
@@ -88,9 +89,6 @@
     "@types/styled-components": "5.1.26",
     "@typescript-eslint/eslint-plugin": "^6.9.0",
     "@typescript-eslint/parser": "^6.9.0",
-    "@vitest/browser": "^2.1.4",
-    "@vitest/coverage-v8": "^1.2.2",
-    "ag-grid-community": "33.2.4",
     "babel-jest": "^29.7.0",
     "chokidar-cli": "^3.0.0",
     "eslint": "^8.52.0",
@@ -108,7 +106,7 @@
     "react-is": "^17.0.2",
     "sass-loader": "^16.0.3",
     "storybook": "^7.6.21",
-    "styled-components": "^>= 5.1.1 < 6",
+    "styled-components": "^5.1.1",
     "ts-jest": "^29.2.5",
     "tsup": "^7.2.0",
     "typescript": "^5.2.2"