@wix/patterns 1.497.0 → 1.499.0

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItem341992879";
+var _namespace_ = "ToolbarItem501577680";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItem341992879__root"
+  "root": "ToolbarItem501577680__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem341992879\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItem341992879__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem501577680\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItem501577680__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItemBox3308969475";
+var _namespace_ = "ToolbarItemBox1249419311";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItemBox3308969475__root"
+  "root": "ToolbarItemBox1249419311__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox3308969475\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox3308969475__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox1249419311\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox1249419311__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/common.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common3814229212";
+var _namespace_ = "common1747287945";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "common3814229212__root",
-  "column": "common3814229212__column",
-  "fullHeight": "common3814229212__fullHeight"
+  "root": "common1747287945__root",
+  "column": "common1747287945__column",
+  "fullHeight": "common1747287945__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3814229212\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common3814229212__root\",\"column\":\"common3814229212__column\",\"fullHeight\":\"common3814229212__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common1747287945\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common1747287945__root\",\"column\":\"common1747287945__column\",\"fullHeight\":\"common1747287945__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/model/itemAccess.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getItemAccess = getItemAccess;
+function getItemAccess(permissions, backend) {
+  return {
+    permitted: {
+      create: (permissions == null ? void 0 : permissions.createItem) ?? true,
+      update: (permissions == null ? void 0 : permissions.updateItem) ?? true,
+      delete: (permissions == null ? void 0 : permissions.deleteItem) ?? true,
+      bulkDelete: (permissions == null ? void 0 : permissions.bulkDeleteItems) ?? (permissions == null ? void 0 : permissions.deleteItem) ?? true
+    },
+    supported: {
+      create: !!(backend != null && backend.create),
+      update: !!(backend != null && backend.update),
+      delete: !!(backend != null && backend.delete),
+      bulkDelete: !!(backend != null && backend.bulkDelete)
+    }
+  };
+}
+//# sourceMappingURL=itemAccess.js.map

package/dist/cjs/model/itemAccess.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getItemAccess","permissions","backend","permitted","create","createItem","update","updateItem","delete","deleteItem","bulkDelete","bulkDeleteItems","supported"],"sources":["../../../src/model/itemAccess.ts"],"sourcesContent":["import type { CollectionBackend, ItemPermissions } from '@wix/bex-core';\n\ninterface ItemActions {\n  create: boolean;\n  update: boolean;\n  delete: boolean;\n  bulkDelete: boolean;\n}\n\nexport interface ItemAccess {\n  /** What the item permissions allow. An unset permission allows the action. */\n  permitted: ItemActions;\n  /** Which write methods the backend has. */\n  supported: ItemActions;\n}\n\nexport function getItemAccess(\n  permissions: ItemPermissions<any> | undefined,\n  backend: CollectionBackend<any> | undefined,\n): ItemAccess {\n  return {\n    permitted: {\n      create: permissions?.createItem ?? true,\n      update: permissions?.updateItem ?? true,\n      delete: permissions?.deleteItem ?? true,\n      bulkDelete:\n        permissions?.bulkDeleteItems ?? permissions?.deleteItem ?? true,\n    },\n    supported: {\n      create: !!backend?.create,\n      update: !!backend?.update,\n      delete: !!backend?.delete,\n      bulkDelete: !!backend?.bulkDelete,\n    },\n  };\n}\n"],"mappings":";;;;AAgBO,SAASA,aAAaA,CAC3BC,WAA6C,EAC7CC,OAA2C,EAC/B;EACZ,OAAO;IACLC,SAAS,EAAE;MACTC,MAAM,EAAE,CAAAH,WAAW,oBAAXA,WAAW,CAAEI,UAAU,KAAI,IAAI;MACvCC,MAAM,EAAE,CAAAL,WAAW,oBAAXA,WAAW,CAAEM,UAAU,KAAI,IAAI;MACvCC,MAAM,EAAE,CAAAP,WAAW,oBAAXA,WAAW,CAAEQ,UAAU,KAAI,IAAI;MACvCC,UAAU,EACR,CAAAT,WAAW,oBAAXA,WAAW,CAAEU,eAAe,MAAIV,WAAW,oBAAXA,WAAW,CAAEQ,UAAU,KAAI;IAC/D,CAAC;IACDG,SAAS,EAAE;MACTR,MAAM,EAAE,CAAC,EAACF,OAAO,YAAPA,OAAO,CAAEE,MAAM;MACzBE,MAAM,EAAE,CAAC,EAACJ,OAAO,YAAPA,OAAO,CAAEI,MAAM;MACzBE,MAAM,EAAE,CAAC,EAACN,OAAO,YAAPA,OAAO,CAAEM,MAAM;MACzBE,UAAU,EAAE,CAAC,EAACR,OAAO,YAAPA,OAAO,CAAEQ,UAAU;IACnC;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/schema/syncSourcePermissions.js

@@ -3,6 +3,7 @@
 exports.__esModule = true;
 exports.syncSourcePermissions = syncSourcePermissions;
 var _mobx = require("mobx");
