@wix/patterns 1.422.0 → 1.424.0

package/dist/cjs/components/CustomFieldsPanel/CustomFieldsPanel.js

@@ -1,13 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.CustomFieldsPanel = void 0;
 exports._CustomFieldsPanel = _CustomFieldsPanel;
 var _bexCore = require("@wix/bex-core");
 var _react = require("@wix/bex-core/react");
 var _useRafRender = require("../../hooks/useRafRender");
-var _react2 = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _ScrollableContent = require("../ScrollableContent");
 var _mobxReactLite = require("mobx-react-lite");
@@ -15,12 +14,17 @@ var _CustomFieldsList = require("./CustomFieldsList");
 var _AddCustomFieldCTAButton = require("./AddCustomFieldCTAButton");
 var _bi = require("@wix/bex-core/bi");
 var _PatternsSidePanel = require("../SidePanel/PatternsSidePanel");
-var _DataExtension = require("../DataExtension/DataExtension");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldsPanel/CustomFieldsPanel.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); }
+// Lazy: the archive CTA loads only for sources that archive, so sources that
+// don't (e.g. a schema) never pull it into their bundle.
+const ArchivedItemsCTAButton = /*#__PURE__*/(0, _react2.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../ArchivedItemsPanel/ArchivedItemsCTAButton'))).then(m => ({
+  default: m.ArchivedItemsCTAButton
+})));
 function _CustomFieldsPanel({
   state
 }) {
-  var _state$dataExtension;
+  var _state$archive;
   const container = (0, _react.useWixPatternsContainer)();
   const {
     translate: t
@@ -44,7 +48,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 36,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react2.default.createElement(_designSystem.SidePanel.Header, {
@@ -53,7 +57,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 50,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react2.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -62,25 +66,34 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 47,
+      lineNumber: 54,
       columnNumber: 7
     }
-  }, ((_state$dataExtension = state.dataExtension) == null ? void 0 : _state$dataExtension.shouldDisplayArchive) && /*#__PURE__*/_react2.default.createElement(_DataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton, {
-    dataExtension: state.dataExtension,
+  }, ((_state$archive = state.archive) == null ? void 0 : _state$archive.shouldDisplay) && /*#__PURE__*/_react2.default.createElement(_react2.Suspense, {
+    fallback: null,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react2.default.createElement(ArchivedItemsCTAButton, {
+    archive: state.archive,
+    deleteFieldModal: state.deleteFieldModal,
     onCloseSidePanel: () => state.closeSidePanel == null ? void 0 : state.closeSidePanel(),
     dataHook: "custom-fields",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
-      columnNumber: 11
+      lineNumber: 60,
+      columnNumber: 13
     }
-  }), /*#__PURE__*/_react2.default.createElement(_CustomFieldsList.CustomFieldsList, {
+  })), /*#__PURE__*/_react2.default.createElement(_CustomFieldsList.CustomFieldsList, {
     state: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 58,
+      lineNumber: 68,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
@@ -89,7 +102,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 71,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react2.default.createElement(_designSystem.Divider, {
@@ -97,7 +110,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 72,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
@@ -106,7 +119,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 73,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react2.default.createElement(_AddCustomFieldCTAButton.AddCustomFieldCTAButton, {
@@ -119,7 +132,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 74,
       columnNumber: 11
     }
   }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_react","_useRafRender","_react2","_interopRequireDefault","_designSystem","_ScrollableContent","_mobxReactLite","_CustomFieldsList","_AddCustomFieldCTAButton","_bi","_PatternsSidePanel","_DataExtension","_jsxFileName","_CustomFieldsPanel","state","_state$dataExtension","container","useWixPatternsContainer","translate","t","origin","entered","useRafRender","default","createElement","PatternsSidePanel","dataHook","width","onClose","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","closeSidePanel","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","ScrollableContent","overflowY","dataExtension","shouldDisplayArchive","DataExtension","CustomColumnsArchivedItemsCTAButton","onCloseSidePanel","CustomFieldsList","Box","direction","Divider","padding","AddCustomFieldCTAButton","onClick","openCustomFieldModal","CustomFieldsPanel","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsPanel.tsx"],"sourcesContent":["import { withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport React from 'react';\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsList } from './CustomFieldsList';\nimport { AddCustomFieldCTAButton } from './AddCustomFieldCTAButton';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { DataExtension } from '../DataExtension/DataExtension';\n\nexport interface CustomFieldsPanelProps {\n  state: CustomFieldsPanelState;\n}\nexport function _CustomFieldsPanel({ state }: CustomFieldsPanelProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const origin = 'Custom fields panel';\n\n  const entered = useRafRender();\n  if (!entered) {\n    return null;\n  }\n\n  return (\n    <PatternsSidePanel\n      dataHook=\"custom-fields-panel\"\n      width=\"100%\"\n      onClose={() => {\n        state.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Manage custom fields',\n            origin: 'X Button',\n          }),\n        );\n        state.closeSidePanel?.();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.customFields.manageFields.title')}\n        subtitle={t('cairo.customFields.manageFields.subtitle')}\n      />\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-fields-panel-scroll-container\"\n      >\n        {state.dataExtension?.shouldDisplayArchive && (\n          <DataExtension.CustomColumnsArchivedItemsCTAButton\n            dataExtension={state.dataExtension}\n            onCloseSidePanel={() => state.closeSidePanel?.()}\n            dataHook=\"custom-fields\"\n          />\n        )}\n        <CustomFieldsList state={state} />\n      </ScrollableContent>\n\n      <Box direction=\"vertical\" width=\"100%\">\n        <Divider direction=\"horizontal\" />\n        <Box padding=\"SP4\" direction=\"vertical\">\n          <AddCustomFieldCTAButton\n            state={state}\n            onClick={() => {\n              state.openCustomFieldModal({ origin });\n            }}\n          />\n        </Box>\n      </Box>\n    </PatternsSidePanel>\n  );\n}\n\nexport const CustomFieldsPanel = observer(_CustomFieldsPanel);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_react","_useRafRender","_react2","_interopRequireWildcard","_designSystem","_ScrollableContent","_mobxReactLite","_CustomFieldsList","_AddCustomFieldCTAButton","_bi","_PatternsSidePanel","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArchivedItemsCTAButton","lazy","Promise","resolve","then","m","_CustomFieldsPanel","state","_state$archive","container","useWixPatternsContainer","translate","origin","entered","useRafRender","createElement","PatternsSidePanel","dataHook","width","onClose","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","closeSidePanel","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","ScrollableContent","overflowY","archive","shouldDisplay","Suspense","fallback","deleteFieldModal","onCloseSidePanel","CustomFieldsList","Box","direction","Divider","padding","AddCustomFieldCTAButton","onClick","openCustomFieldModal","CustomFieldsPanel","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsPanel.tsx"],"sourcesContent":["import { withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport React, { lazy, Suspense } from 'react';\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsList } from './CustomFieldsList';\nimport { AddCustomFieldCTAButton } from './AddCustomFieldCTAButton';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\n\n// Lazy: the archive CTA loads only for sources that archive, so sources that\n// don't (e.g. a schema) never pull it into their bundle.\nconst ArchivedItemsCTAButton = lazy(() =>\n  import('../ArchivedItemsPanel/ArchivedItemsCTAButton').then((m) => ({\n    default: m.ArchivedItemsCTAButton,\n  })),\n);\n\nexport interface CustomFieldsPanelProps {\n  state: CustomFieldsPanelState;\n}\nexport function _CustomFieldsPanel({ state }: CustomFieldsPanelProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const origin = 'Custom fields panel';\n\n  const entered = useRafRender();\n  if (!entered) {\n    return null;\n  }\n\n  return (\n    <PatternsSidePanel\n      dataHook=\"custom-fields-panel\"\n      width=\"100%\"\n      onClose={() => {\n        state.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Manage custom fields',\n            origin: 'X Button',\n          }),\n        );\n        state.closeSidePanel?.();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.customFields.manageFields.title')}\n        subtitle={t('cairo.customFields.manageFields.subtitle')}\n      />\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-fields-panel-scroll-container\"\n      >\n        {state.archive?.shouldDisplay && (\n          <Suspense fallback={null}>\n            <ArchivedItemsCTAButton\n              archive={state.archive}\n              deleteFieldModal={state.deleteFieldModal}\n              onCloseSidePanel={() => state.closeSidePanel?.()}\n              dataHook=\"custom-fields\"\n            />\n          </Suspense>\n        )}\n        <CustomFieldsList state={state} />\n      </ScrollableContent>\n\n      <Box direction=\"vertical\" width=\"100%\">\n        <Divider direction=\"horizontal\" />\n        <Box padding=\"SP4\" direction=\"vertical\">\n          <AddCustomFieldCTAButton\n            state={state}\n            onClick={() => {\n              state.openCustomFieldModal({ origin });\n            }}\n          />\n        </Box>\n      </Box>\n    </PatternsSidePanel>\n  );\n}\n\nexport const CustomFieldsPanel = observer(_CustomFieldsPanel);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/{ArchivedItemsPanel → CustomFieldsPanel}/DeleteFieldModal.js

@@ -9,17 +9,16 @@ var _react2 = require("@wix/bex-core/react");
 var _ActionModal = require("../ActionModal");
 var _mobxReactLite = require("mobx-react-lite");
 var _Trans = require("../Trans");
-var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ArchivedItemsPanel/DeleteFieldModal.tsx";
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldsPanel/DeleteFieldModal.tsx";
 const _DeleteFieldModal = ({
   state
 }) => {
-  var _dataExtension$extrac, _modal$value, _dataExtension$extrac2, _modal$value2;
+  var _modal$value, _modal$value2;
   const container = (0, _react2.useWixPatternsContainer)();
   const {
     translate: t
   } = container;
   const {
-    dataExtension,
     modal
   } = state;
   return /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, {
@@ -27,19 +26,19 @@ const _DeleteFieldModal = ({
     state: modal,
     skin: "destructive",
     title: t('cairo.customFields.delete.modal.title', {
-      selectedField: ((_dataExtension$extrac = dataExtension.extractFieldValuesFromSchema(((_modal$value = modal.value) == null ? void 0 : _modal$value.id) || '')) == null ? void 0 : _dataExtension$extrac.name) || ''
+      selectedField: ((_modal$value = modal.value) == null ? void 0 : _modal$value.fieldName) || ''
     }),
     content: /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 29,
+        lineNumber: 27,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
       i18nKey: "cairo.customFields.delete.modal.description",
       values: {
-        selectedField: ((_dataExtension$extrac2 = dataExtension.extractFieldValuesFromSchema(((_modal$value2 = modal.value) == null ? void 0 : _modal$value2.id) || '')) == null ? void 0 : _dataExtension$extrac2.name) || ''
+        selectedField: ((_modal$value2 = modal.value) == null ? void 0 : _modal$value2.fieldName) || ''
       },
       components: {
         bold: /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -47,7 +46,7 @@ const _DeleteFieldModal = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 39,
+            lineNumber: 34,
             columnNumber: 21
           }
         })
@@ -55,7 +54,7 @@ const _DeleteFieldModal = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 30,
+        lineNumber: 28,
         columnNumber: 11
       }
     })),

package/dist/cjs/components/CustomFieldsPanel/DeleteFieldModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_ActionModal","_mobxReactLite","_Trans","_jsxFileName","_DeleteFieldModal","state","_modal$value","_modal$value2","container","useWixPatternsContainer","translate","t","modal","default","createElement","MessageActionModal","dataHook","skin","title","selectedField","value","fieldName","content","Text","__self","__source","fileName","lineNumber","columnNumber","Trans","i18nKey","values","components","bold","weight","primaryButtonText","secondaryButtonText","exports","DeleteFieldModal","observer"],"sources":["../../../../src/components/CustomFieldsPanel/DeleteFieldModal.tsx"],"sourcesContent":["import { Text } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MessageActionModal } from '../ActionModal';\nimport { observer } from 'mobx-react-lite';\nimport { DeleteFieldModalState } from '@wix/bex-core';\nimport { Trans } from '../Trans';\n\nexport const _DeleteFieldModal = ({\n  state,\n}: {\n  state: DeleteFieldModalState;\n}) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const { modal } = state;\n\n  return (\n    <MessageActionModal\n      dataHook=\"archived-items-delete-confirm-modal\"\n      state={modal}\n      skin=\"destructive\"\n      title={t('cairo.customFields.delete.modal.title', {\n        selectedField: modal.value?.fieldName || '',\n      })}\n      content={\n        <Text>\n          <Trans\n            i18nKey=\"cairo.customFields.delete.modal.description\"\n            values={{\n              selectedField: modal.value?.fieldName || '',\n            }}\n            components={{\n              bold: <Text weight=\"bold\" />,\n            }}\n          />\n        </Text>\n      }\n      primaryButtonText={t('cairo.customFields.delete.modal.delete.CTA')}\n      secondaryButtonText={t('cairo.customFields.delete.modal.cancel.CTA')}\n    />\n  );\n};\n\nexport const DeleteFieldModal = observer(_DeleteFieldModal);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAEA,IAAAM,MAAA,GAAAN,OAAA;AAAiC,IAAAO,YAAA;AAE1B,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC;AAGF,CAAC,KAAK;EAAA,IAAAC,YAAA,EAAAC,aAAA;EACJ,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,SAAS;EAClC,MAAM;IAAEI;EAAM,CAAC,GAAGP,KAAK;EAEvB,oBACER,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,YAAA,CAAAe,kBAAkB;IACjBC,QAAQ,EAAC,qCAAqC;IAC9CX,KAAK,EAAEO,KAAM;IACbK,IAAI,EAAC,aAAa;IAClBC,KAAK,EAAEP,CAAC,CAAC,uCAAuC,EAAE;MAChDQ,aAAa,EAAE,EAAAb,YAAA,GAAAM,KAAK,CAACQ,KAAK,qBAAXd,YAAA,CAAae,SAAS,KAAI;IAC3C,CAAC,CAAE;IACHC,OAAO,eACLzB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA4B,IAAI;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACH/B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAA2B,KAAK;MACJC,OAAO,EAAC,6CAA6C;MACrDC,MAAM,EAAE;QACNZ,aAAa,EAAE,EAAAZ,aAAA,GAAAK,KAAK,CAACQ,KAAK,qBAAXb,aAAA,CAAac,SAAS,KAAI;MAC3C,CAAE;MACFW,UAAU,EAAE;QACVC,IAAI,eAAEpC,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA4B,IAAI;UAACW,MAAM,EAAC,MAAM;UAAAV,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAvB,YAAA;YAAAwB,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE;MAC7B,CAAE;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH,CACG,CACP;IACDO,iBAAiB,EAAExB,CAAC,CAAC,4CAA4C,CAAE;IACnEyB,mBAAmB,EAAEzB,CAAC,CAAC,4CAA4C,CAAE;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACtE,CAAC;AAEN,CAAC;AAACS,OAAA,CAAAjC,iBAAA,GAAAA,iBAAA;AAEK,MAAMkC,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,IAAAC,uBAAQ,EAACnC,iBAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldsPanel/FieldManagementModals.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FieldManagementModals = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _CustomFieldModal = require("../CustomFieldModal");
+var _ArchiveFieldModal = require("./ArchiveFieldModal");
+var _DeleteFieldModal = require("./DeleteFieldModal");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldsPanel/FieldManagementModals.tsx";
+/**
+ * Renders the field-management modals (add/edit, archive, delete) for any source.
+ * The source supplies the modal states on CollectionFieldsSourceState; the modals
+ * themselves are the same platform components regardless of which source is behind
+ * them.
+ */
+function _FieldManagementModals({
+  source
+}) {
+  const {
+    customFieldModal,
+    archiveFieldModal,
+    deleteFieldModal
+  } = source.customFieldsPanel;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CustomFieldModal.CustomFieldModal, {
+    state: customFieldModal,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 7
+    }
+  }), archiveFieldModal && /*#__PURE__*/_react.default.createElement(_ArchiveFieldModal.ArchiveFieldModal, {
+    state: archiveFieldModal,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 29
+    }
+  }), /*#__PURE__*/_react.default.createElement(_DeleteFieldModal.DeleteFieldModal, {
+    state: deleteFieldModal,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 7
+    }
+  }));
+}
+const FieldManagementModals = exports.FieldManagementModals = (0, _mobxReactLite.observer)(_FieldManagementModals);
+//# sourceMappingURL=FieldManagementModals.js.map

package/dist/cjs/components/CustomFieldsPanel/FieldManagementModals.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CustomFieldModal","_ArchiveFieldModal","_DeleteFieldModal","_jsxFileName","_FieldManagementModals","source","customFieldModal","archiveFieldModal","deleteFieldModal","customFieldsPanel","default","createElement","Fragment","CustomFieldModal","state","__self","__source","fileName","lineNumber","columnNumber","ArchiveFieldModal","DeleteFieldModal","FieldManagementModals","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/FieldManagementModals.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { CollectionFieldsSourceState } from '../../state/CollectionFieldsSourceState';\nimport { CustomFieldModal } from '../CustomFieldModal';\nimport { ArchiveFieldModal } from './ArchiveFieldModal';\nimport { DeleteFieldModal } from './DeleteFieldModal';\n\n/**\n * Renders the field-management modals (add/edit, archive, delete) for any source.\n * The source supplies the modal states on CollectionFieldsSourceState; the modals\n * themselves are the same platform components regardless of which source is behind\n * them.\n */\nfunction _FieldManagementModals({\n  source,\n}: {\n  source: CollectionFieldsSourceState;\n}) {\n  const { customFieldModal, archiveFieldModal, deleteFieldModal } =\n    source.customFieldsPanel;\n  return (\n    <>\n      <CustomFieldModal state={customFieldModal} />\n      {archiveFieldModal && <ArchiveFieldModal state={archiveFieldModal} />}\n      <DeleteFieldModal state={deleteFieldModal} />\n    </>\n  );\n}\n\nexport const FieldManagementModals = observer(_FieldManagementModals);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAAsD,IAAAK,YAAA;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,sBAAsBA,CAAC;EAC9BC;AAGF,CAAC,EAAE;EACD,MAAM;IAAEC,gBAAgB;IAAEC,iBAAiB;IAAEC;EAAiB,CAAC,GAC7DH,MAAM,CAACI,iBAAiB;EAC1B,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAAAf,MAAA,CAAAc,OAAA,CAAAE,QAAA,qBACEhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAa,gBAAgB;IAACC,KAAK,EAAER,gBAAiB;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAC5CZ,iBAAiB,iBAAIX,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,kBAAA,CAAAmB,iBAAiB;IAACN,KAAK,EAAEP,iBAAkB;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACrEvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,iBAAA,CAAAmB,gBAAgB;IAACP,KAAK,EAAEN,gBAAiB;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5C,CAAC;AAEP;AAEO,MAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAACpB,sBAAsB,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldsPanel/FieldsSourceAddFieldCTA.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FieldsSourceAddFieldCTA = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _react2 = require("@wix/bex-core/react");
+var _CustomFields = require("../CustomFields");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldsPanel/FieldsSourceAddFieldCTA.tsx";
+function _FieldsSourceAddFieldCTA({
+  source
+}) {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const fm = source.fieldsSource.fieldManagement;
+  if (!(fm != null && fm.canAddFields)) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    width: "100%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+    direction: "horizontal",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    padding: "SP4",
+    width: "100%",
+    boxSizing: "border-box",
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CustomFields.CustomFieldsDisabledHint, {
+    disabled: fm.addFieldDisabled,
+    content: fm.addFieldDisabledHint ?? '',
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
+    dataHook: "custom-columns-add-field",
+    onClick: () => source.openFieldModal({
+      origin: 'Custom columns panel'
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 11
+    }
+  }, t('cairo.customFields.addCustomField.CTA')))));
+}
+const FieldsSourceAddFieldCTA = exports.FieldsSourceAddFieldCTA = (0, _mobxReactLite.observer)(_FieldsSourceAddFieldCTA);
+//# sourceMappingURL=FieldsSourceAddFieldCTA.js.map

