@wix/patterns 1.423.0 → 1.425.0

package/dist/esm/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.js

@@ -1,16 +1,16 @@
 import { PopoverMenuUniDriver } from '@wix/design-system/dist/testkit/unidriver';
 import { DisabledTooltipButtonUniDriver } from '../DisabledTooltip/DisabledTooltipButton.uni.driver';
 export function CustomFieldPopoverUniDriver(base, body) {
-    const customFieldPopoverDriverBase = () => base.$('[data-hook="custom-field-options"]');
+    const customFieldPopoverDriverBase = () => base.$('[data-hook="field-actions-menu"]');
     const customFieldPopoverDriver = () => PopoverMenuUniDriver(customFieldPopoverDriverBase(), body);
     const customFieldOptionsTrigger = () => DisabledTooltipButtonUniDriver(base, body, {
-        dataHook: 'custom-field-options-icon-button',
+        dataHook: 'field-actions-menu-button',
     });
     const getCustomFieldOptionsAt = () => {
         return {
             open: () => customFieldOptionsTrigger().click(),
-            clickEdit: () => customFieldPopoverDriver().clickAtChildByDataHook('custom-field-options-edit'),
-            clickArchive: () => customFieldPopoverDriver().clickAtChildByDataHook('custom-field-options-archive'),
+            clickEdit: () => customFieldPopoverDriver().clickAtChildByDataHook('field-action-edit'),
+            clickArchive: () => customFieldPopoverDriver().clickAtChildByDataHook('field-action-archive'),
         };
     };
     return {

package/dist/esm/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFieldPopover.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AAEjF,OAAO,EAAE,8BAA8B,EAAE,MAAM,qDAAqD,CAAC;AAErG,MAAM,UAAU,2BAA2B,CAAC,IAAe,EAAE,IAAe;IAC1E,MAAM,4BAA4B,GAAG,GAAG,EAAE,CACxC,IAAI,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC;IAE/C,MAAM,wBAAwB,GAAG,GAAG,EAAE,CACpC,oBAAoB,CAAC,4BAA4B,EAAE,EAAE,IAAI,CAAC,CAAC;IAE7D,MAAM,yBAAyB,GAAG,GAAG,EAAE,CACrC,8BAA8B,CAAC,IAAI,EAAE,IAAI,EAAE;QACzC,QAAQ,EAAE,kCAAkC;KAC7C,CAAC,CAAC;IAEL,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,OAAO;YACL,IAAI,EAAE,GAAG,EAAE,CAAC,yBAAyB,EAAE,CAAC,KAAK,EAAE;YAC/C,SAAS,EAAE,GAAG,EAAE,CACd,wBAAwB,EAAE,CAAC,sBAAsB,CAC/C,2BAA2B,CAC5B;YACH,YAAY,EAAE,GAAG,EAAE,CACjB,wBAAwB,EAAE,CAAC,sBAAsB,CAC/C,8BAA8B,CAC/B;SACJ,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,4BAA4B,EAAE,CAAC,MAAM,EAAE;QACrD,UAAU,EAAE,GAAG,EAAE,CAAC,yBAAyB,EAAE,CAAC,gBAAgB,EAAE;QAChE,cAAc,EAAE,GAAG,EAAE,CAAC,yBAAyB,EAAE,CAAC,cAAc,EAAE;QAClE,uBAAuB;KACxB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CustomFieldPopover.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AAEjF,OAAO,EAAE,8BAA8B,EAAE,MAAM,qDAAqD,CAAC;AAErG,MAAM,UAAU,2BAA2B,CAAC,IAAe,EAAE,IAAe;IAC1E,MAAM,4BAA4B,GAAG,GAAG,EAAE,CACxC,IAAI,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC;IAE7C,MAAM,wBAAwB,GAAG,GAAG,EAAE,CACpC,oBAAoB,CAAC,4BAA4B,EAAE,EAAE,IAAI,CAAC,CAAC;IAE7D,MAAM,yBAAyB,GAAG,GAAG,EAAE,CACrC,8BAA8B,CAAC,IAAI,EAAE,IAAI,EAAE;QACzC,QAAQ,EAAE,2BAA2B;KACtC,CAAC,CAAC;IAEL,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,OAAO;YACL,IAAI,EAAE,GAAG,EAAE,CAAC,yBAAyB,EAAE,CAAC,KAAK,EAAE;YAC/C,SAAS,EAAE,GAAG,EAAE,CACd,wBAAwB,EAAE,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;YACxE,YAAY,EAAE,GAAG,EAAE,CACjB,wBAAwB,EAAE,CAAC,sBAAsB,CAC/C,sBAAsB,CACvB;SACJ,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,4BAA4B,EAAE,CAAC,MAAM,EAAE;QACrD,UAAU,EAAE,GAAG,EAAE,CAAC,yBAAyB,EAAE,CAAC,gBAAgB,EAAE;QAChE,cAAc,EAAE,GAAG,EAAE,CAAC,yBAAyB,EAAE,CAAC,cAAc,EAAE;QAClE,uBAAuB;KACxB,CAAC;AACJ,CAAC"}

package/dist/esm/components/CustomFieldsPanel/CustomFieldsCollectionPanelEntry.js

@@ -3,6 +3,10 @@ import { CustomFieldsPanel } from './CustomFieldsPanel';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 export function CustomFieldsCollectionPanelEntry() {
     const toolbar = useToolbarCollectionContext();
-    return (React.createElement(CustomFieldsPanel, { state: toolbar.collectionDataExtension.customFieldsPanel }));
+    const state = toolbar.collectionFieldsSource?.customFieldsPanel;
+    if (!state) {
+        return null;
+    }
+    return React.createElement(CustomFieldsPanel, { state: state });
 }
 //# sourceMappingURL=CustomFieldsCollectionPanelEntry.js.map

package/dist/esm/components/CustomFieldsPanel/CustomFieldsCollectionPanelEntry.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFieldsCollectionPanelEntry.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsCollectionPanelEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E,MAAM,UAAU,gCAAgC;IAC9C,MAAM,OAAO,GAAG,2BAA2B,EAAE,CAAC;IAE9C,OAAO,CACL,oBAAC,iBAAiB,IAChB,KAAK,EAAE,OAAO,CAAC,uBAAwB,CAAC,iBAAiB,GACzD,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CustomFieldsCollectionPanelEntry.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsCollectionPanelEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E,MAAM,UAAU,gCAAgC;IAC9C,MAAM,OAAO,GAAG,2BAA2B,EAAE,CAAC;IAC9C,MAAM,KAAK,GAAG,OAAO,CAAC,sBAAsB,EAAE,iBAAiB,CAAC;IAChE,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IACD,OAAO,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;AAC7C,CAAC"}

package/dist/esm/components/CustomFieldsPanel/CustomFieldsList.js

@@ -7,7 +7,7 @@ function _CustomFieldsList(props) {
     const renderItem = useCallback((field, index, array) => {
         return (React.createElement(CustomFieldItem, { state: state, key: field.id, field: field, showDivider: index < array.length - 1 }));
     }, []);
-    return (React.createElement(Box, { direction: "vertical", dataHook: "custom-fields-list", backgroundColor: "D60" }, state.dataExtension.availableUserCustomFields.map(renderItem)));
+    return (React.createElement(Box, { direction: "vertical", dataHook: "custom-fields-list", backgroundColor: "D60" }, state.manageableFields.map(renderItem)));
 }
 export const CustomFieldsList = observer(_CustomFieldsList);
 //# sourceMappingURL=CustomFieldsList.js.map

package/dist/esm/components/CustomFieldsPanel/CustomFieldsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFieldsList.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAOzC,SAAS,iBAAiB,CAAC,KAA4B;IACrD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAkB,EAAE,KAAa,EAAE,KAAoB,EAAE,EAAE;QAC1D,OAAO,CACL,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,GACrC,CACH,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAC,oBAAoB,EAC7B,eAAe,EAAC,KAAK,IAEpB,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC,GAAG,CAAC,UAAU,CAAC,CAC1D,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"CustomFieldsList.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAOzC,SAAS,iBAAiB,CAAC,KAA4B;IACrD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAY,EAAE,KAAa,EAAE,KAAc,EAAE,EAAE;QAC9C,OAAO,CACL,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,GACrC,CACH,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAC,oBAAoB,EAC7B,eAAe,EAAC,KAAK,IAEpB,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAU,CAAC,CACnC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/esm/components/CustomFieldsPanel/CustomFieldsPanel.js

@@ -1,7 +1,7 @@
 import { withoutDefaults } from '@wix/bex-core';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useRafRender } from '../../hooks/useRafRender';
-import React from 'react';
+import React, { lazy, Suspense } from 'react';
 import { Box, Divider, SidePanel } from '@wix/design-system';
 import { ScrollableContent } from '../ScrollableContent';
 import { observer } from 'mobx-react-lite';
@@ -9,7 +9,11 @@ import { CustomFieldsList } from './CustomFieldsList';
 import { AddCustomFieldCTAButton } from './AddCustomFieldCTAButton';
 import { cairoFiltersPanelUsed } from '@wix/bex-core/bi';
 import { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';
-import { DataExtension } from '../DataExtension/DataExtension';
+// 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 = lazy(() => import('../ArchivedItemsPanel/ArchivedItemsCTAButton').then((m) => ({
+    default: m.ArchivedItemsCTAButton,
+})));
 export function _CustomFieldsPanel({ state }) {
     const container = useWixPatternsContainer();
     const { translate: t } = container;
@@ -28,7 +32,8 @@ export function _CustomFieldsPanel({ state }) {
         } },
         React.createElement(SidePanel.Header, { title: t('cairo.customFields.manageFields.title'), subtitle: t('cairo.customFields.manageFields.subtitle') }),
         React.createElement(ScrollableContent, { overflowY: true, dataHook: "custom-fields-panel-scroll-container" },
-            state.dataExtension?.shouldDisplayArchive && (React.createElement(DataExtension.CustomColumnsArchivedItemsCTAButton, { dataExtension: state.dataExtension, onCloseSidePanel: () => state.closeSidePanel?.(), dataHook: "custom-fields" })),
+            state.archive?.shouldDisplay && (React.createElement(Suspense, { fallback: null },
+                React.createElement(ArchivedItemsCTAButton, { archive: state.archive, deleteFieldModal: state.deleteFieldModal, onCloseSidePanel: () => state.closeSidePanel?.(), dataHook: "custom-fields" }))),
             React.createElement(CustomFieldsList, { state: state })),
         React.createElement(Box, { direction: "vertical", width: "100%" },
             React.createElement(Divider, { direction: "horizontal" }),

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

@@ -1 +1 @@
-{"version":3,"file":"CustomFieldsPanel.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAK/D,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAA0B;IAClE,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;IACnC,MAAM,MAAM,GAAG,qBAAqB,CAAC;IAErC,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC;IAC/B,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,iBAAiB,IAChB,QAAQ,EAAC,qBAAqB,EAC9B,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,GAAG,EAAE;YACZ,KAAK,CAAC,QAAQ,CACZ,eAAe,CAAC,qBAAqB,CAAC,CAAC;gBACrC,QAAQ,EAAE,KAAK;gBACf,OAAO,EAAE,sBAAsB;gBAC/B,MAAM,EAAE,UAAU;aACnB,CAAC,CACH,CAAC;YACF,KAAK,CAAC,cAAc,EAAE,EAAE,CAAC;QAC3B,CAAC;QAED,oBAAC,SAAS,CAAC,MAAM,IACf,KAAK,EAAE,CAAC,CAAC,uCAAuC,CAAC,EACjD,QAAQ,EAAE,CAAC,CAAC,0CAA0C,CAAC,GACvD;QACF,oBAAC,iBAAiB,IAChB,SAAS,QACT,QAAQ,EAAC,sCAAsC;YAE9C,KAAK,CAAC,aAAa,EAAE,oBAAoB,IAAI,CAC5C,oBAAC,aAAa,CAAC,mCAAmC,IAChD,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,gBAAgB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,EAChD,QAAQ,EAAC,eAAe,GACxB,CACH;YACD,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,GAAI,CAChB;QAEpB,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM;YACpC,oBAAC,OAAO,IAAC,SAAS,EAAC,YAAY,GAAG;YAClC,oBAAC,GAAG,IAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,UAAU;gBACrC,oBAAC,uBAAuB,IACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;oBACzC,CAAC,GACD,CACE,CACF,CACY,CACrB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"CustomFieldsPanel.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsPanel.tsx"],"names":[],"mappings":"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"}

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

@@ -7,13 +7,12 @@ import { Trans } from '../Trans';
 export const _DeleteFieldModal = ({ state, }) => {
     const container = useWixPatternsContainer();
     const { translate: t } = container;
-    const { dataExtension, modal } = state;
+    const { modal } = state;
     return (React.createElement(MessageActionModal, { dataHook: "archived-items-delete-confirm-modal", state: modal, skin: "destructive", title: t('cairo.customFields.delete.modal.title', {
-            selectedField: dataExtension.extractFieldValuesFromSchema(modal.value?.id || '')
-                ?.name || '',
+            selectedField: modal.value?.fieldName || '',
         }), content: React.createElement(Text, null,
             React.createElement(Trans, { i18nKey: "cairo.customFields.delete.modal.description", values: {
-                    selectedField: dataExtension.extractFieldValuesFromSchema(modal.value?.id || '')?.name || '',
+                    selectedField: modal.value?.fieldName || '',
                 }, components: {
                     bold: React.createElement(Text, { weight: "bold" }),
                 } })), primaryButtonText: t('cairo.customFields.delete.modal.delete.CTA'), secondaryButtonText: t('cairo.customFields.delete.modal.cancel.CTA') }));

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteFieldModal.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsPanel/DeleteFieldModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,KAAK,GAGN,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,OAAO,CACL,oBAAC,kBAAkB,IACjB,QAAQ,EAAC,qCAAqC,EAC9C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,CAAC,CAAC,uCAAuC,EAAE;YAChD,aAAa,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE;SAC5C,CAAC,EACF,OAAO,EACL,oBAAC,IAAI;YACH,oBAAC,KAAK,IACJ,OAAO,EAAC,6CAA6C,EACrD,MAAM,EAAE;oBACN,aAAa,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE;iBAC5C,EACD,UAAU,EAAE;oBACV,IAAI,EAAE,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,GAAG;iBAC7B,GACD,CACG,EAET,iBAAiB,EAAE,CAAC,CAAC,4CAA4C,CAAC,EAClE,mBAAmB,EAAE,CAAC,CAAC,4CAA4C,CAAC,GACpE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { CustomFieldModal } from '../CustomFieldModal';
+import { ArchiveFieldModal } from './ArchiveFieldModal';
+import { DeleteFieldModal } from './DeleteFieldModal';
+/**
+ * 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 (React.createElement(React.Fragment, null,
+        React.createElement(CustomFieldModal, { state: customFieldModal }),
+        archiveFieldModal && React.createElement(ArchiveFieldModal, { state: archiveFieldModal }),
+        React.createElement(DeleteFieldModal, { state: deleteFieldModal })));
+}
+export const FieldManagementModals = observer(_FieldManagementModals);
+//# sourceMappingURL=FieldManagementModals.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldManagementModals.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsPanel/FieldManagementModals.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;GAKG;AACH,SAAS,sBAAsB,CAAC,EAC9B,MAAM,GAGP;IACC,MAAM,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAC7D,MAAM,CAAC,iBAAiB,CAAC;IAC3B,OAAO,CACL;QACE,oBAAC,gBAAgB,IAAC,KAAK,EAAE,gBAAgB,GAAI;QAC5C,iBAAiB,IAAI,oBAAC,iBAAiB,IAAC,KAAK,EAAE,iBAAiB,GAAI;QACrE,oBAAC,gBAAgB,IAAC,KAAK,EAAE,gBAAgB,GAAI,CAC5C,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC"}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { AddItem, Box, Divider } from '@wix/design-system';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { CustomFieldsDisabledHint } from '../CustomFields';
+function _FieldsSourceAddFieldCTA({ source, }) {
+    const { translate: t } = useWixPatternsContainer();
+    const fm = source.fieldsSource.fieldManagement;
+    if (!fm?.canAddFields) {
+        return null;
+    }
+    return (React.createElement(Box, { direction: "vertical", width: "100%" },
+        React.createElement(Divider, { direction: "horizontal" }),
+        React.createElement(Box, { padding: "SP4", width: "100%", boxSizing: "border-box", direction: "vertical" },
+            React.createElement(CustomFieldsDisabledHint, { disabled: fm.addFieldDisabled, content: fm.addFieldDisabledHint ?? '' },
+                React.createElement(AddItem, { dataHook: "custom-columns-add-field", onClick: () => source.openFieldModal({ origin: 'Custom columns panel' }) }, t('cairo.customFields.addCustomField.CTA'))))));
+}
+export const FieldsSourceAddFieldCTA = observer(_FieldsSourceAddFieldCTA);
+//# sourceMappingURL=FieldsSourceAddFieldCTA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsSourceAddFieldCTA.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsPanel/FieldsSourceAddFieldCTA.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,SAAS,wBAAwB,CAAC,EAChC,MAAM,GAGP;IACC,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC;IAE/C,IAAI,CAAC,EAAE,EAAE,YAAY,EAAE;QACrB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM;QACpC,oBAAC,OAAO,IAAC,SAAS,EAAC,YAAY,GAAG;QAClC,oBAAC,GAAG,IACF,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,YAAY,EACtB,SAAS,EAAC,UAAU;YAEpB,oBAAC,wBAAwB,IACvB,QAAQ,EAAE,EAAE,CAAC,gBAAgB,EAC7B,OAAO,EAAE,EAAE,CAAC,oBAAoB,IAAI,EAAE;gBAEtC,oBAAC,OAAO,IACN,QAAQ,EAAC,0BAA0B,EACnC,OAAO,EAAE,GAAG,EAAE,CACZ,MAAM,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,sBAAsB,EAAE,CAAC,IAG1D,CAAC,CAAC,uCAAuC,CAAC,CACnC,CACe,CACvB,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAC"}

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

@@ -1,30 +1,32 @@
 import { transformCustomDateFilterToWQL } from './transformCustomDateFilterToWQL';
 import { transformCustomCheckboxToWQL } from './transformCustomCheckboxToWQL';
 import { transformCustomNumberRangeFilterToWQL } from './transformCustomNumberRangeFilterToWQL';
-import { prefixFieldWithNamespace } from '../../state/simplifyExtendedColumns';
 import { transformOperatorFilterToWQL } from './transformOperatorFilterToWQL';
 export const transformCustomFiltersToWQL = (state, filters) => {
     const transformToWqlMapper = {
-        date: transformCustomDateFilterToWQL,
-        dateTime: transformCustomDateFilterToWQL,
-        checkbox: transformCustomCheckboxToWQL,
-        decimal: transformCustomNumberRangeFilterToWQL,
-        integer: transformCustomNumberRangeFilterToWQL,
-        shortText: transformOperatorFilterToWQL,
-        longText: transformOperatorFilterToWQL,
-        url: transformOperatorFilterToWQL,
+        DATE: transformCustomDateFilterToWQL,
+        DATETIME: transformCustomDateFilterToWQL,
+        BOOLEAN: transformCustomCheckboxToWQL,
+        NUMBER: transformCustomNumberRangeFilterToWQL,
+        SHORT_TEXT: transformOperatorFilterToWQL,
+        LONG_TEXT: transformOperatorFilterToWQL,
+        URL: transformOperatorFilterToWQL,
     };
+    const fieldsSource = state.toolbar.collectionFieldsSource?.fieldsSource;
+    if (!fieldsSource) {
+        return { $and: [] };
+    }
     const platformizedFilters = Object.keys(filters).reduce((acc, filterId) => {
         const filterValue = filters[filterId];
-        const currCustomField = state.toolbar.collectionDataExtension?.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 = 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/esm/components/CustomFieldsTransforms/transformCustomFiltersToWQL.js.map

@@ -1 +1 @@
-{"version":3,"file":"transformCustomFiltersToWQL.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsTransforms/transformCustomFiltersToWQL.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,qCAAqC,EAAE,MAAM,yCAAyC,CAAC;AAChG,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,KAAkD,EAClD,OAAsB,EACtB,EAAE;IACF,MAAM,oBAAoB,GAKtB;QACF,IAAI,EAAE,8BAA8B;QACpC,QAAQ,EAAE,8BAA8B;QACxC,QAAQ,EAAE,4BAA4B;QACtC,OAAO,EAAE,qCAAqC;QAC9C,OAAO,EAAE,qCAAqC;QAC9C,SAAS,EAAE,4BAA4B;QACvC,QAAQ,EAAE,4BAA4B;QACtC,GAAG,EAAE,4BAA4B;KAClC,CAAC;IAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CACrD,CAAC,GAAU,EAAE,QAAQ,EAAE,EAAE;QACvB,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;QACtC,MAAM,eAAe,GACnB,KAAK,CAAC,OAAO,CAAC,uBAAuB,EAAE,aAAa,CAAC,sBAAsB,CAAC,IAAI,CAC9E,CAAC,KAAkB,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,QAAQ,CAC9C,CAAC;QAEJ,IAAI,CAAC,eAAe,IAAI,WAAW,IAAI,IAAI,EAAE;YAC3C,OAAO,GAAG,CAAC;SACZ;QAED,MAAM,UAAU,GAAG,wBAAwB,CACzC,eAAe,CAAC,EAAE,EAClB,eAAe,CAAC,SAAS,CAC1B,CAAC;QAEF,MAAM,cAAc,GAAG,oBAAoB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAClE,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO,GAAG,CAAC;SACZ;QAED,GAAG,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;QAErD,OAAO,GAAG,CAAC;IACb,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC;AACvC,CAAC,CAAC"}
+{"version":3,"file":"transformCustomFiltersToWQL.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsTransforms/transformCustomFiltersToWQL.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,qCAAqC,EAAE,MAAM,yCAAyC,CAAC;AAChG,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,KAAkD,EAClD,OAAsB,EACtB,EAAE;IACF,MAAM,oBAAoB,GAKtB;QACF,IAAI,EAAE,8BAA8B;QACpC,QAAQ,EAAE,8BAA8B;QACxC,OAAO,EAAE,4BAA4B;QACrC,MAAM,EAAE,qCAAqC;QAC7C,UAAU,EAAE,4BAA4B;QACxC,SAAS,EAAE,4BAA4B;QACvC,GAAG,EAAE,4BAA4B;KAClC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,sBAAsB,EAAE,YAAY,CAAC;IAExE,IAAI,CAAC,YAAY,EAAE;QACjB,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;KACrB;IAED,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CACrD,CAAC,GAAU,EAAE,QAAQ,EAAE,EAAE;QACvB,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;QACtC,MAAM,KAAK,GAAG,YAAY,CAAC,gBAAgB,CAAC,IAAI,CAC9C,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAChC,CAAC;QAEF,IAAI,CAAC,KAAK,IAAI,WAAW,IAAI,IAAI,EAAE;YACjC,OAAO,GAAG,CAAC;SACZ;QAED,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACxD,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO,GAAG,CAAC;SACZ;QAED,MAAM,UAAU,GAAG,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpD,GAAG,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;QAErD,OAAO,GAAG,CAAC;IACb,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC;AACvC,CAAC,CAAC"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { usePageContext, useWixPatternsContainer } from '@wix/bex-core/react';
-import { DeleteFieldModal } from '../ArchivedItemsPanel/DeleteFieldModal';
+import { DeleteFieldModal } from '../CustomFieldsPanel/DeleteFieldModal';
 const _CustomFieldsWidgetCommonComponents = ({ state, }) => {
     const page = usePageContext();
     const { useRelativeSidePanel } = useWixPatternsContainer();
@@ -15,8 +15,8 @@ const _CustomFieldsWidgetCommonComponents = ({ state, }) => {
     return (React.createElement(React.Fragment, null,
         WixPatternsModalsContainer && (React.createElement(WixPatternsModalsContainer, { rootRef: stackingRootRef, anchorRef: useRelativeSidePanel ? stackingRootRef : modalsContainerRef, state: state.panels })),
         CustomFieldModal && (React.createElement(CustomFieldModal, { state: state.customFieldsPanel.customFieldModal })),
-        ArchiveFieldModal && (React.createElement(ArchiveFieldModal, { state: state.customFieldsPanel.archiveFieldModal })),
-        state.dataExtension.deleteFieldModal && (React.createElement(DeleteFieldModal, { state: state.dataExtension.deleteFieldModal }))));
+        ArchiveFieldModal && state.customFieldsPanel.archiveFieldModal && (React.createElement(ArchiveFieldModal, { state: state.customFieldsPanel.archiveFieldModal })),
+        React.createElement(DeleteFieldModal, { state: state.customFieldsPanel.deleteFieldModal })));
 };
 export const CustomFieldsWidgetCommonComponents = observer(_CustomFieldsWidgetCommonComponents);
 //# sourceMappingURL=CustomFieldsWidgetCommonComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CustomFieldsWidgetCommonComponents.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAM1E,MAAM,mCAAmC,GAAG,CAAC,EAC3C,KAAK,GACmC,EAAE,EAAE;IAC5C,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;IAC9B,MAAM,EAAE,oBAAoB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAE3D,MAAM,EAAE,kBAAkB,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IAErD,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,0BAA0B,GAAG,KAAK,CAAC,0BAA0B,CAAC;IACpE,MAAM,gBAAgB,GAAG,KAAK,CAAC,gBAAgB,CAAC;IAChD,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAElD,OAAO,CACL;QACG,0BAA0B,IAAI,CAC7B,oBAAC,0BAA0B,IACzB,OAAO,EAAE,eAAe,EACxB,SAAS,EACP,oBAAoB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,EAE7D,KAAK,EAAE,KAAK,CAAC,MAAM,GACnB,CACH;QACA,gBAAgB,IAAI,CACnB,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,GAAI,CACtE;QACA,iBAAiB,IAAI,CACpB,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAI,CACxE;QACA,KAAK,CAAC,aAAa,CAAC,gBAAgB,IAAI,CACvC,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,GAAI,CAClE,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kCAAkC,GAAG,QAAQ,CACxD,mCAAmC,CACpC,CAAC"}
+{"version":3,"file":"CustomFieldsWidgetCommonComponents.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAMzE,MAAM,mCAAmC,GAAG,CAAC,EAC3C,KAAK,GACmC,EAAE,EAAE;IAC5C,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;IAC9B,MAAM,EAAE,oBAAoB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAE3D,MAAM,EAAE,kBAAkB,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IAErD,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,0BAA0B,GAAG,KAAK,CAAC,0BAA0B,CAAC;IACpE,MAAM,gBAAgB,GAAG,KAAK,CAAC,gBAAgB,CAAC;IAChD,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAElD,OAAO,CACL;QACG,0BAA0B,IAAI,CAC7B,oBAAC,0BAA0B,IACzB,OAAO,EAAE,eAAe,EACxB,SAAS,EACP,oBAAoB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,EAE7D,KAAK,EAAE,KAAK,CAAC,MAAM,GACnB,CACH;QACA,gBAAgB,IAAI,CACnB,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,GAAI,CACtE;QACA,iBAAiB,IAAI,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,IAAI,CACjE,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAI,CACxE;QACD,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,GAAI,CACpE,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kCAAkC,GAAG,QAAQ,CACxD,mCAAmC,CACpC,CAAC"}

package/dist/esm/components/DataExtension/DataExtension.js

@@ -1,34 +1,43 @@
-import { CustomFieldModal } from '../CustomFieldModal';
-import { CustomColumnsFull } from '../CustomColumns';
-import { ArchiveFieldModal } from '../CustomFieldsPanel/ArchiveFieldModal';
-import { CustomColumnsAddCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsAddCustomFieldCTAButton';
-import { CustomColumnsEditCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton';
-import { ArchivedItemsCTAButton } from '../ArchivedItemsPanel/ArchivedItemsCTAButton';
-import { CollectionDataExtensionState } from './CollectionDataExtensionState';
-import { FileCardList } from '../FileCard/FileCardList';
+import { DataExtensionState, } from '@wix/bex-core';
 import { CustomFieldsCollectionPanelEntry } from '../CustomFieldsPanel/CustomFieldsCollectionPanelEntry';
+import { dataExtensionFieldsSourceFrom } from './dataExtensionFieldsSource';
+import { dataExtensionRendering } from './dataExtensionRendering';
+import { CollectionFieldsSourceState } from '../../state/CollectionFieldsSourceState';
 import { manageCustomFieldsPageAction } from './manageCustomFieldsPageAction';
 export const DataExtension = (_) => {
     return null;
 };
 DataExtension.setDataExtensionOnTable = function (toolbar, overrides) {
-    toolbar.collectionDataExtension ??= new CollectionDataExtensionState({
-        toolbar,
+    if (toolbar.collectionFieldsSource) {
+        return;
+    }
+    const dataExtension = new DataExtensionState({
         container: toolbar.container,
-        DataExtension,
-        props: overrides,
-        ...overrides,
+        fqdn: toolbar.collection.fqdn ?? {
+            product: toolbar.collection.queryName,
+        },
+        closeSidePanel: toolbar.closeSidePanel,
+        disableUserDefinedWriting: overrides?.disableUserDefinedWriting,
+        filterable: overrides?.filterable,
+        containsPii: overrides?.containsPii,
+        defaultPermissions: overrides?.defaultPermissions,
+        enableArchive: overrides?.enableArchive,
+    });
+    const fieldsSource = dataExtensionFieldsSourceFrom({
+        dataExtension,
+        reportBi: toolbar.reportBi,
+        toExtendedFields: toolbar.collection.toExtendedFields,
+    });
+    CollectionFieldsSourceState.setOnTable(toolbar, {
+        fieldsSource,
+        ...dataExtensionRendering({
+            dataExtension,
+            toolbar,
+            DataExtension,
+            props: overrides,
+        }),
     });
 };
-DataExtension.FileCardList = FileCardList;
-DataExtension.CustomFieldModal = CustomFieldModal;
-DataExtension.ArchiveFieldModal = ArchiveFieldModal;
-DataExtension.CustomColumns = CustomColumnsFull;
-DataExtension.CustomColumnsAddCustomFieldCTAButton =
-    CustomColumnsAddCustomFieldCTAButton;
-DataExtension.CustomColumnsEditCustomFieldCTAButton =
-    CustomColumnsEditCustomFieldCTAButton;
-DataExtension.CustomColumnsArchivedItemsCTAButton = ArchivedItemsCTAButton;
 DataExtension.syncTableCollectionProps = (state) => {
     state.panels.registerSidePanel('customFields', CustomFieldsCollectionPanelEntry);
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DataExtension.js","sourceRoot":"","sources":["../../../../src/components/DataExtension/DataExtension.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,oCAAoC,EAAE,MAAM,2DAA2D,CAAC;AACjH,OAAO,EAAE,qCAAqC,EAAE,MAAM,4DAA4D,CAAC;AACnH,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,gCAAgC,EAAE,MAAM,uDAAuD,CAAC;AAEzG,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAuB9E,MAAM,CAAC,MAAM,aAAa,GACE,CAAC,CAAqB,EAAE,EAAE;IACpD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AASF,aAAa,CAAC,uBAAuB,GAAG,UAAU,OAAO,EAAE,SAAS;IAClE,OAAO,CAAC,uBAAuB,KAAK,IAAI,4BAA4B,CAAC;QACnE,OAAO;QACP,SAAS,EAAE,OAAO,CAAC,SAAS;QAC5B,aAAa;QACb,KAAK,EAAE,SAAS;QAChB,GAAG,SAAS;KACb,CAAC,CAAC;AACL,CAAC,CAAC;AACF,aAAa,CAAC,YAAY,GAAG,YAAY,CAAC;AAC1C,aAAa,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;AAClD,aAAa,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;AACpD,aAAa,CAAC,aAAa,GAAG,iBAAiB,CAAC;AAChD,aAAa,CAAC,oCAAoC;IAChD,oCAAoC,CAAC;AACvC,aAAa,CAAC,qCAAqC;IACjD,qCAAqC,CAAC;AACxC,aAAa,CAAC,mCAAmC,GAAG,sBAAsB,CAAC;AAC3E,aAAa,CAAC,wBAAwB,GAAG,CACvC,KAAkC,EAClC,EAAE;IACF,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAC5B,cAAc,EACd,gCAAgC,CACjC,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,4BAA4B,GAAG,4BAA4B,CAAC"}
+{"version":3,"file":"DataExtension.js","sourceRoot":"","sources":["../../../../src/components/DataExtension/DataExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,kBAAkB,GAGnB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,gCAAgC,EAAE,MAAM,uDAAuD,CAAC;AACzG,OAAO,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,2BAA2B,EAAE,MAAM,yCAAyC,CAAC;AAGtF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAgB9E,MAAM,CAAC,MAAM,aAAa,GACE,CAAC,CAAqB,EAAE,EAAE;IACpD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AASF,aAAa,CAAC,uBAAuB,GAAG,UAAU,OAAO,EAAE,SAAS;IAClE,IAAI,OAAO,CAAC,sBAAsB,EAAE;QAClC,OAAO;KACR;IAED,MAAM,aAAa,GAAG,IAAI,kBAAkB,CAAC;QAC3C,SAAS,EAAE,OAAO,CAAC,SAAS;QAC5B,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,IAAI,IAAI;YAC/B,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,SAAS;SACtC;QACD,cAAc,EAAE,OAAO,CAAC,cAAc;QACtC,yBAAyB,EAAE,SAAS,EAAE,yBAAyB;QAC/D,UAAU,EAAE,SAAS,EAAE,UAAU;QACjC,WAAW,EAAE,SAAS,EAAE,WAAW;QACnC,kBAAkB,EAAE,SAAS,EAAE,kBAAkB;QACjD,aAAa,EAAE,SAAS,EAAE,aAAa;KACxC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,6BAA6B,CAAC;QACjD,aAAa;QACb,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,gBAAgB,EAAE,OAAO,CAAC,UAAU,CAAC,gBAAgB;KACtD,CAAC,CAAC;IAEH,2BAA2B,CAAC,UAAU,CAAC,OAAO,EAAE;QAC9C,YAAY;QACZ,GAAG,sBAAsB,CAAC;YACxB,aAAa;YACb,OAAO;YACP,aAAa;YACb,KAAK,EAAE,SAAS;SACjB,CAAC;KACH,CAAC,CAAC;AACL,CAAC,CAAC;AACF,aAAa,CAAC,wBAAwB,GAAG,CACvC,KAAkC,EAClC,EAAE;IACF,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAC5B,cAAc,EACd,gCAAgC,CACjC,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,4BAA4B,GAAG,4BAA4B,CAAC"}

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

@@ -0,0 +1,29 @@
+/**
+ * Adapts DataExtensionState to the source-neutral FieldArchive contract. Used by
+ * the FieldsSource adapter and the archive-field modal.
+ */
+export 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) => dataExtension.extractFieldValuesFromSchema(fieldId)?.name ?? '',
+});
+//# sourceMappingURL=dataExtensionArchive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dataExtensionArchive.js","sourceRoot":"","sources":["../../../../src/components/DataExtension/dataExtensionArchive.ts"],"names":[],"mappings":"AAOA;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,aAAa,EACb,QAAQ,GACmB,EAAgB,EAAE,CAAC,CAAC;IAC/C,IAAI,KAAK;QACP,OAAO,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC7C,EAAE,EAAE,CAAC,CAAC,EAAE;YACR,KAAK,EAAE,CAAC,CAAC,KAAK;YACd,KAAK,EAAE,CAAC,CAAC,KAAK;SACf,CAAC,CAAC,CAAC;IACN,CAAC;IACD,IAAI,aAAa;QACf,OAAO,aAAa,CAAC,oBAAoB,IAAI,KAAK,CAAC;IACrD,CAAC;IACD,IAAI,MAAM;QACR,OAAO,aAAa,CAAC,mBAAmB,CAAC;IAC3C,CAAC;IACD,SAAS,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE;IAClD,UAAU,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,kBAAkB,EAAE;IACpD,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;QACtC,MAAM,aAAa,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;IACtE,CAAC;IACD,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;QACtC,MAAM,aAAa,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;IACtE,CAAC;IACD,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CACrB,aAAa,CAAC,4BAA4B,CAAC,OAAO,CAAC,EAAE,IAAI,IAAI,EAAE;CAClE,CAAC,CAAC"}

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

