@wix/patterns 1.308.0 → 1.316.0

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_bi","_ScrollableContent","_PatternsSidePanel","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_collectionDataExtens","_collectionDataExtens2","_collectionDataExtens3","entered","useRafRender","translate","useWixPatternsContainer","table","dragAndDrop","sidePanel","collectionDataExtension","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","createElement","PatternsSidePanel","dataHook","width","onClose","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","origin","close","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","Fragment","dataExtension","shouldDisplayArchive","DataExtension","CustomColumnsArchivedItemsCTAButton","onCloseSidePanel","ColumnsList","CustomColumnsAddCustomFieldCTAButton","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { Box, SidePanel } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { table, dragAndDrop } = state;\n  const { sidePanel, collectionDataExtension } = table;\n\n  useEffect(() => state.init(), []);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const isUsingDataExtension = !!collectionDataExtension;\n\n  // Show search if they're using DEx OR if there are more than 5 columns\n  const shouldShowSearch = isUsingDataExtension || totalColumns > 5;\n\n  return (\n    <PatternsSidePanel\n      dataHook=\"custom-columns-panel\"\n      width=\"100%\"\n      onClose={() => {\n        table.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Custom Columns',\n            origin: 'X Button',\n          }),\n        );\n        sidePanel.close();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.table.custom-columns.title')}\n        subtitle={\n          dragAndDrop\n            ? t('cairo.table.custom-columns.dragAndDrop.subtitle')\n            : t('cairo.table.custom-columns.subtitle')\n        }\n      >\n        {shouldShowSearch && (\n          <Box padding=\"0 SP3 SP2 SP3\">\n            <CustomColumnsSearch state={state} />\n          </Box>\n        )}\n      </SidePanel.Header>\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-columns-panel-scroll-container\"\n        ref={(e) => {\n          if (state.dragAndDrop) {\n            state.dragAndDrop.listRect.element = e;\n          }\n        }}\n      >\n        {hasSearchValue && !hasSearchResults ? (\n          <CustomColumnsNoResults state={state} />\n        ) : (\n          <>\n            {collectionDataExtension?.dataExtension?.shouldDisplayArchive &&\n              collectionDataExtension?.DataExtension\n                ?.CustomColumnsArchivedItemsCTAButton && (\n                <collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton\n                  dataExtension={collectionDataExtension.dataExtension}\n                  onCloseSidePanel={() => sidePanel.close()}\n                  dataHook=\"custom-columns\"\n                />\n              )}\n            <ColumnsList state={state} />\n          </>\n        )}\n      </ScrollableContent>\n      {collectionDataExtension?.DataExtension\n        ?.CustomColumnsAddCustomFieldCTAButton && (\n        <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />\n      )}\n    </PatternsSidePanel>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_bi","_ScrollableContent","_PatternsSidePanel","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_collectionDataExtens","_collectionDataExtens2","_collectionDataExtens3","entered","useRafRender","translate","useWixPatternsContainer","table","dragAndDrop","sidePanel","collectionDataExtension","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","createElement","PatternsSidePanel","dataHook","width","onClose","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","origin","close","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","Fragment","dataExtension","shouldDisplayArchive","DataExtension","CustomColumnsArchivedItemsCTAButton","onCloseSidePanel","actionContainerProps","paddingInlineEnd","ColumnsList","CustomColumnsAddCustomFieldCTAButton","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { Box, SidePanel } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { table, dragAndDrop } = state;\n  const { sidePanel, collectionDataExtension } = table;\n\n  useEffect(() => state.init(), []);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const isUsingDataExtension = !!collectionDataExtension;\n\n  // Show search if they're using DEx OR if there are more than 5 columns\n  const shouldShowSearch = isUsingDataExtension || totalColumns > 5;\n\n  return (\n    <PatternsSidePanel\n      dataHook=\"custom-columns-panel\"\n      width=\"100%\"\n      onClose={() => {\n        table.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Custom Columns',\n            origin: 'X Button',\n          }),\n        );\n        sidePanel.close();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.table.custom-columns.title')}\n        subtitle={\n          dragAndDrop\n            ? t('cairo.table.custom-columns.dragAndDrop.subtitle')\n            : t('cairo.table.custom-columns.subtitle')\n        }\n      >\n        {shouldShowSearch && (\n          <Box padding=\"0 SP3 SP2 SP3\">\n            <CustomColumnsSearch state={state} />\n          </Box>\n        )}\n      </SidePanel.Header>\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-columns-panel-scroll-container\"\n        ref={(e) => {\n          if (state.dragAndDrop) {\n            state.dragAndDrop.listRect.element = e;\n          }\n        }}\n      >\n        {hasSearchValue && !hasSearchResults ? (\n          <CustomColumnsNoResults state={state} />\n        ) : (\n          <>\n            {collectionDataExtension?.dataExtension?.shouldDisplayArchive &&\n              collectionDataExtension?.DataExtension\n                ?.CustomColumnsArchivedItemsCTAButton && (\n                <collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton\n                  dataExtension={collectionDataExtension.dataExtension}\n                  onCloseSidePanel={() => sidePanel.close()}\n                  dataHook=\"custom-columns\"\n                  actionContainerProps={{ paddingInlineEnd: '12px' }}\n                />\n              )}\n            <ColumnsList state={state} />\n          </>\n        )}\n      </ScrollableContent>\n      {collectionDataExtension?.DataExtension\n        ?.CustomColumnsAddCustomFieldCTAButton && (\n        <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />\n      )}\n    </PatternsSidePanel>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomDrawerLayout.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomDrawerLayout = CustomDrawerLayout;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomDrawerLayout.tsx";
+function CustomDrawerLayout(props) {
+  const {
+    dataHook,
+    title,
+    children,
+    primaryButtonText,
+    secondaryButtonText,
+    secondaryButtonProps,
+    primaryButtonProps,
+    primaryButtonOnClick,
+    secondaryButtonOnClick
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: dataHook,
+    direction: "vertical",
+    padding: "SP3",
+    backgroundColor: "white",
+    borderRadius: "12px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 5
+    }
+  }, title && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    paddingTop: "SP1",
+    paddingBottom: "SP1",
+    marginBottom: "SP4",
+    align: "center",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+    size: "small",
+    textAlign: "center",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 11
+    }
+  }, title)), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    flex: 1,
+    marginBottom: "SP4",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 51,
+      columnNumber: 7
+    }
+  }, children), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP4",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 55,
+      columnNumber: 7
+    }
+  }, primaryButtonText && /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({
+    dataHook: "baseModalLayout-primary-button",
+    fullWidth: true,
+    priority: "primary",
+    onClick: primaryButtonOnClick
+  }, primaryButtonProps, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 57,
+      columnNumber: 11
+    }
+  }), primaryButtonText), secondaryButtonText && /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({
+    dataHook: "baseModalLayout-secondary-button",
+    fullWidth: true,
+    onClick: secondaryButtonOnClick,
+    priority: "secondary"
+  }, secondaryButtonProps, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 69,
+      columnNumber: 11
+    }
+  }), secondaryButtonText)));
+}
+//# sourceMappingURL=CustomDrawerLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","CustomDrawerLayout","props","dataHook","title","children","primaryButtonText","secondaryButtonText","secondaryButtonProps","primaryButtonProps","primaryButtonOnClick","secondaryButtonOnClick","default","createElement","Box","direction","padding","backgroundColor","borderRadius","__self","__source","fileName","lineNumber","columnNumber","paddingTop","paddingBottom","marginBottom","align","Heading","size","textAlign","flex","gap","Button","_extends2","fullWidth","priority","onClick"],"sources":["../../../src/components/CustomDrawerLayout.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, Button, ButtonProps, Heading } from '@wix/design-system';\n\nexport interface CustomDrawerLayoutProps {\n  dataHook?: string;\n  title?: ReactNode;\n  children?: ReactNode;\n  primaryButtonText?: ReactNode;\n  secondaryButtonText?: ReactNode;\n  secondaryButtonProps?: Partial<Omit<ButtonProps, 'as'>>;\n  primaryButtonProps?: Partial<Omit<ButtonProps, 'as'>>;\n  primaryButtonOnClick?: () => void;\n  secondaryButtonOnClick?: () => void;\n}\n\nexport function CustomDrawerLayout(props: CustomDrawerLayoutProps) {\n  const {\n    dataHook,\n    title,\n    children,\n    primaryButtonText,\n    secondaryButtonText,\n    secondaryButtonProps,\n    primaryButtonProps,\n    primaryButtonOnClick,\n    secondaryButtonOnClick,\n  } = props;\n\n  return (\n    <Box\n      dataHook={dataHook}\n      direction=\"vertical\"\n      padding=\"SP3\"\n      backgroundColor=\"white\"\n      borderRadius=\"12px\"\n    >\n      {title && (\n        <Box\n          direction=\"vertical\"\n          paddingTop=\"SP1\"\n          paddingBottom=\"SP1\"\n          marginBottom=\"SP4\"\n          align=\"center\"\n        >\n          <Heading size=\"small\" textAlign=\"center\">\n            {title}\n          </Heading>\n        </Box>\n      )}\n\n      <Box flex={1} marginBottom=\"SP4\">\n        {children}\n      </Box>\n\n      <Box direction=\"vertical\" gap=\"SP4\">\n        {primaryButtonText && (\n          <Button\n            dataHook=\"baseModalLayout-primary-button\"\n            fullWidth\n            priority=\"primary\"\n            onClick={primaryButtonOnClick}\n            {...(primaryButtonProps as ButtonProps)}\n          >\n            {primaryButtonText}\n          </Button>\n        )}\n\n        {secondaryButtonText && (\n          <Button\n            dataHook=\"baseModalLayout-secondary-button\"\n            fullWidth\n            onClick={secondaryButtonOnClick}\n            priority=\"secondary\"\n            {...(secondaryButtonProps as ButtonProps)}\n          >\n            {secondaryButtonText}\n          </Button>\n        )}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAuE,IAAAE,YAAA;AAchE,SAASC,kBAAkBA,CAACC,KAA8B,EAAE;EACjE,MAAM;IACJC,QAAQ;IACRC,KAAK;IACLC,QAAQ;IACRC,iBAAiB;IACjBC,mBAAmB;IACnBC,oBAAoB;IACpBC,kBAAkB;IAClBC,oBAAoB;IACpBC;EACF,CAAC,GAAGT,KAAK;EAET,oBACEN,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IACFX,QAAQ,EAAEA,QAAS;IACnBY,SAAS,EAAC,UAAU;IACpBC,OAAO,EAAC,KAAK;IACbC,eAAe,EAAC,OAAO;IACvBC,YAAY,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBnB,KAAK,iBACJR,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBS,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAC,KAAK;IACnBC,YAAY,EAAC,KAAK;IAClBC,KAAK,EAAC,QAAQ;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEd3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,OAAO;IAACC,IAAI,EAAC,OAAO;IAACC,SAAS,EAAC,QAAQ;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrCnB,KACM,CACN,CACN,eAEDR,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAACiB,IAAI,EAAE,CAAE;IAACL,YAAY,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7BlB,QACE,CAAC,eAENT,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAACC,SAAS,EAAC,UAAU;IAACiB,GAAG,EAAC,KAAK;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChCjB,iBAAiB,iBAChBV,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAkC,MAAM,MAAAC,SAAA,CAAAtB,OAAA;IACLT,QAAQ,EAAC,gCAAgC;IACzCgC,SAAS;IACTC,QAAQ,EAAC,SAAS;IAClBC,OAAO,EAAE3B;EAAqB,GACzBD,kBAAkB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEtBjB,iBACK,CACT,EAEAC,mBAAmB,iBAClBX,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAkC,MAAM,MAAAC,SAAA,CAAAtB,OAAA;IACLT,QAAQ,EAAC,kCAAkC;IAC3CgC,SAAS;IACTE,OAAO,EAAE1B,sBAAuB;IAChCyB,QAAQ,EAAC;EAAW,GACf5B,oBAAoB;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAExBhB,mBACK,CAEP,CACF,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.js

