@wix/patterns 1.433.0 → 1.434.0

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

@@ -1,42 +1,51 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.CustomFieldsList = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _mobxReactLite = require("mobx-react-lite");
 var _react = _interopRequireWildcard(require("react"));
 var _CustomFieldItem = require("./CustomFieldItem");
 var _designSystem = require("@wix/design-system");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldsPanel/CustomFieldsList.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 _CustomFieldsList(props) {
   const {
     state
   } = props;
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const renderItem = (0, _react.useCallback)((field, index, array) => {
     return /*#__PURE__*/_react.default.createElement(_CustomFieldItem.CustomFieldItem, {
       state: state,
       key: field.id,
       field: field,
-      showDivider: index < array.length - 1,
+      showDivider: isHarmonyTheme ? false : index < array.length - 1,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 18,
+        lineNumber: 20,
         columnNumber: 9
       }
     });
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }, [isHarmonyTheme]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
     direction: "vertical",
-    dataHook: "custom-fields-list",
-    backgroundColor: "D60",
+    dataHook: "custom-fields-list"
+  }, isHarmonyTheme ? {
+    paddingLeft: 'SP2',
+    paddingRight: 'SP2'
+  } : {
+    backgroundColor: 'D60'
+  }, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
+      lineNumber: 32,
       columnNumber: 5
     }
-  }, state.manageableFields.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","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":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_CustomFieldItem","_designSystem","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomFieldsList","props","state","isHarmonyTheme","useBmHarmonyTheme","renderItem","useCallback","field","index","array","createElement","CustomFieldItem","key","id","showDivider","length","__self","__source","fileName","lineNumber","columnNumber","Box","_extends2","direction","dataHook","paddingLeft","paddingRight","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';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface CustomFieldsListProps {\n  state: CustomFieldsPanelState;\n}\n\nfunction _CustomFieldsList(props: CustomFieldsListProps) {\n  const { state } = props;\n  const isHarmonyTheme = useBmHarmonyTheme();\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={isHarmonyTheme ? false : index < array.length - 1}\n        />\n      );\n    },\n    [isHarmonyTheme],\n  );\n\n  return (\n    <Box\n      direction=\"vertical\"\n      dataHook=\"custom-fields-list\"\n      {...(isHarmonyTheme\n        ? { paddingLeft: 'SP2', paddingRight: 'SP2' }\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;AAEA,IAAAK,kBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,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;AAMlE,SAASkB,iBAAiBA,CAACC,KAA4B,EAAE;EACvD,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,MAAME,cAAc,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE1C,MAAMC,UAAU,GAAG,IAAAC,kBAAW,EAC5B,CAACC,KAAY,EAAEC,KAAa,EAAEC,KAAc,KAAK;IAC/C,oBACElC,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,CAACjC,gBAAA,CAAAkC,eAAe;MACdT,KAAK,EAAEA,KAAM;MACbU,GAAG,EAAEL,KAAK,CAACM,EAAG;MACdN,KAAK,EAAEA,KAAM;MACbO,WAAW,EAAEX,cAAc,GAAG,KAAK,GAAGK,KAAK,GAAGC,KAAK,CAACM,MAAM,GAAG,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAChE,CAAC;EAEN,CAAC,EACD,CAACjB,cAAc,CACjB,CAAC;EAED,oBACE5B,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,CAAChC,aAAA,CAAA2C,GAAG,MAAAC,SAAA,CAAA/B,OAAA;IACFgC,SAAS,EAAC,UAAU;IACpBC,QAAQ,EAAC;EAAoB,GACxBrB,cAAc,GACf;IAAEsB,WAAW,EAAE,KAAK;IAAEC,YAAY,EAAE;EAAM,CAAC,GAC3C;IAAEC,eAAe,EAAE;EAAM,CAAC;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,IAE7BlB,KAAK,CAAC0B,gBAAgB,CAACC,GAAG,CAACxB,UAAU,CACnC,CAAC;AAEV;AAEO,MAAMyB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAChC,iBAAiB,CAAC","ignoreList":[]}

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