+var _itemAccess = require("../model/itemAccess");
 /**
  * Keeps an editable table's row-action flags in sync with its source: an action
  * is disabled when the source denies the permission (`schema.itemPermissions`)
@@ -16,12 +17,16 @@ function syncSourcePermissions(state, sourceState) {
     const loaded = sourceState.loadedSchema;
     const perms = loaded == null ? void 0 : loaded.schema.itemPermissions;
     const backend = loaded == null ? void 0 : loaded.backend;
+    const {
+      permitted,
+      supported
+    } = (0, _itemAccess.getItemAccess)(perms, backend);
     const isRemoveItemDisabled = perms == null ? void 0 : perms.isRemoveItemDisabled;
     state.setPermissions({
-      addItemDisabled: !((perms == null ? void 0 : perms.createItem) ?? true) || !(backend != null && backend.create),
-      updateItemDisabled: !((perms == null ? void 0 : perms.updateItem) ?? true) || !(backend != null && backend.update),
-      removeItemDisabled: !((perms == null ? void 0 : perms.deleteItem) ?? true) || !(backend != null && backend.bulkDelete),
-      multiDeleteDisabled: !((perms == null ? void 0 : perms.bulkDeleteItems) ?? (perms == null ? void 0 : perms.deleteItem) ?? true) || !(backend != null && backend.bulkDelete),
+      addItemDisabled: !permitted.create || !supported.create,
+      updateItemDisabled: !permitted.update || !supported.update,
+      removeItemDisabled: !permitted.delete || !supported.bulkDelete,
+      multiDeleteDisabled: !permitted.bulkDelete || !supported.bulkDelete,
       isCreateItemDisabled: perms == null ? void 0 : perms.isCreateItemDisabled,
       isRemoveItemDisabled: isRemoveItemDisabled ? item => isRemoveItemDisabled(item) : undefined
     });

package/dist/cjs/schema/syncSourcePermissions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","syncSourcePermissions","state","sourceState","autorun","loaded","loadedSchema","perms","schema","itemPermissions","backend","isRemoveItemDisabled","setPermissions","addItemDisabled","createItem","create","updateItemDisabled","updateItem","update","removeItemDisabled","deleteItem","bulkDelete","multiDeleteDisabled","bulkDeleteItems","isCreateItemDisabled","item","undefined"],"sources":["../../../src/schema/syncSourcePermissions.ts"],"sourcesContent":["import { autorun } from 'mobx';\nimport type { FiltersMap, SourceState } from '@wix/bex-core';\nimport type { EditableTableState } from '../state/EditableTable';\n\n/**\n * Keeps an editable table's row-action flags in sync with its source: an action\n * is disabled when the source denies the permission (`schema.itemPermissions`)\n * OR the backend can't perform it (the write method is absent, e.g. a read-only\n * source). The source is the only permission input — schema-entry tables do not\n * accept consumer-supplied permissions. Reactive because the schema loads\n * asynchronously. Returns a disposer.\n */\nexport function syncSourcePermissions<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n  sourceState: SourceState<T>,\n): () => void {\n  return autorun(() => {\n    const loaded = sourceState.loadedSchema;\n    const perms = loaded?.schema.itemPermissions;\n    const backend = loaded?.backend;\n\n    const isRemoveItemDisabled = perms?.isRemoveItemDisabled;\n\n    state.setPermissions({\n      addItemDisabled: !(perms?.createItem ?? true) || !backend?.create,\n      updateItemDisabled: !(perms?.updateItem ?? true) || !backend?.update,\n      removeItemDisabled: !(perms?.deleteItem ?? true) || !backend?.bulkDelete,\n      multiDeleteDisabled:\n        !(perms?.bulkDeleteItems ?? perms?.deleteItem ?? true) ||\n        !backend?.bulkDelete,\n      isCreateItemDisabled: perms?.isCreateItemDisabled,\n      isRemoveItemDisabled: isRemoveItemDisabled\n        ? (item: T) => isRemoveItemDisabled(item as Record<string, unknown>)\n        : undefined,\n    });\n  });\n}\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,qBAAqBA,CACnCC,KAA+B,EAC/BC,WAA2B,EACf;EACZ,OAAO,IAAAC,aAAO,EAAC,MAAM;IACnB,MAAMC,MAAM,GAAGF,WAAW,CAACG,YAAY;IACvC,MAAMC,KAAK,GAAGF,MAAM,oBAANA,MAAM,CAAEG,MAAM,CAACC,eAAe;IAC5C,MAAMC,OAAO,GAAGL,MAAM,oBAANA,MAAM,CAAEK,OAAO;IAE/B,MAAMC,oBAAoB,GAAGJ,KAAK,oBAALA,KAAK,CAAEI,oBAAoB;IAExDT,KAAK,CAACU,cAAc,CAAC;MACnBC,eAAe,EAAE,EAAE,CAAAN,KAAK,oBAALA,KAAK,CAAEO,UAAU,KAAI,IAAI,CAAC,IAAI,EAACJ,OAAO,YAAPA,OAAO,CAAEK,MAAM;MACjEC,kBAAkB,EAAE,EAAE,CAAAT,KAAK,oBAALA,KAAK,CAAEU,UAAU,KAAI,IAAI,CAAC,IAAI,EAACP,OAAO,YAAPA,OAAO,CAAEQ,MAAM;MACpEC,kBAAkB,EAAE,EAAE,CAAAZ,KAAK,oBAALA,KAAK,CAAEa,UAAU,KAAI,IAAI,CAAC,IAAI,EAACV,OAAO,YAAPA,OAAO,CAAEW,UAAU;MACxEC,mBAAmB,EACjB,EAAE,CAAAf,KAAK,oBAALA,KAAK,CAAEgB,eAAe,MAAIhB,KAAK,oBAALA,KAAK,CAAEa,UAAU,KAAI,IAAI,CAAC,IACtD,EAACV,OAAO,YAAPA,OAAO,CAAEW,UAAU;MACtBG,oBAAoB,EAAEjB,KAAK,oBAALA,KAAK,CAAEiB,oBAAoB;MACjDb,oBAAoB,EAAEA,oBAAoB,GACrCc,IAAO,IAAKd,oBAAoB,CAACc,IAA+B,CAAC,GAClEC;IACN,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_itemAccess","syncSourcePermissions","state","sourceState","autorun","loaded","loadedSchema","perms","schema","itemPermissions","backend","permitted","supported","getItemAccess","isRemoveItemDisabled","setPermissions","addItemDisabled","create","updateItemDisabled","update","removeItemDisabled","delete","bulkDelete","multiDeleteDisabled","isCreateItemDisabled","item","undefined"],"sources":["../../../src/schema/syncSourcePermissions.ts"],"sourcesContent":["import { autorun } from 'mobx';\nimport type { FiltersMap, SourceState } from '@wix/bex-core';\nimport type { EditableTableState } from '../state/EditableTable';\nimport { getItemAccess } from '../model/itemAccess';\n\n/**\n * Keeps an editable table's row-action flags in sync with its source: an action\n * is disabled when the source denies the permission (`schema.itemPermissions`)\n * OR the backend can't perform it (the write method is absent, e.g. a read-only\n * source). The source is the only permission input — schema-entry tables do not\n * accept consumer-supplied permissions. Reactive because the schema loads\n * asynchronously. Returns a disposer.\n */\nexport function syncSourcePermissions<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n  sourceState: SourceState<T>,\n): () => void {\n  return autorun(() => {\n    const loaded = sourceState.loadedSchema;\n    const perms = loaded?.schema.itemPermissions;\n    const backend = loaded?.backend;\n\n    const { permitted, supported } = getItemAccess(perms, backend);\n    const isRemoveItemDisabled = perms?.isRemoveItemDisabled;\n\n    state.setPermissions({\n      addItemDisabled: !permitted.create || !supported.create,\n      updateItemDisabled: !permitted.update || !supported.update,\n      removeItemDisabled: !permitted.delete || !supported.bulkDelete,\n      multiDeleteDisabled: !permitted.bulkDelete || !supported.bulkDelete,\n      isCreateItemDisabled: perms?.isCreateItemDisabled,\n      isRemoveItemDisabled: isRemoveItemDisabled\n        ? (item: T) => isRemoveItemDisabled(item as Record<string, unknown>)\n        : undefined,\n    });\n  });\n}\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,qBAAqBA,CACnCC,KAA+B,EAC/BC,WAA2B,EACf;EACZ,OAAO,IAAAC,aAAO,EAAC,MAAM;IACnB,MAAMC,MAAM,GAAGF,WAAW,CAACG,YAAY;IACvC,MAAMC,KAAK,GAAGF,MAAM,oBAANA,MAAM,CAAEG,MAAM,CAACC,eAAe;IAC5C,MAAMC,OAAO,GAAGL,MAAM,oBAANA,MAAM,CAAEK,OAAO;IAE/B,MAAM;MAAEC,SAAS;MAAEC;IAAU,CAAC,GAAG,IAAAC,yBAAa,EAACN,KAAK,EAAEG,OAAO,CAAC;IAC9D,MAAMI,oBAAoB,GAAGP,KAAK,oBAALA,KAAK,CAAEO,oBAAoB;IAExDZ,KAAK,CAACa,cAAc,CAAC;MACnBC,eAAe,EAAE,CAACL,SAAS,CAACM,MAAM,IAAI,CAACL,SAAS,CAACK,MAAM;MACvDC,kBAAkB,EAAE,CAACP,SAAS,CAACQ,MAAM,IAAI,CAACP,SAAS,CAACO,MAAM;MAC1DC,kBAAkB,EAAE,CAACT,SAAS,CAACU,MAAM,IAAI,CAACT,SAAS,CAACU,UAAU;MAC9DC,mBAAmB,EAAE,CAACZ,SAAS,CAACW,UAAU,IAAI,CAACV,SAAS,CAACU,UAAU;MACnEE,oBAAoB,EAAEjB,KAAK,oBAALA,KAAK,CAAEiB,oBAAoB;MACjDV,oBAAoB,EAAEA,oBAAoB,GACrCW,IAAO,IAAKX,oBAAoB,CAACW,IAA+B,CAAC,GAClEC;IACN,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/cjs/schema/useEntityPage.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.useEntityPage = useEntityPage;
 var _react = require("react");