package/dist/cjs/components/CustomFieldsPanel/FieldsSourceAddFieldCTA.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_CustomFields","_jsxFileName","_FieldsSourceAddFieldCTA","source","translate","t","useWixPatternsContainer","fm","fieldsSource","fieldManagement","canAddFields","default","createElement","Box","direction","width","__self","__source","fileName","lineNumber","columnNumber","Divider","padding","boxSizing","CustomFieldsDisabledHint","disabled","addFieldDisabled","content","addFieldDisabledHint","AddItem","dataHook","onClick","openFieldModal","origin","FieldsSourceAddFieldCTA","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/FieldsSourceAddFieldCTA.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { AddItem, Box, Divider } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { CollectionFieldsSourceState } from '../../state/CollectionFieldsSourceState';\nimport { CustomFieldsDisabledHint } from '../CustomFields';\n\nfunction _FieldsSourceAddFieldCTA({\n  source,\n}: {\n  source: CollectionFieldsSourceState;\n}) {\n  const { translate: t } = useWixPatternsContainer();\n  const fm = source.fieldsSource.fieldManagement;\n\n  if (!fm?.canAddFields) {\n    return null;\n  }\n\n  return (\n    <Box direction=\"vertical\" width=\"100%\">\n      <Divider direction=\"horizontal\" />\n      <Box\n        padding=\"SP4\"\n        width=\"100%\"\n        boxSizing=\"border-box\"\n        direction=\"vertical\"\n      >\n        <CustomFieldsDisabledHint\n          disabled={fm.addFieldDisabled}\n          content={fm.addFieldDisabledHint ?? ''}\n        >\n          <AddItem\n            dataHook=\"custom-columns-add-field\"\n            onClick={() =>\n              source.openFieldModal({ origin: 'Custom columns panel' })\n            }\n          >\n            {t('cairo.customFields.addCustomField.CTA')}\n          </AddItem>\n        </CustomFieldsDisabledHint>\n      </Box>\n    </Box>\n  );\n}\n\nexport const FieldsSourceAddFieldCTA = observer(_FieldsSourceAddFieldCTA);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AAA2D,IAAAK,YAAA;AAE3D,SAASC,wBAAwBA,CAAC;EAChCC;AAGF,CAAC,EAAE;EACD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,EAAE,GAAGJ,MAAM,CAACK,YAAY,CAACC,eAAe;EAE9C,IAAI,EAACF,EAAE,YAAFA,EAAE,CAAEG,YAAY,GAAE;IACrB,OAAO,IAAI;EACb;EAEA,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpC1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAuB,OAAO;IAACP,SAAS,EAAC,YAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAClC1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IACFS,OAAO,EAAC,KAAK;IACbP,KAAK,EAAC,MAAM;IACZQ,SAAS,EAAC,YAAY;IACtBT,SAAS,EAAC,UAAU;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEpB1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAwB,wBAAwB;IACvBC,QAAQ,EAAElB,EAAE,CAACmB,gBAAiB;IAC9BC,OAAO,EAAEpB,EAAE,CAACqB,oBAAoB,IAAI,EAAG;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvC1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA+B,OAAO;IACNC,QAAQ,EAAC,0BAA0B;IACnCC,OAAO,EAAEA,CAAA,KACP5B,MAAM,CAAC6B,cAAc,CAAC;MAAEC,MAAM,EAAE;IAAuB,CAAC,CACzD;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEAf,CAAC,CAAC,uCAAuC,CACnC,CACe,CACvB,CACF,CAAC;AAEV;AAEO,MAAM6B,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAAClC,wBAAwB,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldsTransforms/transformCustomFiltersToWQL.js

@@ -5,31 +5,35 @@ exports.transformCustomFiltersToWQL = void 0;
 var _transformCustomDateFilterToWQL = require("./transformCustomDateFilterToWQL");
 var _transformCustomCheckboxToWQL = require("./transformCustomCheckboxToWQL");
 var _transformCustomNumberRangeFilterToWQL = require("./transformCustomNumberRangeFilterToWQL");
-var _simplifyExtendedColumns = require("../../state/simplifyExtendedColumns");
 var _transformOperatorFilterToWQL = require("./transformOperatorFilterToWQL");
 const transformCustomFiltersToWQL = (state, filters) => {
+  var _state$toolbar$collec;
   const transformToWqlMapper = {
-    date: _transformCustomDateFilterToWQL.transformCustomDateFilterToWQL,
-    dateTime: _transformCustomDateFilterToWQL.transformCustomDateFilterToWQL,
-    checkbox: _transformCustomCheckboxToWQL.transformCustomCheckboxToWQL,
-    decimal: _transformCustomNumberRangeFilterToWQL.transformCustomNumberRangeFilterToWQL,
-    integer: _transformCustomNumberRangeFilterToWQL.transformCustomNumberRangeFilterToWQL,
-    shortText: _transformOperatorFilterToWQL.transformOperatorFilterToWQL,
-    longText: _transformOperatorFilterToWQL.transformOperatorFilterToWQL,
-    url: _transformOperatorFilterToWQL.transformOperatorFilterToWQL
+    DATE: _transformCustomDateFilterToWQL.transformCustomDateFilterToWQL,
+    DATETIME: _transformCustomDateFilterToWQL.transformCustomDateFilterToWQL,
+    BOOLEAN: _transformCustomCheckboxToWQL.transformCustomCheckboxToWQL,
+    NUMBER: _transformCustomNumberRangeFilterToWQL.transformCustomNumberRangeFilterToWQL,
+    SHORT_TEXT: _transformOperatorFilterToWQL.transformOperatorFilterToWQL,
+    LONG_TEXT: _transformOperatorFilterToWQL.transformOperatorFilterToWQL,
+    URL: _transformOperatorFilterToWQL.transformOperatorFilterToWQL
   };
+  const fieldsSource = (_state$toolbar$collec = state.toolbar.collectionFieldsSource) == null ? void 0 : _state$toolbar$collec.fieldsSource;
+  if (!fieldsSource) {
+    return {
+      $and: []
+    };
+  }
   const platformizedFilters = Object.keys(filters).reduce((acc, filterId) => {
-    var _state$toolbar$collec;
     const filterValue = filters[filterId];
-    const currCustomField = (_state$toolbar$collec = state.toolbar.collectionDataExtension) == null ? void 0 : _state$toolbar$collec.dataExtension.filterableCustomFields.find(field => field.id === filterId);
-    if (!currCustomField || filterValue == null) {
+    const field = fieldsSource.filterableFields.find(f => f.id === filterId);
+    if (!field || filterValue == null) {
       return acc;
     }
-    const filterName = (0, _simplifyExtendedColumns.prefixFieldWithNamespace)(currCustomField.id, currCustomField.namespace);
-    const transformToWql = transformToWqlMapper[currCustomField.type];
+    const transformToWql = transformToWqlMapper[field.type];
     if (!transformToWql) {
       return acc;
     }
+    const filterName = fieldsSource.queryFieldId(field);
     acc.push(...transformToWql(filterName, filterValue));
     return acc;
   }, []);

package/dist/cjs/components/CustomFieldsTransforms/transformCustomFiltersToWQL.js.map

@@ -1 +1 @@
-{"version":3,"names":["_transformCustomDateFilterToWQL","require","_transformCustomCheckboxToWQL","_transformCustomNumberRangeFilterToWQL","_simplifyExtendedColumns","_transformOperatorFilterToWQL","transformCustomFiltersToWQL","state","filters","transformToWqlMapper","date","transformCustomDateFilterToWQL","dateTime","checkbox","transformCustomCheckboxToWQL","decimal","transformCustomNumberRangeFilterToWQL","integer","shortText","transformOperatorFilterToWQL","longText","url","platformizedFilters","Object","keys","reduce","acc","filterId","_state$toolbar$collec","filterValue","currCustomField","toolbar","collectionDataExtension","dataExtension","filterableCustomFields","find","field","id","filterName","prefixFieldWithNamespace","namespace","transformToWql","type","push","$and","exports"],"sources":["../../../../src/components/CustomFieldsTransforms/transformCustomFiltersToWQL.tsx"],"sourcesContent":["import {\n  CustomField,\n  CustomFieldType,\n  ExtractFilterValue,\n  FiltersMap,\n  RawFilters,\n} from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { transformCustomDateFilterToWQL } from './transformCustomDateFilterToWQL';\nimport { transformCustomCheckboxToWQL } from './transformCustomCheckboxToWQL';\nimport { transformCustomNumberRangeFilterToWQL } from './transformCustomNumberRangeFilterToWQL';\nimport { prefixFieldWithNamespace } from '../../state/simplifyExtendedColumns';\nimport { transformOperatorFilterToWQL } from './transformOperatorFilterToWQL';\n\nexport const transformCustomFiltersToWQL = <F extends FiltersMap>(\n  state: { toolbar: ToolbarCollectionState<any, F> },\n  filters: RawFilters<F>,\n) => {\n  const transformToWqlMapper: {\n    [key in CustomFieldType]?: (\n      filterName: string,\n      filterValue: { [P in keyof F]: ExtractFilterValue<F[P]> }[string],\n    ) => any[];\n  } = {\n    date: transformCustomDateFilterToWQL,\n    dateTime: transformCustomDateFilterToWQL,\n    checkbox: transformCustomCheckboxToWQL,\n    decimal: transformCustomNumberRangeFilterToWQL,\n    integer: transformCustomNumberRangeFilterToWQL,\n    shortText: transformOperatorFilterToWQL,\n    longText: transformOperatorFilterToWQL,\n    url: transformOperatorFilterToWQL,\n  };\n\n  const platformizedFilters = Object.keys(filters).reduce(\n    (acc: any[], filterId) => {\n      const filterValue = filters[filterId];\n      const currCustomField =\n        state.toolbar.collectionDataExtension?.dataExtension.filterableCustomFields.find(\n          (field: CustomField) => field.id === filterId,\n        );\n\n      if (!currCustomField || filterValue == null) {\n        return acc;\n      }\n\n      const filterName = prefixFieldWithNamespace(\n        currCustomField.id,\n        currCustomField.namespace,\n      );\n\n      const transformToWql = transformToWqlMapper[currCustomField.type];\n      if (!transformToWql) {\n        return acc;\n      }\n\n      acc.push(...transformToWql(filterName, filterValue));\n\n      return acc;\n    },\n    [],\n  );\n\n  return { $and: platformizedFilters };\n};\n"],"mappings":";;;;AAQA,IAAAA,+BAAA,GAAAC,OAAA;AACA,IAAAC,6BAAA,GAAAD,OAAA;AACA,IAAAE,sCAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AACA,IAAAI,6BAAA,GAAAJ,OAAA;AAEO,MAAMK,2BAA2B,GAAGA,CACzCC,KAAkD,EAClDC,OAAsB,KACnB;EACH,MAAMC,oBAKL,GAAG;IACFC,IAAI,EAAEC,8DAA8B;IACpCC,QAAQ,EAAED,8DAA8B;IACxCE,QAAQ,EAAEC,0DAA4B;IACtCC,OAAO,EAAEC,4EAAqC;IAC9CC,OAAO,EAAED,4EAAqC;IAC9CE,SAAS,EAAEC,0DAA4B;IACvCC,QAAQ,EAAED,0DAA4B;IACtCE,GAAG,EAAEF;EACP,CAAC;EAED,MAAMG,mBAAmB,GAAGC,MAAM,CAACC,IAAI,CAAChB,OAAO,CAAC,CAACiB,MAAM,CACrD,CAACC,GAAU,EAAEC,QAAQ,KAAK;IAAA,IAAAC,qBAAA;IACxB,MAAMC,WAAW,GAAGrB,OAAO,CAACmB,QAAQ,CAAC;IACrC,MAAMG,eAAe,IAAAF,qBAAA,GACnBrB,KAAK,CAACwB,OAAO,CAACC,uBAAuB,qBAArCJ,qBAAA,CAAuCK,aAAa,CAACC,sBAAsB,CAACC,IAAI,CAC7EC,KAAkB,IAAKA,KAAK,CAACC,EAAE,KAAKV,QACvC,CAAC;IAEH,IAAI,CAACG,eAAe,IAAID,WAAW,IAAI,IAAI,EAAE;MAC3C,OAAOH,GAAG;IACZ;IAEA,MAAMY,UAAU,GAAG,IAAAC,iDAAwB,EACzCT,eAAe,CAACO,EAAE,EAClBP,eAAe,CAACU,SAClB,CAAC;IAED,MAAMC,cAAc,GAAGhC,oBAAoB,CAACqB,eAAe,CAACY,IAAI,CAAC;IACjE,IAAI,CAACD,cAAc,EAAE;MACnB,OAAOf,GAAG;IACZ;IAEAA,GAAG,CAACiB,IAAI,CAAC,GAAGF,cAAc,CAACH,UAAU,EAAET,WAAW,CAAC,CAAC;IAEpD,OAAOH,GAAG;EACZ,CAAC,EACD,EACF,CAAC;EAED,OAAO;IAAEkB,IAAI,EAAEtB;EAAoB,CAAC;AACtC,CAAC;AAACuB,OAAA,CAAAvC,2BAAA,GAAAA,2BAAA","ignoreList":[]}
+{"version":3,"names":["_transformCustomDateFilterToWQL","require","_transformCustomCheckboxToWQL","_transformCustomNumberRangeFilterToWQL","_transformOperatorFilterToWQL","transformCustomFiltersToWQL","state","filters","_state$toolbar$collec","transformToWqlMapper","DATE","transformCustomDateFilterToWQL","DATETIME","BOOLEAN","transformCustomCheckboxToWQL","NUMBER","transformCustomNumberRangeFilterToWQL","SHORT_TEXT","transformOperatorFilterToWQL","LONG_TEXT","URL","fieldsSource","toolbar","collectionFieldsSource","$and","platformizedFilters","Object","keys","reduce","acc","filterId","filterValue","field","filterableFields","find","f","id","transformToWql","type","filterName","queryFieldId","push","exports"],"sources":["../../../../src/components/CustomFieldsTransforms/transformCustomFiltersToWQL.tsx"],"sourcesContent":["import {\n  ExtractFilterValue,\n  Field,\n  FiltersMap,\n  PatternsFieldType,\n  RawFilters,\n} from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { transformCustomDateFilterToWQL } from './transformCustomDateFilterToWQL';\nimport { transformCustomCheckboxToWQL } from './transformCustomCheckboxToWQL';\nimport { transformCustomNumberRangeFilterToWQL } from './transformCustomNumberRangeFilterToWQL';\nimport { transformOperatorFilterToWQL } from './transformOperatorFilterToWQL';\n\nexport const transformCustomFiltersToWQL = <F extends FiltersMap>(\n  state: { toolbar: ToolbarCollectionState<any, F> },\n  filters: RawFilters<F>,\n) => {\n  const transformToWqlMapper: {\n    [key in PatternsFieldType]?: (\n      filterName: string,\n      filterValue: { [P in keyof F]: ExtractFilterValue<F[P]> }[string],\n    ) => any[];\n  } = {\n    DATE: transformCustomDateFilterToWQL,\n    DATETIME: transformCustomDateFilterToWQL,\n    BOOLEAN: transformCustomCheckboxToWQL,\n    NUMBER: transformCustomNumberRangeFilterToWQL,\n    SHORT_TEXT: transformOperatorFilterToWQL,\n    LONG_TEXT: transformOperatorFilterToWQL,\n    URL: transformOperatorFilterToWQL,\n  };\n\n  const fieldsSource = state.toolbar.collectionFieldsSource?.fieldsSource;\n\n  if (!fieldsSource) {\n    return { $and: [] };\n  }\n\n  const platformizedFilters = Object.keys(filters).reduce(\n    (acc: any[], filterId) => {\n      const filterValue = filters[filterId];\n      const field = fieldsSource.filterableFields.find(\n        (f: Field) => f.id === filterId,\n      );\n\n      if (!field || filterValue == null) {\n        return acc;\n      }\n\n      const transformToWql = transformToWqlMapper[field.type];\n      if (!transformToWql) {\n        return acc;\n      }\n\n      const filterName = fieldsSource.queryFieldId(field);\n      acc.push(...transformToWql(filterName, filterValue));\n\n      return acc;\n    },\n    [],\n  );\n\n  return { $and: platformizedFilters };\n};\n"],"mappings":";;;;AAQA,IAAAA,+BAAA,GAAAC,OAAA;AACA,IAAAC,6BAAA,GAAAD,OAAA;AACA,IAAAE,sCAAA,GAAAF,OAAA;AACA,IAAAG,6BAAA,GAAAH,OAAA;AAEO,MAAMI,2BAA2B,GAAGA,CACzCC,KAAkD,EAClDC,OAAsB,KACnB;EAAA,IAAAC,qBAAA;EACH,MAAMC,oBAKL,GAAG;IACFC,IAAI,EAAEC,8DAA8B;IACpCC,QAAQ,EAAED,8DAA8B;IACxCE,OAAO,EAAEC,0DAA4B;IACrCC,MAAM,EAAEC,4EAAqC;IAC7CC,UAAU,EAAEC,0DAA4B;IACxCC,SAAS,EAAED,0DAA4B;IACvCE,GAAG,EAAEF;EACP,CAAC;EAED,MAAMG,YAAY,IAAAb,qBAAA,GAAGF,KAAK,CAACgB,OAAO,CAACC,sBAAsB,qBAApCf,qBAAA,CAAsCa,YAAY;EAEvE,IAAI,CAACA,YAAY,EAAE;IACjB,OAAO;MAAEG,IAAI,EAAE;IAAG,CAAC;EACrB;EAEA,MAAMC,mBAAmB,GAAGC,MAAM,CAACC,IAAI,CAACpB,OAAO,CAAC,CAACqB,MAAM,CACrD,CAACC,GAAU,EAAEC,QAAQ,KAAK;IACxB,MAAMC,WAAW,GAAGxB,OAAO,CAACuB,QAAQ,CAAC;IACrC,MAAME,KAAK,GAAGX,YAAY,CAACY,gBAAgB,CAACC,IAAI,CAC7CC,CAAQ,IAAKA,CAAC,CAACC,EAAE,KAAKN,QACzB,CAAC;IAED,IAAI,CAACE,KAAK,IAAID,WAAW,IAAI,IAAI,EAAE;MACjC,OAAOF,GAAG;IACZ;IAEA,MAAMQ,cAAc,GAAG5B,oBAAoB,CAACuB,KAAK,CAACM,IAAI,CAAC;IACvD,IAAI,CAACD,cAAc,EAAE;MACnB,OAAOR,GAAG;IACZ;IAEA,MAAMU,UAAU,GAAGlB,YAAY,CAACmB,YAAY,CAACR,KAAK,CAAC;IACnDH,GAAG,CAACY,IAAI,CAAC,GAAGJ,cAAc,CAACE,UAAU,EAAER,WAAW,CAAC,CAAC;IAEpD,OAAOF,GAAG;EACZ,CAAC,EACD,EACF,CAAC;EAED,OAAO;IAAEL,IAAI,EAAEC;EAAoB,CAAC;AACtC,CAAC;AAACiB,OAAA,CAAArC,2BAAA,GAAAA,2BAAA","ignoreList":[]}

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

@@ -6,7 +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 _DeleteFieldModal = require("../CustomFieldsPanel/DeleteFieldModal");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.tsx";
 const _CustomFieldsWidgetCommonComponents = ({
   state
@@ -43,7 +43,7 @@ const _CustomFieldsWidgetCommonComponents = ({
       lineNumber: 38,
       columnNumber: 9
     }
-  }), ArchiveFieldModal && /*#__PURE__*/_react.default.createElement(ArchiveFieldModal, {
+  }), ArchiveFieldModal && state.customFieldsPanel.archiveFieldModal && /*#__PURE__*/_react.default.createElement(ArchiveFieldModal, {
     state: state.customFieldsPanel.archiveFieldModal,
     __self: void 0,
     __source: {
@@ -51,13 +51,13 @@ const _CustomFieldsWidgetCommonComponents = ({
       lineNumber: 41,
       columnNumber: 9
     }
-  }), state.dataExtension.deleteFieldModal && /*#__PURE__*/_react.default.createElement(_DeleteFieldModal.DeleteFieldModal, {
-    state: state.dataExtension.deleteFieldModal,
+  }), /*#__PURE__*/_react.default.createElement(_DeleteFieldModal.DeleteFieldModal, {
+    state: state.customFieldsPanel.deleteFieldModal,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
-      columnNumber: 9
+      lineNumber: 43,
+      columnNumber: 7
     }
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_DeleteFieldModal","_jsxFileName","_CustomFieldsWidgetCommonComponents","state","page","usePageContext","useRelativeSidePanel","useWixPatternsContainer","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, useWixPatternsContainer } 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  const { useRelativeSidePanel } = useWixPatternsContainer();\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={\n            useRelativeSidePanel ? stackingRootRef : modalsContainerRef\n          }\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;EAC7B,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE1D,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAGL,IAAI;EAEpD,IAAID,KAAK,CAACO,SAAS,EAAE;IACnB,OAAO,IAAI;EACb;EACA,MAAMC,0BAA0B,GAAGR,KAAK,CAACQ,0BAA0B;EACnE,MAAMC,gBAAgB,GAAGT,KAAK,CAACS,gBAAgB;EAC/C,MAAMC,iBAAiB,GAAGV,KAAK,CAACU,iBAAiB;EAEjD,oBACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAApB,MAAA,CAAAmB,OAAA,CAAAE,QAAA,QACGL,0BAA0B,iBACzBhB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACJ,0BAA0B;IACzBM,OAAO,EAAER,eAAgB;IACzBS,SAAS,EACPZ,oBAAoB,GAAGG,eAAe,GAAGD,kBAC1C;IACDL,KAAK,EAAEA,KAAK,CAACgB,MAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACrB,CACF,EACAZ,gBAAgB,iBACfjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACH,gBAAgB;IAACT,KAAK,EAAEA,KAAK,CAACsB,iBAAiB,CAACC,gBAAiB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrE,EACAX,iBAAiB,iBAChBlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACF,iBAAiB;IAACV,KAAK,EAAEA,KAAK,CAACsB,iBAAiB,CAACE,iBAAkB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvE,EACArB,KAAK,CAACyB,aAAa,CAACC,gBAAgB,iBACnClC,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,iBAAA,CAAA8B,gBAAgB;IAAC3B,KAAK,EAAEA,KAAK,CAACyB,aAAa,CAACC,gBAAiB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAElE,CAAC;AAEP,CAAC;AAEM,MAAMO,kCAAkC,GAAAC,OAAA,CAAAD,kCAAA,GAAG,IAAAE,uBAAQ,EACxD/B,mCACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_DeleteFieldModal","_jsxFileName","_CustomFieldsWidgetCommonComponents","state","page","usePageContext","useRelativeSidePanel","useWixPatternsContainer","modalsContainerRef","stackingRootRef","isLoading","WixPatternsModalsContainer","CustomFieldModal","ArchiveFieldModal","default","createElement","Fragment","rootRef","anchorRef","panels","__self","__source","fileName","lineNumber","columnNumber","customFieldsPanel","customFieldModal","archiveFieldModal","DeleteFieldModal","deleteFieldModal","CustomFieldsWidgetCommonComponents","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { usePageContext, useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { DeleteFieldModal } from '../CustomFieldsPanel/DeleteFieldModal';\n\ninterface CustomFieldsWidgetCommonComponentsProps {\n  state: CustomFieldsWidgetState;\n}\n\nconst _CustomFieldsWidgetCommonComponents = ({\n  state,\n}: CustomFieldsWidgetCommonComponentsProps) => {\n  const page = usePageContext();\n  const { useRelativeSidePanel } = useWixPatternsContainer();\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={\n            useRelativeSidePanel ? stackingRootRef : modalsContainerRef\n          }\n          state={state.panels}\n        />\n      )}\n      {CustomFieldModal && (\n        <CustomFieldModal state={state.customFieldsPanel.customFieldModal} />\n      )}\n      {ArchiveFieldModal && state.customFieldsPanel.archiveFieldModal && (\n        <ArchiveFieldModal state={state.customFieldsPanel.archiveFieldModal} />\n      )}\n      <DeleteFieldModal state={state.customFieldsPanel.deleteFieldModal} />\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;AAAyE,IAAAI,YAAA;AAMzE,MAAMC,mCAAmC,GAAGA,CAAC;EAC3CC;AACuC,CAAC,KAAK;EAC7C,MAAMC,IAAI,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAC7B,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE1D,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAGL,IAAI;EAEpD,IAAID,KAAK,CAACO,SAAS,EAAE;IACnB,OAAO,IAAI;EACb;EACA,MAAMC,0BAA0B,GAAGR,KAAK,CAACQ,0BAA0B;EACnE,MAAMC,gBAAgB,GAAGT,KAAK,CAACS,gBAAgB;EAC/C,MAAMC,iBAAiB,GAAGV,KAAK,CAACU,iBAAiB;EAEjD,oBACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAApB,MAAA,CAAAmB,OAAA,CAAAE,QAAA,QACGL,0BAA0B,iBACzBhB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACJ,0BAA0B;IACzBM,OAAO,EAAER,eAAgB;IACzBS,SAAS,EACPZ,oBAAoB,GAAGG,eAAe,GAAGD,kBAC1C;IACDL,KAAK,EAAEA,KAAK,CAACgB,MAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACrB,CACF,EACAZ,gBAAgB,iBACfjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACH,gBAAgB;IAACT,KAAK,EAAEA,KAAK,CAACsB,iBAAiB,CAACC,gBAAiB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrE,EACAX,iBAAiB,IAAIV,KAAK,CAACsB,iBAAiB,CAACE,iBAAiB,iBAC7DhC,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACF,iBAAiB;IAACV,KAAK,EAAEA,KAAK,CAACsB,iBAAiB,CAACE,iBAAkB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvE,eACD7B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,iBAAA,CAAA4B,gBAAgB;IAACzB,KAAK,EAAEA,KAAK,CAACsB,iBAAiB,CAACI,gBAAiB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACpE,CAAC;AAEP,CAAC;AAEM,MAAMM,kCAAkC,GAAAC,OAAA,CAAAD,kCAAA,GAAG,IAAAE,uBAAQ,EACxD9B,mCACF,CAAC","ignoreList":[]}

package/dist/cjs/components/DataExtension/DataExtension.js

@@ -2,36 +2,47 @@
 
 exports.__esModule = true;
 exports.DataExtension = void 0;
-var _CustomFieldModal = require("../CustomFieldModal");
-var _CustomColumns = require("../CustomColumns");
-var _ArchiveFieldModal = require("../CustomFieldsPanel/ArchiveFieldModal");
-var _CustomColumnsAddCustomFieldCTAButton = require("../CustomFieldsPanel/CustomColumnsAddCustomFieldCTAButton");
-var _CustomColumnsEditCustomFieldCTAButton = require("../CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton");
-var _ArchivedItemsCTAButton = require("../ArchivedItemsPanel/ArchivedItemsCTAButton");
-var _CollectionDataExtensionState = require("./CollectionDataExtensionState");
-var _FileCardList = require("../FileCard/FileCardList");
+var _bexCore = require("@wix/bex-core");
 var _CustomFieldsCollectionPanelEntry = require("../CustomFieldsPanel/CustomFieldsCollectionPanelEntry");
+var _dataExtensionFieldsSource = require("./dataExtensionFieldsSource");
+var _dataExtensionRendering = require("./dataExtensionRendering");
+var _CollectionFieldsSourceState = require("../../state/CollectionFieldsSourceState");
 var _manageCustomFieldsPageAction = require("./manageCustomFieldsPageAction");
 const DataExtension = _ => {
   return null;
 };
 exports.DataExtension = DataExtension;
 DataExtension.setDataExtensionOnTable = function (toolbar, overrides) {
-  toolbar.collectionDataExtension ?? (toolbar.collectionDataExtension = new _CollectionDataExtensionState.CollectionDataExtensionState({
-    toolbar,
+  if (toolbar.collectionFieldsSource) {
+    return;
+  }
+  const dataExtension = new _bexCore.DataExtensionState({
     container: toolbar.container,
-    DataExtension,
-    props: overrides,
-    ...overrides
-  }));
+    fqdn: toolbar.collection.fqdn ?? {
+      product: toolbar.collection.queryName
+    },
+    closeSidePanel: toolbar.closeSidePanel,
+    disableUserDefinedWriting: overrides == null ? void 0 : overrides.disableUserDefinedWriting,
+    filterable: overrides == null ? void 0 : overrides.filterable,
+    containsPii: overrides == null ? void 0 : overrides.containsPii,
+    defaultPermissions: overrides == null ? void 0 : overrides.defaultPermissions,
+    enableArchive: overrides == null ? void 0 : overrides.enableArchive
+  });
+  const fieldsSource = (0, _dataExtensionFieldsSource.dataExtensionFieldsSourceFrom)({
+    dataExtension,
+    reportBi: toolbar.reportBi,
+    toExtendedFields: toolbar.collection.toExtendedFields
+  });
+  _CollectionFieldsSourceState.CollectionFieldsSourceState.setOnTable(toolbar, {
+    fieldsSource,
+    ...(0, _dataExtensionRendering.dataExtensionRendering)({
+      dataExtension,
+      toolbar,
+      DataExtension,
+      props: overrides
+    })
+  });
 };
-DataExtension.FileCardList = _FileCardList.FileCardList;
-DataExtension.CustomFieldModal = _CustomFieldModal.CustomFieldModal;
-DataExtension.ArchiveFieldModal = _ArchiveFieldModal.ArchiveFieldModal;
-DataExtension.CustomColumns = _CustomColumns.CustomColumnsFull;
-DataExtension.CustomColumnsAddCustomFieldCTAButton = _CustomColumnsAddCustomFieldCTAButton.CustomColumnsAddCustomFieldCTAButton;
-DataExtension.CustomColumnsEditCustomFieldCTAButton = _CustomColumnsEditCustomFieldCTAButton.CustomColumnsEditCustomFieldCTAButton;
-DataExtension.CustomColumnsArchivedItemsCTAButton = _ArchivedItemsCTAButton.ArchivedItemsCTAButton;
 DataExtension.syncTableCollectionProps = state => {
   state.panels.registerSidePanel('customFields', _CustomFieldsCollectionPanelEntry.CustomFieldsCollectionPanelEntry);
 };