@@ -14,6 +14,7 @@ var _CustomFieldsList = require("./CustomFieldsList");
 var _AddCustomFieldCTAButton = require("./AddCustomFieldCTAButton");
 var _bi = require("@wix/bex-core/bi");
 var _PatternsSidePanel = require("../SidePanel/PatternsSidePanel");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 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
@@ -30,6 +31,7 @@ function _CustomFieldsPanel({
     translate: t
   } = container;
   const origin = 'Custom fields panel';
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const entered = (0, _useRafRender.useRafRender)();
   if (!entered) {
     return null;
@@ -48,7 +50,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 38,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react2.default.createElement(_designSystem.SidePanel.Header, {
@@ -57,7 +59,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 52,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react2.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -66,7 +68,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 56,
       columnNumber: 7
     }
   }, ((_state$archive = state.archive) == null ? void 0 : _state$archive.shouldDisplay) && /*#__PURE__*/_react2.default.createElement(_react2.Suspense, {
@@ -74,9 +76,19 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 61,
       columnNumber: 11
     }
+  }, isHarmonyTheme ? /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    marginLeft: "SP2",
+    marginRight: "SP2",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 63,
+      columnNumber: 15
+    }
   }, /*#__PURE__*/_react2.default.createElement(ArchivedItemsCTAButton, {
     archive: state.archive,
     deleteFieldModal: state.deleteFieldModal,
@@ -85,15 +97,26 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
-      columnNumber: 13
+      lineNumber: 64,
+      columnNumber: 17
+    }
+  })) : /*#__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: 72,
+      columnNumber: 15
     }
   })), /*#__PURE__*/_react2.default.createElement(_CustomFieldsList.CustomFieldsList, {
     state: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 81,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
@@ -102,16 +125,16 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 84,
       columnNumber: 7
     }
-  }, /*#__PURE__*/_react2.default.createElement(_designSystem.Divider, {
+  }, !isHarmonyTheme && /*#__PURE__*/_react2.default.createElement(_designSystem.Divider, {
     direction: "horizontal",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
-      columnNumber: 9
+      lineNumber: 85,
+      columnNumber: 29
     }
   }), /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
     padding: "SP4",
@@ -119,7 +142,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 86,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react2.default.createElement(_AddCustomFieldCTAButton.AddCustomFieldCTAButton, {
@@ -132,7 +155,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 87,
       columnNumber: 11
     }
   }))));

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_bexCore","require","_react","_useRafRender","_react2","_interopRequireWildcard","_designSystem","_ScrollableContent","_mobxReactLite","_CustomFieldsList","_AddCustomFieldCTAButton","_bi","_PatternsSidePanel","_useBmHarmonyTheme","_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","isHarmonyTheme","useBmHarmonyTheme","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","Box","direction","marginLeft","marginRight","deleteFieldModal","onCloseSidePanel","CustomFieldsList","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';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\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  const isHarmonyTheme = useBmHarmonyTheme();\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            {isHarmonyTheme ? (\n              <Box direction=\"vertical\" marginLeft=\"SP2\" marginRight=\"SP2\">\n                <ArchivedItemsCTAButton\n                  archive={state.archive}\n                  deleteFieldModal={state.deleteFieldModal}\n                  onCloseSidePanel={() => state.closeSidePanel?.()}\n                  dataHook=\"custom-fields\"\n                />\n              </Box>\n            ) : (\n              <ArchivedItemsCTAButton\n                archive={state.archive}\n                deleteFieldModal={state.deleteFieldModal}\n                onCloseSidePanel={() => state.closeSidePanel?.()}\n                dataHook=\"custom-fields\"\n              />\n            )}\n          </Suspense>\n        )}\n        <CustomFieldsList state={state} />\n      </ScrollableContent>\n\n      <Box direction=\"vertical\" width=\"100%\">\n        {!isHarmonyTheme && <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/DataExtension/dataExtensionFieldDraft.js