@@ -6,6 +6,7 @@ exports.CustomFieldsWidgetCommonComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
+var _DeleteFieldModal = require("../ArchivedItemsPanel/DeleteFieldModal");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.tsx";
 const _CustomFieldsWidgetCommonComponents = ({
   state
@@ -28,7 +29,7 @@ const _CustomFieldsWidgetCommonComponents = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27,
+      lineNumber: 28,
       columnNumber: 9
     }
   }), CustomFieldModal && /*#__PURE__*/_react.default.createElement(CustomFieldModal, {
@@ -36,7 +37,7 @@ const _CustomFieldsWidgetCommonComponents = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 35,
       columnNumber: 9
     }
   }), ArchiveFieldModal && /*#__PURE__*/_react.default.createElement(ArchiveFieldModal, {
@@ -44,7 +45,15 @@ const _CustomFieldsWidgetCommonComponents = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 38,
+      columnNumber: 9
+    }
+  }), state.dataExtension.deleteFieldModal && /*#__PURE__*/_react.default.createElement(_DeleteFieldModal.DeleteFieldModal, {
+    state: state.dataExtension.deleteFieldModal,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
       columnNumber: 9
     }
   }));

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_jsxFileName","_CustomFieldsWidgetCommonComponents","state","page","usePageContext","modalsContainerRef","stackingRootRef","isLoading","WixPatternsModalsContainer","CustomFieldModal","ArchiveFieldModal","default","createElement","Fragment","rootRef","anchorRef","panels","__self","__source","fileName","lineNumber","columnNumber","customFieldsPanel","customFieldModal","archiveFieldModal","CustomFieldsWidgetCommonComponents","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { CustomFieldsWidgetState } from '../../state';\n\ninterface CustomFieldsWidgetCommonComponentsProps {\n  state: CustomFieldsWidgetState;\n}\n\nconst _CustomFieldsWidgetCommonComponents = ({\n  state,\n}: CustomFieldsWidgetCommonComponentsProps) => {\n  const page = usePageContext();\n\n  const { modalsContainerRef, stackingRootRef } = page;\n\n  if (state.isLoading) {\n    return null;\n  }\n  const WixPatternsModalsContainer = state.WixPatternsModalsContainer;\n  const CustomFieldModal = state.CustomFieldModal;\n  const ArchiveFieldModal = state.ArchiveFieldModal;\n\n  return (\n    <>\n      {WixPatternsModalsContainer && (\n        <WixPatternsModalsContainer\n          rootRef={stackingRootRef}\n          anchorRef={modalsContainerRef}\n          state={state.panels}\n        />\n      )}\n      {CustomFieldModal && (\n        <CustomFieldModal state={state.customFieldsPanel.customFieldModal} />\n      )}\n      {ArchiveFieldModal && (\n        <ArchiveFieldModal state={state.customFieldsPanel.archiveFieldModal} />\n      )}\n    </>\n  );\n};\n\nexport const CustomFieldsWidgetCommonComponents = observer(\n  _CustomFieldsWidgetCommonComponents,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAqD,IAAAG,YAAA;AAOrD,MAAMC,mCAAmC,GAAGA,CAAC;EAC3CC;AACuC,CAAC,KAAK;EAC7C,MAAMC,IAAI,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE7B,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAGH,IAAI;EAEpD,IAAID,KAAK,CAACK,SAAS,EAAE;IACnB,OAAO,IAAI;EACb;EACA,MAAMC,0BAA0B,GAAGN,KAAK,CAACM,0BAA0B;EACnE,MAAMC,gBAAgB,GAAGP,KAAK,CAACO,gBAAgB;EAC/C,MAAMC,iBAAiB,GAAGR,KAAK,CAACQ,iBAAiB;EAEjD,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAAjB,MAAA,CAAAgB,OAAA,CAAAE,QAAA,QACGL,0BAA0B,iBACzBb,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACJ,0BAA0B;IACzBM,OAAO,EAAER,eAAgB;IACzBS,SAAS,EAAEV,kBAAmB;IAC9BH,KAAK,EAAEA,KAAK,CAACc,MAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACrB,CACF,EACAZ,gBAAgB,iBACfd,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACH,gBAAgB;IAACP,KAAK,EAAEA,KAAK,CAACoB,iBAAiB,CAACC,gBAAiB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrE,EACAX,iBAAiB,iBAChBf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACF,iBAAiB;IAACR,KAAK,EAAEA,KAAK,CAACoB,iBAAiB,CAACE,iBAAkB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAExE,CAAC;AAEP,CAAC;AAEM,MAAMI,kCAAkC,GAAAC,OAAA,CAAAD,kCAAA,GAAG,IAAAE,uBAAQ,EACxD1B,mCACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_DeleteFieldModal","_jsxFileName","_CustomFieldsWidgetCommonComponents","state","page","usePageContext","modalsContainerRef","stackingRootRef","isLoading","WixPatternsModalsContainer","CustomFieldModal","ArchiveFieldModal","default","createElement","Fragment","rootRef","anchorRef","panels","__self","__source","fileName","lineNumber","columnNumber","customFieldsPanel","customFieldModal","archiveFieldModal","dataExtension","deleteFieldModal","DeleteFieldModal","CustomFieldsWidgetCommonComponents","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { DeleteFieldModal } from '../ArchivedItemsPanel/DeleteFieldModal';\n\ninterface CustomFieldsWidgetCommonComponentsProps {\n  state: CustomFieldsWidgetState;\n}\n\nconst _CustomFieldsWidgetCommonComponents = ({\n  state,\n}: CustomFieldsWidgetCommonComponentsProps) => {\n  const page = usePageContext();\n\n  const { modalsContainerRef, stackingRootRef } = page;\n\n  if (state.isLoading) {\n    return null;\n  }\n  const WixPatternsModalsContainer = state.WixPatternsModalsContainer;\n  const CustomFieldModal = state.CustomFieldModal;\n  const ArchiveFieldModal = state.ArchiveFieldModal;\n\n  return (\n    <>\n      {WixPatternsModalsContainer && (\n        <WixPatternsModalsContainer\n          rootRef={stackingRootRef}\n          anchorRef={modalsContainerRef}\n          state={state.panels}\n        />\n      )}\n      {CustomFieldModal && (\n        <CustomFieldModal state={state.customFieldsPanel.customFieldModal} />\n      )}\n      {ArchiveFieldModal && (\n        <ArchiveFieldModal state={state.customFieldsPanel.archiveFieldModal} />\n      )}\n      {state.dataExtension.deleteFieldModal && (\n        <DeleteFieldModal state={state.dataExtension.deleteFieldModal} />\n      )}\n    </>\n  );\n};\n\nexport const CustomFieldsWidgetCommonComponents = observer(\n  _CustomFieldsWidgetCommonComponents,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAH,OAAA;AAA0E,IAAAI,YAAA;AAM1E,MAAMC,mCAAmC,GAAGA,CAAC;EAC3CC;AACuC,CAAC,KAAK;EAC7C,MAAMC,IAAI,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE7B,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAGH,IAAI;EAEpD,IAAID,KAAK,CAACK,SAAS,EAAE;IACnB,OAAO,IAAI;EACb;EACA,MAAMC,0BAA0B,GAAGN,KAAK,CAACM,0BAA0B;EACnE,MAAMC,gBAAgB,GAAGP,KAAK,CAACO,gBAAgB;EAC/C,MAAMC,iBAAiB,GAAGR,KAAK,CAACQ,iBAAiB;EAEjD,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAAAlB,MAAA,CAAAiB,OAAA,CAAAE,QAAA,QACGL,0BAA0B,iBACzBd,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACJ,0BAA0B;IACzBM,OAAO,EAAER,eAAgB;IACzBS,SAAS,EAAEV,kBAAmB;IAC9BH,KAAK,EAAEA,KAAK,CAACc,MAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACrB,CACF,EACAZ,gBAAgB,iBACff,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACH,gBAAgB;IAACP,KAAK,EAAEA,KAAK,CAACoB,iBAAiB,CAACC,gBAAiB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrE,EACAX,iBAAiB,iBAChBhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACF,iBAAiB;IAACR,KAAK,EAAEA,KAAK,CAACoB,iBAAiB,CAACE,iBAAkB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvE,EACAnB,KAAK,CAACuB,aAAa,CAACC,gBAAgB,iBACnChC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,iBAAA,CAAA4B,gBAAgB;IAACzB,KAAK,EAAEA,KAAK,CAACuB,aAAa,CAACC,gBAAiB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAElE,CAAC;AAEP,CAAC;AAEM,MAAMO,kCAAkC,GAAAC,OAAA,CAAAD,kCAAA,GAAG,IAAAE,uBAAQ,EACxD7B,mCACF,CAAC","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.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_ = "DragHandle4004062389";
+var _namespace_ = "DragHandle1173897704";
 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": "DragHandle4004062389__root"
+  "root": "DragHandle1173897704__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/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_ = "EntityPagePlain487832312";
+var _namespace_ = "EntityPagePlain4255131288";
 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": "EntityPagePlain487832312__root"
+  "root": "EntityPagePlain4255131288__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_ = \"EntityPagePlain487832312\";\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\":\"EntityPagePlain487832312__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,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;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_ = \"EntityPagePlain4255131288\";\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\":\"EntityPagePlain4255131288__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/ExportButton/ExportButton.js

@@ -11,6 +11,7 @@ var _ExportButtonModalLayout = require("./ExportButtonModalLayout");
 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/ExportButton/ExportButton.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 _ExportButton(props) {
@@ -40,46 +41,63 @@ function _ExportButton(props) {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
   const [state] = (0, _react.useState)(() => table.exportState ?? (table.exportState = new _bexCore.ModalState()));
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   (0, _react.useEffect)(() => {
     table.featuredComponents.exportModal.set(/*#__PURE__*/_react.default.createElement(_mobxReactLite.Observer, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 44,
+        lineNumber: 47,
         columnNumber: 7
       }
-    }, () => /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
-      onRequestClose: state.requestClose,
-      isOpen: state.isOpen,
-      dataHook: "export-modal",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 46,
-        columnNumber: 11
-      }
-    }, /*#__PURE__*/_react.default.createElement(_ExportButtonModalLayout.ExportButtonModalLayout, {
-      exportModalState: state,
-      renderError: renderError,
-      transformPlatformizedQuery: transformPlatformizedQuery,
-      customTotal: customTotal,
-      arrayFieldDelimiter: arrayFieldDelimiter,
-      differentQueryEndpointThanCollection: differentQueryEndpointThanCollection,
-      methodMetadata: methodMetadata,
-      methodSpec: methodSpec,
-      fields: fields,
-      saveAs: saveAs,
-      exportModalFooter: exportModalFooter,
-      exportModalTitle: exportModalTitle,
-      onProgressModalTitle: onProgressModalTitle,
-      exportToCSVMessage: exportToCSVMessage,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 51,
-        columnNumber: 13
+    }, () => {
+      const child = /*#__PURE__*/_react.default.createElement(_ExportButtonModalLayout.ExportButtonModalLayout, {
+        exportModalState: state,
+        renderError: renderError,
+        transformPlatformizedQuery: transformPlatformizedQuery,
+        customTotal: customTotal,
+        arrayFieldDelimiter: arrayFieldDelimiter,
+        differentQueryEndpointThanCollection: differentQueryEndpointThanCollection,
+        methodMetadata: methodMetadata,
+        methodSpec: methodSpec,
+        fields: fields,
+        saveAs: saveAs,
+        exportModalFooter: exportModalFooter,
+        exportModalTitle: exportModalTitle,
+        onProgressModalTitle: onProgressModalTitle,
+        exportToCSVMessage: exportToCSVMessage,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 50,
+          columnNumber: 13
+        }
+      });
+      if (isMobile) {
+        return /*#__PURE__*/_react.default.createElement(_designSystem.Drawer, {
+          dataHook: "export-modal",
+          open: state.isOpen,
+          onClose: state.requestClose,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 72,
+            columnNumber: 15
+          }
+        }, child);
       }
-    }))));
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
+        onRequestClose: state.requestClose,
+        isOpen: state.isOpen,
+        dataHook: "export-modal",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 83,
+          columnNumber: 13
+        }
+      }, child);
+    }));
     return () => {
       table.featuredComponents.exportModal.set(null);
     };