+var _mobx = require("mobx");
+var _sourceSave = require("../state/EntityPage/sourceSave");
 var _useEntityPage = require("../hooks/useEntityPage");
 /** Entity page options for a source-driven page: the source loads the schema and
  *  its backend reads and writes the entity, so `fetch` and `onSave` derive from
@@ -24,14 +26,26 @@ function useEntityPage(source, options) {
   // The derived read and write need values that change or don't exist yet when
   // the state is created: the state itself (the save merges into the loaded
   // entity) and the latest entityId (a re-fetch should read the current one).
-  const [page] = (0, _react.useState)(() => ({}));
-  page.entityId = entityId;
+  // entityId is observable so the page's create/update permission follows it.
+  const [page] = (0, _react.useState)(() => (0, _mobx.observable)({
+    entityId,
+    state: undefined
+  }, {
+    state: false
+  }, {
+    deep: false
+  }));
+  (0, _react.useEffect)(() => {
+    (0, _mobx.runInAction)(() => {
+      page.entityId = entityId;
+    });
+  }, [page, entityId]);
   const state = (0, _useEntityPage.useEntityPage)({
     ...rest,
     schemaSource: source,
     isNewEntity: () => !page.entityId,
     fetch: fetch ?? (() => fetchFromSource(source, page.entityId, createLocalItem)),
-    onSave: onSave ?? (() => saveToSource(source, page)),
+    onSave: onSave ?? (0, _sourceSave.markSourceSave)(() => saveToSource(source, page)),
     deleteAction: resolveDeleteAction(page, deleteAction)
   });
   page.state = state;

package/dist/cjs/schema/useEntityPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_useEntityPage","useEntityPage","source","options","entityId","fetch","onSave","createLocalItem","deleteAction","rest","page","useState","state","useOpenEntityPage","schemaSource","isNewEntity","fetchFromSource","saveToSource","resolveDeleteAction","undefined","entity","backend","loadSchema","required","get","values","form","getValues","updatedEntity","create","Error","update","previousItem","changedFieldIds","fn","action","updatedItem","dirtyFields","formState","dirtyFieldIds","Object","entries","filter","value","Boolean","map","fieldId","previousRecord","updatedRecord","changedByValue","Array","from","Set","keys","is"],"sources":["../../../src/schema/useEntityPage.ts"],"sourcesContent":["import { useState } from 'react';\nimport type { FieldValues } from 'react-hook-form';\nimport type { SchemaSource } from '@wix/bex-core';\nimport type { EntityPageDeleteAction, EntityPageState } from '../state';\nimport {\n  useEntityPage as useOpenEntityPage,\n  type UseEntityPageParams,\n} from '../hooks/useEntityPage';\n\n/** Entity page options for a source-driven page: the source loads the schema and\n *  its backend reads and writes the entity, so `fetch` and `onSave` derive from\n *  it — pass one only to replace the derived default. */\nexport type SchemaEntityPageOptions<\n  T,\n  V extends FieldValues = FieldValues,\n> = Omit<\n  UseEntityPageParams<T, V>,\n  'fetch' | 'onSave' | 'schemaSource' | 'isNewEntity'\n> & {\n  /** Creates the initial values for a new entity. */\n  createLocalItem?: () => Partial<T>;\n  /** The entity to load. Omitted ⇒ the create route: the page starts empty and\n   *  saving creates an entity. */\n  entityId?: string;\n  /** Replaces the read through the source's backend. */\n  fetch?: UseEntityPageParams<T, V>['fetch'];\n  /** Replaces the write through the source's backend. */\n  onSave?: UseEntityPageParams<T, V>['onSave'];\n};\n\n/** An entity page driven by a source: the source supplies the schema its fields\n *  render from, and its backend reads and writes the entity. Render the state\n *  with the `EntityPage` from this entry — it wires the fields provider. */\nexport function useEntityPage<T, V extends FieldValues = FieldValues>(\n  source: SchemaSource<T>,\n  options: SchemaEntityPageOptions<T, V>,\n): EntityPageState<T, V> {\n  const { entityId, fetch, onSave, createLocalItem, deleteAction, ...rest } =\n    options;\n\n  // The derived read and write need values that change or don't exist yet when\n  // the state is created: the state itself (the save merges into the loaded\n  // entity) and the latest entityId (a re-fetch should read the current one).\n  const [page] = useState<PageRef<T, V>>(() => ({}));\n  page.entityId = entityId;\n\n  const state = useOpenEntityPage<T, V>({\n    ...rest,\n    schemaSource: source,\n    isNewEntity: () => !page.entityId,\n    fetch:\n      fetch ?? (() => fetchFromSource(source, page.entityId, createLocalItem)),\n    onSave: onSave ?? (() => saveToSource(source, page)),\n    deleteAction: resolveDeleteAction(page, deleteAction),\n  } as UseEntityPageParams<T, V>);\n\n  page.state = state;\n\n  return state;\n}\n\nfunction resolveDeleteAction<T, V extends FieldValues>(\n  page: PageRef<T, V>,\n  deleteAction: EntityPageDeleteAction<T> | undefined,\n): EntityPageDeleteAction<T> | undefined {\n  if (!deleteAction || !page.entityId) {\n    return undefined;\n  }\n\n  return deleteAction;\n}\n\ninterface PageRef<T, V extends FieldValues> {\n  entityId?: string;\n  state?: EntityPageState<T, V>;\n}\n\nasync function fetchFromSource<T>(\n  source: SchemaSource<T>,\n  entityId?: string,\n  createLocalItem?: () => Partial<T>,\n): Promise<{ entity: T | undefined }> {\n  if (!entityId) {\n    return { entity: createLocalItem?.() as T | undefined };\n  }\n\n  const { backend } = await source.loadSchema();\n  return { entity: await required(backend.get, 'reading')(entityId) };\n}\n\nasync function saveToSource<T, V extends FieldValues>(\n  source: SchemaSource<T>,\n  page: PageRef<T, V>,\n): Promise<{ updatedEntity: T }> {\n  const { entityId, state } = page;\n  const { backend } = await source.loadSchema();\n  const values = state!.form.getValues() as Partial<T>;\n\n  // Which write to run follows the route, not whether an entity happens to be\n  // loaded: an id whose entity is missing (deleted, or filtered out by\n  // permissions) must fail rather than quietly create a second record.\n  if (!entityId) {\n    return {\n      updatedEntity: await required(\n        backend.create,\n        'creating',\n      )({\n        ...(state!.entity ?? {}),\n        ...values,\n      }),\n    };\n  }\n\n  const { entity } = state!;\n  if (!entity) {\n    throw new Error(`The source has no entity \"${entityId}\" to update`);\n  }\n\n  const updatedEntity = { ...entity, ...values } as T;\n\n  return {\n    updatedEntity: await required(backend.update, 'updating')(updatedEntity, {\n      previousItem: entity,\n      changedFieldIds: changedFieldIds(entity, updatedEntity, state!.form),\n    }),\n  };\n}\n\nfunction required<F>(fn: F | undefined, action: string): F {\n  if (!fn) {\n    throw new Error(`The source doesn't support ${action} items`);\n  }\n  return fn;\n}\n\nfunction changedFieldIds<T, V extends FieldValues>(\n  previousItem: T,\n  updatedItem: T,\n  form: EntityPageState<T, V>['form'],\n): string[] {\n  const dirtyFields = form.formState.dirtyFields as Record<string, unknown>;\n  const dirtyFieldIds = Object.entries(dirtyFields)\n    .filter(([, value]) => Boolean(value))\n    .map(([fieldId]) => fieldId);\n\n  const previousRecord = previousItem as Record<string, unknown>;\n  const updatedRecord = updatedItem as Record<string, unknown>;\n  const changedByValue = Array.from(\n    new Set([...Object.keys(previousRecord), ...Object.keys(updatedRecord)]),\n  ).filter(\n    (fieldId) => !Object.is(previousRecord[fieldId], updatedRecord[fieldId]),\n  );\n\n  return Array.from(new Set([...dirtyFieldIds, ...changedByValue]));\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_mobx","_sourceSave","_useEntityPage","useEntityPage","source","options","entityId","fetch","onSave","createLocalItem","deleteAction","rest","page","useState","observable","state","undefined","deep","useEffect","runInAction","useOpenEntityPage","schemaSource","isNewEntity","fetchFromSource","markSourceSave","saveToSource","resolveDeleteAction","entity","backend","loadSchema","required","get","values","form","getValues","updatedEntity","create","Error","update","previousItem","changedFieldIds","fn","action","updatedItem","dirtyFields","formState","dirtyFieldIds","Object","entries","filter","value","Boolean","map","fieldId","previousRecord","updatedRecord","changedByValue","Array","from","Set","keys","is"],"sources":["../../../src/schema/useEntityPage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { observable, runInAction } from 'mobx';\nimport type { FieldValues } from 'react-hook-form';\nimport type { SchemaSource } from '@wix/bex-core';\nimport type { EntityPageDeleteAction, EntityPageState } from '../state';\nimport { markSourceSave } from '../state/EntityPage/sourceSave';\nimport {\n  useEntityPage as useOpenEntityPage,\n  type UseEntityPageParams,\n} from '../hooks/useEntityPage';\n\n/** Entity page options for a source-driven page: the source loads the schema and\n *  its backend reads and writes the entity, so `fetch` and `onSave` derive from\n *  it — pass one only to replace the derived default. */\nexport type SchemaEntityPageOptions<\n  T,\n  V extends FieldValues = FieldValues,\n> = Omit<\n  UseEntityPageParams<T, V>,\n  'fetch' | 'onSave' | 'schemaSource' | 'isNewEntity'\n> & {\n  /** Creates the initial values for a new entity. */\n  createLocalItem?: () => Partial<T>;\n  /** The entity to load. Omitted ⇒ the create route: the page starts empty and\n   *  saving creates an entity. */\n  entityId?: string;\n  /** Replaces the read through the source's backend. */\n  fetch?: UseEntityPageParams<T, V>['fetch'];\n  /** Replaces the write through the source's backend. */\n  onSave?: UseEntityPageParams<T, V>['onSave'];\n};\n\n/** An entity page driven by a source: the source supplies the schema its fields\n *  render from, and its backend reads and writes the entity. Render the state\n *  with the `EntityPage` from this entry — it wires the fields provider. */\nexport function useEntityPage<T, V extends FieldValues = FieldValues>(\n  source: SchemaSource<T>,\n  options: SchemaEntityPageOptions<T, V>,\n): EntityPageState<T, V> {\n  const { entityId, fetch, onSave, createLocalItem, deleteAction, ...rest } =\n    options;\n\n  // The derived read and write need values that change or don't exist yet when\n  // the state is created: the state itself (the save merges into the loaded\n  // entity) and the latest entityId (a re-fetch should read the current one).\n  // entityId is observable so the page's create/update permission follows it.\n  const [page] = useState(() =>\n    observable<PageRef<T, V>>(\n      { entityId, state: undefined },\n      { state: false },\n      { deep: false },\n    ),\n  );\n  useEffect(() => {\n    runInAction(() => {\n      page.entityId = entityId;\n    });\n  }, [page, entityId]);\n\n  const state = useOpenEntityPage<T, V>({\n    ...rest,\n    schemaSource: source,\n    isNewEntity: () => !page.entityId,\n    fetch:\n      fetch ?? (() => fetchFromSource(source, page.entityId, createLocalItem)),\n    onSave: onSave ?? markSourceSave(() => saveToSource(source, page)),\n    deleteAction: resolveDeleteAction(page, deleteAction),\n  } as UseEntityPageParams<T, V>);\n\n  page.state = state;\n\n  return state;\n}\n\nfunction resolveDeleteAction<T, V extends FieldValues>(\n  page: PageRef<T, V>,\n  deleteAction: EntityPageDeleteAction<T> | undefined,\n): EntityPageDeleteAction<T> | undefined {\n  if (!deleteAction || !page.entityId) {\n    return undefined;\n  }\n\n  return deleteAction;\n}\n\ninterface PageRef<T, V extends FieldValues> {\n  entityId?: string;\n  state?: EntityPageState<T, V>;\n}\n\nasync function fetchFromSource<T>(\n  source: SchemaSource<T>,\n  entityId?: string,\n  createLocalItem?: () => Partial<T>,\n): Promise<{ entity: T | undefined }> {\n  if (!entityId) {\n    return { entity: createLocalItem?.() as T | undefined };\n  }\n\n  const { backend } = await source.loadSchema();\n  return { entity: await required(backend.get, 'reading')(entityId) };\n}\n\nasync function saveToSource<T, V extends FieldValues>(\n  source: SchemaSource<T>,\n  page: PageRef<T, V>,\n): Promise<{ updatedEntity: T }> {\n  const { entityId, state } = page;\n  const { backend } = await source.loadSchema();\n  const values = state!.form.getValues() as Partial<T>;\n\n  // Which write to run follows the route, not whether an entity happens to be\n  // loaded: an id whose entity is missing (deleted, or filtered out by\n  // permissions) must fail rather than quietly create a second record.\n  if (!entityId) {\n    return {\n      updatedEntity: await required(\n        backend.create,\n        'creating',\n      )({\n        ...(state!.entity ?? {}),\n        ...values,\n      }),\n    };\n  }\n\n  const { entity } = state!;\n  if (!entity) {\n    throw new Error(`The source has no entity \"${entityId}\" to update`);\n  }\n\n  const updatedEntity = { ...entity, ...values } as T;\n\n  return {\n    updatedEntity: await required(backend.update, 'updating')(updatedEntity, {\n      previousItem: entity,\n      changedFieldIds: changedFieldIds(entity, updatedEntity, state!.form),\n    }),\n  };\n}\n\nfunction required<F>(fn: F | undefined, action: string): F {\n  if (!fn) {\n    throw new Error(`The source doesn't support ${action} items`);\n  }\n  return fn;\n}\n\nfunction changedFieldIds<T, V extends FieldValues>(\n  previousItem: T,\n  updatedItem: T,\n  form: EntityPageState<T, V>['form'],\n): string[] {\n  const dirtyFields = form.formState.dirtyFields as Record<string, unknown>;\n  const dirtyFieldIds = Object.entries(dirtyFields)\n    .filter(([, value]) => Boolean(value))\n    .map(([fieldId]) => fieldId);\n\n  const previousRecord = previousItem as Record<string, unknown>;\n  const updatedRecord = updatedItem as Record<string, unknown>;\n  const changedByValue = Array.from(\n    new Set([...Object.keys(previousRecord), ...Object.keys(updatedRecord)]),\n  ).filter(\n    (fieldId) => !Object.is(previousRecord[fieldId], updatedRecord[fieldId]),\n  );\n\n  return Array.from(new Set([...dirtyFieldIds, ...changedByValue]));\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionPageHeader3311006848";
+var _namespace_ = "CollectionPageHeader1447808307";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CollectionPageHeader3311006848__root",
-  "mobileMoreActions": "CollectionPageHeader3311006848__mobileMoreActions"
+  "root": "CollectionPageHeader1447808307__root",
+  "mobileMoreActions": "CollectionPageHeader1447808307__mobileMoreActions"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader3311006848\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPageHeader3311006848__root\",\"mobileMoreActions\":\"CollectionPageHeader3311006848__mobileMoreActions\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-title-actions-gap\":\"--wds-page-header-title-actions-gap\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,mBAAmB,EAAC;AAAmD,CAAC;AACrI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mCAAmC,EAAC;AAAqC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader1447808307\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPageHeader1447808307__root\",\"mobileMoreActions\":\"CollectionPageHeader1447808307__mobileMoreActions\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-title-actions-gap\":\"--wds-page-header-title-actions-gap\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,mBAAmB,EAAC;AAAmD,CAAC;AACrI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mCAAmC,EAAC;AAAqC,CAAC","ignoreList":[]}