@@ -28,7 +28,7 @@ const mappingToFieldDraft = (mapping, key, name, fieldManagement) => {
     key,
     name,
     containsPii: ((_mapping$config2 = mapping.config) == null ? void 0 : _mapping$config2.isPii) ?? false,
-    ...resolvePermissions(((_mapping$config3 = mapping.config) == null ? void 0 : _mapping$config3.permissions) ?? fieldManagement.permissions)
+    ...resolvePermissions(((_mapping$config3 = mapping.config) == null ? void 0 : _mapping$config3.permissions) ?? fieldManagement.fieldModal.permissions)
   };
 };
 exports.mappingToFieldDraft = mappingToFieldDraft;

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","resolvePermissions","permissions","_permissions$installe","_permissions$installe2","_permissions$siteVisi","_permissions$siteVisi2","readApps","installedApps","defaultRead","writeApps","defaultWrite","readUsers","siteVisitors","writeUsers","mappingToFieldDraft","mapping","key","name","fieldManagement","_mapping$config","_mapping$config2","_mapping$config3","type","config","deType","toDataExtensionFieldType","fieldType","containsPii","isPii","exports"],"sources":["../../../../src/components/DataExtension/dataExtensionFieldDraft.ts"],"sourcesContent":["import {\n  toDataExtensionFieldType,\n  type FieldDraft,\n  type FieldManagement,\n  type FieldPermissions,\n  type NewFieldConfig,\n  type NewFieldType,\n} from '@wix/bex-core';\n\n// Resolve the four FieldDraft permission booleans from a FieldPermissions bag,\n// defaulting to read-for-apps / hidden-from-visitors when a slot is unset.\nconst resolvePermissions = (permissions?: FieldPermissions) => ({\n  readApps: permissions?.installedApps?.defaultRead ?? true,\n  writeApps: permissions?.installedApps?.defaultWrite ?? true,\n  readUsers: permissions?.siteVisitors?.defaultRead ?? false,\n  writeUsers: permissions?.siteVisitors?.defaultWrite ?? false,\n});\n\ntype NewFieldMapping = {\n  fieldType: NewFieldType;\n  displayName?: string;\n  config?: NewFieldConfig;\n};\n\n/**\n * Turns a column's `new` mapping into the DataExtension `FieldDraft` used to both\n * create the field and pre-fill the editor. The precise type comes from a prior\n * edit (`config.deType`) or the default for the detected type; permissions come\n * from a prior edit or the source defaults. Key derives from the resolved column\n * (creation) or the name (editor).\n */\nexport const mappingToFieldDraft = (\n  mapping: NewFieldMapping,\n  key: string,\n  name: string,\n  fieldManagement: FieldManagement,\n): FieldDraft => ({\n  type: mapping.config?.deType ?? toDataExtensionFieldType(mapping.fieldType),\n  key,\n  name,\n  containsPii: mapping.config?.isPii ?? false,\n  ...resolvePermissions(\n    mapping.config?.permissions ?? fieldManagement.permissions,\n  ),\n});\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AASA;AACA;AACA,MAAMC,kBAAkB,GAAIC,WAA8B;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,sBAAA;EAAA,OAAM;IAC9DC,QAAQ,EAAE,CAAAL,WAAW,aAAAC,qBAAA,GAAXD,WAAW,CAAEM,aAAa,qBAA1BL,qBAAA,CAA4BM,WAAW,KAAI,IAAI;IACzDC,SAAS,EAAE,CAAAR,WAAW,aAAAE,sBAAA,GAAXF,WAAW,CAAEM,aAAa,qBAA1BJ,sBAAA,CAA4BO,YAAY,KAAI,IAAI;IAC3DC,SAAS,EAAE,CAAAV,WAAW,aAAAG,qBAAA,GAAXH,WAAW,CAAEW,YAAY,qBAAzBR,qBAAA,CAA2BI,WAAW,KAAI,KAAK;IAC1DK,UAAU,EAAE,CAAAZ,WAAW,aAAAI,sBAAA,GAAXJ,WAAW,CAAEW,YAAY,qBAAzBP,sBAAA,CAA2BK,YAAY,KAAI;EACzD,CAAC;AAAA,CAAC;AAQF;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMI,mBAAmB,GAAGA,CACjCC,OAAwB,EACxBC,GAAW,EACXC,IAAY,EACZC,eAAgC;EAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;EAAA,OAChB;IAChBC,IAAI,EAAE,EAAAH,eAAA,GAAAJ,OAAO,CAACQ,MAAM,qBAAdJ,eAAA,CAAgBK,MAAM,KAAI,IAAAC,iCAAwB,EAACV,OAAO,CAACW,SAAS,CAAC;IAC3EV,GAAG;IACHC,IAAI;IACJU,WAAW,EAAE,EAAAP,gBAAA,GAAAL,OAAO,CAACQ,MAAM,qBAAdH,gBAAA,CAAgBQ,KAAK,KAAI,KAAK;IAC3C,GAAG5B,kBAAkB,CACnB,EAAAqB,gBAAA,GAAAN,OAAO,CAACQ,MAAM,qBAAdF,gBAAA,CAAgBpB,WAAW,KAAIiB,eAAe,CAACjB,WACjD;EACF,CAAC;AAAA,CAAC;AAAC4B,OAAA,CAAAf,mBAAA,GAAAA,mBAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","resolvePermissions","permissions","_permissions$installe","_permissions$installe2","_permissions$siteVisi","_permissions$siteVisi2","readApps","installedApps","defaultRead","writeApps","defaultWrite","readUsers","siteVisitors","writeUsers","mappingToFieldDraft","mapping","key","name","fieldManagement","_mapping$config","_mapping$config2","_mapping$config3","type","config","deType","toDataExtensionFieldType","fieldType","containsPii","isPii","fieldModal","exports"],"sources":["../../../../src/components/DataExtension/dataExtensionFieldDraft.ts"],"sourcesContent":["import {\n  toDataExtensionFieldType,\n  type FieldDraft,\n  type FieldManagement,\n  type FieldPermissions,\n  type NewFieldConfig,\n  type NewFieldType,\n} from '@wix/bex-core';\n\n// Resolve the four FieldDraft permission booleans from a FieldPermissions bag,\n// defaulting to read-for-apps / hidden-from-visitors when a slot is unset.\nconst resolvePermissions = (permissions?: FieldPermissions) => ({\n  readApps: permissions?.installedApps?.defaultRead ?? true,\n  writeApps: permissions?.installedApps?.defaultWrite ?? true,\n  readUsers: permissions?.siteVisitors?.defaultRead ?? false,\n  writeUsers: permissions?.siteVisitors?.defaultWrite ?? false,\n});\n\ntype NewFieldMapping = {\n  fieldType: NewFieldType;\n  displayName?: string;\n  config?: NewFieldConfig;\n};\n\n/**\n * Turns a column's `new` mapping into the DataExtension `FieldDraft` used to both\n * create the field and pre-fill the editor. The precise type comes from a prior\n * edit (`config.deType`) or the default for the detected type; permissions come\n * from a prior edit or the source defaults. Key derives from the resolved column\n * (creation) or the name (editor).\n */\nexport const mappingToFieldDraft = (\n  mapping: NewFieldMapping,\n  key: string,\n  name: string,\n  fieldManagement: FieldManagement,\n): FieldDraft => ({\n  type: mapping.config?.deType ?? toDataExtensionFieldType(mapping.fieldType),\n  key,\n  name,\n  containsPii: mapping.config?.isPii ?? false,\n  ...resolvePermissions(\n    mapping.config?.permissions ?? fieldManagement.fieldModal.permissions,\n  ),\n});\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AASA;AACA;AACA,MAAMC,kBAAkB,GAAIC,WAA8B;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,sBAAA;EAAA,OAAM;IAC9DC,QAAQ,EAAE,CAAAL,WAAW,aAAAC,qBAAA,GAAXD,WAAW,CAAEM,aAAa,qBAA1BL,qBAAA,CAA4BM,WAAW,KAAI,IAAI;IACzDC,SAAS,EAAE,CAAAR,WAAW,aAAAE,sBAAA,GAAXF,WAAW,CAAEM,aAAa,qBAA1BJ,sBAAA,CAA4BO,YAAY,KAAI,IAAI;IAC3DC,SAAS,EAAE,CAAAV,WAAW,aAAAG,qBAAA,GAAXH,WAAW,CAAEW,YAAY,qBAAzBR,qBAAA,CAA2BI,WAAW,KAAI,KAAK;IAC1DK,UAAU,EAAE,CAAAZ,WAAW,aAAAI,sBAAA,GAAXJ,WAAW,CAAEW,YAAY,qBAAzBP,sBAAA,CAA2BK,YAAY,KAAI;EACzD,CAAC;AAAA,CAAC;AAQF;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMI,mBAAmB,GAAGA,CACjCC,OAAwB,EACxBC,GAAW,EACXC,IAAY,EACZC,eAAgC;EAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;EAAA,OAChB;IAChBC,IAAI,EAAE,EAAAH,eAAA,GAAAJ,OAAO,CAACQ,MAAM,qBAAdJ,eAAA,CAAgBK,MAAM,KAAI,IAAAC,iCAAwB,EAACV,OAAO,CAACW,SAAS,CAAC;IAC3EV,GAAG;IACHC,IAAI;IACJU,WAAW,EAAE,EAAAP,gBAAA,GAAAL,OAAO,CAACQ,MAAM,qBAAdH,gBAAA,CAAgBQ,KAAK,KAAI,KAAK;IAC3C,GAAG5B,kBAAkB,CACnB,EAAAqB,gBAAA,GAAAN,OAAO,CAACQ,MAAM,qBAAdF,gBAAA,CAAgBpB,WAAW,KAAIiB,eAAe,CAACW,UAAU,CAAC5B,WAC5D;EACF,CAAC;AAAA,CAAC;AAAC6B,OAAA,CAAAhB,mBAAA,GAAAA,mBAAA","ignoreList":[]}

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

