@wix/patterns 1.423.0 → 1.425.0

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);
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_CustomFieldModal","require","_CustomColumns","_ArchiveFieldModal","_CustomColumnsAddCustomFieldCTAButton","_CustomColumnsEditCustomFieldCTAButton","_ArchivedItemsCTAButton","_CollectionDataExtensionState","_FileCardList","_CustomFieldsCollectionPanelEntry","_manageCustomFieldsPageAction","DataExtension","_","exports","setDataExtensionOnTable","toolbar","overrides","collectionDataExtension","CollectionDataExtensionState","container","props","FileCardList","CustomFieldModal","ArchiveFieldModal","CustomColumns","CustomColumnsFull","CustomColumnsAddCustomFieldCTAButton","CustomColumnsEditCustomFieldCTAButton","CustomColumnsArchivedItemsCTAButton","ArchivedItemsCTAButton","syncTableCollectionProps","state","panels","registerSidePanel","CustomFieldsCollectionPanelEntry","manageCustomFieldsPageAction"],"sources":["../../../../src/components/DataExtension/DataExtension.ts"],"sourcesContent":["import {\n  CollectionPageState,\n  DataExtensionOverrides,\n  FiltersMap,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { CustomFieldModal } from '../CustomFieldModal';\nimport { CustomColumnsFull } from '../CustomColumns';\nimport { ArchiveFieldModal } from '../CustomFieldsPanel/ArchiveFieldModal';\nimport { CustomColumnsAddCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsAddCustomFieldCTAButton';\nimport { CustomColumnsEditCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton';\nimport { ArchivedItemsCTAButton } from '../ArchivedItemsPanel/ArchivedItemsCTAButton';\nimport { CollectionDataExtensionState } from './CollectionDataExtensionState';\nimport { ReactElement } from 'react';\nimport { FileCardList } from '../FileCard/FileCardList';\nimport { CustomFieldsCollectionPanelEntry } from '../CustomFieldsPanel/CustomFieldsCollectionPanelEntry';\nimport { MoreActionsItem } from '../MoreActions';\nimport { manageCustomFieldsPageAction } from './manageCustomFieldsPageAction';\n\nexport type DataExtensionObjectType = {\n  setDataExtensionOnTable: <T, F extends FiltersMap>(\n    toolbar: ToolbarCollectionState<T, F>,\n    overrides?: DataExtensionProps,\n  ) => void;\n  CustomFieldModal: typeof CustomFieldModal;\n  ArchiveFieldModal: typeof ArchiveFieldModal;\n  FileCardList: typeof FileCardList;\n  CustomColumns: typeof CustomColumnsFull;\n  CustomColumnsAddCustomFieldCTAButton: typeof CustomColumnsAddCustomFieldCTAButton;\n  CustomColumnsEditCustomFieldCTAButton: typeof CustomColumnsEditCustomFieldCTAButton;\n  CustomColumnsArchivedItemsCTAButton: typeof ArchivedItemsCTAButton;\n  syncTableCollectionProps: (state: ToolbarCollectionState<any, any>) => void;\n  manageCustomFieldsPageAction: (params: {\n    pageState: CollectionPageState;\n    container: WixPatternsContainer;\n  }) => MoreActionsItem;\n};\n\nexport type DataExtensionProps = DataExtensionOverrides;\n\nexport const DataExtension: React.FC<DataExtensionProps> &\n  DataExtensionObjectType = (_: DataExtensionProps) => {\n  return null;\n};\n\nexport type DataExtensionElement = ReactElement<\n  DataExtensionProps,\n  typeof DataExtension\n>;\n\nexport type DataExtensionType = typeof DataExtension;\n\nDataExtension.setDataExtensionOnTable = function (toolbar, overrides) {\n  toolbar.collectionDataExtension ??= new CollectionDataExtensionState({\n    toolbar,\n    container: toolbar.container,\n    DataExtension,\n    props: overrides,\n    ...overrides,\n  });\n};\nDataExtension.FileCardList = FileCardList;\nDataExtension.CustomFieldModal = CustomFieldModal;\nDataExtension.ArchiveFieldModal = ArchiveFieldModal;\nDataExtension.CustomColumns = CustomColumnsFull;\nDataExtension.CustomColumnsAddCustomFieldCTAButton =\n  CustomColumnsAddCustomFieldCTAButton;\nDataExtension.CustomColumnsEditCustomFieldCTAButton =\n  CustomColumnsEditCustomFieldCTAButton;\nDataExtension.CustomColumnsArchivedItemsCTAButton = ArchivedItemsCTAButton;\nDataExtension.syncTableCollectionProps = (\n  state: ToolbarCollectionState<any>,\n) => {\n  state.panels.registerSidePanel(\n    'customFields',\n    CustomFieldsCollectionPanelEntry,\n  );\n};\nDataExtension.manageCustomFieldsPageAction = manageCustomFieldsPageAction;\n"],"mappings":";;;;AAOA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,qCAAA,GAAAH,OAAA;AACA,IAAAI,sCAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,6BAAA,GAAAN,OAAA;AAEA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,iCAAA,GAAAR,OAAA;AAEA,IAAAS,6BAAA,GAAAT,OAAA;AAuBO,MAAMU,aACY,GAAIC,CAAqB,IAAK;EACrD,OAAO,IAAI;AACb,CAAC;AAACC,OAAA,CAAAF,aAAA,GAAAA,aAAA;AASFA,aAAa,CAACG,uBAAuB,GAAG,UAAUC,OAAO,EAAEC,SAAS,EAAE;EACpED,OAAO,CAACE,uBAAuB,KAA/BF,OAAO,CAACE,uBAAuB,GAAK,IAAIC,0DAA4B,CAAC;IACnEH,OAAO;IACPI,SAAS,EAAEJ,OAAO,CAACI,SAAS;IAC5BR,aAAa;IACbS,KAAK,EAAEJ,SAAS;IAChB,GAAGA;EACL,CAAC,CAAC;AACJ,CAAC;AACDL,aAAa,CAACU,YAAY,GAAGA,0BAAY;AACzCV,aAAa,CAACW,gBAAgB,GAAGA,kCAAgB;AACjDX,aAAa,CAACY,iBAAiB,GAAGA,oCAAiB;AACnDZ,aAAa,CAACa,aAAa,GAAGC,gCAAiB;AAC/Cd,aAAa,CAACe,oCAAoC,GAChDA,0EAAoC;AACtCf,aAAa,CAACgB,qCAAqC,GACjDA,4EAAqC;AACvChB,aAAa,CAACiB,mCAAmC,GAAGC,8CAAsB;AAC1ElB,aAAa,CAACmB,wBAAwB,GACpCC,KAAkC,IAC/B;EACHA,KAAK,CAACC,MAAM,CAACC,iBAAiB,CAC5B,cAAc,EACdC,kEACF,CAAC;AACH,CAAC;AACDvB,aAAa,CAACwB,4BAA4B,GAAGA,0DAA4B","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_CustomFieldsCollectionPanelEntry","_dataExtensionFieldsSource","_dataExtensionRendering","_CollectionFieldsSourceState","_manageCustomFieldsPageAction","DataExtension","_","exports","setDataExtensionOnTable","toolbar","overrides","collectionFieldsSource","dataExtension","DataExtensionState","container","fqdn","collection","product","queryName","closeSidePanel","disableUserDefinedWriting","filterable","containsPii","defaultPermissions","enableArchive","fieldsSource","dataExtensionFieldsSourceFrom","reportBi","toExtendedFields","CollectionFieldsSourceState","setOnTable","dataExtensionRendering","props","syncTableCollectionProps","state","panels","registerSidePanel","CustomFieldsCollectionPanelEntry","manageCustomFieldsPageAction"],"sources":["../../../../src/components/DataExtension/DataExtension.ts"],"sourcesContent":["import {\n  CollectionPageState,\n  DataExtensionOverrides,\n  DataExtensionState,\n  FiltersMap,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { CustomFieldsCollectionPanelEntry } from '../CustomFieldsPanel/CustomFieldsCollectionPanelEntry';\nimport { dataExtensionFieldsSourceFrom } from './dataExtensionFieldsSource';\nimport { dataExtensionRendering } from './dataExtensionRendering';\nimport { CollectionFieldsSourceState } from '../../state/CollectionFieldsSourceState';\nimport { ReactElement } from 'react';\nimport { MoreActionsItem } from '../MoreActions';\nimport { manageCustomFieldsPageAction } from './manageCustomFieldsPageAction';\n\nexport type DataExtensionObjectType = {\n  setDataExtensionOnTable: <T, F extends FiltersMap>(\n    toolbar: ToolbarCollectionState<T, F>,\n    overrides?: DataExtensionProps,\n  ) => void;\n  syncTableCollectionProps: (state: ToolbarCollectionState<any, any>) => void;\n  manageCustomFieldsPageAction: (params: {\n    pageState: CollectionPageState;\n    container: WixPatternsContainer;\n  }) => MoreActionsItem;\n};\n\nexport type DataExtensionProps = DataExtensionOverrides;\n\nexport const DataExtension: React.FC<DataExtensionProps> &\n  DataExtensionObjectType = (_: DataExtensionProps) => {\n  return null;\n};\n\nexport type DataExtensionElement = ReactElement<\n  DataExtensionProps,\n  typeof DataExtension\n>;\n\nexport type DataExtensionType = typeof DataExtension;\n\nDataExtension.setDataExtensionOnTable = function (toolbar, overrides) {\n  if (toolbar.collectionFieldsSource) {\n    return;\n  }\n\n  const dataExtension = new DataExtensionState({\n    container: toolbar.container,\n    fqdn: toolbar.collection.fqdn ?? {\n      product: toolbar.collection.queryName,\n    },\n    closeSidePanel: toolbar.closeSidePanel,\n    disableUserDefinedWriting: overrides?.disableUserDefinedWriting,\n    filterable: overrides?.filterable,\n    containsPii: overrides?.containsPii,\n    defaultPermissions: overrides?.defaultPermissions,\n    enableArchive: overrides?.enableArchive,\n  });\n\n  const fieldsSource = dataExtensionFieldsSourceFrom({\n    dataExtension,\n    reportBi: toolbar.reportBi,\n    toExtendedFields: toolbar.collection.toExtendedFields,\n  });\n\n  CollectionFieldsSourceState.setOnTable(toolbar, {\n    fieldsSource,\n    ...dataExtensionRendering({\n      dataExtension,\n      toolbar,\n      DataExtension,\n      props: overrides,\n    }),\n  });\n};\nDataExtension.syncTableCollectionProps = (\n  state: ToolbarCollectionState<any>,\n) => {\n  state.panels.registerSidePanel(\n    'customFields',\n    CustomFieldsCollectionPanelEntry,\n  );\n};\nDataExtension.manageCustomFieldsPageAction = manageCustomFieldsPageAction;\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAQA,IAAAC,iCAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,4BAAA,GAAAJ,OAAA;AAGA,IAAAK,6BAAA,GAAAL,OAAA;AAgBO,MAAMM,aACY,GAAIC,CAAqB,IAAK;EACrD,OAAO,IAAI;AACb,CAAC;AAACC,OAAA,CAAAF,aAAA,GAAAA,aAAA;AASFA,aAAa,CAACG,uBAAuB,GAAG,UAAUC,OAAO,EAAEC,SAAS,EAAE;EACpE,IAAID,OAAO,CAACE,sBAAsB,EAAE;IAClC;EACF;EAEA,MAAMC,aAAa,GAAG,IAAIC,2BAAkB,CAAC;IAC3CC,SAAS,EAAEL,OAAO,CAACK,SAAS;IAC5BC,IAAI,EAAEN,OAAO,CAACO,UAAU,CAACD,IAAI,IAAI;MAC/BE,OAAO,EAAER,OAAO,CAACO,UAAU,CAACE;IAC9B,CAAC;IACDC,cAAc,EAAEV,OAAO,CAACU,cAAc;IACtCC,yBAAyB,EAAEV,SAAS,oBAATA,SAAS,CAAEU,yBAAyB;IAC/DC,UAAU,EAAEX,SAAS,oBAATA,SAAS,CAAEW,UAAU;IACjCC,WAAW,EAAEZ,SAAS,oBAATA,SAAS,CAAEY,WAAW;IACnCC,kBAAkB,EAAEb,SAAS,oBAATA,SAAS,CAAEa,kBAAkB;IACjDC,aAAa,EAAEd,SAAS,oBAATA,SAAS,CAAEc;EAC5B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAG,IAAAC,wDAA6B,EAAC;IACjDd,aAAa;IACbe,QAAQ,EAAElB,OAAO,CAACkB,QAAQ;IAC1BC,gBAAgB,EAAEnB,OAAO,CAACO,UAAU,CAACY;EACvC,CAAC,CAAC;EAEFC,wDAA2B,CAACC,UAAU,CAACrB,OAAO,EAAE;IAC9CgB,YAAY;IACZ,GAAG,IAAAM,8CAAsB,EAAC;MACxBnB,aAAa;MACbH,OAAO;MACPJ,aAAa;MACb2B,KAAK,EAAEtB;IACT,CAAC;EACH,CAAC,CAAC;AACJ,CAAC;AACDL,aAAa,CAAC4B,wBAAwB,GACpCC,KAAkC,IAC/B;EACHA,KAAK,CAACC,MAAM,CAACC,iBAAiB,CAC5B,cAAc,EACdC,kEACF,CAAC;AACH,CAAC;AACDhC,aAAa,CAACiC,4BAA4B,GAAGA,0DAA4B","ignoreList":[]}

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

@@ -0,0 +1,48 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataExtensionArchive = void 0;
+/**
+ * Adapts DataExtensionState to the source-neutral FieldArchive contract. Used by
+ * the FieldsSource adapter and the archive-field modal.
+ */
+const dataExtensionArchive = ({
+  dataExtension,
+  reportBi
+}) => ({
+  get items() {
+    return dataExtension.archivedItems.map(a => ({
+      id: a.id,
+      label: a.label,
+      isPii: a.isPii
+    }));
+  },
+  get shouldDisplay() {
+    return dataExtension.shouldDisplayArchive ?? false;
+  },
+  get isOpen() {
+    return dataExtension.isArchivedPanelOpen;
+  },
+  openPanel: () => dataExtension.openArchivedPanel(),
+  closePanel: () => dataExtension.closeArchivedPanel(),
+  archiveField: async (fieldId, origin) => {
+    await dataExtension.archiveField({
+      id: fieldId,
+      origin,
+      reportBi
+    });
+  },
+  restoreField: async (fieldId, origin) => {
+    await dataExtension.restoreField({
+      id: fieldId,
+      origin,
+      reportBi
+    });
+  },
+  fieldName: fieldId => {
+    var _dataExtension$extrac;
+    return ((_dataExtension$extrac = dataExtension.extractFieldValuesFromSchema(fieldId)) == null ? void 0 : _dataExtension$extrac.name) ?? '';
+  }
+});
+exports.dataExtensionArchive = dataExtensionArchive;
+//# sourceMappingURL=dataExtensionArchive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["dataExtensionArchive","dataExtension","reportBi","items","archivedItems","map","a","id","label","isPii","shouldDisplay","shouldDisplayArchive","isOpen","isArchivedPanelOpen","openPanel","openArchivedPanel","closePanel","closeArchivedPanel","archiveField","fieldId","origin","restoreField","fieldName","_dataExtension$extrac","extractFieldValuesFromSchema","name","exports"],"sources":["../../../../src/components/DataExtension/dataExtensionArchive.ts"],"sourcesContent":["import type { DataExtensionState, FieldArchive, ReportBI } from '@wix/bex-core';\n\nexport interface DataExtensionArchiveParams {\n  dataExtension: DataExtensionState;\n  reportBi: ReportBI;\n}\n\n/**\n * Adapts DataExtensionState to the source-neutral FieldArchive contract. Used by\n * the FieldsSource adapter and the archive-field modal.\n */\nexport const dataExtensionArchive = ({\n  dataExtension,\n  reportBi,\n}: DataExtensionArchiveParams): FieldArchive => ({\n  get items() {\n    return dataExtension.archivedItems.map((a) => ({\n      id: a.id,\n      label: a.label,\n      isPii: a.isPii,\n    }));\n  },\n  get shouldDisplay() {\n    return dataExtension.shouldDisplayArchive ?? false;\n  },\n  get isOpen() {\n    return dataExtension.isArchivedPanelOpen;\n  },\n  openPanel: () => dataExtension.openArchivedPanel(),\n  closePanel: () => dataExtension.closeArchivedPanel(),\n  archiveField: async (fieldId, origin) => {\n    await dataExtension.archiveField({ id: fieldId, origin, reportBi });\n  },\n  restoreField: async (fieldId, origin) => {\n    await dataExtension.restoreField({ id: fieldId, origin, reportBi });\n  },\n  fieldName: (fieldId) =>\n    dataExtension.extractFieldValuesFromSchema(fieldId)?.name ?? '',\n});\n"],"mappings":";;;;AAOA;AACA;AACA;AACA;AACO,MAAMA,oBAAoB,GAAGA,CAAC;EACnCC,aAAa;EACbC;AAC0B,CAAC,MAAoB;EAC/C,IAAIC,KAAKA,CAAA,EAAG;IACV,OAAOF,aAAa,CAACG,aAAa,CAACC,GAAG,CAAEC,CAAC,KAAM;MAC7CC,EAAE,EAAED,CAAC,CAACC,EAAE;MACRC,KAAK,EAAEF,CAAC,CAACE,KAAK;MACdC,KAAK,EAAEH,CAAC,CAACG;IACX,CAAC,CAAC,CAAC;EACL,CAAC;EACD,IAAIC,aAAaA,CAAA,EAAG;IAClB,OAAOT,aAAa,CAACU,oBAAoB,IAAI,KAAK;EACpD,CAAC;EACD,IAAIC,MAAMA,CAAA,EAAG;IACX,OAAOX,aAAa,CAACY,mBAAmB;EAC1C,CAAC;EACDC,SAAS,EAAEA,CAAA,KAAMb,aAAa,CAACc,iBAAiB,CAAC,CAAC;EAClDC,UAAU,EAAEA,CAAA,KAAMf,aAAa,CAACgB,kBAAkB,CAAC,CAAC;EACpDC,YAAY,EAAE,MAAAA,CAAOC,OAAO,EAAEC,MAAM,KAAK;IACvC,MAAMnB,aAAa,CAACiB,YAAY,CAAC;MAAEX,EAAE,EAAEY,OAAO;MAAEC,MAAM;MAAElB;IAAS,CAAC,CAAC;EACrE,CAAC;EACDmB,YAAY,EAAE,MAAAA,CAAOF,OAAO,EAAEC,MAAM,KAAK;IACvC,MAAMnB,aAAa,CAACoB,YAAY,CAAC;MAAEd,EAAE,EAAEY,OAAO;MAAEC,MAAM;MAAElB;IAAS,CAAC,CAAC;EACrE,CAAC;EACDoB,SAAS,EAAGH,OAAO;IAAA,IAAAI,qBAAA;IAAA,OACjB,EAAAA,qBAAA,GAAAtB,aAAa,CAACuB,4BAA4B,CAACL,OAAO,CAAC,qBAAnDI,qBAAA,CAAqDE,IAAI,KAAI,EAAE;EAAA;AACnE,CAAC,CAAC;AAACC,OAAA,CAAA1B,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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

@@ -0,0 +1,69 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataExtensionFieldActionHandlers = exports.createDataExtensionFieldActionsMenu = void 0;
+var _FieldActions = require("../FieldActions");
+// DataExtension field menu: edit + archive (one group, no divider).
+const DE_MENU_GROUPS = [['editField', 'archive']];
+
+/**
+ * DataExtension's per-field management (edit + archive) as neutral callbacks. A
+ * non-editable field returns null (no menu); an editable field with no write
+ * permission returns a handler-less config with a `disabledTooltip` so the menu
+ * shows a disabled trigger. The shared builder sees only the neutral config.
+ */
+const dataExtensionFieldActionHandlers = (dataExtension, panel) => ({
+  fieldId,
+  origin
+}) => {
+  const cf = dataExtension.availableCustomFields.find(f => f.id === fieldId);
+  if (!cf || !cf.editable || dataExtension.disableUserDefinedWriting) {
+    return null;
+  }
+  if (!dataExtension.hasWritePermissions) {
+    return {
+      handlers: {},
+      disabledTooltip: dataExtension.container.translate('cairo.customFields.writePermission.tooltip')
+    };
+  }
+  const handlers = {
+    editField: () => panel.openCustomFieldModal({
+      fieldId,
+      origin
+    }),
+    archive: () => {
+      var _panel$archiveFieldMo, _panel$fieldManagemen;
+      return (_panel$archiveFieldMo = panel.archiveFieldModal) == null ? void 0 : _panel$archiveFieldMo.modal.open({
+        id: fieldId,
+        origin,
+        fieldName: ((_panel$fieldManagemen = panel.fieldManagement) == null || (_panel$fieldManagemen = _panel$fieldManagemen.getFieldDraft(fieldId)) == null ? void 0 : _panel$fieldManagemen.name) ?? '',
+        archiveEnabled: dataExtension.enableArchive
+      });
+    }
+  };
+  return {
+    handlers
+  };
+};
+exports.dataExtensionFieldActionHandlers = dataExtensionFieldActionHandlers;
+const createDataExtensionFieldActionsMenu = dataExtension => panel => {
+  const handlers = dataExtensionFieldActionHandlers(dataExtension, panel);
+  return args => {
+    const t = panel.container.translate;
+    const bi = {
+      reportBi: panel.reportBi,
+      location: args.location,
+      listSize: panel.manageableFields.length
+    };
+    return (0, _FieldActions.buildFieldActionsMenu)({
+      fieldId: args.fieldId,
+      config: handlers(args),
+      groups: DE_MENU_GROUPS,
+      translate: t,
+      tooltipContent: t('cairo.custom-columns.more-actions.tooltip'),
+      bi
+    });
+  };
+};
+exports.createDataExtensionFieldActionsMenu = createDataExtensionFieldActionsMenu;
+//# sourceMappingURL=dataExtensionFieldActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_FieldActions","require","DE_MENU_GROUPS","dataExtensionFieldActionHandlers","dataExtension","panel","fieldId","origin","cf","availableCustomFields","find","f","id","editable","disableUserDefinedWriting","hasWritePermissions","handlers","disabledTooltip","container","translate","editField","openCustomFieldModal","archive","_panel$archiveFieldMo","_panel$fieldManagemen","archiveFieldModal","modal","open","fieldName","fieldManagement","getFieldDraft","name","archiveEnabled","enableArchive","exports","createDataExtensionFieldActionsMenu","args","t","bi","reportBi","location","listSize","manageableFields","length","buildFieldActionsMenu","config","groups","tooltipContent"],"sources":["../../../../src/components/DataExtension/dataExtensionFieldActions.ts"],"sourcesContent":["import type { DataExtensionState, CustomFieldOrigin } from '@wix/bex-core';\nimport type {\n  CustomFieldsPanelState,\n  FieldActionsMenuBuilder,\n} from '../../state/CustomFields/CustomFieldsPanelState';\nimport {\n  buildFieldActionsMenu,\n  type FieldActionsBIContext,\n  type FieldActionHandlers,\n  type FieldActionHandlersConfig,\n  type FieldActionKey,\n} from '../FieldActions';\n\n// DataExtension field menu: edit + archive (one group, no divider).\nconst DE_MENU_GROUPS: FieldActionKey[][] = [['editField', 'archive']];\n\n/**\n * DataExtension's per-field management (edit + archive) as neutral callbacks. A\n * non-editable field returns null (no menu); an editable field with no write\n * permission returns a handler-less config with a `disabledTooltip` so the menu\n * shows a disabled trigger. The shared builder sees only the neutral config.\n */\nexport const dataExtensionFieldActionHandlers =\n  (dataExtension: DataExtensionState, panel: CustomFieldsPanelState) =>\n  ({\n    fieldId,\n    origin,\n  }: {\n    fieldId: string;\n    origin: CustomFieldOrigin;\n    location: string;\n  }): FieldActionHandlersConfig | null => {\n    const cf = dataExtension.availableCustomFields.find(\n      (f) => f.id === fieldId,\n    );\n    if (!cf || !cf.editable || dataExtension.disableUserDefinedWriting) {\n      return null;\n    }\n    if (!dataExtension.hasWritePermissions) {\n      return {\n        handlers: {},\n        disabledTooltip: dataExtension.container.translate(\n          'cairo.customFields.writePermission.tooltip',\n        ),\n      };\n    }\n    const handlers: FieldActionHandlers = {\n      editField: () => panel.openCustomFieldModal({ fieldId, origin }),\n      archive: () =>\n        panel.archiveFieldModal?.modal.open({\n          id: fieldId,\n          origin,\n          fieldName: panel.fieldManagement?.getFieldDraft(fieldId)?.name ?? '',\n          archiveEnabled: dataExtension.enableArchive,\n        }),\n    };\n    return { handlers };\n  };\n\nexport const createDataExtensionFieldActionsMenu =\n  (dataExtension: DataExtensionState) =>\n  (panel: CustomFieldsPanelState): FieldActionsMenuBuilder => {\n    const handlers = dataExtensionFieldActionHandlers(dataExtension, panel);\n    return (args) => {\n      const t = panel.container.translate;\n      const bi: FieldActionsBIContext = {\n        reportBi: panel.reportBi,\n        location: args.location,\n        listSize: panel.manageableFields.length,\n      };\n      return buildFieldActionsMenu({\n        fieldId: args.fieldId,\n        config: handlers(args),\n        groups: DE_MENU_GROUPS,\n        translate: t,\n        tooltipContent: t('cairo.custom-columns.more-actions.tooltip'),\n        bi,\n      });\n    };\n  };\n"],"mappings":";;;;AAKA,IAAAA,aAAA,GAAAC,OAAA;AAQA;AACA,MAAMC,cAAkC,GAAG,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;;AAErE;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,gCAAgC,GAC3CA,CAACC,aAAiC,EAAEC,KAA6B,KACjE,CAAC;EACCC,OAAO;EACPC;AAKF,CAAC,KAAuC;EACtC,MAAMC,EAAE,GAAGJ,aAAa,CAACK,qBAAqB,CAACC,IAAI,CAChDC,CAAC,IAAKA,CAAC,CAACC,EAAE,KAAKN,OAClB,CAAC;EACD,IAAI,CAACE,EAAE,IAAI,CAACA,EAAE,CAACK,QAAQ,IAAIT,aAAa,CAACU,yBAAyB,EAAE;IAClE,OAAO,IAAI;EACb;EACA,IAAI,CAACV,aAAa,CAACW,mBAAmB,EAAE;IACtC,OAAO;MACLC,QAAQ,EAAE,CAAC,CAAC;MACZC,eAAe,EAAEb,aAAa,CAACc,SAAS,CAACC,SAAS,CAChD,4CACF;IACF,CAAC;EACH;EACA,MAAMH,QAA6B,GAAG;IACpCI,SAAS,EAAEA,CAAA,KAAMf,KAAK,CAACgB,oBAAoB,CAAC;MAAEf,OAAO;MAAEC;IAAO,CAAC,CAAC;IAChEe,OAAO,EAAEA,CAAA;MAAA,IAAAC,qBAAA,EAAAC,qBAAA;MAAA,QAAAD,qBAAA,GACPlB,KAAK,CAACoB,iBAAiB,qBAAvBF,qBAAA,CAAyBG,KAAK,CAACC,IAAI,CAAC;QAClCf,EAAE,EAAEN,OAAO;QACXC,MAAM;QACNqB,SAAS,EAAE,EAAAJ,qBAAA,GAAAnB,KAAK,CAACwB,eAAe,cAAAL,qBAAA,GAArBA,qBAAA,CAAuBM,aAAa,CAACxB,OAAO,CAAC,qBAA7CkB,qBAAA,CAA+CO,IAAI,KAAI,EAAE;QACpEC,cAAc,EAAE5B,aAAa,CAAC6B;MAChC,CAAC,CAAC;IAAA;EACN,CAAC;EACD,OAAO;IAAEjB;EAAS,CAAC;AACrB,CAAC;AAACkB,OAAA,CAAA/B,gCAAA,GAAAA,gCAAA;AAEG,MAAMgC,mCAAmC,GAC7C/B,aAAiC,IACjCC,KAA6B,IAA8B;EAC1D,MAAMW,QAAQ,GAAGb,gCAAgC,CAACC,aAAa,EAAEC,KAAK,CAAC;EACvE,OAAQ+B,IAAI,IAAK;IACf,MAAMC,CAAC,GAAGhC,KAAK,CAACa,SAAS,CAACC,SAAS;IACnC,MAAMmB,EAAyB,GAAG;MAChCC,QAAQ,EAAElC,KAAK,CAACkC,QAAQ;MACxBC,QAAQ,EAAEJ,IAAI,CAACI,QAAQ;MACvBC,QAAQ,EAAEpC,KAAK,CAACqC,gBAAgB,CAACC;IACnC,CAAC;IACD,OAAO,IAAAC,mCAAqB,EAAC;MAC3BtC,OAAO,EAAE8B,IAAI,CAAC9B,OAAO;MACrBuC,MAAM,EAAE7B,QAAQ,CAACoB,IAAI,CAAC;MACtBU,MAAM,EAAE5C,cAAc;MACtBiB,SAAS,EAAEkB,CAAC;MACZU,cAAc,EAAEV,CAAC,CAAC,2CAA2C,CAAC;MAC9DC;IACF,CAAC,CAAC;EACJ,CAAC;AACH,CAAC;AAACJ,OAAA,CAAAC,mCAAA,GAAAA,mCAAA","ignoreList":[]}

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

@@ -0,0 +1,132 @@
+"use strict";
+
+exports.__esModule = true;
+exports.toPatternsFieldType = exports.dataExtensionFieldManagement = exports.CUSTOM_FIELD_TYPE_TO_PATTERNS = void 0;
+var _mobx = require("mobx");
+const CUSTOM_FIELD_TYPE_TO_PATTERNS = exports.CUSTOM_FIELD_TYPE_TO_PATTERNS = {
+  shortText: 'SHORT_TEXT',
+  longText: 'LONG_TEXT',
+  url: 'URL',
+  date: 'DATE',
+  dateTime: 'DATETIME',
+  integer: 'NUMBER',
+  decimal: 'NUMBER',
+  checkbox: 'BOOLEAN',
+  dropdown: 'SHORT_TEXT',
+  multiSelect: 'ARRAY',
+  files: 'DOCUMENT'
+};
+const toPatternsFieldType = type => CUSTOM_FIELD_TYPE_TO_PATTERNS[type] ?? 'UNKNOWN';
+exports.toPatternsFieldType = toPatternsFieldType;
+const isCustomFieldType = type => type in CUSTOM_FIELD_TYPE_TO_PATTERNS;
+const CREATABLE_TYPES = [{
+  id: 'shortText',
+  labelKey: 'cairo.customFields.fieldType.shortText',
+  namePlaceholderKey: 'cairo.customFields.fieldType.shortText.Name.placeholder'
+}, {
+  id: 'longText',
+  labelKey: 'cairo.customFields.fieldType.longText',
+  namePlaceholderKey: 'cairo.customFields.fieldType.longText.Name.placeholder'
+}, {
+  id: 'date',
+  labelKey: 'cairo.customFields.fieldType.date',
+  namePlaceholderKey: 'cairo.customFields.fieldType.date.Name.placeholder'
+}, {
+  id: 'dateTime',
+  labelKey: 'cairo.customFields.fieldType.dateAndTime',
+  namePlaceholderKey: 'cairo.customFields.fieldType.dateAndTime.Name.placeholder'
+}, {
+  id: 'integer',
+  labelKey: 'cairo.customFields.fieldType.numberInteger',
+  namePlaceholderKey: 'cairo.customFields.fieldType.numberInteger.Name.placeholder'
+}, {
+  id: 'decimal',
+  labelKey: 'cairo.customFields.fieldType.numberDecimal',
+  namePlaceholderKey: 'cairo.customFields.fieldType.numberDecimal.Name.placeholder'
+}, {
+  id: 'checkbox',
+  labelKey: 'cairo.customFields.fieldType.checkbox',
+  namePlaceholderKey: 'cairo.customFields.fieldType.checkbox.Name.placeholder'
+}, {
+  id: 'url',
+  labelKey: 'cairo.customFields.fieldType.url',
+  namePlaceholderKey: 'cairo.customFields.placeholder.url'
+}];
+const dataExtensionFieldManagement = ({
+  dataExtension,
+  reportBi
+}) => {
+  const customFieldFor = id => dataExtension.availableCustomFields.find(f => f.id === id);
+  const toCustomFieldForm = draft => ({
+    ...draft,
+    type: draft.type && isCustomFieldType(draft.type) ? draft.type : undefined
+  });
+  const upsertField = async draft => {
+    const {
+      dataExtensionSchema
+    } = await dataExtension.dataExtensionService.addCustomField({
+      form: toCustomFieldForm(draft),
+      schema: dataExtension.userSchema,
+      fqdn: dataExtension.fqdnString,
+      filterable: dataExtension.filterable
+    });
+    (0, _mobx.runInAction)(() => {
+      if (dataExtensionSchema) {
+        dataExtension._upsertSchema(dataExtensionSchema);
+      }
+    });
+  };
+  return {
+    get canAddFields() {
+      return !dataExtension.disableUserDefinedWriting;
+    },
+    get addFieldDisabled() {
+      return dataExtension.disableAddCustomField;
+    },
+    get addFieldDisabledHint() {
+      return dataExtension.disableAddCustomFieldContent || undefined;
+    },
+    canEditField: field => {
+      var _customFieldFor;
+      return ((_customFieldFor = customFieldFor(field.id)) == null ? void 0 : _customFieldFor.editable) ?? false;
+    },
+    deleteField: async (fieldId, origin) => {
+      await dataExtension.deleteField({
+        id: fieldId,
+        origin,
+        reportBi
+      });
+    },
+    // Lazy: translate on access (after the container's i18n has loaded), not at
+    // construction — the source is built before `load()` runs initTask, so an
+    // eager map would freeze the raw translation keys.
+    get creatableFieldTypes() {
+      const t = dataExtension.container.translate;
+      return CREATABLE_TYPES.map(ft => ({
+        id: ft.id,
+        label: t(ft.labelKey),
+        namePlaceholder: t(ft.namePlaceholderKey),
+        patternsType: toPatternsFieldType(ft.id)
+      }));
+    },
+    get existingFieldKeys() {
+      // All user fields, not just the available ones: duplicate-key detection
+      // must also catch keys of fields that exist but aren't currently shown.
+      return dataExtension.allUserCustomFields.map(f => f.id);
+    },
+    get maxReached() {
+      return dataExtension.isReachedMaxCustomFields;
+    },
+    get permissions() {
+      return dataExtension.defaultPermissions;
+    },
+    get supportsPii() {
+      return dataExtension.containsPii;
+    },
+    addField: upsertField,
+    editField: (_fieldId, draft) => upsertField(draft),
+    getFieldDraft: fieldId => dataExtension.extractFieldValuesFromSchema(fieldId)
+  };
+};
+exports.dataExtensionFieldManagement = dataExtensionFieldManagement;
+//# sourceMappingURL=dataExtensionFieldManagement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","CUSTOM_FIELD_TYPE_TO_PATTERNS","exports","shortText","longText","url","date","dateTime","integer","decimal","checkbox","dropdown","multiSelect","files","toPatternsFieldType","type","isCustomFieldType","CREATABLE_TYPES","id","labelKey","namePlaceholderKey","dataExtensionFieldManagement","dataExtension","reportBi","customFieldFor","availableCustomFields","find","f","toCustomFieldForm","draft","undefined","upsertField","dataExtensionSchema","dataExtensionService","addCustomField","form","schema","userSchema","fqdn","fqdnString","filterable","runInAction","_upsertSchema","canAddFields","disableUserDefinedWriting","addFieldDisabled","disableAddCustomField","addFieldDisabledHint","disableAddCustomFieldContent","canEditField","field","_customFieldFor","editable","deleteField","fieldId","origin","creatableFieldTypes","t","container","translate","map","ft","label","namePlaceholder","patternsType","existingFieldKeys","allUserCustomFields","maxReached","isReachedMaxCustomFields","permissions","defaultPermissions","supportsPii","containsPii","addField","editField","_fieldId","getFieldDraft","extractFieldValuesFromSchema"],"sources":["../../../../src/components/DataExtension/dataExtensionFieldManagement.ts"],"sourcesContent":["import type {\n  CustomField,\n  CustomFieldForm,\n  CustomFieldType,\n  DataExtensionState,\n  FieldDraft,\n  FieldManagement,\n  FieldTypeOption,\n  NonReferenceField,\n  ReportBI,\n  TranslationsKeys,\n} from '@wix/bex-core';\nimport { runInAction } from 'mobx';\n\nexport const CUSTOM_FIELD_TYPE_TO_PATTERNS: Record<\n  CustomFieldType,\n  NonReferenceField['type']\n> = {\n  shortText: 'SHORT_TEXT',\n  longText: 'LONG_TEXT',\n  url: 'URL',\n  date: 'DATE',\n  dateTime: 'DATETIME',\n  integer: 'NUMBER',\n  decimal: 'NUMBER',\n  checkbox: 'BOOLEAN',\n  dropdown: 'SHORT_TEXT',\n  multiSelect: 'ARRAY',\n  files: 'DOCUMENT',\n};\n\nexport const toPatternsFieldType = (\n  type: CustomFieldType,\n): NonReferenceField['type'] =>\n  CUSTOM_FIELD_TYPE_TO_PATTERNS[type] ?? 'UNKNOWN';\n\nconst isCustomFieldType = (type: string): type is CustomFieldType =>\n  type in CUSTOM_FIELD_TYPE_TO_PATTERNS;\n\nconst CREATABLE_TYPES: readonly {\n  id: CustomFieldType;\n  labelKey: TranslationsKeys;\n  namePlaceholderKey: TranslationsKeys;\n}[] = [\n  {\n    id: 'shortText',\n    labelKey: 'cairo.customFields.fieldType.shortText',\n    namePlaceholderKey:\n      'cairo.customFields.fieldType.shortText.Name.placeholder',\n  },\n  {\n    id: 'longText',\n    labelKey: 'cairo.customFields.fieldType.longText',\n    namePlaceholderKey:\n      'cairo.customFields.fieldType.longText.Name.placeholder',\n  },\n  {\n    id: 'date',\n    labelKey: 'cairo.customFields.fieldType.date',\n    namePlaceholderKey: 'cairo.customFields.fieldType.date.Name.placeholder',\n  },\n  {\n    id: 'dateTime',\n    labelKey: 'cairo.customFields.fieldType.dateAndTime',\n    namePlaceholderKey:\n      'cairo.customFields.fieldType.dateAndTime.Name.placeholder',\n  },\n  {\n    id: 'integer',\n    labelKey: 'cairo.customFields.fieldType.numberInteger',\n    namePlaceholderKey:\n      'cairo.customFields.fieldType.numberInteger.Name.placeholder',\n  },\n  {\n    id: 'decimal',\n    labelKey: 'cairo.customFields.fieldType.numberDecimal',\n    namePlaceholderKey:\n      'cairo.customFields.fieldType.numberDecimal.Name.placeholder',\n  },\n  {\n    id: 'checkbox',\n    labelKey: 'cairo.customFields.fieldType.checkbox',\n    namePlaceholderKey:\n      'cairo.customFields.fieldType.checkbox.Name.placeholder',\n  },\n  {\n    id: 'url',\n    labelKey: 'cairo.customFields.fieldType.url',\n    namePlaceholderKey: 'cairo.customFields.placeholder.url',\n  },\n];\n\nexport interface DataExtensionFieldManagementParams {\n  dataExtension: DataExtensionState;\n  reportBi: ReportBI;\n}\n\nexport const dataExtensionFieldManagement = ({\n  dataExtension,\n  reportBi,\n}: DataExtensionFieldManagementParams): FieldManagement => {\n  const customFieldFor = (id: string): CustomField | undefined =>\n    dataExtension.availableCustomFields.find((f) => f.id === id);\n\n  const toCustomFieldForm = (draft: FieldDraft): CustomFieldForm => ({\n    ...draft,\n    type: draft.type && isCustomFieldType(draft.type) ? draft.type : undefined,\n  });\n\n  const upsertField = async (draft: FieldDraft) => {\n    const { dataExtensionSchema } =\n      await dataExtension.dataExtensionService.addCustomField({\n        form: toCustomFieldForm(draft),\n        schema: dataExtension.userSchema,\n        fqdn: dataExtension.fqdnString,\n        filterable: dataExtension.filterable,\n      });\n\n    runInAction(() => {\n      if (dataExtensionSchema) {\n        dataExtension._upsertSchema(dataExtensionSchema);\n      }\n    });\n  };\n\n  return {\n    get canAddFields() {\n      return !dataExtension.disableUserDefinedWriting;\n    },\n    get addFieldDisabled() {\n      return dataExtension.disableAddCustomField;\n    },\n    get addFieldDisabledHint() {\n      return dataExtension.disableAddCustomFieldContent || undefined;\n    },\n    canEditField: (field) => customFieldFor(field.id)?.editable ?? false,\n    deleteField: async (fieldId, origin) => {\n      await dataExtension.deleteField({\n        id: fieldId,\n        origin,\n        reportBi,\n      });\n    },\n\n    // Lazy: translate on access (after the container's i18n has loaded), not at\n    // construction — the source is built before `load()` runs initTask, so an\n    // eager map would freeze the raw translation keys.\n    get creatableFieldTypes(): FieldTypeOption[] {\n      const t = dataExtension.container.translate;\n      return CREATABLE_TYPES.map((ft) => ({\n        id: ft.id,\n        label: t(ft.labelKey),\n        namePlaceholder: t(ft.namePlaceholderKey),\n        patternsType: toPatternsFieldType(ft.id),\n      }));\n    },\n    get existingFieldKeys() {\n      // All user fields, not just the available ones: duplicate-key detection\n      // must also catch keys of fields that exist but aren't currently shown.\n      return dataExtension.allUserCustomFields.map((f) => f.id);\n    },\n    get maxReached() {\n      return dataExtension.isReachedMaxCustomFields;\n    },\n    get permissions() {\n      return dataExtension.defaultPermissions;\n    },\n    get supportsPii() {\n      return dataExtension.containsPii;\n    },\n    addField: upsertField,\n    editField: (_fieldId, draft) => upsertField(draft),\n    getFieldDraft: (fieldId) =>\n      dataExtension.extractFieldValuesFromSchema(fieldId),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,75 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataExtensionFieldsSourceFrom = void 0;
+var _simplifyExtendedColumns = require("../../state/simplifyExtendedColumns");
+var _dataExtensionFieldManagement = require("./dataExtensionFieldManagement");
+var _dataExtensionArchive = require("./dataExtensionArchive");
+const FILTERABLE_TYPES = ['shortText', 'longText', 'url', 'date', 'dateTime', 'integer', 'decimal', 'checkbox'];
+const dataExtensionFieldsSourceFrom = params => {
+  const d = params.dataExtension;
+  const toField = cf => ({
+    id: cf.id,
+    displayName: cf.label ?? cf.id,
+    type: (0, _dataExtensionFieldManagement.toPatternsFieldType)(cf.type),
+    isPii: cf.isPii,
+    capabilities: {
+      sortable: cf.filterable ?? false,
+      supportedQueryOperators: []
+    }
+  });
+  const customFieldFor = id => d.availableCustomFields.find(f => f.id === id);
+
+  // Field carries no namespace; recover it from the source CustomField so the
+  // namespace prefix stays inside the DataExtension adapter.
+  const fieldPath = field => {
+    var _customFieldFor;
+    return (0, _simplifyExtendedColumns.prefixFieldWithNamespace)(field.id, ((_customFieldFor = customFieldFor(field.id)) == null ? void 0 : _customFieldFor.namespace) ?? '');
+  };
+  const source = {
+    load: async () => {
+      d.container.initTask.runOnce();
+      await Promise.all([d.container.initTask.status.promise, d.fetchSchemas()]);
+    },
+    get fields() {
+      return d.availableCustomFields.map(toField);
+    },
+    get filterableFields() {
+      if (!d.filterable) {
+        return [];
+      }
+      return d.availableCustomFields.filter(f => f.filterable && FILTERABLE_TYPES.includes(f.type)).map(toField);
+    },
+    get manageableFields() {
+      return d.availableUserCustomFields.map(toField);
+    },
+    columnIdForField: fieldPath,
+    queryFieldId: fieldPath,
+    getCellValue: (row, field) => {
+      var _params$toExtendedFie, _customFieldFor2;
+      return params.toExtendedFields == null || (_params$toExtendedFie = params.toExtendedFields(row)) == null || (_params$toExtendedFie = _params$toExtendedFie.namespaces) == null || (_params$toExtendedFie = _params$toExtendedFie[((_customFieldFor2 = customFieldFor(field.id)) == null ? void 0 : _customFieldFor2.namespace) ?? '']) == null ? void 0 : _params$toExtendedFie[field.id];
+    },
+    fieldManagement: (0, _dataExtensionFieldManagement.dataExtensionFieldManagement)({
+      dataExtension: d,
+      reportBi: params.reportBi
+    }),
+    groups: {
+      get all() {
+        return d.allNamespaces;
+      },
+      fieldsForGroup: group => d.availableCustomFields.filter(f => f.namespace === group).map(toField)
+    }
+  };
+
+  // Always provide archive — NOT gated on enableArchive. It backs the remove
+  // confirm modal, which must open whether or not archive is enabled (the modal
+  // shows "cannot be restored" when it isn't). The archived-items panel stays
+  // hidden when archive is off via `shouldDisplayArchive` (= enableArchive && …).
+  source.archive = (0, _dataExtensionArchive.dataExtensionArchive)({
+    dataExtension: d,
+    reportBi: params.reportBi
+  });
+  return source;
+};
+exports.dataExtensionFieldsSourceFrom = dataExtensionFieldsSourceFrom;
+//# sourceMappingURL=dataExtensionFieldsSource.js.map