@wix/patterns 1.476.0 → 1.478.0

package/dist/cjs/components/EditableTable/useAddRow.js

@@ -19,13 +19,18 @@ function startEditingNewRow(state, newKey) {
 function useAddRow(state) {
   const handleAddItem = (0, _react.useCallback)(() => {
     var _state$keyedItems;
+    if (state.isAddItemDisabled()) {
+      return;
+    }
     state.onAddItemClick('Card CTA');
     const lastRowKey = (_state$keyedItems = state.keyedItems[state.keyedItems.length - 1]) == null ? void 0 : _state$keyedItems.key;
     startEditingNewRow(state, state.addItem(lastRowKey));
   }, [state]);
-  const showAddItemRow = !state.addItemDisabled && state.collection.initTask.status.isSuccess;
+  const addItemDisabledReason = state.addItemDisabledReason();
+  const showAddItemRow = (!state.isAddItemDisabled() || !!addItemDisabledReason) && state.collection.initTask.status.isSuccess;
   return {
     showAddItemRow,
+    addItemDisabledReason,
     handleAddItem
   };
 }

package/dist/cjs/components/EditableTable/useAddRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","startEditingNewRow","state","newKey","_state$editableColumn","firstEditableColId","editableColumns","find","col","editable","setValue","id","requestAnimationFrame","cellInteraction","startEdit","scrollFocusedCellIntoView","useAddRow","handleAddItem","useCallback","_state$keyedItems","onAddItemClick","lastRowKey","keyedItems","length","key","addItem","showAddItemRow","addItemDisabled","collection","initTask","status","isSuccess"],"sources":["../../../../src/components/EditableTable/useAddRow.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from '../../state/EditableTable';\n\nexport function startEditingNewRow<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n  newKey: string | undefined,\n) {\n  const firstEditableColId = state.editableColumns.find(\n    (col) => col.editable !== false && !!col.setValue,\n  )?.id;\n  if (!newKey || !firstEditableColId) {\n    return;\n  }\n  // RAF gives React one frame to render the new row before we try to focus it.\n  requestAnimationFrame(() => {\n    state.cellInteraction.startEdit(newKey, firstEditableColId, 'enter');\n    state.cellInteraction.scrollFocusedCellIntoView();\n  });\n}\n\nexport function useAddRow<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n) {\n  const handleAddItem = useCallback(() => {\n    state.onAddItemClick('Card CTA');\n\n    const lastRowKey = state.keyedItems[state.keyedItems.length - 1]?.key;\n    startEditingNewRow(state, state.addItem(lastRowKey));\n  }, [state]);\n\n  const showAddItemRow =\n    !state.addItemDisabled && state.collection.initTask.status.isSuccess;\n\n  return { showAddItemRow, handleAddItem };\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIO,SAASC,kBAAkBA,CAChCC,KAA+B,EAC/BC,MAA0B,EAC1B;EAAA,IAAAC,qBAAA;EACA,MAAMC,kBAAkB,IAAAD,qBAAA,GAAGF,KAAK,CAACI,eAAe,CAACC,IAAI,CAClDC,GAAG,IAAKA,GAAG,CAACC,QAAQ,KAAK,KAAK,IAAI,CAAC,CAACD,GAAG,CAACE,QAC3C,CAAC,qBAF0BN,qBAAA,CAExBO,EAAE;EACL,IAAI,CAACR,MAAM,IAAI,CAACE,kBAAkB,EAAE;IAClC;EACF;EACA;EACAO,qBAAqB,CAAC,MAAM;IAC1BV,KAAK,CAACW,eAAe,CAACC,SAAS,CAACX,MAAM,EAAEE,kBAAkB,EAAE,OAAO,CAAC;IACpEH,KAAK,CAACW,eAAe,CAACE,yBAAyB,CAAC,CAAC;EACnD,CAAC,CAAC;AACJ;AAEO,SAASC,SAASA,CACvBd,KAA+B,EAC/B;EACA,MAAMe,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAAA,IAAAC,iBAAA;IACtCjB,KAAK,CAACkB,cAAc,CAAC,UAAU,CAAC;IAEhC,MAAMC,UAAU,IAAAF,iBAAA,GAAGjB,KAAK,CAACoB,UAAU,CAACpB,KAAK,CAACoB,UAAU,CAACC,MAAM,GAAG,CAAC,CAAC,qBAA7CJ,iBAAA,CAA+CK,GAAG;IACrEvB,kBAAkB,CAACC,KAAK,EAAEA,KAAK,CAACuB,OAAO,CAACJ,UAAU,CAAC,CAAC;EACtD,CAAC,EAAE,CAACnB,KAAK,CAAC,CAAC;EAEX,MAAMwB,cAAc,GAClB,CAACxB,KAAK,CAACyB,eAAe,IAAIzB,KAAK,CAAC0B,UAAU,CAACC,QAAQ,CAACC,MAAM,CAACC,SAAS;EAEtE,OAAO;IAAEL,cAAc;IAAET;EAAc,CAAC;AAC1C","ignoreList":[]}
+{"version":3,"names":["_react","require","startEditingNewRow","state","newKey","_state$editableColumn","firstEditableColId","editableColumns","find","col","editable","setValue","id","requestAnimationFrame","cellInteraction","startEdit","scrollFocusedCellIntoView","useAddRow","handleAddItem","useCallback","_state$keyedItems","isAddItemDisabled","onAddItemClick","lastRowKey","keyedItems","length","key","addItem","addItemDisabledReason","showAddItemRow","collection","initTask","status","isSuccess"],"sources":["../../../../src/components/EditableTable/useAddRow.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from '../../state/EditableTable';\n\nexport function startEditingNewRow<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n  newKey: string | undefined,\n) {\n  const firstEditableColId = state.editableColumns.find(\n    (col) => col.editable !== false && !!col.setValue,\n  )?.id;\n  if (!newKey || !firstEditableColId) {\n    return;\n  }\n  // RAF gives React one frame to render the new row before we try to focus it.\n  requestAnimationFrame(() => {\n    state.cellInteraction.startEdit(newKey, firstEditableColId, 'enter');\n    state.cellInteraction.scrollFocusedCellIntoView();\n  });\n}\n\nexport function useAddRow<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n) {\n  const handleAddItem = useCallback(() => {\n    if (state.isAddItemDisabled()) {\n      return;\n    }\n    state.onAddItemClick('Card CTA');\n\n    const lastRowKey = state.keyedItems[state.keyedItems.length - 1]?.key;\n    startEditingNewRow(state, state.addItem(lastRowKey));\n  }, [state]);\n\n  const addItemDisabledReason = state.addItemDisabledReason();\n\n  const showAddItemRow =\n    (!state.isAddItemDisabled() || !!addItemDisabledReason) &&\n    state.collection.initTask.status.isSuccess;\n\n  return { showAddItemRow, addItemDisabledReason, handleAddItem };\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIO,SAASC,kBAAkBA,CAChCC,KAA+B,EAC/BC,MAA0B,EAC1B;EAAA,IAAAC,qBAAA;EACA,MAAMC,kBAAkB,IAAAD,qBAAA,GAAGF,KAAK,CAACI,eAAe,CAACC,IAAI,CAClDC,GAAG,IAAKA,GAAG,CAACC,QAAQ,KAAK,KAAK,IAAI,CAAC,CAACD,GAAG,CAACE,QAC3C,CAAC,qBAF0BN,qBAAA,CAExBO,EAAE;EACL,IAAI,CAACR,MAAM,IAAI,CAACE,kBAAkB,EAAE;IAClC;EACF;EACA;EACAO,qBAAqB,CAAC,MAAM;IAC1BV,KAAK,CAACW,eAAe,CAACC,SAAS,CAACX,MAAM,EAAEE,kBAAkB,EAAE,OAAO,CAAC;IACpEH,KAAK,CAACW,eAAe,CAACE,yBAAyB,CAAC,CAAC;EACnD,CAAC,CAAC;AACJ;AAEO,SAASC,SAASA,CACvBd,KAA+B,EAC/B;EACA,MAAMe,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAAA,IAAAC,iBAAA;IACtC,IAAIjB,KAAK,CAACkB,iBAAiB,CAAC,CAAC,EAAE;MAC7B;IACF;IACAlB,KAAK,CAACmB,cAAc,CAAC,UAAU,CAAC;IAEhC,MAAMC,UAAU,IAAAH,iBAAA,GAAGjB,KAAK,CAACqB,UAAU,CAACrB,KAAK,CAACqB,UAAU,CAACC,MAAM,GAAG,CAAC,CAAC,qBAA7CL,iBAAA,CAA+CM,GAAG;IACrExB,kBAAkB,CAACC,KAAK,EAAEA,KAAK,CAACwB,OAAO,CAACJ,UAAU,CAAC,CAAC;EACtD,CAAC,EAAE,CAACpB,KAAK,CAAC,CAAC;EAEX,MAAMyB,qBAAqB,GAAGzB,KAAK,CAACyB,qBAAqB,CAAC,CAAC;EAE3D,MAAMC,cAAc,GAClB,CAAC,CAAC1B,KAAK,CAACkB,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAACO,qBAAqB,KACtDzB,KAAK,CAAC2B,UAAU,CAACC,QAAQ,CAACC,MAAM,CAACC,SAAS;EAE5C,OAAO;IAAEJ,cAAc;IAAED,qBAAqB;IAAEV;EAAc,CAAC;AACjE","ignoreList":[]}

package/dist/cjs/components/EmptyState/EmptyStateBase.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_ = "EmptyStateBase3411603487";
+var _namespace_ = "EmptyStateBase887233244";
 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": "EmptyStateBase3411603487__root"
+  "root": "EmptyStateBase887233244__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EmptyState/EmptyStateBase.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/EmptyState/EmptyStateBase.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EmptyStateBase3411603487\";\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\":\"EmptyStateBase3411603487__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/EmptyState/EmptyStateBase.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EmptyStateBase887233244\";\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\":\"EmptyStateBase887233244__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":[]}

package/dist/cjs/components/EntityPage/EntityPagePlain.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_ = "EntityPagePlain1613052340";
+var _namespace_ = "EntityPagePlain2068132960";
 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": "EntityPagePlain1613052340__root"
+  "root": "EntityPagePlain2068132960__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain1613052340\";\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\":\"EntityPagePlain1613052340__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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,oCAAoC,EAAC;AAAsC,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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain2068132960\";\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\":\"EntityPagePlain2068132960__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

package/dist/cjs/components/Fade/Fade.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_ = "Fade363126330";
+var _namespace_ = "Fade606946213";
 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": "Fade363126330__root"
+  "root": "Fade606946213__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade363126330\";\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\":\"Fade363126330__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,eAAe;AACjC,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;AAAqB,CAAC;AAC5C,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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade606946213\";\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\":\"Fade606946213__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,eAAe;AACjC,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;AAAqB,CAAC;AAC5C,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/Heading/Heading.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_ = "Heading491245295";
+var _namespace_ = "Heading1247508333";
 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": "Heading491245295__root"
+  "root": "Heading1247508333__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading491245295\";\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\":\"Heading491245295__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,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;AAAwB,CAAC;AAC/C,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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading1247508333\";\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\":\"Heading1247508333__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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/ImportButton/ImportButton.js

@@ -13,6 +13,7 @@ var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _ResponsiveButton = require("../ResponsiveButton/ResponsiveButton");
 var _useIsMobile = require("../../hooks/useIsMobile");
 var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
+var _DisabledTooltip = require("../DisabledTooltip");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportButton.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _ImportButton(props) {
@@ -37,14 +38,14 @@ function _ImportButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
+      lineNumber: 31,
       columnNumber: 5
     }
   }) : /*#__PURE__*/_react.default.createElement(_lazy.DownloadImport, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 32,
+      lineNumber: 33,
       columnNumber: 5
     }
   });
