@wix/patterns 1.423.0 → 1.424.0

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

@@ -1,11 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.CustomFieldItem = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
-var _ManageFieldsPopoverMenu = require("./ManageFieldsPopoverMenu");
+var _FieldActions = require("../FieldActions");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldsPanel/CustomFieldItem.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _CustomFieldItem(props) {
@@ -19,13 +21,18 @@ function _CustomFieldItem(props) {
     flexDirection: 'column',
     position: 'relative'
   }), []);
+  const menuConfig = state.fieldActionsMenu({
+    fieldId: field.id,
+    origin: 'Custom fields panel',
+    location: 'Manage custom fields action cell'
+  });
   return /*#__PURE__*/_react.default.createElement("div", {
     style: style,
     "data-hook": `custom-field-${field.id}`,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27,
+      lineNumber: 33,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
@@ -36,7 +43,7 @@ function _CustomFieldItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 34,
+          lineNumber: 40,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -47,7 +54,7 @@ function _CustomFieldItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 35,
+          lineNumber: 41,
           columnNumber: 17
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -55,37 +62,33 @@ function _CustomFieldItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 41,
+          lineNumber: 47,
           columnNumber: 19
         }
-      }, field.label || field.id)))
+      }, field.displayName || field.id)))
     }, {
       value: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
         height: "24px",
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 48,
+          lineNumber: 54,
           columnNumber: 15
         }