@@ -0,0 +1,51 @@
+import { buildFieldActionsMenu, } from '../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.
+ */
+export 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: () => panel.archiveFieldModal?.modal.open({
+            id: fieldId,
+            origin,
+            fieldName: panel.fieldManagement?.getFieldDraft(fieldId)?.name ?? '',
+            archiveEnabled: dataExtension.enableArchive,
+        }),
+    };
+    return { handlers };
+};
+export 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 buildFieldActionsMenu({
+            fieldId: args.fieldId,
+            config: handlers(args),
+            groups: DE_MENU_GROUPS,
+            translate: t,
+            tooltipContent: t('cairo.custom-columns.more-actions.tooltip'),
+            bi,
+        });
+    };
+};
+//# sourceMappingURL=dataExtensionFieldActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dataExtensionFieldActions.js","sourceRoot":"","sources":["../../../../src/components/DataExtension/dataExtensionFieldActions.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,qBAAqB,GAKtB,MAAM,iBAAiB,CAAC;AAEzB,oEAAoE;AACpE,MAAM,cAAc,GAAuB,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;AAEtE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAC3C,CAAC,aAAiC,EAAE,KAA6B,EAAE,EAAE,CACrE,CAAC,EACC,OAAO,EACP,MAAM,GAKP,EAAoC,EAAE;IACrC,MAAM,EAAE,GAAG,aAAa,CAAC,qBAAqB,CAAC,IAAI,CACjD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CACxB,CAAC;IACF,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,IAAI,aAAa,CAAC,yBAAyB,EAAE;QAClE,OAAO,IAAI,CAAC;KACb;IACD,IAAI,CAAC,aAAa,CAAC,mBAAmB,EAAE;QACtC,OAAO;YACL,QAAQ,EAAE,EAAE;YACZ,eAAe,EAAE,aAAa,CAAC,SAAS,CAAC,SAAS,CAChD,4CAA4C,CAC7C;SACF,CAAC;KACH;IACD,MAAM,QAAQ,GAAwB;QACpC,SAAS,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;QAChE,OAAO,EAAE,GAAG,EAAE,CACZ,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,IAAI,CAAC;YAClC,EAAE,EAAE,OAAO;YACX,MAAM;YACN,SAAS,EAAE,KAAK,CAAC,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,IAAI,IAAI,EAAE;YACpE,cAAc,EAAE,aAAa,CAAC,aAAa;SAC5C,CAAC;KACL,CAAC;IACF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACtB,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mCAAmC,GAC9C,CAAC,aAAiC,EAAE,EAAE,CACtC,CAAC,KAA6B,EAA2B,EAAE;IACzD,MAAM,QAAQ,GAAG,gCAAgC,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;IACxE,OAAO,CAAC,IAAI,EAAE,EAAE;QACd,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;QACpC,MAAM,EAAE,GAA0B;YAChC,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM;SACxC,CAAC;QACF,OAAO,qBAAqB,CAAC;YAC3B,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC;YACtB,MAAM,EAAE,cAAc;YACtB,SAAS,EAAE,CAAC;YACZ,cAAc,EAAE,CAAC,CAAC,2CAA2C,CAAC;YAC9D,EAAE;SACH,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,127 @@
+import { runInAction } from 'mobx';
+export const 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',
+};
+export const toPatternsFieldType = (type) => CUSTOM_FIELD_TYPE_TO_PATTERNS[type] ?? 'UNKNOWN';
+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',
+    },
+];
+export 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,
+        });
+        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) => customFieldFor(field.id)?.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),
+    };
+};
+//# sourceMappingURL=dataExtensionFieldManagement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dataExtensionFieldManagement.js","sourceRoot":"","sources":["../../../../src/components/DataExtension/dataExtensionFieldManagement.ts"],"names":[],"mappings":"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"}