package/dist/cjs/state/CollectionPage/MobilePrimaryActionBar.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MobilePrimaryActionBar4227138949";
+var _namespace_ = "MobilePrimaryActionBar1781613891";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MobilePrimaryActionBar4227138949__root"
+  "root": "MobilePrimaryActionBar1781613891__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/MobilePrimaryActionBar.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/MobilePrimaryActionBar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MobilePrimaryActionBar4227138949\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MobilePrimaryActionBar4227138949__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-300\":\"--wds-space-300\",\"wds-space-400\":\"--wds-space-400\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAwC,CAAC;AAC/D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/MobilePrimaryActionBar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MobilePrimaryActionBar1781613891\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MobilePrimaryActionBar1781613891__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-300\":\"--wds-space-300\",\"wds-space-400\":\"--wds-space-400\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAwC,CAAC;AAC/D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/state/CollectionPage/TitleBadges.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TitleBadges3914608263";
+var _namespace_ = "TitleBadges239452423";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "TitleBadges3914608263__root",
-  "tooltip": "TitleBadges3914608263__tooltip",
-  "tooltipTrigger": "TitleBadges3914608263__tooltipTrigger"
+  "root": "TitleBadges239452423__root",
+  "tooltip": "TitleBadges239452423__tooltip",
+  "tooltipTrigger": "TitleBadges239452423__tooltipTrigger"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/TitleBadges.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/TitleBadges.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TitleBadges3914608263\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TitleBadges3914608263__root\",\"tooltip\":\"TitleBadges3914608263__tooltip\",\"tooltipTrigger\":\"TitleBadges3914608263__tooltipTrigger\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,SAAS,EAAC,gCAAgC;EAAC,gBAAgB,EAAC;AAAuC,CAAC;AACxJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/TitleBadges.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TitleBadges239452423\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TitleBadges239452423__root\",\"tooltip\":\"TitleBadges239452423__tooltip\",\"tooltipTrigger\":\"TitleBadges239452423__tooltipTrigger\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,SAAS,EAAC,+BAA+B;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACrJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/state/EditableTable/CellValueState.js

