@wix/patterns 1.358.0 → 1.360.0

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

@@ -0,0 +1,137 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ImportButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _bexCore = require("@wix/bex-core");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _mobxReactLite = require("mobx-react-lite");
+var _ImportButtonModalLayout = require("./ImportButtonModalLayout");
+var _react2 = require("@wix/bex-core/react");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _ResponsiveButton = require("../ResponsiveButton/ResponsiveButton");
+var _useIsMobile = require("../../hooks/useIsMobile");
+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) {
+  const {
+    toolbarType = 'default',
+    fields,
+    bulkUploadItems,
+    backup,
+    batchSize
+  } = props;
+  const table = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const {
+    toolbar: {
+      responsive
+    }
+  } = table;
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const [state] = (0, _react.useState)(() => table.importState ?? (table.importState = new _bexCore.ModalState()));
+  const isMobile = (0, _useIsMobile.useIsMobile)();
+  (0, _react.useEffect)(() => {
+    table.featuredComponents.importModal.set(/*#__PURE__*/_react.default.createElement(_mobxReactLite.Observer, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 33,
+        columnNumber: 7
+      }
+    }, () => {
+      const child = /*#__PURE__*/_react.default.createElement(_ImportButtonModalLayout.ImportButtonModalLayout, {
+        importModalState: state,
+        fields: fields,
+        bulkUploadItems: bulkUploadItems,
+        backup: backup,
+        batchSize: batchSize,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 36,
+          columnNumber: 13
+        }
+      });
+      if (isMobile) {
+        return /*#__PURE__*/_react.default.createElement(_designSystem.Drawer, {
+          dataHook: "import-modal",
+          open: state.isOpen,
+          onClose: state.requestClose,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 47,
+            columnNumber: 15
+          }
+        }, child);
+      }
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
+        onRequestClose: state.requestClose,
+        isOpen: state.isOpen,
+        dataHook: "import-modal",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 58,
+          columnNumber: 13
+        }
+      }, child);
+    }));
+    return () => {
+      table.featuredComponents.importModal.set(null);
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "import-container",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 76,
+      columnNumber: 5
+    }
+  }, toolbarType === 'default' ? /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
+    state: responsive.actions,
+    dataHook: "import-button",
+    onClick: state.open,
+    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DownloadImport, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 82,
+        columnNumber: 17
+      }
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 9
+    }
+  }, t('cairo.import.import')) : /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+    skin: "standard",
+    priority: "secondary",
+    size: "small",
+    ellipsis: true,
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DownloadImport, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 92,
+        columnNumber: 23
+      }
+    }),
+    dataHook: "import-button",
+    onClick: state.open,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 87,
+      columnNumber: 9
+    }
+  }, t('cairo.import.import')));
+}
+const ImportButton = exports.ImportButton = (0, _mobxReactLite.observer)(_ImportButton);
+//# sourceMappingURL=ImportButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_mobxReactLite","_ImportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButton","props","toolbarType","fields","bulkUploadItems","backup","batchSize","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","importState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","importModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ImportButtonModalLayout","importModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","DownloadImport","Button","skin","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 { DownloadImport } from '@wix/wix-ui-icons-common';\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';\n\nfunction _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {\n  const {\n    toolbarType = 'default',\n    fields,\n    bulkUploadItems,\n    backup,\n    batchSize,\n  } = 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\n  useEffect(() => {\n    table.featuredComponents.importModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ImportButtonModalLayout\n              importModalState={state}\n              fields={fields}\n              bulkUploadItems={bulkUploadItems}\n              backup={backup}\n              batchSize={batchSize}\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={<DownloadImport />}\n        >\n          {t('cairo.import.import')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<DownloadImport />}\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":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,yBAAA,GAAAP,OAAA;AAEA,IAAAQ,iBAAA,GAAAR,OAAA;AACA,IAAAS,YAAA,GAAAT,OAAA;AAAsD,IAAAU,YAAA;AAAA,SAAAX,wBAAAY,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAd,uBAAA,YAAAA,CAAAY,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEtD,SAASkB,aAAaA,CAA0BC,KAAwB,EAAE;EACxE,MAAM;IACJC,WAAW,GAAG,SAAS;IACvBC,MAAM;IACNC,eAAe;IACfC,MAAM;IACNC;EACF,CAAC,GAAGL,KAAK;EAET,MAAMM,KAAK,GAAG,IAAAC,qDAA2B,EAAO,CAAC;EACjD,MAAM;IACJC,OAAO,EAAE;MAAEC;IAAW;EACxB,CAAC,GAAGH,KAAK;EAET,MAAM;IAAEI,SAAS,EAAE7B;EAAE,CAAC,GAAG,IAAA8B,+BAAuB,EAAC,CAAC;EAClD,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAOP,KAAK,CAACQ,WAAW,KAAjBR,KAAK,CAACQ,WAAW,GAAK,IAAIC,mBAAU,CAAC,CAAC,CAAC,CAAC;EACxE,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,IAAAC,gBAAS,EAAC,MAAM;IACdZ,KAAK,CAACa,kBAAkB,CAACC,WAAW,CAAC3B,GAAG,cACtC1B,MAAA,CAAAuB,OAAA,CAAA+B,aAAA,CAAChD,cAAA,CAAAiD,QAAQ;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9C,YAAA;QAAA+C,UAAA;QAAAC,YAAA;MAAA;IAAA,GACN,MAAM;MACL,MAAMC,KAAK,gBACT7D,MAAA,CAAAuB,OAAA,CAAA+B,aAAA,CAAC/C,wBAAA,CAAAuD,uBAAuB;QACtBC,gBAAgB,EAAElB,KAAM;QACxBV,MAAM,EAAEA,MAAO;QACfC,eAAe,EAAEA,eAAgB;QACjCC,MAAM,EAAEA,MAAO;QACfC,SAAS,EAAEA,SAAU;QAAAkB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9C,YAAA;UAAA+C,UAAA;UAAAC,YAAA;QAAA;MAAA,CACtB,CACF;MAED,IAAIX,QAAQ,EAAE;QACZ,oBACEjD,MAAA,CAAAuB,OAAA,CAAA+B,aAAA,CAAClD,aAAA,CAAA4D,MAAM;UACLC,QAAQ,EAAC,cAAc;UACvBC,IAAI,EAAErB,KAAK,CAACsB,MAAO;UACnBC,OAAO,EAAEvB,KAAK,CAACwB,YAAa;UAAAb,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA9C,YAAA;YAAA+C,UAAA;YAAAC,YAAA;UAAA;QAAA,GAE3BC,KACK,CAAC;MAEb;MAEA,oBACE7D,MAAA,CAAAuB,OAAA,CAAA+B,aAAA,CAAClD,aAAA,CAAAkE,KAAK;QACJC,cAAc,EAAE1B,KAAK,CAACwB,YAAa;QACnCF,MAAM,EAAEtB,KAAK,CAACsB,MAAO;QACrBF,QAAQ,EAAC,cAAc;QAAAT,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9C,YAAA;UAAA+C,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEtBC,KACI,CAAC;IAEZ,CACQ,CACZ,CAAC;IAED,OAAO,MAAM;MACXtB,KAAK,CAACa,kBAAkB,CAACC,WAAW,CAAC3B,GAAG,CAAC,IAAI,CAAC;IAChD,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE1B,MAAA,CAAAuB,OAAA,CAAA+B,aAAA;IAAK,aAAU,kBAAkB;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9C,YAAA;MAAA+C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC9B1B,WAAW,KAAK,SAAS,gBACxBlC,MAAA,CAAAuB,OAAA,CAAA+B,aAAA,CAAC5C,iBAAA,CAAA8D,gBAAgB;IACf3B,KAAK,EAAEH,UAAU,CAAC+B,OAAQ;IAC1BR,QAAQ,EAAC,eAAe;IACxBS,OAAO,EAAE7B,KAAK,CAACqB,IAAK;IACpBS,IAAI,eAAE3E,MAAA,CAAAuB,OAAA,CAAA+B,aAAA,CAACjD,iBAAA,CAAAuE,cAAc;MAAApB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9C,YAAA;QAAA+C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9C,YAAA;MAAA+C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExB9C,CAAC,CAAC,qBAAqB,CACR,CAAC,gBAEnBd,MAAA,CAAAuB,OAAA,CAAA+B,aAAA,CAAClD,aAAA,CAAAyE,MAAM;IACLC,IAAI,EAAC,UAAU;IACfC,QAAQ,EAAC,WAAW;IACpBC,IAAI,EAAC,OAAO;IACZC,QAAQ;IACRC,UAAU,eAAElF,MAAA,CAAAuB,OAAA,CAAA+B,aAAA,CAACjD,iBAAA,CAAAuE,cAAc;MAAApB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9C,YAAA;QAAA+C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAC/BK,QAAQ,EAAC,eAAe;IACxBS,OAAO,EAAE7B,KAAK,CAACqB,IAAK;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9C,YAAA;MAAA+C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEnB9C,CAAC,CAAC,qBAAqB,CAClB,CAEP,CAAC;AAEV;AAEO,MAAMqE,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,uBAAQ,EAACrD,aAAa,CAAC","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ImportButtonUniDriver = ImportButtonUniDriver;
+exports.default = void 0;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _ImportModalUni = _interopRequireDefault(require("./ImportModal.uni.driver"));
+function ImportButtonUniDriver(base, body) {
+  const getButton = () => (0, _unidriver.ButtonUniDriver)(base, body);
+  const importModal = (0, _ImportModalUni.default)(base, body);
+  return {
+    ...importModal,
+    /** Clicks the button to open import modal */
+    click: () => getButton().click(),
+    /** Indicates whether import button exists in the table toolbar */
+    exists: () => getButton().exists()
+  };
+}
+var _default = exports.default = ImportButtonUniDriver;
+//# sourceMappingURL=ImportButton.uni.driver.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ImportButtonModalLayout = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _getImportModalStepProps = require("./getImportModalStepProps");
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _bexCore = require("@wix/bex-core");
+var _util = require("@wix/bex-core/util");
+var _useIsMobile = require("../../hooks/useIsMobile");
+var _CustomDrawerLayout = require("../CustomDrawerLayout");
+var _ImportStepper = require("./ImportStepper");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportButtonModalLayout.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 _ImportButtonModalLayout(props) {
+  const {
+    fields,
+    bulkUploadItems,
+    backup,
+    batchSize,
+    importModalState,
+    ...rest
+  } = props;
+  const isMobile = (0, _useIsMobile.useIsMobile)();
+  const createImport = (0, _bexCore.useCreateImport)({
+    fields,
+    bulkUploadItems,
+    backup,
+    batchSize,
+    importModalState
+  });
+  const [state] = (0, _react.useState)(() => createImport());
+  const {
+    onRequestClose,
+    children,
+    removeContentPadding,
+    ...customModalLayoutProps
+  } = (0, _getImportModalStepProps.getImportModalStepProps)({
+    state
+  });
+  const wrappedChildren = state.currentStep !== 'progress' ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP3",
+    width: "100%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ImportStepper.ImportStepper, {
+    state: state,
+    removeContentPadding: !removeContentPadding,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 9
+    }
+  }), children) : children;
+  (0, _react.useEffect)(() => {
+    if (onRequestClose) {
+      return (0, _util.addEventListener)(importModalState.events, 'requestClose', onRequestClose);
+    }
+    return undefined;
+  }, [onRequestClose]);
+  (0, _react.useEffect)(() => state.init(), []);
+  if (isMobile) {
+    return /*#__PURE__*/_react.default.createElement(_CustomDrawerLayout.CustomDrawerLayout, (0, _extends2.default)({
+      dataHook: "import-modal-layout",
+      removeContentPadding: removeContentPadding
+    }, rest, customModalLayoutProps, {
+      children: wrappedChildren,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 72,
+        columnNumber: 7
+      }
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, (0, _extends2.default)({
+    width: "600px",
+    dataHook: "import-modal-layout",
+    removeContentPadding: removeContentPadding
+  }, rest, customModalLayoutProps, {
+    children: wrappedChildren,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 83,
+      columnNumber: 5
+    }
+  }));
+}
+const ImportButtonModalLayout = exports.ImportButtonModalLayout = (0, _mobxReactLite.observer)(_ImportButtonModalLayout);
+//# sourceMappingURL=ImportButtonModalLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","fields","bulkUploadItems","backup","batchSize","importModalState","rest","isMobile","useIsMobile","createImport","useCreateImport","state","useState","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","wrappedChildren","currentStep","createElement","Box","direction","gap","width","__self","__source","fileName","lineNumber","columnNumber","ImportStepper","useEffect","addEventListener","events","undefined","init","CustomDrawerLayout","_extends2","dataHook","CustomModalLayout","ImportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButtonModalLayout.tsx"],"sourcesContent":["import { Box, CustomModalLayout } from '@wix/design-system';\nimport { getImportModalStepProps } from './getImportModalStepProps';\nimport React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\nimport { ImportButtonModalLayoutProps } from './ImportProps';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CustomDrawerLayout } from '../CustomDrawerLayout';\nimport { ImportStepper } from './ImportStepper';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const {\n    fields,\n    bulkUploadItems,\n    backup,\n    batchSize,\n    importModalState,\n    ...rest\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const createImport = useCreateImport({\n    fields,\n    bulkUploadItems,\n    backup,\n    batchSize,\n    importModalState,\n  });\n\n  const [state] = useState(() => createImport());\n\n  const {\n    onRequestClose,\n    children,\n    removeContentPadding,\n    ...customModalLayoutProps\n  } = getImportModalStepProps({\n    state,\n  });\n\n  const wrappedChildren =\n    state.currentStep !== 'progress' ? (\n      <Box direction=\"vertical\" gap=\"SP3\" width=\"100%\">\n        <ImportStepper\n          state={state}\n          removeContentPadding={!removeContentPadding}\n        />\n        {children}\n      </Box>\n    ) : (\n      children\n    );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        importModalState.events,\n        'requestClose',\n        onRequestClose,\n      );\n    }\n\n    return undefined;\n  }, [onRequestClose]);\n\n  useEffect(() => state.init(), []);\n\n  if (isMobile) {\n    return (\n      <CustomDrawerLayout\n        dataHook=\"import-modal-layout\"\n        removeContentPadding={removeContentPadding}\n        {...rest}\n        {...customModalLayoutProps}\n        children={wrappedChildren}\n      />\n    );\n  }\n\n  return (\n    <CustomModalLayout\n      width=\"600px\"\n      dataHook=\"import-modal-layout\"\n      removeContentPadding={removeContentPadding}\n      {...rest}\n      {...customModalLayoutProps}\n      children={wrappedChildren}\n    />\n  );\n}\n\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ImportModal = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _bexCore = require("@wix/bex-core");
+var _ImportButtonModalLayout = require("./ImportButtonModalLayout");
+var _mobxReactLite = require("mobx-react-lite");
+var _useIsMobile = require("../../hooks/useIsMobile");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportModal.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 _ImportModal(props) {
+  const table = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const [importModalState] = (0, _react.useState)(() => table.importState ?? (table.importState = new _bexCore.ModalState()));
+  const isMobile = (0, _useIsMobile.useIsMobile)();
+  const child = /*#__PURE__*/_react.default.createElement(_ImportButtonModalLayout.ImportButtonModalLayout, (0, _extends2.default)({}, props, {
+    importModalState: importModalState,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      columnNumber: 5
+    }
+  }));
+  if (isMobile) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Drawer, {
+      dataHook: "import-modal",
+      open: importModalState.isOpen,
+      onClose: importModalState.close,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 25,
+        columnNumber: 7
+      }
+    }, child);
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
+    onRequestClose: importModalState.close,
+    isOpen: importModalState.isOpen,
+    dataHook: "import-modal",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 5
+    }
+  }, child);
+}
+const ImportModal = exports.ImportModal = (0, _mobxReactLite.observer)(_ImportModal);
+//# sourceMappingURL=ImportModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_ToolbarCollectionContext","_bexCore","_ImportButtonModalLayout","_mobxReactLite","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportModal","props","table","useToolbarCollectionContext","importModalState","useState","importState","ModalState","isMobile","useIsMobile","child","createElement","ImportButtonModalLayout","_extends2","__self","__source","fileName","lineNumber","columnNumber","Drawer","dataHook","open","isOpen","onClose","close","Modal","onRequestClose","ImportModal","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportModal.tsx"],"sourcesContent":["import { Drawer, Modal } from '@wix/design-system';\nimport React, { useState } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { ImportButtonModalLayout } from './ImportButtonModalLayout';\nimport { observer } from 'mobx-react-lite';\nimport { ImportModalProps } from './ImportProps';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ImportModal<T, F extends FiltersMap>(props: ImportModalProps) {\n  const table = useToolbarCollectionContext<T, F>();\n\n  const [importModalState] = useState(\n    () => (table.importState ??= new ModalState()),\n  );\n\n  const isMobile = useIsMobile();\n\n  const child = (\n    <ImportButtonModalLayout {...props} importModalState={importModalState} />\n  );\n\n  if (isMobile) {\n    return (\n      <Drawer\n        dataHook=\"import-modal\"\n        open={importModalState.isOpen}\n        onClose={importModalState.close}\n      >\n        {child}\n      </Drawer>\n    );\n  }\n\n  return (\n    <Modal\n      onRequestClose={importModalState.close}\n      isOpen={importModalState.isOpen}\n      dataHook=\"import-modal\"\n    >\n      {child}\n    </Modal>\n  );\n}\n\nexport const ImportModal = observer(_ImportModal);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,65 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ImportModalUniDriver = ImportModalUniDriver;
+exports.default = void 0;
+var _unidriver = require("@wix/wix-ui-test-utils/unidriver");
+var _unidriver2 = require("../../unidriver");
+var _unidriver3 = require("@wix/design-system/dist/testkit/unidriver");
+function ImportModalUniDriver(base, body) {
+  const modalBase = () => body.$('.portal-import-modal');
+  const modalLayoutBase = () => body.$('[data-hook="import-modal-layout"]');
+  const footerBase = () => modalLayoutBase().$('[data-hook="import-modal-footer-text"]');
+  const getModal = () => (0, _unidriver3.ModalUniDriver)(modalBase(), modalBase());
+  const getModalLayout = () => (0, _unidriver3.CustomModalLayoutUniDriver)(modalLayoutBase(), body);
+  const getFooterText = async () => (await (0, _unidriver3.TextUniDriver)(footerBase(), body)).getText();
+  const footerExists = () => footerBase().exists();
+  const fileInputBase = () => modalLayoutBase().$('[data-hook="import-file-input"]');
+  const configurationStepBase = () => modalLayoutBase().$('[data-hook="import-mapping-step"]');
+  const summaryStepBase = () => modalLayoutBase().$('[data-hook="import-summary-step"]');
+  const progressLabelBase = () => modalLayoutBase().$('[data-hook="import-progress-label"]');
+  return {
+    wait: timeout => base.wait(timeout),
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    getModal,
+    getModalLayout,
+    waitModalClosed: timeout => (0, _unidriver.waitFor)(async () => !(await getModalLayout().exists()), timeout),
+    clickPrimaryAction: async () => (await getModalLayout().getPrimaryButtonDriver()).click(),
+    getPrimaryActionText: async () => (await getModalLayout().getPrimaryButtonDriver()).getButtonTextContent(),
+    isPrimaryButtonDisabled: async () => (await getModalLayout().getPrimaryButtonDriver()).isButtonDisabled(),
+    getSecondaryButtonText: async () => (await getModalLayout().getSecondaryButtonDriver()).getButtonTextContent(),
+    clickSecondaryAction: async () => (await getModalLayout().getSecondaryButtonDriver()).click(),
+    clickCloseButton: () => getModalLayout().clickCloseButton(),
+    getModalTitle: () => getModalLayout().getTitleText(),
+    getSubtitleText: () => getModalLayout().getSubtitleText(),
+    getFooterText,
+    footerExists,
+    isUploadStepVisible: () => fileInputBase().exists(),
+    isConfigurationStepVisible: () => configurationStepBase().exists(),
+    isSummaryStepVisible: () => summaryStepBase().exists(),
+    /** Simulates selecting a file in the upload step */
+    uploadFile: async file => {
+      const nativeInput = await fileInputBase().$('input[type="file"]').getNative();
+      Object.defineProperty(nativeInput, 'files', {
+        value: [file]
+      });
+      nativeInput.dispatchEvent(new Event('change', {
+        bubbles: true
+      }));
+    },
+    getUploadError: () => modalLayoutBase().$('[data-hook="import-upload-error"]').text(),
+    uploadErrorExists: () => modalLayoutBase().$('[data-hook="import-upload-error"]').exists(),
+    getProgressLabel: () => progressLabelBase().text(),
+    progressLabelExists: () => progressLabelBase().exists(),
+    getPartialErrorText: () => modalLayoutBase().$('[data-hook="import-partial-error"]').text(),
+    partialErrorExists: () => modalLayoutBase().$('[data-hook="import-partial-error"]').exists(),
+    getErrorMessageText: () => modalLayoutBase().$('[data-hook="import-error-message"]').text(),
+    errorMessageExists: () => modalLayoutBase().$('[data-hook="import-error-message"]').exists(),
+    /** Get the CounterBadge driver for the columns found counter */
+    getColumnsFoundCounter: () => (0, _unidriver3.CounterBadgeUniDriver)(modalLayoutBase().$('[data-hook="import-columns-found-counter"]'), body),
+    /** Get the Dropdown driver for a specific CSV header mapping */
+    getMappingDropdown: header => (0, _unidriver3.DropdownUniDriver)(modalLayoutBase().$(`[data-hook="import-mapping-${header}"]`), body)
+  };
+}
+var _default = exports.default = ImportModalUniDriver;
+//# sourceMappingURL=ImportModal.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","ImportModalUniDriver","base","body","modalBase","$","modalLayoutBase","footerBase","getModal","ModalUniDriver","getModalLayout","CustomModalLayoutUniDriver","getFooterText","TextUniDriver","getText","footerExists","exists","fileInputBase","configurationStepBase","summaryStepBase","progressLabelBase","wait","timeout","baseUniDriverFactory","waitModalClosed","waitFor","clickPrimaryAction","getPrimaryButtonDriver","click","getPrimaryActionText","getButtonTextContent","isPrimaryButtonDisabled","isButtonDisabled","getSecondaryButtonText","getSecondaryButtonDriver","clickSecondaryAction","clickCloseButton","getModalTitle","getTitleText","getSubtitleText","isUploadStepVisible","isConfigurationStepVisible","isSummaryStepVisible","uploadFile","file","nativeInput","getNative","Object","defineProperty","value","dispatchEvent","Event","bubbles","getUploadError","text","uploadErrorExists","getProgressLabel","progressLabelExists","getPartialErrorText","partialErrorExists","getErrorMessageText","errorMessageExists","getColumnsFoundCounter","CounterBadgeUniDriver","getMappingDropdown","header","DropdownUniDriver","_default","exports","default"],"sources":["../../../../src/components/ImportButton/ImportModal.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  CounterBadgeUniDriver,\n  CustomModalLayoutUniDriver,\n  DropdownUniDriver,\n  ModalUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function ImportModalUniDriver(base: UniDriver, body: UniDriver) {\n  const modalBase = () => body.$('.portal-import-modal');\n  const modalLayoutBase = () => body.$('[data-hook=\"import-modal-layout\"]');\n  const footerBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-modal-footer-text\"]');\n\n  const getModal = () => ModalUniDriver(modalBase(), modalBase());\n\n  const getModalLayout = () =>\n    CustomModalLayoutUniDriver(modalLayoutBase(), body);\n\n  const getFooterText = async () =>\n    (await TextUniDriver(footerBase(), body)).getText();\n\n  const footerExists = () => footerBase().exists();\n\n  const fileInputBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-file-input\"]');\n  const configurationStepBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-mapping-step\"]');\n  const summaryStepBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-summary-step\"]');\n  const progressLabelBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-progress-label\"]');\n\n  return {\n    wait: (timeout?: number) => base.wait(timeout),\n    ...baseUniDriverFactory(base),\n    getModal,\n    getModalLayout,\n    waitModalClosed: (timeout?: number) =>\n      waitFor(async () => !(await getModalLayout().exists()), timeout),\n    clickPrimaryAction: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).click(),\n    getPrimaryActionText: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).getButtonTextContent(),\n    isPrimaryButtonDisabled: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).isButtonDisabled(),\n    getSecondaryButtonText: async () =>\n      (\n        await getModalLayout().getSecondaryButtonDriver()\n      ).getButtonTextContent(),\n    clickSecondaryAction: async () =>\n      (await getModalLayout().getSecondaryButtonDriver()).click(),\n    clickCloseButton: () => getModalLayout().clickCloseButton(),\n    getModalTitle: () => getModalLayout().getTitleText(),\n    getSubtitleText: () => getModalLayout().getSubtitleText(),\n    getFooterText,\n    footerExists,\n\n    isUploadStepVisible: () => fileInputBase().exists(),\n    isConfigurationStepVisible: () => configurationStepBase().exists(),\n    isSummaryStepVisible: () => summaryStepBase().exists(),\n\n    /** Simulates selecting a file in the upload step */\n    uploadFile: async (file: File) => {\n      const nativeInput: HTMLInputElement = await fileInputBase()\n        .$('input[type=\"file\"]')\n        .getNative();\n      Object.defineProperty(nativeInput, 'files', { value: [file] });\n      nativeInput.dispatchEvent(new Event('change', { bubbles: true }));\n    },\n\n    getUploadError: () =>\n      modalLayoutBase().$('[data-hook=\"import-upload-error\"]').text(),\n    uploadErrorExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-upload-error\"]').exists(),\n\n    getProgressLabel: () => progressLabelBase().text(),\n    progressLabelExists: () => progressLabelBase().exists(),\n\n    getPartialErrorText: () =>\n      modalLayoutBase().$('[data-hook=\"import-partial-error\"]').text(),\n    partialErrorExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-partial-error\"]').exists(),\n\n    getErrorMessageText: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').text(),\n    errorMessageExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').exists(),\n\n    /** Get the CounterBadge driver for the columns found counter */\n    getColumnsFoundCounter: () =>\n      CounterBadgeUniDriver(\n        modalLayoutBase().$('[data-hook=\"import-columns-found-counter\"]'),\n        body,\n      ),\n\n    /** Get the Dropdown driver for a specific CSV header mapping */\n    getMappingDropdown: (header: string) =>\n      DropdownUniDriver(\n        modalLayoutBase().$(`[data-hook=\"import-mapping-${header}\"]`),\n        body,\n      ),\n  };\n}\n\nexport default ImportModalUniDriver;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=ImportProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/ImportButton/ImportProps.tsx"],"sourcesContent":["import { BackupFn, BulkUploadItemsFn, ModalState } from '@wix/bex-core';\nimport { CreateExportAsyncJobRequest } from '@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types';\n\ntype ImportButtonToolbarType = 'default' | 'bulkActionToolbar';\n\nexport interface ImportButtonParams\n  extends Pick<CreateExportAsyncJobRequest, 'fields'> {\n  bulkUploadItems: BulkUploadItemsFn;\n  backup?: BackupFn;\n  batchSize?: number;\n}\n\nexport type ImportButtonProps = ImportButtonParams & {\n  toolbarType?: ImportButtonToolbarType;\n};\n\nexport type ImportModalProps = ImportButtonParams;\n\nexport type ImportButtonModalLayoutProps = ImportModalProps & {\n  importModalState: ModalState;\n};\n"],"mappings":"","ignoreList":[]}