-      }, /*#__PURE__*/_react.default.createElement(_ManageFieldsPopoverMenu.ManageFieldsPopoverMenu, {
-        origin: "Custom fields panel",
-        state: state,
-        id: field.id,
-        location: "Manage custom fields action cell",
+      }, menuConfig ? /*#__PURE__*/_react.default.createElement(_FieldActions.FieldActionsPopover, (0, _extends2.default)({}, menuConfig, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 49,
-          columnNumber: 17
+          lineNumber: 55,
+          columnNumber: 31
         }
-      })),
+      })) : null),
       align: 'right'
     }],
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
+      lineNumber: 34,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ManageFieldsPopoverMenu","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomFieldItem","props","field","showDivider","state","style","useMemo","display","flexDirection","position","createElement","id","__self","__source","fileName","lineNumber","columnNumber","TableListItem","verticalPadding","options","value","Box","padding","wordBreak","Text","size","label","height","ManageFieldsPopoverMenu","origin","location","align","CustomFieldItem","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldItem.tsx"],"sourcesContent":["import { Box, TableListItem, Text } from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomField } from '@wix/bex-core';\nimport { ManageFieldsPopoverMenu } from './ManageFieldsPopoverMenu';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface CustomFieldItemProps {\n  field: CustomField;\n  showDivider?: boolean;\n  state: CustomFieldsPanelState;\n}\n\nfunction _CustomFieldItem(props: CustomFieldItemProps) {\n  const { field, showDivider, state } = props;\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      display: 'flex',\n      flexDirection: 'column',\n      position: 'relative',\n    }),\n    [],\n  );\n\n  return (\n    <div style={style} data-hook={`custom-field-${field.id}`}>\n      <TableListItem\n        showDivider={showDivider}\n        verticalPadding=\"tiny\"\n        options={[\n          {\n            value: (\n              <Box>\n                <div\n                  style={{\n                    padding: '0 6px',\n                    wordBreak: 'break-word',\n                  }}\n                >\n                  <Text size=\"small\">{field.label || field.id}</Text>\n                </div>\n              </Box>\n            ),\n          },\n          {\n            value: (\n              <Box height=\"24px\">\n                <ManageFieldsPopoverMenu\n                  origin=\"Custom fields panel\"\n                  state={state}\n                  id={field.id}\n                  location=\"Manage custom fields action cell\"\n                />\n              </Box>\n            ),\n            align: 'right',\n          },\n        ]}\n      />\n    </div>\n  );\n}\n\nexport const CustomFieldItem = observer(_CustomFieldItem);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_FieldActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomFieldItem","props","field","showDivider","state","style","useMemo","display","flexDirection","position","menuConfig","fieldActionsMenu","fieldId","id","origin","location","createElement","__self","__source","fileName","lineNumber","columnNumber","TableListItem","verticalPadding","options","value","Box","padding","wordBreak","Text","size","displayName","height","FieldActionsPopover","_extends2","align","CustomFieldItem","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldItem.tsx"],"sourcesContent":["import { Box, TableListItem, Text } from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Field } from '@wix/bex-core';\nimport { FieldActionsPopover } from '../FieldActions';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface CustomFieldItemProps {\n  field: Field;\n  showDivider?: boolean;\n  state: CustomFieldsPanelState;\n}\n\nfunction _CustomFieldItem(props: CustomFieldItemProps) {\n  const { field, showDivider, state } = props;\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      display: 'flex',\n      flexDirection: 'column',\n      position: 'relative',\n    }),\n    [],\n  );\n\n  const menuConfig = state.fieldActionsMenu({\n    fieldId: field.id,\n    origin: 'Custom fields panel',\n    location: 'Manage custom fields action cell',\n  });\n\n  return (\n    <div style={style} data-hook={`custom-field-${field.id}`}>\n      <TableListItem\n        showDivider={showDivider}\n        verticalPadding=\"tiny\"\n        options={[\n          {\n            value: (\n              <Box>\n                <div\n                  style={{\n                    padding: '0 6px',\n                    wordBreak: 'break-word',\n                  }}\n                >\n                  <Text size=\"small\">{field.displayName || field.id}</Text>\n                </div>\n              </Box>\n            ),\n          },\n          {\n            value: (\n              <Box height=\"24px\">\n                {menuConfig ? <FieldActionsPopover {...menuConfig} /> : null}\n              </Box>\n            ),\n            align: 'right',\n          },\n        ]}\n      />\n    </div>\n  );\n}\n\nexport const CustomFieldItem = observer(_CustomFieldItem);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,16 +5,16 @@ exports.CustomFieldPopoverUniDriver = CustomFieldPopoverUniDriver;
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
 var _DisabledTooltipButtonUni = require("../DisabledTooltip/DisabledTooltipButton.uni.driver");
 function CustomFieldPopoverUniDriver(base, body) {
-  const customFieldPopoverDriverBase = () => base.$('[data-hook="custom-field-options"]');
+  const customFieldPopoverDriverBase = () => base.$('[data-hook="field-actions-menu"]');
   const customFieldPopoverDriver = () => (0, _unidriver.PopoverMenuUniDriver)(customFieldPopoverDriverBase(), body);
   const customFieldOptionsTrigger = () => (0, _DisabledTooltipButtonUni.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/cjs/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_DisabledTooltipButtonUni","CustomFieldPopoverUniDriver","base","body","customFieldPopoverDriverBase","$","customFieldPopoverDriver","PopoverMenuUniDriver","customFieldOptionsTrigger","DisabledTooltipButtonUniDriver","dataHook","getCustomFieldOptionsAt","open","click","clickEdit","clickAtChildByDataHook","clickArchive","exists","isDisabled","isButtonDisabled","getTooltipText"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.ts"],"sourcesContent":["import { PopoverMenuUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { DisabledTooltipButtonUniDriver } from '../DisabledTooltip/DisabledTooltipButton.uni.driver';\n\nexport function CustomFieldPopoverUniDriver(base: UniDriver, body: UniDriver) {\n  const customFieldPopoverDriverBase = () =>\n    base.$('[data-hook=\"custom-field-options\"]');\n\n  const customFieldPopoverDriver = () =>\n    PopoverMenuUniDriver(customFieldPopoverDriverBase(), body);\n\n  const customFieldOptionsTrigger = () =>\n    DisabledTooltipButtonUniDriver(base, body, {\n      dataHook: 'custom-field-options-icon-button',\n    });\n\n  const getCustomFieldOptionsAt = () => {\n    return {\n      open: () => customFieldOptionsTrigger().click(),\n      clickEdit: () =>\n        customFieldPopoverDriver().clickAtChildByDataHook(\n          'custom-field-options-edit',\n        ),\n      clickArchive: () =>\n        customFieldPopoverDriver().clickAtChildByDataHook(\n          'custom-field-options-archive',\n        ),\n    };\n  };\n\n  return {\n    exists: () => customFieldPopoverDriverBase().exists(),\n    isDisabled: () => customFieldOptionsTrigger().isButtonDisabled(),\n    getTooltipText: () => customFieldOptionsTrigger().getTooltipText(),\n    getCustomFieldOptionsAt,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,yBAAA,GAAAD,OAAA;AAEO,SAASE,2BAA2BA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC5E,MAAMC,4BAA4B,GAAGA,CAAA,KACnCF,IAAI,CAACG,CAAC,CAAC,oCAAoC,CAAC;EAE9C,MAAMC,wBAAwB,GAAGA,CAAA,KAC/B,IAAAC,+BAAoB,EAACH,4BAA4B,CAAC,CAAC,EAAED,IAAI,CAAC;EAE5D,MAAMK,yBAAyB,GAAGA,CAAA,KAChC,IAAAC,wDAA8B,EAACP,IAAI,EAAEC,IAAI,EAAE;IACzCO,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEJ,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;IACpC,OAAO;MACLC,IAAI,EAAEA,CAAA,KAAMJ,yBAAyB,CAAC,CAAC,CAACK,KAAK,CAAC,CAAC;MAC/CC,SAAS,EAAEA,CAAA,KACTR,wBAAwB,CAAC,CAAC,CAACS,sBAAsB,CAC/C,2BACF,CAAC;MACHC,YAAY,EAAEA,CAAA,KACZV,wBAAwB,CAAC,CAAC,CAACS,sBAAsB,CAC/C,8BACF;IACJ,CAAC;EACH,CAAC;EAED,OAAO;IACLE,MAAM,EAAEA,CAAA,KAAMb,4BAA4B,CAAC,CAAC,CAACa,MAAM,CAAC,CAAC;IACrDC,UAAU,EAAEA,CAAA,KAAMV,yBAAyB,CAAC,CAAC,CAACW,gBAAgB,CAAC,CAAC;IAChEC,cAAc,EAAEA,CAAA,KAAMZ,yBAAyB,CAAC,CAAC,CAACY,cAAc,CAAC,CAAC;IAClET;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_DisabledTooltipButtonUni","CustomFieldPopoverUniDriver","base","body","customFieldPopoverDriverBase","$","customFieldPopoverDriver","PopoverMenuUniDriver","customFieldOptionsTrigger","DisabledTooltipButtonUniDriver","dataHook","getCustomFieldOptionsAt","open","click","clickEdit","clickAtChildByDataHook","clickArchive","exists","isDisabled","isButtonDisabled","getTooltipText"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.ts"],"sourcesContent":["import { PopoverMenuUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { DisabledTooltipButtonUniDriver } from '../DisabledTooltip/DisabledTooltipButton.uni.driver';\n\nexport function CustomFieldPopoverUniDriver(base: UniDriver, body: UniDriver) {\n  const customFieldPopoverDriverBase = () =>\n    base.$('[data-hook=\"field-actions-menu\"]');\n\n  const customFieldPopoverDriver = () =>\n    PopoverMenuUniDriver(customFieldPopoverDriverBase(), body);\n\n  const customFieldOptionsTrigger = () =>\n    DisabledTooltipButtonUniDriver(base, body, {\n      dataHook: 'field-actions-menu-button',\n    });\n\n  const getCustomFieldOptionsAt = () => {\n    return {\n      open: () => customFieldOptionsTrigger().click(),\n      clickEdit: () =>\n        customFieldPopoverDriver().clickAtChildByDataHook('field-action-edit'),\n      clickArchive: () =>\n        customFieldPopoverDriver().clickAtChildByDataHook(\n          'field-action-archive',\n        ),\n    };\n  };\n\n  return {\n    exists: () => customFieldPopoverDriverBase().exists(),\n    isDisabled: () => customFieldOptionsTrigger().isButtonDisabled(),\n    getTooltipText: () => customFieldOptionsTrigger().getTooltipText(),\n    getCustomFieldOptionsAt,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,yBAAA,GAAAD,OAAA;AAEO,SAASE,2BAA2BA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC5E,MAAMC,4BAA4B,GAAGA,CAAA,KACnCF,IAAI,CAACG,CAAC,CAAC,kCAAkC,CAAC;EAE5C,MAAMC,wBAAwB,GAAGA,CAAA,KAC/B,IAAAC,+BAAoB,EAACH,4BAA4B,CAAC,CAAC,EAAED,IAAI,CAAC;EAE5D,MAAMK,yBAAyB,GAAGA,CAAA,KAChC,IAAAC,wDAA8B,EAACP,IAAI,EAAEC,IAAI,EAAE;IACzCO,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEJ,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;IACpC,OAAO;MACLC,IAAI,EAAEA,CAAA,KAAMJ,yBAAyB,CAAC,CAAC,CAACK,KAAK,CAAC,CAAC;MAC/CC,SAAS,EAAEA,CAAA,KACTR,wBAAwB,CAAC,CAAC,CAACS,sBAAsB,CAAC,mBAAmB,CAAC;MACxEC,YAAY,EAAEA,CAAA,KACZV,wBAAwB,CAAC,CAAC,CAACS,sBAAsB,CAC/C,sBACF;IACJ,CAAC;EACH,CAAC;EAED,OAAO;IACLE,MAAM,EAAEA,CAAA,KAAMb,4BAA4B,CAAC,CAAC,CAACa,MAAM,CAAC,CAAC;IACrDC,UAAU,EAAEA,CAAA,KAAMV,yBAAyB,CAAC,CAAC,CAACW,gBAAgB,CAAC,CAAC;IAChEC,cAAc,EAAEA,CAAA,KAAMZ,yBAAyB,CAAC,CAAC,CAACY,cAAc,CAAC,CAAC;IAClET;EACF,CAAC;AACH","ignoreList":[]}

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

@@ -8,14 +8,19 @@ var _CustomFieldsPanel = require("./CustomFieldsPanel");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldsPanel/CustomFieldsCollectionPanelEntry.tsx";
 function CustomFieldsCollectionPanelEntry() {
+  var _toolbar$collectionFi;
   const toolbar = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const state = (_toolbar$collectionFi = toolbar.collectionFieldsSource) == null ? void 0 : _toolbar$collectionFi.customFieldsPanel;
+  if (!state) {
+    return null;
+  }
   return /*#__PURE__*/_react.default.createElement(_CustomFieldsPanel.CustomFieldsPanel, {
-    state: toolbar.collectionDataExtension.customFieldsPanel,
+    state: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 9,
-      columnNumber: 5
+      lineNumber: 11,
+      columnNumber: 10
     }
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CustomFieldsPanel","_ToolbarCollectionContext","_jsxFileName","CustomFieldsCollectionPanelEntry","toolbar","useToolbarCollectionContext","default","createElement","CustomFieldsPanel","state","collectionDataExtension","customFieldsPanel","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsCollectionPanelEntry.tsx"],"sourcesContent":["import React from 'react';\nimport { CustomFieldsPanel } from './CustomFieldsPanel';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nexport function CustomFieldsCollectionPanelEntry() {\n  const toolbar = useToolbarCollectionContext();\n\n  return (\n    <CustomFieldsPanel\n      state={toolbar.collectionDataExtension!.customFieldsPanel}\n    />\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AAA0E,IAAAG,YAAA;AAEnE,SAASC,gCAAgCA,CAAA,EAAG;EACjD,MAAMC,OAAO,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAE7C,oBACER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAQ,iBAAiB;IAChBC,KAAK,EAAEL,OAAO,CAACM,uBAAuB,CAAEC,iBAAkB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC3D,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_CustomFieldsPanel","_ToolbarCollectionContext","_jsxFileName","CustomFieldsCollectionPanelEntry","_toolbar$collectionFi","toolbar","useToolbarCollectionContext","state","collectionFieldsSource","customFieldsPanel","default","createElement","CustomFieldsPanel","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsCollectionPanelEntry.tsx"],"sourcesContent":["import React from 'react';\nimport { CustomFieldsPanel } from './CustomFieldsPanel';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nexport function CustomFieldsCollectionPanelEntry() {\n  const toolbar = useToolbarCollectionContext();\n  const state = toolbar.collectionFieldsSource?.customFieldsPanel;\n  if (!state) {\n    return null;\n  }\n  return <CustomFieldsPanel state={state} />;\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AAA0E,IAAAG,YAAA;AAEnE,SAASC,gCAAgCA,CAAA,EAAG;EAAA,IAAAC,qBAAA;EACjD,MAAMC,OAAO,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC7C,MAAMC,KAAK,IAAAH,qBAAA,GAAGC,OAAO,CAACG,sBAAsB,qBAA9BJ,qBAAA,CAAgCK,iBAAiB;EAC/D,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,oBAAOV,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,kBAAA,CAAAY,iBAAiB;IAACL,KAAK,EAAEA,KAAM;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC5C","ignoreList":[]}

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

@@ -36,7 +36,7 @@ function _CustomFieldsList(props) {
       lineNumber: 30,
       columnNumber: 5
     }
-  }, state.dataExtension.availableUserCustomFields.map(renderItem));
+  }, state.manageableFields.map(renderItem));
 }
 const CustomFieldsList = exports.CustomFieldsList = (0, _mobxReactLite.observer)(_CustomFieldsList);
 //# sourceMappingURL=CustomFieldsList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_CustomFieldItem","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomFieldsList","props","state","renderItem","useCallback","field","index","array","createElement","CustomFieldItem","key","id","showDivider","length","__self","__source","fileName","lineNumber","columnNumber","Box","direction","dataHook","backgroundColor","dataExtension","availableUserCustomFields","map","CustomFieldsList","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsList.tsx"],"sourcesContent":["import { CustomField } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useCallback } from 'react';\nimport { CustomFieldItem } from './CustomFieldItem';\nimport { Box } from '@wix/design-system';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface CustomFieldsListProps {\n  state: CustomFieldsPanelState;\n}\n\nfunction _CustomFieldsList(props: CustomFieldsListProps) {\n  const { state } = props;\n\n  const renderItem = useCallback(\n    (field: CustomField, index: number, array: CustomField[]) => {\n      return (\n        <CustomFieldItem\n          state={state}\n          key={field.id}\n          field={field}\n          showDivider={index < array.length - 1}\n        />\n      );\n    },\n    [],\n  );\n\n  return (\n    <Box\n      direction=\"vertical\"\n      dataHook=\"custom-fields-list\"\n      backgroundColor=\"D60\"\n    >\n      {state.dataExtension.availableUserCustomFields.map(renderItem)}\n    </Box>\n  );\n}\n\nexport const CustomFieldsList = observer(_CustomFieldsList);\n"],"mappings":";;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAAyC,IAAAK,YAAA;AAAA,SAAAH,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOzC,SAASkB,iBAAiBA,CAACC,KAA4B,EAAE;EACvD,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,MAAME,UAAU,GAAG,IAAAC,kBAAW,EAC5B,CAACC,KAAkB,EAAEC,KAAa,EAAEC,KAAoB,KAAK;IAC3D,oBACE/B,MAAA,CAAAe,OAAA,CAAAiB,aAAA,CAAC9B,gBAAA,CAAA+B,eAAe;MACdP,KAAK,EAAEA,KAAM;MACbQ,GAAG,EAAEL,KAAK,CAACM,EAAG;MACdN,KAAK,EAAEA,KAAM;MACbO,WAAW,EAAEN,KAAK,GAAGC,KAAK,CAACM,MAAM,GAAG,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApC,YAAA;QAAAqC,UAAA;QAAAC,YAAA;MAAA;IAAA,CACvC,CAAC;EAEN,CAAC,EACD,EACF,CAAC;EAED,oBACE1C,MAAA,CAAAe,OAAA,CAAAiB,aAAA,CAAC7B,aAAA,CAAAwC,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,QAAQ,EAAC,oBAAoB;IAC7BC,eAAe,EAAC,KAAK;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpBhB,KAAK,CAACqB,aAAa,CAACC,yBAAyB,CAACC,GAAG,CAACtB,UAAU,CAC1D,CAAC;AAEV;AAEO,MAAMuB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAC5B,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_CustomFieldItem","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomFieldsList","props","state","renderItem","useCallback","field","index","array","createElement","CustomFieldItem","key","id","showDivider","length","__self","__source","fileName","lineNumber","columnNumber","Box","direction","dataHook","backgroundColor","manageableFields","map","CustomFieldsList","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsList.tsx"],"sourcesContent":["import { Field } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useCallback } from 'react';\nimport { CustomFieldItem } from './CustomFieldItem';\nimport { Box } from '@wix/design-system';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface CustomFieldsListProps {\n  state: CustomFieldsPanelState;\n}\n\nfunction _CustomFieldsList(props: CustomFieldsListProps) {\n  const { state } = props;\n\n  const renderItem = useCallback(\n    (field: Field, index: number, array: Field[]) => {\n      return (\n        <CustomFieldItem\n          state={state}\n          key={field.id}\n          field={field}\n          showDivider={index < array.length - 1}\n        />\n      );\n    },\n    [],\n  );\n\n  return (\n    <Box\n      direction=\"vertical\"\n      dataHook=\"custom-fields-list\"\n      backgroundColor=\"D60\"\n    >\n      {state.manageableFields.map(renderItem)}\n    </Box>\n  );\n}\n\nexport const CustomFieldsList = observer(_CustomFieldsList);\n"],"mappings":";;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAAyC,IAAAK,YAAA;AAAA,SAAAH,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOzC,SAASkB,iBAAiBA,CAACC,KAA4B,EAAE;EACvD,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,MAAME,UAAU,GAAG,IAAAC,kBAAW,EAC5B,CAACC,KAAY,EAAEC,KAAa,EAAEC,KAAc,KAAK;IAC/C,oBACE/B,MAAA,CAAAe,OAAA,CAAAiB,aAAA,CAAC9B,gBAAA,CAAA+B,eAAe;MACdP,KAAK,EAAEA,KAAM;MACbQ,GAAG,EAAEL,KAAK,CAACM,EAAG;MACdN,KAAK,EAAEA,KAAM;MACbO,WAAW,EAAEN,KAAK,GAAGC,KAAK,CAACM,MAAM,GAAG,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApC,YAAA;QAAAqC,UAAA;QAAAC,YAAA;MAAA;IAAA,CACvC,CAAC;EAEN,CAAC,EACD,EACF,CAAC;EAED,oBACE1C,MAAA,CAAAe,OAAA,CAAAiB,aAAA,CAAC7B,aAAA,CAAAwC,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,QAAQ,EAAC,oBAAoB;IAC7BC,eAAe,EAAC,KAAK;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpBhB,KAAK,CAACqB,gBAAgB,CAACC,GAAG,CAACrB,UAAU,CACnC,CAAC;AAEV;AAEO,MAAMsB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAC3B,iBAAiB,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

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

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

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

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

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