npm - @wix/patterns - Versions diffs - 1.81.0 → 1.83.0 - Mend

@wix/patterns 1.81.0 → 1.83.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (466) hide show

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js CHANGED Viewed

@@ -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_ = "SearchOrCustomFilter454754933";
+var _namespace_ = "SearchOrCustomFilter3908244300";
 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": "SearchOrCustomFilter454754933__root",
-  "search": "SearchOrCustomFilter454754933__search"
+  "root": "SearchOrCustomFilter3908244300__root",
+  "search": "SearchOrCustomFilter3908244300__search"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map CHANGED Viewed

	@@ -1 +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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~SearchOrCustomFilter454754933~~\";\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\":\"~~SearchOrCustomFilter454754933__root~~\",\"search\":\"~~SearchOrCustomFilter454754933__search~~\"};\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~~,+BAA+B~~;~~AACjD~~,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,~~qCAAqC~~;EAAC,QAAQ,EAAC;~~AAAuC~~,CAAC;~~AAC7G~~,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":[]}
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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter3908244300\";\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\":\"SearchOrCustomFilter3908244300__root\",\"search\":\"SearchOrCustomFilter3908244300__search\"};\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,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,QAAQ,EAAC;AAAwC,CAAC;AAC/G,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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js CHANGED Viewed

@@ -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_ = "AutoCompleteReadonly437440958";
+var _namespace_ = "AutoCompleteReadonly2011689384";
 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": "AutoCompleteReadonly437440958__root"
+  "root": "AutoCompleteReadonly2011689384__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map CHANGED Viewed

	@@ -1 +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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~AutoCompleteReadonly437440958~~\";\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\":\"~~AutoCompleteReadonly437440958__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~~,+BAA+B~~;~~AACjD~~,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;~~AAAqC~~,CAAC;~~AAC5D~~,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":[]}
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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly2011689384\";\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\":\"AutoCompleteReadonly2011689384__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,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;AAAsC,CAAC;AAC7D,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/CollectionViewsDropdown/ViewsDropdown.st.css.js CHANGED Viewed

@@ -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_ = "ViewsDropdown1009456504";
+var _namespace_ = "ViewsDropdown726790013";
 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": "ViewsDropdown1009456504__root"
+  "root": "ViewsDropdown726790013__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map CHANGED Viewed

	@@ -1 +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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~ViewsDropdown1009456504~~\";\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\":\"~~ViewsDropdown1009456504__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,~~yBAAyB~~;~~AAC3C~~,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;~~AAA+B~~,CAAC;~~AACtD~~,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":[]}
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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown726790013\";\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\":\"ViewsDropdown726790013__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/CustomFieldsWidget/CustomFieldsWidget.js CHANGED Viewed

@@ -12,6 +12,7 @@ var _CustomFieldsWidgetContext = require("../CustomFieldsWidgetContext");
 var _useCustomFieldsWidget = require("../../hooks/useCustomFieldsWidget");
 var _CardContainer = require("../CardContainer");
 var _useWidgetPageStatus = require("../useWidgetPageStatus");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidget.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -31,7 +32,7 @@ const CustomFieldsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 81,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(CardContent, {
@@ -41,7 +42,7 @@ const CustomFieldsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
+      lineNumber: 86,
       columnNumber: 7
     }
   }));
@@ -68,7 +69,7 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 118,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -76,7 +77,7 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 119,
       columnNumber: 7
     }
   }, t('cairo.customFields.entityPage.title')), state.widgetSize !== 'default' ? /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
@@ -85,7 +86,7 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 123,
       columnNumber: 9
     }
   }) : null);
@@ -95,7 +96,7 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 129,
       columnNumber: 34
     }
   }) : null;
@@ -105,15 +106,25 @@ const _CustomFieldsWidgetBase = ({
     status: status,
     errorState: {
       dataHook: 'error-state',
-      retryText: t('cairo.error.tryAgain.cta'),
       title: t('cairo.customFields.technical.error.title'),
       subtitle: t('cairo.technical.error.text'),
-      onRetry: state.retry
+      action: {
+        text: t('cairo.error.tryAgain.cta'),
+        prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 142,
+            columnNumber: 23
+          }
+        }),
+        onClick: state.retry
+      }
     },
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 132,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
@@ -124,14 +135,14 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 147,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 149,
+      lineNumber: 153,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
@@ -139,7 +150,7 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 154,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(CustomFieldsWidgetContent, {
@@ -148,7 +159,7 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 155,
       columnNumber: 9
     }
   })));