@@ -89,7 +107,7 @@ function _ExportButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 101,
       columnNumber: 5
     }
   }, toolbarType === 'default' ? /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
@@ -100,14 +118,14 @@ function _ExportButton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 86,
+        lineNumber: 107,
         columnNumber: 17
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 103,
       columnNumber: 9
     }
   }, t('cairo.export.export')) : /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -119,7 +137,7 @@ function _ExportButton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 96,
+        lineNumber: 117,
         columnNumber: 23
       }
     }),
@@ -128,7 +146,7 @@ function _ExportButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 112,
       columnNumber: 9
     }
   }, t('cairo.export.export')));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_mobxReactLite","_ExportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButton","props","toolbarType","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","arrayFieldDelimiter","methodSpec","fields","saveAs","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","exportState","ModalState","useEffect","featuredComponents","exportModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","Modal","onRequestClose","requestClose","isOpen","dataHook","ExportButtonModalLayout","exportModalState","Box","ResponsiveButton","actions","onClick","open","icon","UploadExport","Button","skin","priority","size","ellipsis","prefixIcon","ExportButton","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Box, Button, Modal } from '@wix/design-system';\nimport { UploadExport } from '@wix/wix-ui-icons-common';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ExportButtonModalLayout } from './ExportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ExportButtonProps } from './ExportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\n\nfunction _ExportButton<T, F extends FiltersMap>(\n  props: ExportButtonProps<T, F>,\n) {\n  const {\n    toolbarType = 'default',\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    arrayFieldDelimiter,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [state] = useState(() => (table.exportState ??= new ModalState()));\n\n  useEffect(() => {\n    table.featuredComponents.exportModal.set(\n      <Observer>\n        {() => (\n          <Modal\n            onRequestClose={state.requestClose}\n            isOpen={state.isOpen}\n            dataHook=\"export-modal\"\n          >\n            <ExportButtonModalLayout\n              exportModalState={state}\n              renderError={renderError}\n              transformPlatformizedQuery={transformPlatformizedQuery}\n              customTotal={customTotal}\n              arrayFieldDelimiter={arrayFieldDelimiter}\n              differentQueryEndpointThanCollection={\n                differentQueryEndpointThanCollection\n              }\n              methodMetadata={methodMetadata}\n              methodSpec={methodSpec}\n              fields={fields}\n              saveAs={saveAs}\n              exportModalFooter={exportModalFooter}\n              exportModalTitle={exportModalTitle}\n              onProgressModalTitle={onProgressModalTitle}\n              exportToCSVMessage={exportToCSVMessage}\n            />\n          </Modal>\n        )}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.exportModal.set(null);\n    };\n  }, []);\n\n  return (\n    <Box dataHook=\"export-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"export-button\"\n          onClick={state.open}\n          icon={<UploadExport />}\n        >\n          {t('cairo.export.export')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<UploadExport />}\n          dataHook=\"export-button\"\n          onClick={state.open}\n        >\n          {t('cairo.export.export')}\n        </Button>\n      )}\n    </Box>\n  );\n}\n\nexport const ExportButton = observer(_ExportButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_mobxReactLite","_ExportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButton","props","toolbarType","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","arrayFieldDelimiter","methodSpec","fields","saveAs","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","exportState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","exportModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ExportButtonModalLayout","exportModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","Box","ResponsiveButton","actions","onClick","icon","UploadExport","Button","skin","priority","size","ellipsis","prefixIcon","ExportButton","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Box, Button, Drawer, Modal } from '@wix/design-system';\nimport { UploadExport } from '@wix/wix-ui-icons-common';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ExportButtonModalLayout } from './ExportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ExportButtonProps } from './ExportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ExportButton<T, F extends FiltersMap>(\n  props: ExportButtonProps<T, F>,\n) {\n  const {\n    toolbarType = 'default',\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    arrayFieldDelimiter,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [state] = useState(() => (table.exportState ??= new ModalState()));\n\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.exportModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ExportButtonModalLayout\n              exportModalState={state}\n              renderError={renderError}\n              transformPlatformizedQuery={transformPlatformizedQuery}\n              customTotal={customTotal}\n              arrayFieldDelimiter={arrayFieldDelimiter}\n              differentQueryEndpointThanCollection={\n                differentQueryEndpointThanCollection\n              }\n              methodMetadata={methodMetadata}\n              methodSpec={methodSpec}\n              fields={fields}\n              saveAs={saveAs}\n              exportModalFooter={exportModalFooter}\n              exportModalTitle={exportModalTitle}\n              onProgressModalTitle={onProgressModalTitle}\n              exportToCSVMessage={exportToCSVMessage}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"export-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=\"export-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.exportModal.set(null);\n    };\n  }, []);\n\n  return (\n    <Box dataHook=\"export-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"export-button\"\n          onClick={state.open}\n          icon={<UploadExport />}\n        >\n          {t('cairo.export.export')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<UploadExport />}\n          dataHook=\"export-button\"\n          onClick={state.open}\n        >\n          {t('cairo.export.export')}\n        </Button>\n      )}\n    </Box>\n  );\n}\n\nexport const ExportButton = observer(_ExportButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ExportButton/ExportButtonModalLayout.js

@@ -12,6 +12,8 @@ var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _bexCore = require("@wix/bex-core");
 var _types = require("@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types");
 var _util = require("@wix/bex-core/util");
+var _useIsMobile = require("../../hooks/useIsMobile");
+var _CustomDrawerLayout = require("../CustomDrawerLayout");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ExportButton/ExportButtonModalLayout.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 _ExportButtonModalLayout(props) {
@@ -33,6 +35,7 @@ function _ExportButtonModalLayout(props) {
     ...rest
   } = props;
   const table = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   const createExport = (0, _bexCore.useCreateExport)({
     transformPlatformizedQuery,
     differentQueryEndpointThanCollection,
@@ -69,6 +72,18 @@ function _ExportButtonModalLayout(props) {
     return undefined;
   }, [onRequestClose]);
   (0, _react.useEffect)(() => state.init(), []);
+  if (isMobile) {
+    return /*#__PURE__*/_react.default.createElement(_CustomDrawerLayout.CustomDrawerLayout, (0, _extends2.default)({
+      dataHook: "export-modal-layout"
+    }, rest, customModalLayoutProps, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 94,
+        columnNumber: 7
+      }
+    }));
+  }
   return /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, (0, _extends2.default)({
     width: "510px",
     dataHook: "export-modal-layout"
@@ -76,7 +91,7 @@ function _ExportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 103,
       columnNumber: 5
     }
   }));

package/dist/cjs/components/ExportButton/ExportButtonModalLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_getExportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_bexCore","_types","_util","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButtonModalLayout","props","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","methodSpec","fields","saveAs","exportModalState","arrayFieldDelimiter","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","rest","table","useToolbarCollectionContext","createExport","useCreateExport","reportBi","createExportAsyncJobRequest","ArrayFieldDelimiter","undefined","requestQueryFieldNumber","QueryFieldNumber","state","useState","onRequestClose","customModalLayoutProps","getExportModalStepProps","useEffect","addEventListener","events","init","createElement","CustomModalLayout","_extends2","width","dataHook","__self","__source","fileName","lineNumber","columnNumber","ExportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButtonModalLayout.tsx"],"sourcesContent":["import { CustomModalLayout } from '@wix/design-system';\nimport { getExportModalStepProps } from './getExportModalStepProps';\nimport React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { FiltersMap, useCreateExport } from '@wix/bex-core';\nimport { ExportButtonModalLayoutProps } from './ExportProps';\nimport {\n  QueryFieldNumber,\n  ArrayFieldDelimiter,\n} from '@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types';\nimport { addEventListener } from '@wix/bex-core/util';\n\nfunction _ExportButtonModalLayout<T, F extends FiltersMap>(\n  props: ExportButtonModalLayoutProps<T, F>,\n) {\n  const {\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalState,\n    arrayFieldDelimiter,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n    ...rest\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const createExport = useCreateExport<T, F>({\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    reportBi: table.reportBi,\n    exportModalState,\n    createExportAsyncJobRequest: {\n      methodMetadata,\n      fields,\n      arrayFieldDelimiter: arrayFieldDelimiter\n        ? ArrayFieldDelimiter[arrayFieldDelimiter]\n        : undefined,\n      methodSpec: methodSpec\n        ? {\n            ...methodSpec,\n            requestQueryFieldNumber: methodSpec.requestQueryFieldNumber\n              ? QueryFieldNumber[methodSpec.requestQueryFieldNumber]\n              : undefined,\n          }\n        : undefined,\n    },\n    saveAs,\n  });\n\n  const [state] = useState(() => createExport());\n\n  const { onRequestClose, ...customModalLayoutProps } = getExportModalStepProps(\n    {\n      state,\n      renderError,\n      exportModalFooter,\n      exportModalTitle,\n      onProgressModalTitle,\n      exportToCSVMessage,\n    },\n  );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        exportModalState.events,\n        'requestClose',\n        onRequestClose,\n      );\n    }\n\n    return undefined;\n  }, [onRequestClose]);\n\n  useEffect(() => state.init(), []);\n\n  return (\n    <CustomModalLayout\n      width=\"510px\"\n      dataHook=\"export-modal-layout\"\n      {...rest}\n      {...customModalLayoutProps}\n    />\n  );\n}\n\nexport const ExportButtonModalLayout = observer(_ExportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_getExportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_bexCore","_types","_util","_useIsMobile","_CustomDrawerLayout","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButtonModalLayout","props","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","methodSpec","fields","saveAs","exportModalState","arrayFieldDelimiter","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","rest","table","useToolbarCollectionContext","isMobile","useIsMobile","createExport","useCreateExport","reportBi","createExportAsyncJobRequest","ArrayFieldDelimiter","undefined","requestQueryFieldNumber","QueryFieldNumber","state","useState","onRequestClose","customModalLayoutProps","getExportModalStepProps","useEffect","addEventListener","events","init","createElement","CustomDrawerLayout","_extends2","dataHook","__self","__source","fileName","lineNumber","columnNumber","CustomModalLayout","width","ExportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButtonModalLayout.tsx"],"sourcesContent":["import { CustomModalLayout } from '@wix/design-system';\nimport { getExportModalStepProps } from './getExportModalStepProps';\nimport React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { FiltersMap, useCreateExport } from '@wix/bex-core';\nimport { ExportButtonModalLayoutProps } from './ExportProps';\nimport {\n  QueryFieldNumber,\n  ArrayFieldDelimiter,\n} from '@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CustomDrawerLayout } from '../CustomDrawerLayout';\n\nfunction _ExportButtonModalLayout<T, F extends FiltersMap>(\n  props: ExportButtonModalLayoutProps<T, F>,\n) {\n  const {\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalState,\n    arrayFieldDelimiter,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n    ...rest\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const isMobile = useIsMobile();\n\n  const createExport = useCreateExport<T, F>({\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    reportBi: table.reportBi,\n    exportModalState,\n    createExportAsyncJobRequest: {\n      methodMetadata,\n      fields,\n      arrayFieldDelimiter: arrayFieldDelimiter\n        ? ArrayFieldDelimiter[arrayFieldDelimiter]\n        : undefined,\n      methodSpec: methodSpec\n        ? {\n            ...methodSpec,\n            requestQueryFieldNumber: methodSpec.requestQueryFieldNumber\n              ? QueryFieldNumber[methodSpec.requestQueryFieldNumber]\n              : undefined,\n          }\n        : undefined,\n    },\n    saveAs,\n  });\n\n  const [state] = useState(() => createExport());\n\n  const { onRequestClose, ...customModalLayoutProps } = getExportModalStepProps(\n    {\n      state,\n      renderError,\n      exportModalFooter,\n      exportModalTitle,\n      onProgressModalTitle,\n      exportToCSVMessage,\n    },\n  );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        exportModalState.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=\"export-modal-layout\"\n        {...rest}\n        {...customModalLayoutProps}\n      />\n    );\n  }\n\n  return (\n    <CustomModalLayout\n      width=\"510px\"\n      dataHook=\"export-modal-layout\"\n      {...rest}\n      {...customModalLayoutProps}\n    />\n  );\n}\n\nexport const ExportButtonModalLayout = observer(_ExportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}