@@ -16,6 +16,9 @@ class CellValueState {
     /** Valid committed values not yet saved, keyed by `${itemId}:${colId}`.
      *  Each row's drafts are flushed as one update when focus leaves the row. */
     (0, _defineProperty2.default)(this, "_draftCells", new Map());
+    /** Local new rows not to create yet, with how many open paste toasts hold
+     *  each. See `applyPastedValues`. */
+    (0, _defineProperty2.default)(this, "_heldNewRows", new Map());
     (0, _defineProperty2.default)(this, "_parent", void 0);
     (0, _defineProperty2.default)(this, "_extraCellTypes", void 0);
     this._parent = parent;
@@ -29,8 +32,10 @@ class CellValueState {
       commitHandler: _mobx.action,
       applyBulkRawValues: _mobx.action,
       applyBulkValues: _mobx.action,
+      applyPastedValues: _mobx.action,
       revalidatePendingCells: _mobx.action,
       flushDrafts: _mobx.action,
+      flushDraftsOnUnmount: _mobx.action,
       flushRow: _mobx.action,
       dropRowCellState: _mobx.action
     });
@@ -301,6 +306,12 @@ class CellValueState {
    * Handles conversion failures by storing them as pending cells.
    */
   applyBulkRawValues(rawChanges) {
+    this.applyBulkValues(this._deserializeRawValues(rawChanges));
+  }
+
+  /** Values that fail are stored as pending cells with their error and left
+   *  out of the result. */
+  _deserializeRawValues(rawChanges) {
     const changes = [];
     for (const {
       rowKey,
@@ -328,7 +339,7 @@ class CellValueState {
         });
       }
     }
-    this.applyBulkValues(changes);
+    return changes;
   }
 
   /**
@@ -338,7 +349,7 @@ class CellValueState {
    * checking isColumnEditable here — not just at the call sites — keeps
    * read-only cells protected regardless of entry point.
    */