@@ -100,14 +100,37 @@ const dataExtensionFieldManagement = ({
     // 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 fieldModal() {
+      const {
+        translate: t,
+        environment
+      } = dataExtension.container;
+      return {
+        text: {
+          addTitle: t('cairo.customFields.addCustomField.modal.title'),
+          editTitle: t('cairo.customFields.editCustomField.modal.title'),
+          settingsLabel: t('cairo.customFields.addCustomField.modal.advancedSettings.readPermissions'),
+          addSubtitle: {
+            text: t('cairo.customFields.addCustomField.modal.subtitle'),
+            note: t('cairo.customFields.addCustomField.modal.subtitle.note'),
+            learnMore: {
+              label: t('cairo.subtitle.learnMore'),
+              href: `https://support.wix.com/${environment.language}/article/about-custom-fields`
+            }
+          }
+        },
+        types: CREATABLE_TYPES.map(ft => ({
+          id: ft.id,
+          label: t(ft.labelKey),
+          namePlaceholder: t(ft.namePlaceholderKey),
+          patternsType: toPatternsFieldType(ft.id)
+        })),
+        // Always an object: DataExtension always offers permissions, and the
+        // consumer's defaults are optional. Empty means "no defaults, hide
+        // nothing" — which is what the section already rendered without them.
+        permissions: dataExtension.defaultPermissions ?? {},
+        supportsPii: dataExtension.containsPii
+      };
     },
     get existingFieldKeys() {
       // All user fields, not just the available ones: duplicate-key detection
@@ -117,32 +140,6 @@ const dataExtensionFieldManagement = ({
     get maxReached() {
       return dataExtension.isReachedMaxCustomFields;
     },
-    get permissions() {
-      return dataExtension.defaultPermissions;
-    },
-    supportsPermissions: true,
-    get supportsPii() {
-      return dataExtension.containsPii;
-    },
-    get fieldModalText() {
-      const {
-        translate: t,
-        environment
-      } = dataExtension.container;
-      return {
-        addTitle: t('cairo.customFields.addCustomField.modal.title'),
-        editTitle: t('cairo.customFields.editCustomField.modal.title'),
-        settingsLabel: t('cairo.customFields.addCustomField.modal.advancedSettings.readPermissions'),
-        addSubtitle: {
-          text: t('cairo.customFields.addCustomField.modal.subtitle'),
-          note: t('cairo.customFields.addCustomField.modal.subtitle.note'),
-          learnMore: {
-            label: t('cairo.subtitle.learnMore'),
-            href: `https://support.wix.com/${environment.language}/article/about-custom-fields`
-          }
-        }
-      };
-    },
     addField: upsertField,
     editField: (_fieldId, draft) => upsertField(draft),
     getFieldDraft: fieldId => dataExtension.extractFieldValuesFromSchema(fieldId)

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

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

package/dist/cjs/components/DragHandle/DragHandle.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "DragHandle47840941";
+var _namespace_ = "DragHandle3580633791";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "DragHandle47840941__root"
+  "root": "DragHandle3580633791__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map

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

package/dist/cjs/components/EditableTable/EditableCell.js

@@ -30,6 +30,8 @@ function _EditableCell({
   const isFocused = cellInteraction.isCellFocused(rowKey, columnId);
   const isEditing = cellInteraction.isCellEditing(rowKey, columnId);
   const isSelected = cellInteraction.isCellSelected(rowKey, columnId);
+  const isRangeSelection = cellInteraction.isRangeSelection;
+  const isRowActive = cellInteraction.isRowActive(rowKey);
   const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);
   const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);
   const isEditable = state.isCellEditable(rowKey, columnId);
@@ -90,7 +92,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 111,
       columnNumber: 5
     }
   }) : /*#__PURE__*/_react.default.createElement(ViewComponent, {
@@ -102,7 +104,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 127,
+      lineNumber: 129,
       columnNumber: 5
     }
   });