@@ -53,7 +54,7 @@ function _ImportButton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 37,
+        lineNumber: 38,
         columnNumber: 7
       }
     }, () => {
@@ -64,7 +65,7 @@ function _ImportButton(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 40,
+          lineNumber: 41,
           columnNumber: 13
         }
       });
@@ -76,7 +77,7 @@ function _ImportButton(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 49,
+            lineNumber: 50,
             columnNumber: 15
           }
         }, child);
@@ -88,7 +89,7 @@ function _ImportButton(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 60,
+          lineNumber: 61,
           columnNumber: 13
         }
       }, child);
@@ -102,7 +103,7 @@ function _ImportButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 79,
       columnNumber: 5
     }
   }, toolbarType === 'default' ? /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
@@ -110,26 +111,39 @@ function _ImportButton(props) {
     dataHook: "import-button",
     onClick: state.open,
     icon: importIcon,
+    disabled: props.disabled,
+    disabledReason: props.disabledReason,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 81,
       columnNumber: 9
     }
-  }, t('cairo.import.import')) : /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+  }, t('cairo.import.import')) : /*#__PURE__*/_react.default.createElement(_DisabledTooltip.DisabledTooltip, {
+    content: props.disabledReason,
+    disabled: !props.disabledReason,
+    dataHook: "import-button-disabled-tooltip",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 92,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
     priority: "secondary",
     size: "small",
     ellipsis: true,
     prefixIcon: importIcon,
     dataHook: "import-button",
     onClick: state.open,
+    disabled: props.disabled,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
-      columnNumber: 9
+      lineNumber: 97,
+      columnNumber: 11
     }
-  }, t('cairo.import.import')));
+  }, t('cairo.import.import'))));
 }
 const ImportButton = exports.ImportButton = (0, _mobxReactLite.observer)(_ImportButton);
 //# sourceMappingURL=ImportButton.js.map