@@ -173,7 +184,7 @@ const _CustomFieldsWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 178,
+      lineNumber: 182,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(CustomFieldsWidgetBase, (0, _extends2.default)({
@@ -182,7 +193,7 @@ const _CustomFieldsWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 179,
+      lineNumber: 183,
       columnNumber: 7
     }
   })));

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_mobxReactLite","_CustomFieldsWidgetContext","_useCustomFieldsWidget","_CardContainer","_useWidgetPageStatus","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CustomFieldsWidgetContent","extendedFields","emptyStateOverrides","state","useCustomFieldsWidgetContext","CardContent","useEffect","initContent","createElement","ref","widgetContentRef","setWidgetContentRef","__self","__source","fileName","lineNumber","columnNumber","_CustomFieldsWidgetBase","subtitle","dataHook","hideEmptyState","status","container","useWixPatternsContainer","translate","isLoading","dataExtension","allUserCustomFields","length","headerSubtitle","headerTitle","Box","gap","Heading","appearance","widgetSize","InfoIcon","content","ActionsButton","ActionButtonsComponent","suffix","CardContainer","stretchVertically","errorState","retryText","title","onRetry","retry","Card","Header","Divider","Content","CustomFieldsWidgetBase","exports","observer","_CustomFieldsWidget","fqdn","fieldName","filterable","rest","customFieldsState","useCustomFieldsWidget","useWidgetPageStatus","initTask","CustomFieldsWidgetContextProvider","value","_extends2","CustomFieldsWidget"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidget.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Box, Card, Heading, InfoIcon } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ExtendedFields } from '@wix/bex-core';\nimport {\n CustomFieldsWidgetContextProvider,\n useCustomFieldsWidgetContext,\n} from '../CustomFieldsWidgetContext';\nimport { useCustomFieldsWidget } from '../../hooks/useCustomFieldsWidget';\nimport { CardContainer, CardContainerProps } from '../CardContainer';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\n\nexport interface CustomFieldsWidgetProps {\n /*\n The FQDN to be used to extract schema from data-extension service.\n /\n fqdn: string;\n\n /\n Applies a data-hook HTML attribute that can be used in tests\n /\n dataHook?: string;\n\n /\n Custom fields widget subtitle.\n * /\n subtitle?: string;\n\n /\n Existing extended fields values, usually under `myEntity.extendedFields`.\n /\n extendedFields?: ExtendedFields;\n\n hideEmptyState?: boolean;\n\n /\n The fieldName in the object passed to the `onSave` callback.\n /\n fieldName?: string;\n\n /\n Empty state content overrides\n /\n emptyStateOverrides?: {\n /\n Empty state title.\n * /\n title?: string;\n\n /\n Empty state subtitle.\n * */\n subtitle?: string;\n };\n\n filterable?: boolean;\n}\n\nexport interface CustomFieldsWidgetBaseProps\n extends Omit<CustomFieldsWidgetProps, 'fqdn'> {\n status: CardContainerProps['status'];\n}\n\nconst CustomFieldsWidgetContent = ({\n extendedFields,\n emptyStateOverrides,\n}: {\n extendedFields: CustomFieldsWidgetBaseProps['extendedFields'];\n emptyStateOverrides: CustomFieldsWidgetBaseProps['emptyStateOverrides'];\n}) => {\n const state = useCustomFieldsWidgetContext();\n const CardContent = state.CustomFieldsWidgetContent!;\n\n useEffect(() => {\n return state.initContent();\n }, []);\n\n return (\n <div\n ref={(widgetContentRef) => {\n state.setWidgetContentRef(widgetContentRef);\n }}\n >\n <CardContent\n state={state}\n extendedFields={extendedFields}\n emptyStateOverrides={emptyStateOverrides}\n />\n </div>\n );\n};\n\nconst _CustomFieldsWidgetBase = ({\n subtitle,\n dataHook,\n extendedFields,\n hideEmptyState,\n emptyStateOverrides = {},\n status,\n}: CustomFieldsWidgetBaseProps) => {\n const container = useWixPatternsContainer();\n const { translate: t } = container;\n\n const state = useCustomFieldsWidgetContext();\n\n if (\n hideEmptyState &&\n (state.isLoading \|\| state.dataExtension.allUserCustomFields.length === 0)\n ) {\n return null;\n }\n\n const headerSubtitle =\n subtitle \|\| t('cairo.customFields.entityPage.subtitle');\n const headerTitle = (\n <Box gap=\"SP1\">\n <Heading appearance=\"H3\">\n {t('cairo.customFields.entityPage.title')}\n </Heading>\n {state.widgetSize !== 'default' ? (\n <InfoIcon dataHook=\"subtitle-info-icon\" content={headerSubtitle} />\n ) : null}\n </Box>\n );\n\n const ActionsButton = state.ActionButtonsComponent;\n const suffix = ActionsButton ? <ActionsButton state={state} /> : null;\n\n return (\n <CardContainer\n stretchVertically\n dataHook={dataHook}\n status={status}\n errorState={{\n dataHook: 'error-state',\n retryText: t('cairo.error.tryAgain.cta'),\n title: t('cairo.customFields.technical.error.title'),\n subtitle: t('cairo.technical.error.text'),\n onRetry: state.retry,\n }}\n >\n <Card.Header\n dataHook=\"custom-fields-widget-header\"\n title={headerTitle}\n subtitle={state.widgetSize === 'default' ? headerSubtitle : null}\n suffix={suffix}\n />\n <Card.Divider />\n <Card.Content dataHook=\"custom-fields-widget-content\">\n <CustomFieldsWidgetContent\n extendedFields={extendedFields}\n emptyStateOverrides={emptyStateOverrides}\n />\n </Card.Content>\n </CardContainer>\n );\n};\n\nexport const CustomFieldsWidgetBase = observer(_CustomFieldsWidgetBase);\n\nconst _CustomFieldsWidget = ({\n fqdn,\n fieldName,\n filterable,\n ...rest\n}: CustomFieldsWidgetProps) => {\n const customFieldsState = useCustomFieldsWidget({\n fieldName,\n fqdn,\n filterable,\n });\n const { status } = useWidgetPageStatus(\n customFieldsState.initTask.status.status,\n );\n\n return (\n <CustomFieldsWidgetContextProvider value={customFieldsState}>\n <CustomFieldsWidgetBase status={status} {...rest} />\n </CustomFieldsWidgetContextProvider>\n );\n};\n\nexport const CustomFieldsWidget = observer(_CustomFieldsWidget);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_mobxReactLite","_CustomFieldsWidgetContext","_useCustomFieldsWidget","_CardContainer","_useWidgetPageStatus","_wixUiIconsCommon","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CustomFieldsWidgetContent","extendedFields","emptyStateOverrides","state","useCustomFieldsWidgetContext","CardContent","useEffect","initContent","createElement","ref","widgetContentRef","setWidgetContentRef","__self","__source","fileName","lineNumber","columnNumber","_CustomFieldsWidgetBase","subtitle","dataHook","hideEmptyState","status","container","useWixPatternsContainer","translate","isLoading","dataExtension","allUserCustomFields","length","headerSubtitle","headerTitle","Box","gap","Heading","appearance","widgetSize","InfoIcon","content","ActionsButton","ActionButtonsComponent","suffix","CardContainer","stretchVertically","errorState","title","action","text","prefixIcon","Refresh","onClick","retry","Card","Header","Divider","Content","CustomFieldsWidgetBase","exports","observer","_CustomFieldsWidget","fqdn","fieldName","filterable","rest","customFieldsState","useCustomFieldsWidget","useWidgetPageStatus","initTask","CustomFieldsWidgetContextProvider","value","_extends2","CustomFieldsWidget"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidget.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Box, Card, Heading, InfoIcon } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ExtendedFields } from '@wix/bex-core';\nimport {\n CustomFieldsWidgetContextProvider,\n useCustomFieldsWidgetContext,\n} from '../CustomFieldsWidgetContext';\nimport { useCustomFieldsWidget } from '../../hooks/useCustomFieldsWidget';\nimport { CardContainer, CardContainerProps } from '../CardContainer';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\nimport { Refresh } from '@wix/wix-ui-icons-common';\n\nexport interface CustomFieldsWidgetProps {\n /*\n The FQDN to be used to extract schema from data-extension service.\n /\n fqdn: string;\n\n /\n Applies a data-hook HTML attribute that can be used in tests\n /\n dataHook?: string;\n\n /\n Custom fields widget subtitle.\n * /\n subtitle?: string;\n\n /\n Existing extended fields values, usually under `myEntity.extendedFields`.\n /\n extendedFields?: ExtendedFields;\n\n hideEmptyState?: boolean;\n\n /\n The fieldName in the object passed to the `onSave` callback.\n /\n fieldName?: string;\n\n /\n Empty state content overrides\n /\n emptyStateOverrides?: {\n /\n Empty state title.\n * /\n title?: string;\n\n /\n Empty state subtitle.\n * */\n subtitle?: string;\n };\n\n filterable?: boolean;\n}\n\nexport interface CustomFieldsWidgetBaseProps\n extends Omit<CustomFieldsWidgetProps, 'fqdn'> {\n status: CardContainerProps['status'];\n}\n\nconst CustomFieldsWidgetContent = ({\n extendedFields,\n emptyStateOverrides,\n}: {\n extendedFields: CustomFieldsWidgetBaseProps['extendedFields'];\n emptyStateOverrides: CustomFieldsWidgetBaseProps['emptyStateOverrides'];\n}) => {\n const state = useCustomFieldsWidgetContext();\n const CardContent = state.CustomFieldsWidgetContent!;\n\n useEffect(() => {\n return state.initContent();\n }, []);\n\n return (\n <div\n ref={(widgetContentRef) => {\n state.setWidgetContentRef(widgetContentRef);\n }}\n >\n <CardContent\n state={state}\n extendedFields={extendedFields}\n emptyStateOverrides={emptyStateOverrides}\n />\n </div>\n );\n};\n\nconst _CustomFieldsWidgetBase = ({\n subtitle,\n dataHook,\n extendedFields,\n hideEmptyState,\n emptyStateOverrides = {},\n status,\n}: CustomFieldsWidgetBaseProps) => {\n const container = useWixPatternsContainer();\n const { translate: t } = container;\n\n const state = useCustomFieldsWidgetContext();\n\n if (\n hideEmptyState &&\n (state.isLoading \|\| state.dataExtension.allUserCustomFields.length === 0)\n ) {\n return null;\n }\n\n const headerSubtitle =\n subtitle \|\| t('cairo.customFields.entityPage.subtitle');\n const headerTitle = (\n <Box gap=\"SP1\">\n <Heading appearance=\"H3\">\n {t('cairo.customFields.entityPage.title')}\n </Heading>\n {state.widgetSize !== 'default' ? (\n <InfoIcon dataHook=\"subtitle-info-icon\" content={headerSubtitle} />\n ) : null}\n </Box>\n );\n\n const ActionsButton = state.ActionButtonsComponent;\n const suffix = ActionsButton ? <ActionsButton state={state} /> : null;\n\n return (\n <CardContainer\n stretchVertically\n dataHook={dataHook}\n status={status}\n errorState={{\n dataHook: 'error-state',\n title: t('cairo.customFields.technical.error.title'),\n subtitle: t('cairo.technical.error.text'),\n action: {\n text: t('cairo.error.tryAgain.cta'),\n prefixIcon: <Refresh />,\n onClick: state.retry,\n },\n }}\n >\n <Card.Header\n dataHook=\"custom-fields-widget-header\"\n title={headerTitle}\n subtitle={state.widgetSize === 'default' ? headerSubtitle : null}\n suffix={suffix}\n />\n <Card.Divider />\n <Card.Content dataHook=\"custom-fields-widget-content\">\n <CustomFieldsWidgetContent\n extendedFields={extendedFields}\n emptyStateOverrides={emptyStateOverrides}\n />\n </Card.Content>\n </CardContainer>\n );\n};\n\nexport const CustomFieldsWidgetBase = observer(_CustomFieldsWidgetBase);\n\nconst _CustomFieldsWidget = ({\n fqdn,\n fieldName,\n filterable,\n ...rest\n}: CustomFieldsWidgetProps) => {\n const customFieldsState = useCustomFieldsWidget({\n fieldName,\n fqdn,\n filterable,\n });\n const { status } = useWidgetPageStatus(\n customFieldsState.initTask.status.status,\n );\n\n return (\n <CustomFieldsWidgetContextProvider value={customFieldsState}>\n <CustomFieldsWidgetBase status={status} {...rest} />\n </CustomFieldsWidgetContextProvider>\n );\n};\n\nexport const CustomFieldsWidget = observer(_CustomFieldsWidget);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DragAndDrop/CollectionDragAndDropState.js CHANGED Viewed

@@ -23,7 +23,6 @@ class CollectionDragAndDropState {
       bi: this.bi,
       collection: params.state.collection,
       container: params.container,
-      a11yContainerRef: params.a11yContainer,
       move: () => this._collectionMove(),
       announcements: {
         dragHandleLabel: id => {

package/dist/cjs/components/DragAndDrop/CollectionDragAndDropState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_bexCore","require","_mobx","_DragAndDropState","_CollectionDragAndDropBI","_createOptimisticActionsOrderByModeReaction","CollectionDragAndDropState","constructor","params","_defineProperty2","default","state","bi","CollectionDragAndDropBI","dnd","DragAndDropState","collection","container","a11yContainerRef","a11yContainer","move","_collectionMove","announcements","dragHandleLabel","id","_this$collection$getK","translate","t","itemName","item","getKeyedItem","itemDescription","_this$collection$getK2","makeObservable","action","optimisticActions","_optimisticActions","init","disposers","createOptimisticActionsOrderByModeReaction","addEventListener","events","hasRunningSequence","patches","pendingMovePatches","title","content","onResume","onMoveFailure","reason","onMoveRetry","onWindowClosedDuringSequence","window","forEach","d","removeEventListener","_this$state$getCollec","_this$state","onSubmit","reorderModeState","dragEndEvent","_createDragEndEvent","onTryAgain","onBulkSubmit","submit","event","_createSimpleDragEndEvent","undefined","collectionSnapshot","getCollectionSnapshot","call","exports"],"sources":["../../../../src/components/DragAndDrop/CollectionDragAndDropState.ts"],"sourcesContent":["import {\n addEventListener,\n WixPatternsContainer,\n CollectionState,\n FiltersMap,\n} from '@wix/bex-core';\nimport { action, makeObservable } from 'mobx';\nimport { DragAndDropParentState, DragAndDropState } from './DragAndDropState';\nimport { CollectionDragAndDropBI } from './CollectionDragAndDropBI';\nimport { createOptimisticActionsOrderByModeReaction } from '../../state/DragAndDrop/createOptimisticActionsOrderByModeReaction';\n\nexport type CollectionDragAndDropParentState<T, F extends FiltersMap> = Omit<\n DragAndDropParentState<T, F>,\n 'collection'\n> & {\n collection: CollectionState<T, F>;\n getCollectionSnapshot?: () => {\n [key: string]: string \| number \| undefined;\n };\n};\n\ninterface CollectionDragAndDropStateParams<T, F extends FiltersMap> {\n container: WixPatternsContainer;\n state: CollectionDragAndDropParentState<T, F>;\n a11yContainer: {\n current: HTMLElement \| null \| undefined;\n };\n}\nexport class CollectionDragAndDropState<T, F extends FiltersMap> {\n dnd: DragAndDropState<T, F>;\n state;\n bi;\n\n constructor(params: CollectionDragAndDropStateParams<T, F>) {\n this.state = params.state;\n this.bi = new CollectionDragAndDropBI({ state: params.state });\n\n this.dnd = new DragAndDropState<T, F>({\n state: this.state,\n bi: this.bi,\n collection: params.state.collection,\n container: params.container,\n a11yContainerRef: params.a11yContainer,\n move: () => this._collectionMove(),\n announcements: {\n dragHandleLabel: (id) => {\n const { translate: t } = params.container;\n const { itemName } = this.collection;\n\n const item = this.collection.getKeyedItem(id as string)?.item;\n\n return t('cairo.dragAndDrop.button-role-label.sr', {\n itemName: item ? itemName(item) : '',\n });\n },\n itemDescription: (id) => {\n const { itemName } = this.collection;\n\n const item = this.collection.getKeyedItem(id as string)?.item;\n\n return item ? itemName(item) : '';\n },\n },\n });\n\n makeObservable(this, {\n _collectionMove: action,\n });\n }\n\n get collection() {\n return this.state.collection;\n }\n get optimisticActions() {\n return this.collection._optimisticActions;\n }\n\n init() {\n const { optimisticActions, dnd, bi, collection } = this;\n const { container } = dnd;\n const { translate: t } = container;\n\n const disposers = [\n dnd.init(),\n createOptimisticActionsOrderByModeReaction(dnd, collection),\n addEventListener(container.events, 'navigation', () => {\n if (optimisticActions?.hasRunningSequence) {\n const patches = optimisticActions.pendingMovePatches;\n return {\n title: t('cairo.dragAndDrop.leaveSite.modal.title'),\n content: t('cairo.dragAndDrop.leaveSite.modal.description'),\n onResume: action(() => {\n bi.onMoveFailure({\n reason: 'Left page',\n patches,\n });\n }),\n };\n }\n return null;\n }),\n ...(optimisticActions\n ? [\n addEventListener(\n optimisticActions.events,\n 'dragAndDropSequenceError',\n ({ patches }) => {\n bi.onMoveFailure({\n reason: 'Update failed',\n patches,\n });\n },\n ),\n addEventListener(\n optimisticActions.events,\n 'dragAndDropSequenceRetry',\n ({ patches }) => {\n bi.onMoveRetry({ patches });\n },\n ),\n ]\n : []),\n ];\n\n const onWindowClosedDuringSequence = () => {\n if (optimisticActions?.hasRunningSequence) {\n bi.onMoveFailure({\n reason: 'Window closed',\n patches: optimisticActions.pendingMovePatches,\n });\n }\n };\n\n window.addEventListener('unload', onWindowClosedDuringSequence);\n\n return action(() => {\n disposers.forEach((d) => d());\n window.removeEventListener('unload', onWindowClosedDuringSequence);\n });\n }\n\n _collectionMove() {\n const { onSubmit, reorderModeState } = this.dnd;\n const { optimisticActions } = this;\n if (optimisticActions == null) {\n return;\n }\n\n const dragEndEvent = this.dnd._createDragEndEvent();\n\n if (dragEndEvent == null) {\n return;\n }\n\n optimisticActions.move(dragEndEvent, {\n onTryAgain: async () => {\n await reorderModeState?.onBulkSubmit();\n },\n submit: reorderModeState\n ? () => reorderModeState?.onSubmit\n : onSubmit\n ? (event) => onSubmit(this.dnd._createSimpleDragEndEvent(event))\n : undefined,\n collectionSnapshot: this.state.getCollectionSnapshot?.() ?? {},\n });\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_bexCore","require","_mobx","_DragAndDropState","_CollectionDragAndDropBI","_createOptimisticActionsOrderByModeReaction","CollectionDragAndDropState","constructor","params","_defineProperty2","default","state","bi","CollectionDragAndDropBI","dnd","DragAndDropState","collection","container","move","_collectionMove","announcements","dragHandleLabel","id","_this$collection$getK","translate","t","itemName","item","getKeyedItem","itemDescription","_this$collection$getK2","makeObservable","action","optimisticActions","_optimisticActions","init","disposers","createOptimisticActionsOrderByModeReaction","addEventListener","events","hasRunningSequence","patches","pendingMovePatches","title","content","onResume","onMoveFailure","reason","onMoveRetry","onWindowClosedDuringSequence","window","forEach","d","removeEventListener","_this$state$getCollec","_this$state","onSubmit","reorderModeState","dragEndEvent","_createDragEndEvent","onTryAgain","onBulkSubmit","submit","event","_createSimpleDragEndEvent","undefined","collectionSnapshot","getCollectionSnapshot","call","exports"],"sources":["../../../../src/components/DragAndDrop/CollectionDragAndDropState.ts"],"sourcesContent":["import {\n addEventListener,\n WixPatternsContainer,\n CollectionState,\n FiltersMap,\n} from '@wix/bex-core';\nimport { action, makeObservable } from 'mobx';\nimport { DragAndDropParentState, DragAndDropState } from './DragAndDropState';\nimport { CollectionDragAndDropBI } from './CollectionDragAndDropBI';\nimport { createOptimisticActionsOrderByModeReaction } from '../../state/DragAndDrop/createOptimisticActionsOrderByModeReaction';\n\nexport type CollectionDragAndDropParentState<T, F extends FiltersMap> = Omit<\n DragAndDropParentState<T, F>,\n 'collection'\n> & {\n collection: CollectionState<T, F>;\n getCollectionSnapshot?: () => {\n [key: string]: string \| number \| undefined;\n };\n};\n\ninterface CollectionDragAndDropStateParams<T, F extends FiltersMap> {\n container: WixPatternsContainer;\n state: CollectionDragAndDropParentState<T, F>;\n a11yContainer: {\n current: HTMLElement \| null \| undefined;\n };\n}\nexport class CollectionDragAndDropState<T, F extends FiltersMap> {\n dnd: DragAndDropState<T, F>;\n state;\n bi;\n\n constructor(params: CollectionDragAndDropStateParams<T, F>) {\n this.state = params.state;\n this.bi = new CollectionDragAndDropBI({ state: params.state });\n\n this.dnd = new DragAndDropState<T, F>({\n state: this.state,\n bi: this.bi,\n collection: params.state.collection,\n container: params.container,\n move: () => this._collectionMove(),\n announcements: {\n dragHandleLabel: (id) => {\n const { translate: t } = params.container;\n const { itemName } = this.collection;\n\n const item = this.collection.getKeyedItem(id as string)?.item;\n\n return t('cairo.dragAndDrop.button-role-label.sr', {\n itemName: item ? itemName(item) : '',\n });\n },\n itemDescription: (id) => {\n const { itemName } = this.collection;\n\n const item = this.collection.getKeyedItem(id as string)?.item;\n\n return item ? itemName(item) : '';\n },\n },\n });\n\n makeObservable(this, {\n _collectionMove: action,\n });\n }\n\n get collection() {\n return this.state.collection;\n }\n get optimisticActions() {\n return this.collection._optimisticActions;\n }\n\n init() {\n const { optimisticActions, dnd, bi, collection } = this;\n const { container } = dnd;\n const { translate: t } = container;\n\n const disposers = [\n dnd.init(),\n createOptimisticActionsOrderByModeReaction(dnd, collection),\n addEventListener(container.events, 'navigation', () => {\n if (optimisticActions?.hasRunningSequence) {\n const patches = optimisticActions.pendingMovePatches;\n return {\n title: t('cairo.dragAndDrop.leaveSite.modal.title'),\n content: t('cairo.dragAndDrop.leaveSite.modal.description'),\n onResume: action(() => {\n bi.onMoveFailure({\n reason: 'Left page',\n patches,\n });\n }),\n };\n }\n return null;\n }),\n ...(optimisticActions\n ? [\n addEventListener(\n optimisticActions.events,\n 'dragAndDropSequenceError',\n ({ patches }) => {\n bi.onMoveFailure({\n reason: 'Update failed',\n patches,\n });\n },\n ),\n addEventListener(\n optimisticActions.events,\n 'dragAndDropSequenceRetry',\n ({ patches }) => {\n bi.onMoveRetry({ patches });\n },\n ),\n ]\n : []),\n ];\n\n const onWindowClosedDuringSequence = () => {\n if (optimisticActions?.hasRunningSequence) {\n bi.onMoveFailure({\n reason: 'Window closed',\n patches: optimisticActions.pendingMovePatches,\n });\n }\n };\n\n window.addEventListener('unload', onWindowClosedDuringSequence);\n\n return action(() => {\n disposers.forEach((d) => d());\n window.removeEventListener('unload', onWindowClosedDuringSequence);\n });\n }\n\n _collectionMove() {\n const { onSubmit, reorderModeState } = this.dnd;\n const { optimisticActions } = this;\n if (optimisticActions == null) {\n return;\n }\n\n const dragEndEvent = this.dnd._createDragEndEvent();\n\n if (dragEndEvent == null) {\n return;\n }\n\n optimisticActions.move(dragEndEvent, {\n onTryAgain: async () => {\n await reorderModeState?.onBulkSubmit();\n },\n submit: reorderModeState\n ? () => reorderModeState?.onSubmit\n : onSubmit\n ? (event) => onSubmit(this.dnd._createSimpleDragEndEvent(event))\n : undefined,\n collectionSnapshot: this.state.getCollectionSnapshot?.() ?? {},\n });\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DragAndDrop/DragAndDrop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["../../../../src/components/DragAndDrop/DragAndDrop.ts"],"sourcesContent":["import { ComputedQuery, FiltersMap, ToastConfig } from '@wix/bex-core';\n\nimport React, {\n JSXElementConstructor,\n ReactElement,\n ReactNode,\n Ref,\n} from 'react';\nimport { CollectionDragAndDropParentState } from './CollectionDragAndDropState';\n\nexport interface IndexedItem<T> {\n id: string;\n item: T;\n index: number;\n}\n\nexport interface CollectionDragEndEvent<T, F extends FiltersMap> {\n from: IndexedItem<T>;\n after: IndexedItem<T> \| null;\n over: IndexedItem<T>;\n filters: ComputedQuery<F>['filters'];\n}\n\nexport type DragAndDropSubmit<T, F extends FiltersMap> = (\n event: CollectionDragEndEvent<T, F>,\n) => Promise<unknown>;\n\nexport type DragAndDropCancel<T, F extends FiltersMap> = (\n event: CollectionDragEndEvent<T, F>,\n) => ~~Omit<ToastConfig,~~ ~~'type'~~ \| ~~'biName'> \| null \| undefined \| void;\~~n\nexport type DragAndDropBulkSubmit<T, F extends FiltersMap> = (\n events: CollectionDragEndEvent<T, F>[],\n snapshot: T[][],\n) => Promise<unknown>;\n\n// Context\nexport interface SortableContextProps<T, F extends FiltersMap> {\n state: CollectionDragAndDropParentState<T, F>;\n children?: ReactNode;\n onSubmit?: DragAndDropSubmit<T, F>;\n onCancel?: DragAndDropCancel<T, F>;\n}\n\n// Draggable\nexport interface GridCardItemProps {\n index: number;\n rowIndex?: number;\n columnIndex?: number;\n droppable?: boolean;\n draggable?: boolean;\n dragging?: boolean;\n dragHandleProps?: React.HTMLAttributes<HTMLDivElement> & {\n domRef?: Ref<HTMLDivElement>;\n };\n domRef?: (node: HTMLDivElement \| null) => void;\n}\n\ntype GridCardItem = React.ReactElement<\n GridCardItemProps,\n JSXElementConstructor<GridCardItemProps>\n>;\n\nexport interface DraggableCardProps<T, F extends FiltersMap> {\n state: CollectionDragAndDropParentState<T, F>;\n index: number;\n id: string;\n isOverlay?: boolean;\n dndDisabled?: boolean;\n children: GridCardItem;\n}\n\n// Overlay\n\nexport interface DraggableCardOverlayProps<T, F extends FiltersMap> {\n state: CollectionDragAndDropParentState<T, F>;\n renderItem: (index: number) => ReactElement \| null;\n}\n\nexport interface DragAndDrop {\n SortableContext: <T, F extends FiltersMap>(\n props: SortableContextProps<T, F>,\n ) => JSX.Element;\n DraggableCard: <T, F extends FiltersMap>(\n props: DraggableCardProps<T, F>,\n ) => JSX.Element;\n DraggableCardOverlay: <T, F extends FiltersMap>(\n props: DraggableCardOverlayProps<T, F>,\n ) => JSX.Element;\n}\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["../../../../src/components/DragAndDrop/DragAndDrop.ts"],"sourcesContent":["import { ComputedQuery, FiltersMap, ToastConfig } from '@wix/bex-core';\n\nimport React, {\n JSXElementConstructor,\n ReactElement,\n ReactNode,\n Ref,\n} from 'react';\nimport { CollectionDragAndDropParentState } from './CollectionDragAndDropState';\n\nexport interface IndexedItem<T> {\n id: string;\n item: T;\n index: number;\n}\n\nexport interface CollectionDragEndEvent<T, F extends FiltersMap> {\n from: IndexedItem<T>;\n after: IndexedItem<T> \| null;\n over: IndexedItem<T>;\n filters: ComputedQuery<F>['filters'];\n}\n\nexport type DragAndDropSubmit<T, F extends FiltersMap> = (\n event: CollectionDragEndEvent<T, F>,\n) => Promise<unknown>;\n\nexport type DragAndDropCancelResult =\n \| Omit<ToastConfig, 'type' \| 'biName'>\n \| boolean\n \| null\n \| undefined\n \| void;\n\nexport type DragAndDropCancel<T, F extends FiltersMap> = (\n event: CollectionDragEndEvent<T, F>,\n) => DragAndDropCancelResult \| Promise<DragAndDropCancelResult>;\n\nexport type DragAndDropBulkSubmit<T, F extends FiltersMap> = (\n events: CollectionDragEndEvent<T, F>[],\n snapshot: T[][],\n) => Promise<unknown>;\n\n// Context\nexport interface SortableContextProps<T, F extends FiltersMap> {\n state: CollectionDragAndDropParentState<T, F>;\n children?: ReactNode;\n onSubmit?: DragAndDropSubmit<T, F>;\n onCancel?: DragAndDropCancel<T, F>;\n}\n\n// Draggable\nexport interface GridCardItemProps {\n index: number;\n rowIndex?: number;\n columnIndex?: number;\n droppable?: boolean;\n draggable?: boolean;\n dragging?: boolean;\n dragHandleProps?: React.HTMLAttributes<HTMLDivElement> & {\n domRef?: Ref<HTMLDivElement>;\n };\n domRef?: (node: HTMLDivElement \| null) => void;\n}\n\ntype GridCardItem = React.ReactElement<\n GridCardItemProps,\n JSXElementConstructor<GridCardItemProps>\n>;\n\nexport interface DraggableCardProps<T, F extends FiltersMap> {\n state: CollectionDragAndDropParentState<T, F>;\n index: number;\n id: string;\n isOverlay?: boolean;\n dndDisabled?: boolean;\n children: GridCardItem;\n}\n\n// Overlay\n\nexport interface DraggableCardOverlayProps<T, F extends FiltersMap> {\n state: CollectionDragAndDropParentState<T, F>;\n renderItem: (index: number) => ReactElement \| null;\n}\n\nexport interface DragAndDrop {\n SortableContext: <T, F extends FiltersMap>(\n props: SortableContextProps<T, F>,\n ) => JSX.Element;\n DraggableCard: <T, F extends FiltersMap>(\n props: DraggableCardProps<T, F>,\n ) => JSX.Element;\n DraggableCardOverlay: <T, F extends FiltersMap>(\n props: DraggableCardOverlayProps<T, F>,\n ) => JSX.Element;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/DragAndDrop/DragAndDropAnnouncements.js CHANGED Viewed

@@ -16,6 +16,9 @@ function _DragAndDropAnnouncements(props) {
     state,
     dataHook
   } = props;
+  const {
+    modalsContainerRef
+  } = (0, _react2.usePageContext)();
   const {
     environment: {
       language
@@ -103,14 +106,14 @@ function _DragAndDropAnnouncements(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 112,
       columnNumber: 5
     }
   }, announcement);
-  if (!state.a11yContainerRef.current) {
+  if (!modalsContainerRef.current) {
     return null;
   }
-  child = /*#__PURE__*/(0, _reactDom.createPortal)(child, state.a11yContainerRef.current);
+  child = /*#__PURE__*/(0, _reactDom.createPortal)(child, modalsContainerRef.current);
   return child;
 }
 const DragAndDropAnnouncements = exports.DragAndDropAnnouncements = (0, _mobxReactLite.observer)(_DragAndDropAnnouncements);

package/dist/cjs/components/DragAndDrop/DragAndDropAnnouncements.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactDom","require","_react","_interopRequireWildcard","_mobxReactLite","_VisuallyHidden","_react2","_mobx","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_DragAndDropAnnouncements","props","state","dataHook","environment","language","translate","useWixPatternsContainer","collection","total","localState","setLocalState","useState","runInAction","current","status","active","over","prev","useEffect","reaction","fireImmediately","announcement","_localState$prev","currentNumber","index","totalNumber","_localState$prev2","id","activeOrPrev","child","createElement","style","visuallyHidden","role","lang","__self","__source","fileName","lineNumber","columnNumber","~~a11yContainerRef","~~createPortal","DragAndDropAnnouncements","exports","observer"],"sources":["../../../../src/components/DragAndDrop/DragAndDropAnnouncements.tsx"],"sourcesContent":["import { DragAndDropState } from './DragAndDropState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { createPortal } from 'react-dom';\nimport React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { visuallyHidden } from '../VisuallyHidden';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { reaction, runInAction } from 'mobx';\n\nexport interface DragAndDropAnnouncementsProps<T, F extends FiltersMap> {\n state: DragAndDropState<T, F>;\n dataHook?: string;\n}\n\nfunction _DragAndDropAnnouncements<T, F extends FiltersMap>(\n props: DragAndDropAnnouncementsProps<T, F>,\n) {\n const { state, dataHook } = props;\n\n const {\n environment: { language },\n translate: t,\n } = useWixPatternsContainer();\n\n const {\n collection: { total },\n } = state;\n\n const [localState, setLocalState] = useState(() =>\n runInAction(() => {\n const current = {\n status: state.status,\n active: state.active,\n over: state.over,\n } as const;\n return {\n current,\n prev: null as typeof current \| null \| undefined,\n };\n }),\n );\n\n useEffect(\n () =>\n reaction(\n () => ({\n status: state.status,\n active: state.active,\n over: state.over,\n }),\n (current, prev) => {\n setLocalState({\n current,\n prev,\n });\n },\n { fireImmediately: true },\n ),\n [],\n );\n\n const { over, status, active } = localState.current;\n\n const announcement = (() => {\n switch (status) {\n case 'start':\n if (active) {\n return t('cairo.dragAndDrop.live-region.itemGrabbed.sr');\n }\n\n return;\n\n case 'over':\n if (over && localState.prev?.status !== 'start') {\n return t('cairo.dragAndDrop.live-region.itemDragged.sr', {\n currentNumber: over.index + 1,\n totalNumber: total,\n });\n }\n\n if (active) {\n return t('cairo.dragAndDrop.live-region.itemGrabbed.sr');\n }\n\n return;\n case 'end':\n if (over) {\n if (over.id === active?.id) {\n return t('cairo.dragAndDrop.reorder-cancelled.sr');\n }\n\n const activeOrPrev = active \|\| localState.prev?.active;\n if (activeOrPrev) {\n return t('cairo.dragAndDrop.live-region.itemDropped.sr', {\n currentNumber: activeOrPrev.index + 1,\n });\n }\n\n return;\n }\n return;\n case 'cancel':\n return t('cairo.dragAndDrop.reorder-cancelled.sr');\n }\n\n return;\n })();\n\n let child = (\n <div\n data-hook={dataHook}\n style={visuallyHidden}\n role=\"status\"\n aria-live=\"assertive\"\n aria-atomic\n lang={language}\n >\n {announcement}\n </div>\n );\n\n if (!~~state~~.~~a11yContainerRef.~~current) {\n return null;\n }\n\n child = createPortal(child, ~~state~~.~~a11yContainerRef.~~current);\n\n return child;\n}\n\nexport const DragAndDropAnnouncements = observer(_DragAndDropAnnouncements);\n"],"mappings":";;;;AAEA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAA6C,IAAAO,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAO7C,SAASW,yBAAyBA,CAChCC,KAA0C,EAC1C;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;~~IACJG~~,WAAW,EAAE;MAAEC;IAAS,CAAC;IACzBC,SAAS,~~EAAEtB~~;EACb,CAAC,GAAG,~~IAAAuB~~,+BAAuB,EAAC,CAAC;EAE7B,MAAM;IACJC,UAAU,EAAE;MAAEC;IAAM;EACtB,CAAC,~~GAAGP~~,KAAK;EAET,MAAM,~~CAACQ~~,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAC3C,IAAAC,iBAAW,EAAC,MAAM;IAChB,MAAMC,OAAO,GAAG;MACdC,MAAM,~~EAAEb~~,KAAK,~~CAACa~~,MAAM;MACpBC,MAAM,~~EAAEd~~,KAAK,~~CAACc~~,MAAM;MACpBC,IAAI,~~EAAEf~~,KAAK,~~CAACe~~;IACd,CAAU;IACV,OAAO;MACLH,OAAO;MACPI,IAAI,EAAE;IACR,CAAC;EACH,CAAC,CACH,CAAC;EAED,IAAAC,gBAAS,EACP,MACE,IAAAC,cAAQ,EACN,OAAO;IACLL,MAAM,~~EAAEb~~,KAAK,~~CAACa~~,MAAM;IACpBC,MAAM,~~EAAEd~~,KAAK,~~CAACc~~,MAAM;IACpBC,IAAI,~~EAAEf~~,KAAK,~~CAACe~~;EACd,CAAC,CAAC,EACF,CAACH,OAAO,EAAEI,IAAI,KAAK;IACjBP,aAAa,CAAC;MACZG,OAAO;MACPI;IACF,CAAC,CAAC;EACJ,CAAC,EACD;IAAEG,eAAe,EAAE;EAAK,CAC1B,CAAC,EACH,EACF,CAAC;EAED,MAAM;IAAEJ,IAAI;IAAEF,MAAM;IAAEC;EAAO,CAAC,GAAGN,UAAU,CAACI,OAAO;EAEnD,MAAMQ,YAAY,GAAG,CAACC,gBAAA,IAAM;IAC1B,QAAQR,MAAM;MACZ,KAAK,OAAO;QACV,IAAIC,MAAM,EAAE;UACV,~~OAAOhC~~,CAAC,CAAC,8CAA8C,CAAC;QAC1D;QAEA;MAEF,KAAK,MAAM;QACT,~~IAAIiC~~,IAAI,IAAI,EAAAM,gBAAA,GAAAb,UAAU,CAACQ,IAAI,qBAAfK,gBAAA,CAAiBR,MAAM,MAAK,OAAO,EAAE;UAC/C,~~OAAO/B~~,CAAC,CAAC,8CAA8C,EAAE;~~YACvDwC~~,aAAa,EAAEP,IAAI,CAACQ,KAAK,GAAG,CAAC;YAC7BC,WAAW,EAAEjB;UACf,CAAC,CAAC;QACJ;QAEA,IAAIO,MAAM,EAAE;UACV,~~OAAOhC~~,CAAC,CAAC,8CAA8C,CAAC;QAC1D;QAEA;MACF,KAAK,KAAK;QACR,~~IAAIiC~~,IAAI,EAAE;UAAA,IAAAU,iBAAA;UACR,IAAIV,IAAI,CAACW,EAAE,MAAKZ,MAAM,oBAANA,MAAM,CAAEY,EAAE,GAAE;YAC1B,~~OAAO5C~~,CAAC,CAAC,wCAAwC,CAAC;UACpD;UAEA,~~MAAM6C~~,YAAY,GAAGb,MAAM,MAAAW,iBAAA,GAAIjB,UAAU,CAACQ,IAAI,qBAAfS,iBAAA,CAAiBX,MAAM;UACtD,IAAIa,YAAY,EAAE;YAChB,~~OAAO7C~~,CAAC,CAAC,8CAA8C,EAAE;~~cACvDwC~~,aAAa,EAAEK,YAAY,CAACJ,KAAK,GAAG;YACtC,CAAC,CAAC;UACJ;UAEA;QACF;QACA;MACF,KAAK,QAAQ;QACX,~~OAAOzC~~,CAAC,CAAC,wCAAwC,CAAC;IACtD;IAEA;EACF,CAAC,EAAE,CAAC;EAEJ,~~IAAI8C~~,KAAK,~~gBACPzD~~,MAAA,CAAAa,OAAA,~~CAAA6C~~,aAAA;IACE,~~aAAW5B~~,QAAS;~~IACpB6B~~,KAAK,EAAEC,8BAAe;IACtBC,IAAI,EAAC,QAAQ;IACb,aAAU,WAAW;IACrB,mBAAW;IACXC,IAAI,EAAE9B,QAAS;IAAA+B,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA3D~~,YAAA;~~MAAA4D~~,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEdlB,YACE,CACN;EAED,IAAI,CAACpB,~~KAAK~~,~~CAACuC~~,~~gBAAgB,CAAC3B,~~OAAO,EAAE;~~IACnC~~,OAAO,IAAI;EACb;EAEAgB,KAAK,gBAAG,~~IAAAY~~,sBAAY,~~EAACZ~~,KAAK,EAAE5B,~~KAAK~~,~~CAACuC~~,~~gBAAgB,CAAC3B,~~OAAO,CAAC;~~EAE3D~~,OAAOgB,KAAK;AACd;AAEO,~~MAAMa~~,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,~~EAAC7C~~,yBAAyB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_reactDom","require","_react","_interopRequireWildcard","_mobxReactLite","_VisuallyHidden","_react2","_mobx","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_DragAndDropAnnouncements","props","state","dataHook","modalsContainerRef","usePageContext","environment","language","translate","useWixPatternsContainer","collection","total","localState","setLocalState","useState","runInAction","current","status","active","over","prev","useEffect","reaction","fireImmediately","announcement","_localState$prev","currentNumber","index","totalNumber","_localState$prev2","id","activeOrPrev","child","createElement","style","visuallyHidden","role","lang","__self","__source","fileName","lineNumber","columnNumber","createPortal","DragAndDropAnnouncements","exports","observer"],"sources":["../../../../src/components/DragAndDrop/DragAndDropAnnouncements.tsx"],"sourcesContent":["import { DragAndDropState } from './DragAndDropState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { createPortal } from 'react-dom';\nimport React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { visuallyHidden } from '../VisuallyHidden';\nimport { usePageContext, useWixPatternsContainer } from '@wix/bex-core/react';\nimport { reaction, runInAction } from 'mobx';\n\nexport interface DragAndDropAnnouncementsProps<T, F extends FiltersMap> {\n state: DragAndDropState<T, F>;\n dataHook?: string;\n}\n\nfunction _DragAndDropAnnouncements<T, F extends FiltersMap>(\n props: DragAndDropAnnouncementsProps<T, F>,\n) {\n const { state, dataHook } = props;\n\n const { modalsContainerRef } = usePageContext();\n\n const {\n environment: { language },\n translate: t,\n } = useWixPatternsContainer();\n\n const {\n collection: { total },\n } = state;\n\n const [localState, setLocalState] = useState(() =>\n runInAction(() => {\n const current = {\n status: state.status,\n active: state.active,\n over: state.over,\n } as const;\n return {\n current,\n prev: null as typeof current \| null \| undefined,\n };\n }),\n );\n\n useEffect(\n () =>\n reaction(\n () => ({\n status: state.status,\n active: state.active,\n over: state.over,\n }),\n (current, prev) => {\n setLocalState({\n current,\n prev,\n });\n },\n { fireImmediately: true },\n ),\n [],\n );\n\n const { over, status, active } = localState.current;\n\n const announcement = (() => {\n switch (status) {\n case 'start':\n if (active) {\n return t('cairo.dragAndDrop.live-region.itemGrabbed.sr');\n }\n\n return;\n\n case 'over':\n if (over && localState.prev?.status !== 'start') {\n return t('cairo.dragAndDrop.live-region.itemDragged.sr', {\n currentNumber: over.index + 1,\n totalNumber: total,\n });\n }\n\n if (active) {\n return t('cairo.dragAndDrop.live-region.itemGrabbed.sr');\n }\n\n return;\n case 'end':\n if (over) {\n if (over.id === active?.id) {\n return t('cairo.dragAndDrop.reorder-cancelled.sr');\n }\n\n const activeOrPrev = active \|\| localState.prev?.active;\n if (activeOrPrev) {\n return t('cairo.dragAndDrop.live-region.itemDropped.sr', {\n currentNumber: activeOrPrev.index + 1,\n });\n }\n\n return;\n }\n return;\n case 'cancel':\n return t('cairo.dragAndDrop.reorder-cancelled.sr');\n }\n\n return;\n })();\n\n let child = (\n <div\n data-hook={dataHook}\n style={visuallyHidden}\n role=\"status\"\n aria-live=\"assertive\"\n aria-atomic\n lang={language}\n >\n {announcement}\n </div>\n );\n\n if (!modalsContainerRef.current) {\n return null;\n }\n\n child = createPortal(child, modalsContainerRef.current);\n\n return child;\n}\n\nexport const DragAndDropAnnouncements = observer(_DragAndDropAnnouncements);\n"],"mappings":";;;;AAEA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAA6C,IAAAO,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAO7C,SAASW,yBAAyBA,CAChCC,KAA0C,EAC1C;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;IAAEG;EAAmB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE/C,MAAM;IACJC,WAAW,EAAE;MAAEC;IAAS,CAAC;IACzBC,SAAS,EAAExB;EACb,CAAC,GAAG,IAAAyB,+BAAuB,EAAC,CAAC;EAE7B,MAAM;IACJC,UAAU,EAAE;MAAEC;IAAM;EACtB,CAAC,GAAGT,KAAK;EAET,MAAM,CAACU,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAC3C,IAAAC,iBAAW,EAAC,MAAM;IAChB,MAAMC,OAAO,GAAG;MACdC,MAAM,EAAEf,KAAK,CAACe,MAAM;MACpBC,MAAM,EAAEhB,KAAK,CAACgB,MAAM;MACpBC,IAAI,EAAEjB,KAAK,CAACiB;IACd,CAAU;IACV,OAAO;MACLH,OAAO;MACPI,IAAI,EAAE;IACR,CAAC;EACH,CAAC,CACH,CAAC;EAED,IAAAC,gBAAS,EACP,MACE,IAAAC,cAAQ,EACN,OAAO;IACLL,MAAM,EAAEf,KAAK,CAACe,MAAM;IACpBC,MAAM,EAAEhB,KAAK,CAACgB,MAAM;IACpBC,IAAI,EAAEjB,KAAK,CAACiB;EACd,CAAC,CAAC,EACF,CAACH,OAAO,EAAEI,IAAI,KAAK;IACjBP,aAAa,CAAC;MACZG,OAAO;MACPI;IACF,CAAC,CAAC;EACJ,CAAC,EACD;IAAEG,eAAe,EAAE;EAAK,CAC1B,CAAC,EACH,EACF,CAAC;EAED,MAAM;IAAEJ,IAAI;IAAEF,MAAM;IAAEC;EAAO,CAAC,GAAGN,UAAU,CAACI,OAAO;EAEnD,MAAMQ,YAAY,GAAG,CAACC,gBAAA,IAAM;IAC1B,QAAQR,MAAM;MACZ,KAAK,OAAO;QACV,IAAIC,MAAM,EAAE;UACV,OAAOlC,CAAC,CAAC,8CAA8C,CAAC;QAC1D;QAEA;MAEF,KAAK,MAAM;QACT,IAAImC,IAAI,IAAI,EAAAM,gBAAA,GAAAb,UAAU,CAACQ,IAAI,qBAAfK,gBAAA,CAAiBR,MAAM,MAAK,OAAO,EAAE;UAC/C,OAAOjC,CAAC,CAAC,8CAA8C,EAAE;YACvD0C,aAAa,EAAEP,IAAI,CAACQ,KAAK,GAAG,CAAC;YAC7BC,WAAW,EAAEjB;UACf,CAAC,CAAC;QACJ;QAEA,IAAIO,MAAM,EAAE;UACV,OAAOlC,CAAC,CAAC,8CAA8C,CAAC;QAC1D;QAEA;MACF,KAAK,KAAK;QACR,IAAImC,IAAI,EAAE;UAAA,IAAAU,iBAAA;UACR,IAAIV,IAAI,CAACW,EAAE,MAAKZ,MAAM,oBAANA,MAAM,CAAEY,EAAE,GAAE;YAC1B,OAAO9C,CAAC,CAAC,wCAAwC,CAAC;UACpD;UAEA,MAAM+C,YAAY,GAAGb,MAAM,MAAAW,iBAAA,GAAIjB,UAAU,CAACQ,IAAI,qBAAfS,iBAAA,CAAiBX,MAAM;UACtD,IAAIa,YAAY,EAAE;YAChB,OAAO/C,CAAC,CAAC,8CAA8C,EAAE;cACvD0C,aAAa,EAAEK,YAAY,CAACJ,KAAK,GAAG;YACtC,CAAC,CAAC;UACJ;UAEA;QACF;QACA;MACF,KAAK,QAAQ;QACX,OAAO3C,CAAC,CAAC,wCAAwC,CAAC;IACtD;IAEA;EACF,CAAC,EAAE,CAAC;EAEJ,IAAIgD,KAAK,gBACP3D,MAAA,CAAAa,OAAA,CAAA+C,aAAA;IACE,aAAW9B,QAAS;IACpB+B,KAAK,EAAEC,8BAAe;IACtBC,IAAI,EAAC,QAAQ;IACb,aAAU,WAAW;IACrB,mBAAW;IACXC,IAAI,EAAE9B,QAAS;IAAA+B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7D,YAAA;MAAA8D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEdlB,YACE,CACN;EAED,IAAI,CAACpB,kBAAkB,CAACY,OAAO,EAAE;IAC/B,OAAO,IAAI;EACb;EAEAgB,KAAK,gBAAG,IAAAW,sBAAY,EAACX,KAAK,EAAE5B,kBAAkB,CAACY,OAAO,CAAC;EAEvD,OAAOgB,KAAK;AACd;AAEO,MAAMY,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAAC9C,yBAAyB,CAAC","ignoreList":[]}

package/dist/cjs/components/DragAndDrop/DragAndDropState.js CHANGED Viewed

@@ -38,7 +38,6 @@ class DragAndDropState {
     (0, _defineProperty2.default)(this, "_isHandleActive", false);
     (0, _defineProperty2.default)(this, "_isKeyboardDragging", false);
     (0, _defineProperty2.default)(this, "_moveId", '');
-    (0, _defineProperty2.default)(this, "a11yContainerRef", void 0);
     (0, _defineProperty2.default)(this, "_baseAnimation", {
       duration: 250,
       easing: 'cubic-bezier(0.33, 1, 0.68, 1)'
@@ -154,7 +153,6 @@ class DragAndDropState {
     this.container = params.container;
     this.state = params.state;
     this.collection = params.collection;
-    this.a11yContainerRef = params.a11yContainerRef;
     this.overlayRect = new _RectState.RectState({
       container: this.container
     });
@@ -280,8 +278,8 @@ class DragAndDropState {
     }
     return !(0, _rectIntersection.haveIntersection)(overlayRect, containerRect);
   }
-  _maybeCancelDropAndShowErrorToast() {
-    var _this$onCancel, _this$bi3;
+  async _maybeCancelDropAndShowErrorToast() {
+    var _this$onCancel;
     const {
       container
     } = this;
@@ -289,19 +287,25 @@ class DragAndDropState {
     if (dragEndEvent == null) {
       return false;
     }
-    const onCancelResult = (_this$onCancel = this.onCancel) == null ? void 0 : _this$onCancel.call(this, this._createSimpleDragEndEvent(dragEndEvent));
-    if (!onCancelResult) {
+    const shouldCancel = await ((_this$onCancel = this.onCancel) == null ? void 0 : _this$onCancel.call(this, this._createSimpleDragEndEvent(dragEndEvent)));
+    if (!shouldCancel) {
       return false;
     }
-    (_this$bi3 = this.bi) == null || _this$bi3.onMoveCancelled == null || _this$bi3.onMoveCancelled(dragEndEvent);
-    container.showToast == null || container.showToast({
-      ...onCancelResult,
-      type: 'ERROR',
-      biName: 'cairo-drag-and-drop-external-logic-error'
-    });
+    const cancelSideEffects = toastConfig => {
+      var _this$bi3;
+      (_this$bi3 = this.bi) == null || _this$bi3.onMoveCancelled == null || _this$bi3.onMoveCancelled(dragEndEvent);
+      container.showToast == null || container.showToast({
+        ...toastConfig,
+        type: 'ERROR',
+        biName: 'cairo-drag-and-drop-external-logic-error'
+      });
+    };
+    if (shouldCancel && typeof shouldCancel === 'object') {
+      cancelSideEffects(shouldCancel);
+    }
     return true;
   }
-  beforeDrop(event) {
+  async beforeDrop(event) {
     var _event$over, _active$rect3;
     this.droppingId = this.activeId;
     this.overId = (_event$over = event.over) == null ? void 0 : _event$over.id;
@@ -311,7 +315,7 @@ class DragAndDropState {
     if (active == null) {
       return false;
     }
-    const cancelResult = this._maybeCancelDropAndShowErrorToast();
+    const cancelResult = await this._maybeCancelDropAndShowErrorToast();
     if (cancelResult) {
       return true;
     }