@@ -115,15 +117,15 @@ function _EditableCell({
     className: (0, _EditableCellStCss.st)(_EditableCellStCss.classes.root, {
       editing: isEditing,
       focused: isFocused,
-      selected: isSelected,
+      rowActive: isRowActive,
+      rangeSelected: isSelected && isRangeSelection,
       invalid: !cellValidation.valid,
-      typeToEdit: !!resolved.onTypeToEdit,
       showEditWhenFocused: !!resolved.showEditWhenFocused,
       growable: !!resolved.growable,
-      selectionTop: selectionBorder.top,
-      selectionBottom: selectionBorder.bottom,
-      selectionLeft: selectionBorder.left,
-      selectionRight: selectionBorder.right,
+      selectionTop: isRangeSelection && selectionBorder.top,
+      selectionBottom: isRangeSelection && selectionBorder.bottom,
+      selectionLeft: isRangeSelection && selectionBorder.left,
+      selectionRight: isRangeSelection && selectionBorder.right,
       copiedTop: copiedBorder.top,
       copiedBottom: copiedBorder.bottom,
       copiedLeft: copiedBorder.left,
@@ -143,7 +145,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 141,
+      lineNumber: 143,
       columnNumber: 5
     }
   }, showValidationIndicator && /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -152,7 +154,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 173,
+      lineNumber: 175,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -160,7 +162,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 174,
+      lineNumber: 176,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_lazy.StatusWarningFilledSmall, {
@@ -168,7 +170,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 175,
+      lineNumber: 177,
       columnNumber: 13
     }
   }))), EditWrapper ? /*#__PURE__*/_react.default.createElement(EditWrapper, {
@@ -178,7 +180,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 180,
+      lineNumber: 182,
       columnNumber: 9
     }
   }, cellContent) : cellContent);