-  applyBulkValues(changes) {
+  applyBulkValues(changes, options) {
     const rowUpdates = new Map();
     for (const {
       rowKey,
@@ -394,7 +405,127 @@ class CellValueState {
       item
     }) => item), updates.map(({
       changedFieldIds
-    }) => Array.from(changedFieldIds)));
+    }) => Array.from(changedFieldIds)), options);
+  }
+
+  /**
+   * Applies pasted values and shows `successToast` with Undo. The server call
+   * waits until the toast closes or times out. With `batchWait` the toast has
+   * no Undo (see `MutationState.updatesAreBatched`).
+   *
+   * Undo rolls back the saved rows, and puts back the unsaved state (invalid
+   * values and drafts) of the pasted cells and of the drafts in their rows,
+   * which the paste saves along with it. A cell changed again after the paste
+   * keeps its newer value.
+   *
+   * Local new rows the paste touched are not created while the toast is open.
+   * Otherwise the click on Undo, which takes focus out of the table, would
+   * create them with the pasted values first.
+   */
+  applyPastedValues(changes, rawChanges, successToast) {
+    if (this._parent.mutation.updatesAreBatched) {
+      this.applyBulkValues([...changes, ...this._deserializeRawValues(rawChanges)], {
+        successToast
+      });
+      return;
+    }
+    const pastedCells = [...changes, ...rawChanges];
+    const rowKeys = new Set(pastedCells.map(({
+      rowKey
+    }) => rowKey));
+    const affectedCellKeys = new Set();
+    for (const {
+      rowKey,
+      columnId
+    } of pastedCells) {
+      const key = this._pendingCellKey(rowKey, columnId);
+      if (key) {
+        affectedCellKeys.add(key);
+      }
+    }
+    for (const [key, draft] of this._draftCells) {
+      if (rowKeys.has(draft.rowKey)) {
+        affectedCellKeys.add(key);
+      }
+    }
+    const beforePaste = this._snapshotUnsavedCells(affectedCellKeys);
+    // Replaced right after the paste below. `onUndo` reads it, and core calls
+    // `onUndo` only on a click on the toast, after that.
+    let afterPaste = beforePaste;
+    const newRowKeys = new Set([...rowKeys].filter(rowKey => this._parent.mutation.isLocalNewRow(rowKey)));
+    for (const rowKey of newRowKeys) {
+      this._heldNewRows.set(rowKey, (this._heldNewRows.get(rowKey) ?? 0) + 1);
+    }
+    let toastOpen = true;
+    // Retry calls `onKept` again; only the first call counts.
+    const endUndoWindow = () => {
+      if (!toastOpen) {
+        return false;
+      }
+      toastOpen = false;
+      for (const rowKey of newRowKeys) {
+        const holds = (this._heldNewRows.get(rowKey) ?? 1) - 1;
+        if (holds > 0) {
+          this._heldNewRows.set(rowKey, holds);
+        } else {
+          this._heldNewRows.delete(rowKey);
+        }
+      }
+      return true;
+    };
+    this.applyBulkValues(
+    // After the snapshot: this writes invalid values into `_pendingCells`.
+    [...changes, ...this._deserializeRawValues(rawChanges)], {
+      successToast,
+      undo: {
+        onUndo: (0, _mobx.action)(() => {
+          const wasOpen = endUndoWindow();
+          if (!wasOpen) {
+            return;
+          }
+          const restoredDraftRows = new Set();
+          for (const key of affectedCellKeys) {
+            const pasted = afterPaste.get(key);
+            if (this._pendingCells.get(key) !== (pasted == null ? void 0 : pasted.pending) || this._draftCells.get(key) !== (pasted == null ? void 0 : pasted.draft)) {
+              continue;
+            }
+            const {
+              pending,
+              draft
+            } = beforePaste.get(key) ?? {};
+            setOrDelete(this._pendingCells, key, pending);
+            setOrDelete(this._draftCells, key, draft);
+            if (draft) {
+              restoredDraftRows.add(draft.rowKey);
+            }
+          }
+          // The click on Undo already flushed the table, before these drafts
+          // were back. No toast: nothing should confirm the Undo.
+          this._flushRowsWithoutFocus(restoredDraftRows, {
+            successToast: null
+          });
+        }),
+        onKept: (0, _mobx.action)(() => {
+          const wasOpen = endUndoWindow();
+          if (!wasOpen) {
+            return;
+          }
+          this._flushRowsWithoutFocus(newRowKeys);
+        })
+      }
+    });
+    afterPaste = this._snapshotUnsavedCells(affectedCellKeys);
+  }
+  _snapshotUnsavedCells(keys) {
+    return new Map([...keys].map(key => [key, {
+      pending: this._pendingCells.get(key),
+      draft: this._draftCells.get(key)
+    }]));
+  }
+  _flushRowsWithoutFocus(rowKeys, options) {
+    var _this$_parent$cellInt;
+    const focusedRowKey = (_this$_parent$cellInt = this._parent.cellInteraction.focusedCell) == null ? void 0 : _this$_parent$cellInt.rowKey;
+    this._flushRows(rowKey => rowKeys.has(rowKey) && rowKey !== focusedRowKey, options);
   }
   _applyValue(rowKey, columnId, value) {
     var _this$_parent$collect4;
@@ -442,20 +573,29 @@ class CellValueState {
     this._flushRows(rowKey => rowKey !== exceptRowKey);
   }
 
+  /** Like `flushDrafts()`, but also saves new rows held by an open paste
+   *  toast: focus can stay on a held row on unmount, and the toast doesn't
+   *  create a focused row. */
+  flushDraftsOnUnmount() {
+    this._heldNewRows.clear();
+    this.flushDrafts();
+  }
+
   /** Save one row's drafts now, leaving other rows' drafts buffered. */
   flushRow(rowKey) {
     this._flushRows(key => key === rowKey);
   }
-  _flushRows(includeRow) {
+  _flushRows(includeRow, options) {
+    const include = rowKey => includeRow(rowKey) && !this._heldNewRows.has(rowKey);
     const invalidNewRows = new Set();
     for (const rowKey of this._parent.mutation._drafts.keys()) {
-      if (includeRow(rowKey) && !this._validateNewRow(rowKey)) {
+      if (include(rowKey) && !this._validateNewRow(rowKey)) {
         invalidNewRows.add(rowKey);
       }
     }
     const rowKeys = new Set();
     for (const entry of this._draftCells.values()) {
-      if (includeRow(entry.rowKey)) {
+      if (include(entry.rowKey)) {
         rowKeys.add(entry.rowKey);
       }
     }
@@ -479,7 +619,7 @@ class CellValueState {
         item
       }) => item), updates.map(({
         changedFieldIds
-      }) => changedFieldIds));
+      }) => changedFieldIds), options);
     }
   }
 
@@ -550,4 +690,11 @@ class CellValueState {
   }
 }
 exports.CellValueState = CellValueState;
+const setOrDelete = (map, key, value) => {
+  if (value === undefined) {
+    map.delete(key);
+  } else {
+    map.set(key, value);
+  }
+};
 //# sourceMappingURL=CellValueState.js.map