package/dist/cjs/components/ImportButton/ImportButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_lazy","_mobxReactLite","_ImportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButton","props","toolbarType","config","renderFieldEditor","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","importState","ModalState","isMobile","useIsMobile","isHarmonyTheme","useBmHarmonyTheme","importIcon","createElement","DownloadImportSmall","__self","__source","fileName","lineNumber","columnNumber","DownloadImport","useEffect","featuredComponents","importModal","Observer","child","ImportButtonModalLayout","importModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","Button","priority","size","ellipsis","prefixIcon","ImportButton","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport {\n  DownloadImport,\n  DownloadImportSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ImportButtonModalLayout } from './ImportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ImportButtonProps } from './ImportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nfunction _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {\n  const { toolbarType = 'default', config, renderFieldEditor } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n  const [state] = useState(() => (table.importState ??= new ModalState()));\n  const isMobile = useIsMobile();\n  const isHarmonyTheme = useBmHarmonyTheme();\n  const importIcon = isHarmonyTheme ? (\n    <DownloadImportSmall />\n  ) : (\n    <DownloadImport />\n  );\n\n  useEffect(() => {\n    table.featuredComponents.importModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ImportButtonModalLayout\n              importModalState={state}\n              config={config}\n              renderFieldEditor={renderFieldEditor}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"import-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"import-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.importModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"import-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"import-button\"\n          onClick={state.open}\n          icon={importIcon}\n        >\n          {t('cairo.import.import')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={importIcon}\n          dataHook=\"import-button\"\n          onClick={state.open}\n        >\n          {t('cairo.import.import')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ImportButton = observer(_ImportButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_lazy","_mobxReactLite","_ImportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_useBmHarmonyTheme","_DisabledTooltip","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButton","props","toolbarType","config","renderFieldEditor","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","importState","ModalState","isMobile","useIsMobile","isHarmonyTheme","useBmHarmonyTheme","importIcon","createElement","DownloadImportSmall","__self","__source","fileName","lineNumber","columnNumber","DownloadImport","useEffect","featuredComponents","importModal","Observer","child","ImportButtonModalLayout","importModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","disabled","disabledReason","DisabledTooltip","content","Button","priority","size","ellipsis","prefixIcon","ImportButton","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport {\n  DownloadImport,\n  DownloadImportSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ImportButtonModalLayout } from './ImportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ImportButtonProps } from './ImportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nfunction _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {\n  const { toolbarType = 'default', config, renderFieldEditor } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n  const [state] = useState(() => (table.importState ??= new ModalState()));\n  const isMobile = useIsMobile();\n  const isHarmonyTheme = useBmHarmonyTheme();\n  const importIcon = isHarmonyTheme ? (\n    <DownloadImportSmall />\n  ) : (\n    <DownloadImport />\n  );\n\n  useEffect(() => {\n    table.featuredComponents.importModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ImportButtonModalLayout\n              importModalState={state}\n              config={config}\n              renderFieldEditor={renderFieldEditor}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"import-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"import-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.importModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"import-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"import-button\"\n          onClick={state.open}\n          icon={importIcon}\n          disabled={props.disabled}\n          disabledReason={props.disabledReason}\n        >\n          {t('cairo.import.import')}\n        </ResponsiveButton>\n      ) : (\n        <DisabledTooltip\n          content={props.disabledReason}\n          disabled={!props.disabledReason}\n          dataHook=\"import-button-disabled-tooltip\"\n        >\n          <Button\n            priority=\"secondary\"\n            size=\"small\"\n            ellipsis\n            prefixIcon={importIcon}\n            dataHook=\"import-button\"\n            onClick={state.open}\n            disabled={props.disabled}\n          >\n            {t('cairo.import.import')}\n          </Button>\n        </DisabledTooltip>\n      )}\n    </div>\n  );\n}\n\nexport const ImportButton = observer(_ImportButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportButton.uni.driver.js

@@ -6,6 +6,7 @@ exports.ImportButtonUniDriver = ImportButtonUniDriver;
 exports.default = void 0;
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
 var _ImportModalUni = _interopRequireDefault(require("./ImportModal.uni.driver"));
+var _DisabledTooltipButtonUni = require("../DisabledTooltip/DisabledTooltipButton.uni.driver");
 function ImportButtonUniDriver(base, body) {
   const getButton = () => (0, _unidriver.ButtonUniDriver)(base, body);
   const importModal = (0, _ImportModalUni.default)(base, body);
@@ -14,7 +15,11 @@ function ImportButtonUniDriver(base, body) {
     /** Clicks the button to open import modal */
     click: () => getButton().click(),
     /** Indicates whether import button exists in the table toolbar */
-    exists: () => getButton().exists()
+    exists: () => getButton().exists(),
+    isDisabled: () => getButton().isButtonDisabled(),
+    getDisabledTooltipText: () => (0, _DisabledTooltipButtonUni.DisabledTooltipButtonUniDriver)(body, body, {
+      dataHook: 'import-button'
+    }).getTooltipText()
   };
 }
 var _default = exports.default = ImportButtonUniDriver;

package/dist/cjs/components/ImportButton/ImportButton.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_ImportModalUni","_interopRequireDefault","ImportButtonUniDriver","base","body","getButton","ButtonUniDriver","importModal","ImportModalUniDriver","click","exists","_default","exports","default"],"sources":["../../../../src/components/ImportButton/ImportButton.uni.driver.ts"],"sourcesContent":["import { ButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport ImportModalUniDriver from './ImportModal.uni.driver';\n\nexport function ImportButtonUniDriver(base: UniDriver, body: UniDriver) {\n  const getButton = () => ButtonUniDriver(base, body);\n  const importModal = ImportModalUniDriver(base, body);\n\n  return {\n    ...importModal,\n    /** Clicks the button to open import modal */\n    click: () => getButton().click(),\n    /** Indicates whether import button exists in the table toolbar */\n    exists: () => getButton().exists(),\n  };\n}\n\nexport default ImportButtonUniDriver;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEO,SAASG,qBAAqBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACtE,MAAMC,SAAS,GAAGA,CAAA,KAAM,IAAAC,0BAAe,EAACH,IAAI,EAAEC,IAAI,CAAC;EACnD,MAAMG,WAAW,GAAG,IAAAC,uBAAoB,EAACL,IAAI,EAAEC,IAAI,CAAC;EAEpD,OAAO;IACL,GAAGG,WAAW;IACd;IACAE,KAAK,EAAEA,CAAA,KAAMJ,SAAS,CAAC,CAAC,CAACI,KAAK,CAAC,CAAC;IAChC;IACAC,MAAM,EAAEA,CAAA,KAAML,SAAS,CAAC,CAAC,CAACK,MAAM,CAAC;EACnC,CAAC;AACH;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcX,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_ImportModalUni","_interopRequireDefault","_DisabledTooltipButtonUni","ImportButtonUniDriver","base","body","getButton","ButtonUniDriver","importModal","ImportModalUniDriver","click","exists","isDisabled","isButtonDisabled","getDisabledTooltipText","DisabledTooltipButtonUniDriver","dataHook","getTooltipText","_default","exports","default"],"sources":["../../../../src/components/ImportButton/ImportButton.uni.driver.ts"],"sourcesContent":["import { ButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport ImportModalUniDriver from './ImportModal.uni.driver';\nimport { DisabledTooltipButtonUniDriver } from '../DisabledTooltip/DisabledTooltipButton.uni.driver';\n\nexport function ImportButtonUniDriver(base: UniDriver, body: UniDriver) {\n  const getButton = () => ButtonUniDriver(base, body);\n  const importModal = ImportModalUniDriver(base, body);\n\n  return {\n    ...importModal,\n    /** Clicks the button to open import modal */\n    click: () => getButton().click(),\n    /** Indicates whether import button exists in the table toolbar */\n    exists: () => getButton().exists(),\n    isDisabled: () => getButton().isButtonDisabled(),\n    getDisabledTooltipText: () =>\n      DisabledTooltipButtonUniDriver(body, body, {\n        dataHook: 'import-button',\n      }).getTooltipText(),\n  };\n}\n\nexport default ImportButtonUniDriver;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AAEO,SAASI,qBAAqBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACtE,MAAMC,SAAS,GAAGA,CAAA,KAAM,IAAAC,0BAAe,EAACH,IAAI,EAAEC,IAAI,CAAC;EACnD,MAAMG,WAAW,GAAG,IAAAC,uBAAoB,EAACL,IAAI,EAAEC,IAAI,CAAC;EAEpD,OAAO;IACL,GAAGG,WAAW;IACd;IACAE,KAAK,EAAEA,CAAA,KAAMJ,SAAS,CAAC,CAAC,CAACI,KAAK,CAAC,CAAC;IAChC;IACAC,MAAM,EAAEA,CAAA,KAAML,SAAS,CAAC,CAAC,CAACK,MAAM,CAAC,CAAC;IAClCC,UAAU,EAAEA,CAAA,KAAMN,SAAS,CAAC,CAAC,CAACO,gBAAgB,CAAC,CAAC;IAChDC,sBAAsB,EAAEA,CAAA,KACtB,IAAAC,wDAA8B,EAACV,IAAI,EAAEA,IAAI,EAAE;MACzCW,QAAQ,EAAE;IACZ,CAAC,CAAC,CAACC,cAAc,CAAC;EACtB,CAAC;AACH;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcjB,qBAAqB","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/ImportButton/ImportProps.tsx"],"sourcesContent":["import { ImportConfig, ImportState, ModalState } from '@wix/bex-core';\nimport { ReactNode } from 'react';\n\ntype ImportButtonToolbarType = 'default' | 'bulkActionToolbar';\n\n/**\n * Renders the \"create/edit field\" modal. The element is a self-contained editor\n * that watches `state.editingHeader` to open, pre-fill, and close itself, and\n * writes the result back via the state's `applyFieldEdit` /\n * `applyDataExtensionFieldEdit`. `ImportButton` picks and lazy-loads the right\n * one from the destination by default; pass this only to override.\n */\nexport type RenderImportFieldEditor = (args: {\n  state: ImportState;\n}) => ReactNode;\n\nexport interface ImportButtonParams {\n  /**\n   * The import inputs, as a plain object. Omit it entirely to import into the\n   * table's own collection (Wix Data) — the collection, its fields, and\n   * create-new-field are read from the table's source. Set `destination` (and\n   * any `fields`) to write to a platformized target instead.\n   */\n  config?: ImportConfig;\n  /**\n   * Overrides the create/edit-field modal (see {@link RenderImportFieldEditor}).\n   * By default the editor is chosen from the destination (CMS vs DataExtension)\n   * and loaded on demand, so this need not be passed.\n   */\n  renderFieldEditor?: RenderImportFieldEditor;\n}\n\nexport type ImportButtonProps = ImportButtonParams & {\n  /**\n   * Which button variant to render. `'default'` (the default) shows a\n   * `ResponsiveButton`; `'bulkActionToolbar'` shows a compact secondary\n   * `Button`.\n   */\n  toolbarType?: ImportButtonToolbarType;\n};\n\nexport type ImportModalProps = ImportButtonParams;\n\nexport type ImportButtonModalLayoutProps = ImportModalProps & {\n  importModalState: ModalState;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/ImportButton/ImportProps.tsx"],"sourcesContent":["import { ImportConfig, ImportState, ModalState } from '@wix/bex-core';\nimport { ReactNode } from 'react';\n\ntype ImportButtonToolbarType = 'default' | 'bulkActionToolbar';\n\n/**\n * Renders the \"create/edit field\" modal. The element is a self-contained editor\n * that watches `state.editingHeader` to open, pre-fill, and close itself, and\n * writes the result back via the state's `applyFieldEdit` /\n * `applyDataExtensionFieldEdit`. `ImportButton` picks and lazy-loads the right\n * one from the destination by default; pass this only to override.\n */\nexport type RenderImportFieldEditor = (args: {\n  state: ImportState;\n}) => ReactNode;\n\nexport interface ImportButtonParams {\n  /**\n   * The import inputs, as a plain object. Omit it entirely to import into the\n   * table's own collection (Wix Data) — the collection, its fields, and\n   * create-new-field are read from the table's source. Set `destination` (and\n   * any `fields`) to write to a platformized target instead.\n   */\n  config?: ImportConfig;\n  /**\n   * Overrides the create/edit-field modal (see {@link RenderImportFieldEditor}).\n   * By default the editor is chosen from the destination (CMS vs DataExtension)\n   * and loaded on demand, so this need not be passed.\n   */\n  renderFieldEditor?: RenderImportFieldEditor;\n}\n\nexport type ImportButtonProps = ImportButtonParams & {\n  /**\n   * Which button variant to render. `'default'` (the default) shows a\n   * `ResponsiveButton`; `'bulkActionToolbar'` shows a compact secondary\n   * `Button`.\n   */\n  toolbarType?: ImportButtonToolbarType;\n  disabled?: boolean;\n  disabledReason?: ReactNode;\n};\n\nexport type ImportModalProps = ImportButtonParams;\n\nexport type ImportButtonModalLayoutProps = ImportModalProps & {\n  importModalState: ModalState;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportStepUpload.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_ = "ImportStepUpload4035137898";
+var _namespace_ = "ImportStepUpload3017035245";
 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": "ImportStepUpload4035137898__root",
-  "fileUpload": "ImportStepUpload4035137898__fileUpload"
+  "root": "ImportStepUpload3017035245__root",
+  "fileUpload": "ImportStepUpload3017035245__fileUpload"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ImportButton/ImportStepUpload.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/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ImportStepUpload4035137898\";\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\":\"ImportStepUpload4035137898__root\",\"fileUpload\":\"ImportStepUpload4035137898__fileUpload\"};\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,4BAA4B;AAC9C,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,kCAAkC;EAAC,YAAY,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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ImportStepUpload3017035245\";\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\":\"ImportStepUpload3017035245__root\",\"fileUpload\":\"ImportStepUpload3017035245__fileUpload\"};\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,4BAA4B;AAC9C,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,kCAAkC;EAAC,YAAY,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/InputOverflow/InputOverflow.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_ = "InputOverflow3820063813";
+var _namespace_ = "InputOverflow569595353";
 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": "InputOverflow3820063813__root"
+  "root": "InputOverflow569595353__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow3820063813\";\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\":\"InputOverflow3820063813__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow569595353\";\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\":\"InputOverflow569595353__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/LayoutSwitch/LayoutSwitch.js

@@ -10,11 +10,38 @@ var _Table = require("../Table");
 var _Grid = require("../Grid");
 var _InitialLoader = require("../InitialLoader");
 var _LayoutSwitchButton = require("../LayoutSwitchButton");
+var _WixPatternsRouterProvider = require("../../providers/WixPatternsRouterProvider");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/LayoutSwitch/LayoutSwitch.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const LazyEditableTable = /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('../EditableTable'))).then(m => ({
   default: m.EditableTable
 })));
+// Grid syncs no columns of its own, so while it is shown the shared toolbar
+// takes the table's columns. Without them, multi-level sorting has nothing to
+// offer when grid is the first layout. Mirrors useColumnsSyncProps, which does
+// the same for the table.
+function useTableColumnsWhileGridShown({
+  toolbar,
+  isGridShown,
+  tableColumns
+}) {
+  const router = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
+  const fieldsSource = toolbar.collectionFieldsSource;
+  const areSourceColumnsLoaded = !fieldsSource || fieldsSource.initTask.status.isSuccess;
+  (0, _react.useEffect)(() => {
+    if (!isGridShown || !tableColumns) {
+      return;
+    }
+    toolbar.setNewColumns(tableColumns);
+
+    // Under a schema source tableColumns holds only the extras, so the stale
+    // check runs against the merged columns, and only once the source fields
+    // are among them. A state restored from the router cache keeps its sort.
+    if (areSourceColumnsLoaded && !(router != null && router.isUsingCache)) {
+      toolbar._adjustSortWithNewColumns(toolbar.columns);
+    }
+  }, [isGridShown, tableColumns, areSourceColumnsLoaded]);
+}
 function _LayoutSwitch({
   state,
   importButton,
@@ -45,6 +72,11 @@ function _LayoutSwitch({
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [!!tableProps, !!gridProps, !!spreadsheetProps]);
   (0, _react.useEffect)(() => state.init(), []);
+  useTableColumnsWhileGridShown({
+    toolbar,
+    isGridShown: viewTypeState.viewType === 'grid',
+    tableColumns: tableProps == null ? void 0 : tableProps.columns
+  });
 
   // If the stored viewType is not among the available options (e.g. 'grid' was
   // persisted but gridProps is not provided), persist the correction so the next
@@ -64,7 +96,7 @@ function _LayoutSwitch({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 125,
       columnNumber: 5
     }
   });
@@ -75,7 +107,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 86,
+        lineNumber: 129,
         columnNumber: 12
       }
     });
@@ -93,7 +125,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 97,
+        lineNumber: 140,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_Table.Table, (0, _extends2.default)({}, tableProps, {
@@ -102,7 +134,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 98,
+        lineNumber: 141,
         columnNumber: 9
       }
     })));
@@ -116,7 +148,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 109,
+        lineNumber: 152,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, (0, _extends2.default)({}, gridProps, {
@@ -125,7 +157,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 110,
+        lineNumber: 153,
         columnNumber: 9
       }
     })));
@@ -139,7 +171,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 121,
+        lineNumber: 164,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
@@ -149,14 +181,14 @@ function _LayoutSwitch({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 123,
+          lineNumber: 166,
           columnNumber: 21
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 122,
+        lineNumber: 165,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(LazyEditableTable, (0, _extends2.default)({}, spreadsheetProps, {
@@ -165,7 +197,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 125,
+        lineNumber: 168,
         columnNumber: 11
       }
     }))));