@wix/patterns 1.431.0 → 1.433.0

package/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdownV2.js

@@ -15,7 +15,8 @@ const _CustomFieldTypeDropdownV2 = props => {
       form: {
         $: {
           type,
-          name
+          name,
+          containsPii
         }
       },
       mode,
@@ -51,9 +52,6 @@ const _CustomFieldTypeDropdownV2 = props => {
       subtitle: option.subtitle,
       label: option.label
     });
-
-    // While searching the list is flat — group headers would name groups whose
-    // other options have been filtered out.
     if (query) {
       return creatableFieldTypes.filter(option => option.label.toLowerCase().includes(query)).map(toOption);
     }
@@ -69,7 +67,7 @@ const _CustomFieldTypeDropdownV2 = props => {
     }
     const grouped = groups.flatMap(label => [(0, _designSystem.listItemSectionBuilder)({
       id: `custom-field-modal-type-group-${label}`,
-      type: 'title',
+      type: 'subheader',
       title: label
     }), ...creatableFieldTypes.filter(option => option.group === label).map(toOption)]);
     const ungrouped = creatableFieldTypes.filter(option => !option.group).map(toOption);
@@ -84,24 +82,33 @@ const _CustomFieldTypeDropdownV2 = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 104,
+        lineNumber: 102,
         columnNumber: 11
       }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      color: "D10",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 104,
+        columnNumber: 13
+      }
     }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
       fieldType: selectedType.patternsType,
       size: 'medium'
-    })) : undefined,
+    }))) : undefined,
     onChange: e => setSearch(e.target.value),
     onSelect: ({
       id
     }) => {
       setSearch(null);
       type.onChange(String(id));
+      // Read off `props.state` — a destructured computed holds the pre-change value.
+      if (!props.state.typeSupportsPii) {
+        containsPii.onChange(false);
+      }
       setKeyFieldIfNotDirty(generateUniqueKey(name.value));
-    }
-    // Closing without picking anything drops the search text so the input goes
-    // back to showing the selected type.
-    ,
+    },
     onClose: () => setSearch(null),
     popoverProps: {
       appendTo: 'window',
@@ -113,7 +120,7 @@ const _CustomFieldTypeDropdownV2 = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 95,
       columnNumber: 5
     }
   });

package/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdownV2.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_fieldTypePrefixIcons","_jsxFileName","_CustomFieldTypeDropdownV2","props","state","form","$","type","name","mode","fieldManagement","creatableFieldTypes","generateUniqueKey","setKeyFieldIfNotDirty","translate","t","useWixPatternsContainer","search","setSearch","React","useState","query","trim","toLowerCase","selectedType","find","option","id","value","fieldTypeOptions","useMemo","toOption","listItemSelectBuilder","dataHook","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","fieldType","patternsType","size","title","label","subtitle","filter","includes","map","groups","reduce","labels","group","push","length","grouped","flatMap","listItemSectionBuilder","ungrouped","AutoComplete","disabled","selectedId","Input","IconAffix","undefined","onChange","e","target","onSelect","String","onClose","popoverProps","appendTo","zIndex","placeholder","emptyStateMessage","options","exports","CustomFieldTypeDropdownV2","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdownV2.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  AutoComplete,\n  Box,\n  Input,\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { CustomFieldModalState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\n\nexport interface CustomFieldTypeDropdownV2Props {\n  state: CustomFieldModalState;\n}\n\nexport const _CustomFieldTypeDropdownV2 = (\n  props: CustomFieldTypeDropdownV2Props,\n) => {\n  const {\n    state: {\n      form: {\n        $: { type, name },\n      },\n      mode,\n      fieldManagement: { creatableFieldTypes },\n      generateUniqueKey,\n      setKeyFieldIfNotDirty,\n    },\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [search, setSearch] = React.useState<string | null>(null);\n  const query = search?.trim().toLowerCase() ?? '';\n\n  const selectedType = creatableFieldTypes.find(\n    (option) => option.id === type.value,\n  );\n\n  const fieldTypeOptions = React.useMemo(() => {\n    const toOption = (option: (typeof creatableFieldTypes)[number]) =>\n      listItemSelectBuilder({\n        dataHook: `custom-field-modal-type-${option.id}`,\n        id: option.id,\n        prefix: (\n          <Box>\n            {getFieldTypeIcon({\n              fieldType: option.patternsType,\n              size: 'medium',\n            })}\n          </Box>\n        ),\n        title: option.label,\n        subtitle: option.subtitle,\n        label: option.label,\n      });\n\n    // While searching the list is flat — group headers would name groups whose\n    // other options have been filtered out.\n    if (query) {\n      return creatableFieldTypes\n        .filter((option) => option.label.toLowerCase().includes(query))\n        .map(toOption);\n    }\n\n    const groups = creatableFieldTypes.reduce<string[]>((labels, option) => {\n      const label = option.group;\n      if (label && !labels.includes(label)) {\n        labels.push(label);\n      }\n      return labels;\n    }, []);\n\n    if (groups.length === 0) {\n      return creatableFieldTypes.map(toOption);\n    }\n\n    const grouped = groups.flatMap((label) => [\n      listItemSectionBuilder({\n        id: `custom-field-modal-type-group-${label}`,\n        type: 'title',\n        title: label,\n      }),\n      ...creatableFieldTypes\n        .filter((option) => option.group === label)\n        .map(toOption),\n    ]);\n    const ungrouped = creatableFieldTypes\n      .filter((option) => !option.group)\n      .map(toOption);\n    return [...grouped, ...ungrouped];\n  }, [creatableFieldTypes, query]);\n\n  return (\n    <AutoComplete\n      dataHook=\"custom-field-modal-type\"\n      disabled={mode === 'edit'}\n      value={search ?? selectedType?.label ?? ''}\n      selectedId={type.value}\n      prefix={\n        search === null && selectedType ? (\n          <Input.IconAffix>\n            {getFieldTypeIcon({\n              fieldType: selectedType.patternsType,\n              size: 'medium',\n            })}\n          </Input.IconAffix>\n        ) : undefined\n      }\n      onChange={(e) => setSearch(e.target.value)}\n      onSelect={({ id }) => {\n        setSearch(null);\n        type.onChange(String(id));\n        setKeyFieldIfNotDirty(generateUniqueKey(name.value));\n      }}\n      // Closing without picking anything drops the search text so the input goes\n      // back to showing the selected type.\n      onClose={() => setSearch(null)}\n      popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n      placeholder={t(\n        'cairo.customFields.addCustomField.modal.fieldType.placeholder',\n      )}\n      emptyStateMessage={t('cairo.emptyState.subtitle.nothingMatchesCriteria')}\n      options={fieldTypeOptions}\n    />\n  );\n};\n\nexport const CustomFieldTypeDropdownV2 = observer(_CustomFieldTypeDropdownV2);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_fieldTypePrefixIcons","_jsxFileName","_CustomFieldTypeDropdownV2","props","state","form","$","type","name","containsPii","mode","fieldManagement","creatableFieldTypes","generateUniqueKey","setKeyFieldIfNotDirty","translate","t","useWixPatternsContainer","search","setSearch","React","useState","query","trim","toLowerCase","selectedType","find","option","id","value","fieldTypeOptions","useMemo","toOption","listItemSelectBuilder","dataHook","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","fieldType","patternsType","size","title","label","subtitle","filter","includes","map","groups","reduce","labels","group","push","length","grouped","flatMap","listItemSectionBuilder","ungrouped","AutoComplete","disabled","selectedId","Input","IconAffix","color","undefined","onChange","e","target","onSelect","String","typeSupportsPii","onClose","popoverProps","appendTo","zIndex","placeholder","emptyStateMessage","options","exports","CustomFieldTypeDropdownV2","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdownV2.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  AutoComplete,\n  Box,\n  Input,\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { CustomFieldModalState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\n\nexport interface CustomFieldTypeDropdownV2Props {\n  state: CustomFieldModalState;\n}\n\nexport const _CustomFieldTypeDropdownV2 = (\n  props: CustomFieldTypeDropdownV2Props,\n) => {\n  const {\n    state: {\n      form: {\n        $: { type, name, containsPii },\n      },\n      mode,\n      fieldManagement: { creatableFieldTypes },\n      generateUniqueKey,\n      setKeyFieldIfNotDirty,\n    },\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [search, setSearch] = React.useState<string | null>(null);\n  const query = search?.trim().toLowerCase() ?? '';\n\n  const selectedType = creatableFieldTypes.find(\n    (option) => option.id === type.value,\n  );\n\n  const fieldTypeOptions = React.useMemo(() => {\n    const toOption = (option: (typeof creatableFieldTypes)[number]) =>\n      listItemSelectBuilder({\n        dataHook: `custom-field-modal-type-${option.id}`,\n        id: option.id,\n        prefix: (\n          <Box>\n            {getFieldTypeIcon({\n              fieldType: option.patternsType,\n              size: 'medium',\n            })}\n          </Box>\n        ),\n        title: option.label,\n        subtitle: option.subtitle,\n        label: option.label,\n      });\n\n    if (query) {\n      return creatableFieldTypes\n        .filter((option) => option.label.toLowerCase().includes(query))\n        .map(toOption);\n    }\n\n    const groups = creatableFieldTypes.reduce<string[]>((labels, option) => {\n      const label = option.group;\n      if (label && !labels.includes(label)) {\n        labels.push(label);\n      }\n      return labels;\n    }, []);\n\n    if (groups.length === 0) {\n      return creatableFieldTypes.map(toOption);\n    }\n\n    const grouped = groups.flatMap((label) => [\n      listItemSectionBuilder({\n        id: `custom-field-modal-type-group-${label}`,\n        type: 'subheader',\n        title: label,\n      }),\n      ...creatableFieldTypes\n        .filter((option) => option.group === label)\n        .map(toOption),\n    ]);\n    const ungrouped = creatableFieldTypes\n      .filter((option) => !option.group)\n      .map(toOption);\n    return [...grouped, ...ungrouped];\n  }, [creatableFieldTypes, query]);\n\n  return (\n    <AutoComplete\n      dataHook=\"custom-field-modal-type\"\n      disabled={mode === 'edit'}\n      value={search ?? selectedType?.label ?? ''}\n      selectedId={type.value}\n      prefix={\n        search === null && selectedType ? (\n          <Input.IconAffix>\n            {/* WDS paints input affix icons blue; the type icons stay dark. */}\n            <Box color=\"D10\">\n              {getFieldTypeIcon({\n                fieldType: selectedType.patternsType,\n                size: 'medium',\n              })}\n            </Box>\n          </Input.IconAffix>\n        ) : undefined\n      }\n      onChange={(e) => setSearch(e.target.value)}\n      onSelect={({ id }) => {\n        setSearch(null);\n        type.onChange(String(id));\n        // Read off `props.state` — a destructured computed holds the pre-change value.\n        if (!props.state.typeSupportsPii) {\n          containsPii.onChange(false);\n        }\n        setKeyFieldIfNotDirty(generateUniqueKey(name.value));\n      }}\n      onClose={() => setSearch(null)}\n      popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n      placeholder={t(\n        'cairo.customFields.addCustomField.modal.fieldType.placeholder',\n      )}\n      emptyStateMessage={t('cairo.emptyState.subtitle.nothingMatchesCriteria')}\n      options={fieldTypeOptions}\n    />\n  );\n};\n\nexport const CustomFieldTypeDropdownV2 = observer(_CustomFieldTypeDropdownV2);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAQA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAAoE,IAAAK,YAAA;AAM7D,MAAMC,0BAA0B,GACrCC,KAAqC,IAClC;EACH,MAAM;IACJC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,CAAC,EAAE;UAAEC,IAAI;UAAEC,IAAI;UAAEC;QAAY;MAC/B,CAAC;MACDC,IAAI;MACJC,eAAe,EAAE;QAAEC;MAAoB,CAAC;MACxCC,iBAAiB;MACjBC;IACF;EACF,CAAC,GAAGX,KAAK;EAET,MAAM;IAAEY,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAgB,IAAI,CAAC;EAC/D,MAAMC,KAAK,GAAG,CAAAJ,MAAM,oBAANA,MAAM,CAAEK,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,KAAI,EAAE;EAEhD,MAAMC,YAAY,GAAGb,mBAAmB,CAACc,IAAI,CAC1CC,MAAM,IAAKA,MAAM,CAACC,EAAE,KAAKrB,IAAI,CAACsB,KACjC,CAAC;EAED,MAAMC,gBAAgB,GAAGV,cAAK,CAACW,OAAO,CAAC,MAAM;IAC3C,MAAMC,QAAQ,GAAIL,MAA4C,IAC5D,IAAAM,mCAAqB,EAAC;MACpBC,QAAQ,EAAE,2BAA2BP,MAAM,CAACC,EAAE,EAAE;MAChDA,EAAE,EAAED,MAAM,CAACC,EAAE;MACbO,MAAM,eACJzC,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACvC,aAAA,CAAAwC,GAAG;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAxC,YAAA;UAAAyC,UAAA;UAAAC,YAAA;QAAA;MAAA,GACD,IAAAC,sCAAgB,EAAC;QAChBC,SAAS,EAAElB,MAAM,CAACmB,YAAY;QAC9BC,IAAI,EAAE;MACR,CAAC,CACE,CACN;MACDC,KAAK,EAAErB,MAAM,CAACsB,KAAK;MACnBC,QAAQ,EAAEvB,MAAM,CAACuB,QAAQ;MACzBD,KAAK,EAAEtB,MAAM,CAACsB;IAChB,CAAC,CAAC;IAEJ,IAAI3B,KAAK,EAAE;MACT,OAAOV,mBAAmB,CACvBuC,MAAM,CAAExB,MAAM,IAAKA,MAAM,CAACsB,KAAK,CAACzB,WAAW,CAAC,CAAC,CAAC4B,QAAQ,CAAC9B,KAAK,CAAC,CAAC,CAC9D+B,GAAG,CAACrB,QAAQ,CAAC;IAClB;IAEA,MAAMsB,MAAM,GAAG1C,mBAAmB,CAAC2C,MAAM,CAAW,CAACC,MAAM,EAAE7B,MAAM,KAAK;MACtE,MAAMsB,KAAK,GAAGtB,MAAM,CAAC8B,KAAK;MAC1B,IAAIR,KAAK,IAAI,CAACO,MAAM,CAACJ,QAAQ,CAACH,KAAK,CAAC,EAAE;QACpCO,MAAM,CAACE,IAAI,CAACT,KAAK,CAAC;MACpB;MACA,OAAOO,MAAM;IACf,CAAC,EAAE,EAAE,CAAC;IAEN,IAAIF,MAAM,CAACK,MAAM,KAAK,CAAC,EAAE;MACvB,OAAO/C,mBAAmB,CAACyC,GAAG,CAACrB,QAAQ,CAAC;IAC1C;IAEA,MAAM4B,OAAO,GAAGN,MAAM,CAACO,OAAO,CAAEZ,KAAK,IAAK,CACxC,IAAAa,oCAAsB,EAAC;MACrBlC,EAAE,EAAE,iCAAiCqB,KAAK,EAAE;MAC5C1C,IAAI,EAAE,WAAW;MACjByC,KAAK,EAAEC;IACT,CAAC,CAAC,EACF,GAAGrC,mBAAmB,CACnBuC,MAAM,CAAExB,MAAM,IAAKA,MAAM,CAAC8B,KAAK,KAAKR,KAAK,CAAC,CAC1CI,GAAG,CAACrB,QAAQ,CAAC,CACjB,CAAC;IACF,MAAM+B,SAAS,GAAGnD,mBAAmB,CAClCuC,MAAM,CAAExB,MAAM,IAAK,CAACA,MAAM,CAAC8B,KAAK,CAAC,CACjCJ,GAAG,CAACrB,QAAQ,CAAC;IAChB,OAAO,CAAC,GAAG4B,OAAO,EAAE,GAAGG,SAAS,CAAC;EACnC,CAAC,EAAE,CAACnD,mBAAmB,EAAEU,KAAK,CAAC,CAAC;EAEhC,oBACE5B,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACvC,aAAA,CAAAkE,YAAY;IACX9B,QAAQ,EAAC,yBAAyB;IAClC+B,QAAQ,EAAEvD,IAAI,KAAK,MAAO;IAC1BmB,KAAK,EAAEX,MAAM,KAAIO,YAAY,oBAAZA,YAAY,CAAEwB,KAAK,KAAI,EAAG;IAC3CiB,UAAU,EAAE3D,IAAI,CAACsB,KAAM;IACvBM,MAAM,EACJjB,MAAM,KAAK,IAAI,IAAIO,YAAY,gBAC7B/B,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACvC,aAAA,CAAAqE,KAAK,CAACC,SAAS;MAAA7B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEdjD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACvC,aAAA,CAAAwC,GAAG;MAAC+B,KAAK,EAAC,KAAK;MAAA9B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,GACb,IAAAC,sCAAgB,EAAC;MAChBC,SAAS,EAAEpB,YAAY,CAACqB,YAAY;MACpCC,IAAI,EAAE;IACR,CAAC,CACE,CACU,CAAC,GAChBuB,SACL;IACDC,QAAQ,EAAGC,CAAC,IAAKrD,SAAS,CAACqD,CAAC,CAACC,MAAM,CAAC5C,KAAK,CAAE;IAC3C6C,QAAQ,EAAEA,CAAC;MAAE9C;IAAG,CAAC,KAAK;MACpBT,SAAS,CAAC,IAAI,CAAC;MACfZ,IAAI,CAACgE,QAAQ,CAACI,MAAM,CAAC/C,EAAE,CAAC,CAAC;MACzB;MACA,IAAI,CAACzB,KAAK,CAACC,KAAK,CAACwE,eAAe,EAAE;QAChCnE,WAAW,CAAC8D,QAAQ,CAAC,KAAK,CAAC;MAC7B;MACAzD,qBAAqB,CAACD,iBAAiB,CAACL,IAAI,CAACqB,KAAK,CAAC,CAAC;IACtD,CAAE;IACFgD,OAAO,EAAEA,CAAA,KAAM1D,SAAS,CAAC,IAAI,CAAE;IAC/B2D,YAAY,EAAE;MAAEC,QAAQ,EAAE,QAAQ;MAAEC,MAAM,EAAE;IAAK,CAAE;IACnDC,WAAW,EAAEjE,CAAC,CACZ,+DACF,CAAE;IACFkE,iBAAiB,EAAElE,CAAC,CAAC,kDAAkD,CAAE;IACzEmE,OAAO,EAAErD,gBAAiB;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC3B,CAAC;AAEN,CAAC;AAACyC,OAAA,CAAAlF,0BAAA,GAAAA,0BAAA;AAEK,MAAMmF,yBAAyB,GAAAD,OAAA,CAAAC,yBAAA,GAAG,IAAAC,uBAAQ,EAACpF,0BAA0B,CAAC","ignoreList":[]}

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

@@ -11,9 +11,8 @@ 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.
+ * The source supplies the modal states; the modals themselves are the same
+ * platform components regardless of which source is behind them.
  */
 function _FieldManagementModals({
   source
@@ -28,7 +27,7 @@ function _FieldManagementModals({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
+      lineNumber: 18,
       columnNumber: 7
     }
   }), archiveFieldModal && /*#__PURE__*/_react.default.createElement(_ArchiveFieldModal.ArchiveFieldModal, {
@@ -36,7 +35,7 @@ function _FieldManagementModals({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 19,
       columnNumber: 29
     }
   }), /*#__PURE__*/_react.default.createElement(_DeleteFieldModal.DeleteFieldModal, {
@@ -44,7 +43,7 @@ function _FieldManagementModals({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 20,
       columnNumber: 7
     }
   }));

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

@@ -1 +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":[]}
+{"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 { ManageFieldsSource } from '../../state/ManageFieldsSource';\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; the modals themselves are the same\n * platform components regardless of which source is behind them.\n */\nfunction _FieldManagementModals({ source }: { source: ManageFieldsSource }) {\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,SAASC,sBAAsBA,CAAC;EAAEC;AAAuC,CAAC,EAAE;EAC1E,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

@@ -27,7 +27,7 @@ function _FieldsSourceAddFieldCTA({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
+      lineNumber: 19,
       columnNumber: 5
     }
   }, !isHarmonyTheme && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -35,7 +35,7 @@ function _FieldsSourceAddFieldCTA({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 20,
       columnNumber: 27
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -46,7 +46,7 @@ function _FieldsSourceAddFieldCTA({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 21,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomFields.CustomFieldsDisabledHint, {
@@ -55,7 +55,7 @@ function _FieldsSourceAddFieldCTA({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 27,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
@@ -66,7 +66,7 @@ function _FieldsSourceAddFieldCTA({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 31,
       columnNumber: 11
     }
   }, t('cairo.customFields.addCustomField.CTA')))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_CustomFields","_useBmHarmonyTheme","_jsxFileName","_FieldsSourceAddFieldCTA","source","translate","t","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","fm","fieldsSource","fieldManagement","canAddFields","default","createElement","Box","direction","width","__self","__source","fileName","lineNumber","columnNumber","Divider","padding","boxSizing","CustomFieldsDisabledHint","disabled","addFieldDisabled","content","addFieldDisabledHint","AddItem","dataHook","onClick","openFieldModal","origin","FieldsSourceAddFieldCTA","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/FieldsSourceAddFieldCTA.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { AddItem, Box, Divider } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { CollectionFieldsSourceState } from '../../state/CollectionFieldsSourceState';\nimport { CustomFieldsDisabledHint } from '../CustomFields';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nfunction _FieldsSourceAddFieldCTA({\n  source,\n}: {\n  source: CollectionFieldsSourceState;\n}) {\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\n  const fm = source.fieldsSource.fieldManagement;\n\n  if (!fm?.canAddFields) {\n    return null;\n  }\n\n  return (\n    <Box direction=\"vertical\" width=\"100%\">\n      {!isHarmonyTheme && <Divider direction=\"horizontal\" />}\n      <Box\n        padding=\"SP4\"\n        width=\"100%\"\n        boxSizing=\"border-box\"\n        direction=\"vertical\"\n      >\n        <CustomFieldsDisabledHint\n          disabled={fm.addFieldDisabled}\n          content={fm.addFieldDisabledHint ?? ''}\n        >\n          <AddItem\n            dataHook=\"custom-columns-add-field\"\n            onClick={() =>\n              source.openFieldModal({ origin: 'Custom columns panel' })\n            }\n          >\n            {t('cairo.customFields.addCustomField.CTA')}\n          </AddItem>\n        </CustomFieldsDisabledHint>\n      </Box>\n    </Box>\n  );\n}\n\nexport const FieldsSourceAddFieldCTA = observer(_FieldsSourceAddFieldCTA);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAElE,SAASC,wBAAwBA,CAAC;EAChCC;AAGF,CAAC,EAAE;EACD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,cAAc,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAC1C,MAAMC,EAAE,GAAGN,MAAM,CAACO,YAAY,CAACC,eAAe;EAE9C,IAAI,EAACF,EAAE,YAAFA,EAAE,CAAEG,YAAY,GAAE;IACrB,OAAO,IAAI;EACb;EAEA,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnC,CAACf,cAAc,iBAAId,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA0B,OAAO;IAACP,SAAS,EAAC,YAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACtD7B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,GAAG;IACFS,OAAO,EAAC,KAAK;IACbP,KAAK,EAAC,MAAM;IACZQ,SAAS,EAAC,YAAY;IACtBT,SAAS,EAAC,UAAU;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEpB7B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA2B,wBAAwB;IACvBC,QAAQ,EAAElB,EAAE,CAACmB,gBAAiB;IAC9BC,OAAO,EAAEpB,EAAE,CAACqB,oBAAoB,IAAI,EAAG;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvC7B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkC,OAAO;IACNC,QAAQ,EAAC,0BAA0B;IACnCC,OAAO,EAAEA,CAAA,KACP9B,MAAM,CAAC+B,cAAc,CAAC;MAAEC,MAAM,EAAE;IAAuB,CAAC,CACzD;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEAjB,CAAC,CAAC,uCAAuC,CACnC,CACe,CACvB,CACF,CAAC;AAEV;AAEO,MAAM+B,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAACpC,wBAAwB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_CustomFields","_useBmHarmonyTheme","_jsxFileName","_FieldsSourceAddFieldCTA","source","translate","t","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","fm","fieldsSource","fieldManagement","canAddFields","default","createElement","Box","direction","width","__self","__source","fileName","lineNumber","columnNumber","Divider","padding","boxSizing","CustomFieldsDisabledHint","disabled","addFieldDisabled","content","addFieldDisabledHint","AddItem","dataHook","onClick","openFieldModal","origin","FieldsSourceAddFieldCTA","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/FieldsSourceAddFieldCTA.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { AddItem, Box, Divider } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { ManageFieldsSource } from '../../state/ManageFieldsSource';\nimport { CustomFieldsDisabledHint } from '../CustomFields';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nfunction _FieldsSourceAddFieldCTA({ source }: { source: ManageFieldsSource }) {\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\n  const fm = source.fieldsSource.fieldManagement;\n\n  if (!fm?.canAddFields) {\n    return null;\n  }\n\n  return (\n    <Box direction=\"vertical\" width=\"100%\">\n      {!isHarmonyTheme && <Divider direction=\"horizontal\" />}\n      <Box\n        padding=\"SP4\"\n        width=\"100%\"\n        boxSizing=\"border-box\"\n        direction=\"vertical\"\n      >\n        <CustomFieldsDisabledHint\n          disabled={fm.addFieldDisabled}\n          content={fm.addFieldDisabledHint ?? ''}\n        >\n          <AddItem\n            dataHook=\"custom-columns-add-field\"\n            onClick={() =>\n              source.openFieldModal({ origin: 'Custom columns panel' })\n            }\n          >\n            {t('cairo.customFields.addCustomField.CTA')}\n          </AddItem>\n        </CustomFieldsDisabledHint>\n      </Box>\n    </Box>\n  );\n}\n\nexport const FieldsSourceAddFieldCTA = observer(_FieldsSourceAddFieldCTA);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAElE,SAASC,wBAAwBA,CAAC;EAAEC;AAAuC,CAAC,EAAE;EAC5E,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,cAAc,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAC1C,MAAMC,EAAE,GAAGN,MAAM,CAACO,YAAY,CAACC,eAAe;EAE9C,IAAI,EAACF,EAAE,YAAFA,EAAE,CAAEG,YAAY,GAAE;IACrB,OAAO,IAAI;EACb;EAEA,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnC,CAACf,cAAc,iBAAId,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA0B,OAAO;IAACP,SAAS,EAAC,YAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACtD7B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,GAAG;IACFS,OAAO,EAAC,KAAK;IACbP,KAAK,EAAC,MAAM;IACZQ,SAAS,EAAC,YAAY;IACtBT,SAAS,EAAC,UAAU;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEpB7B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA2B,wBAAwB;IACvBC,QAAQ,EAAElB,EAAE,CAACmB,gBAAiB;IAC9BC,OAAO,EAAEpB,EAAE,CAACqB,oBAAoB,IAAI,EAAG;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvC7B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkC,OAAO;IACNC,QAAQ,EAAC,0BAA0B;IACnCC,OAAO,EAAEA,CAAA,KACP9B,MAAM,CAAC+B,cAAc,CAAC;MAAEC,MAAM,EAAE;IAAuB,CAAC,CACzD;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEAjB,CAAC,CAAC,uCAAuC,CACnC,CACe,CACvB,CACF,CAAC;AAEV;AAEO,MAAM+B,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAACpC,wBAAwB,CAAC","ignoreList":[]}

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

@@ -120,6 +120,7 @@ const dataExtensionFieldManagement = ({
     get permissions() {
       return dataExtension.defaultPermissions;
     },
+    supportsPermissions: true,
     get supportsPii() {
       return dataExtension.containsPii;
     },
@@ -131,6 +132,7 @@ const dataExtensionFieldManagement = ({
       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'),

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","supportsPii","containsPii","fieldModalText","environment","addTitle","editTitle","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    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        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","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":[]}

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_ = "DragHandle4068887863";
+var _namespace_ = "DragHandle47840941";
 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": "DragHandle4068887863__root"
+  "root": "DragHandle47840941__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_ = \"DragHandle4068887863\";\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\":\"DragHandle4068887863__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":[]}
+{"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":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "EditableCell1018921301";
+var _namespace_ = "EditableCell2760915353";
 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": "EditableCell1018921301__root",
-  "validationIndicator": "EditableCell1018921301__validationIndicator"
+  "root": "EditableCell2760915353__root",
+  "validationIndicator": "EditableCell2760915353__validationIndicator"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/EditableCell.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/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell1018921301\";\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\":\"EditableCell1018921301__root\",\"validationIndicator\":\"EditableCell1018921301__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-Y10\":\"--wsr-color-Y10\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,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,8BAA8B;EAAC,qBAAqB,EAAC;AAA6C,CAAC;AACzH,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;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,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/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell2760915353\";\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\":\"EditableCell2760915353__root\",\"validationIndicator\":\"EditableCell2760915353__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-Y10\":\"--wsr-color-Y10\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,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,8BAA8B;EAAC,qBAAqB,EAAC;AAA6C,CAAC;AACzH,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;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -22,6 +22,7 @@ var _useMouseSweepSelection = require("./useMouseSweepSelection");
 var _AddItemRow = require("./AddItemRow");
 var _useAddRow = require("./useAddRow");
 var _useHeaderActions = require("./useHeaderActions");
+var _version = require("../../version");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/EditableTable.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 _EditableTable(props) {
@@ -63,7 +64,7 @@ function _EditableTable(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 104,
+          lineNumber: 105,
           columnNumber: 13
         }
       }) : null;
@@ -74,12 +75,13 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 114,
+      lineNumber: 115,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     "data-hook": dataHook,
+    "data-wix-patterns": _version.version,
     tabIndex: 0,
     onKeyDown: keyboard.onKeyDown,
     onFocus: onFocus,
@@ -88,7 +90,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 116,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TableVirtual.TableVirtual, (0, _extends2.default)({}, tableBaseProps, {
@@ -102,7 +104,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 126,
       columnNumber: 9
     }
   }), showAddItemRow && /*#__PURE__*/_react.default.createElement(_AddItemRow.AddItemRow, {
@@ -110,7 +112,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 136,
       columnNumber: 30
     }
   }))), /*#__PURE__*/_react.default.createElement(_EditableTableContextMenu.EditableTableContextMenu, {
@@ -122,7 +124,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
+      lineNumber: 139,
       columnNumber: 7
     }
   }), state.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -131,7 +133,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 147,
       columnNumber: 9
     }
   })), state.toolbar.collectionFieldsSource && /*#__PURE__*/_react.default.createElement(_FieldManagementModals.FieldManagementModals, {
@@ -139,14 +141,14 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 153,
       columnNumber: 9
     }
   }), children, /*#__PURE__*/_react.default.createElement(_patternsFields.GlobalAudioPlayer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 154,
+      lineNumber: 156,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_patternsFields","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_FieldManagementModals","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useHeaderActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","fieldsSource","_fieldsSource","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","editableColumns","useMemo","sourceColumns","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useHeaderActions","showAddItemRow","handleAddItem","useAddRow","tableColumns","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","PatternsFieldsProvider","ref","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","showSelection","showRowNumbers","showAddFieldButton","AddItemRow","onAdd","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","toolbar","collectionFieldsSource","FieldManagementModals","source","GlobalAudioPlayer","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { GlobalAudioPlayer } from '@wix/patterns-fields';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n  type EditableColumn,\n  EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useHeaderActions } from './useHeaderActions';\n\nexport interface EditableTableProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n    TableVirtualProps<T, F>,\n    | 'columns'\n    | 'state'\n    | 'onRowClick'\n    | 'forceResize'\n    | 'horizontalScroll'\n    | 'showSelection'\n    | 'showRowNumbers'\n    | 'showAddFieldButton'\n  > {\n  /** EditableTableState instance, created via useEditableTableCollection */\n  state: EditableTableState<T, F>;\n\n  /** Column definitions with cell types. When a `fieldsSource` is wired, its\n   *  columns are added by the state, so pass `[]` for source-only tables. */\n  columns: EditableColumn<T>[];\n\n  /** A fields source (e.g. `dataExtensionTableSource(...)`) whose fields become\n   *  columns and whose field management wires into the table. Schema sources\n   *  attach via the `@wix/patterns/schema` collection hooks instead. */\n  fieldsSource?: FieldsSourceProvider;\n\n  /** When true, hides the built-in header actions popover for all columns. */\n  hideHeaderActions?: boolean;\n\n  /** data-hook for testkit selectors */\n  dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const {\n    state,\n    columns,\n    fieldsSource: _fieldsSource,\n    hideHeaderActions,\n    dataHook,\n    children,\n    ...tableBaseProps\n  } = props;\n\n  useEditableTableCollectionSyncProps(props);\n\n  const editableColumns = useMemo(\n    () => [...columns, ...state.sourceColumns],\n    [columns, state.sourceColumns],\n  );\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const keyboard = useKeyboardNavigation(state);\n  useClipboardHandler(state, containerRef);\n  const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);\n  useMouseSweepSelection(state, containerRef);\n\n  const builtInActions = useHeaderActions(\n    state,\n    editableColumns,\n    hideHeaderActions,\n  );\n\n  const { showAddItemRow, handleAddItem } = useAddRow(state);\n\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n        titleSuffix: builtInActions[col.id],\n        render: (_item: T, rowNum: number) => {\n          const rowKey = state.keyedItems[rowNum]?.key;\n          return rowKey ? (\n            <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n          ) : null;\n        },\n      })) as TableColumn<T>[],\n    [editableColumns, state, builtInActions],\n  );\n\n  const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n  return (\n    <PatternsFieldsProvider>\n      <div\n        ref={containerRef}\n        data-hook={dataHook}\n        tabIndex={0}\n        onKeyDown={keyboard.onKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onContextMenu={contextMenu.handleContextMenu}\n      >\n        <TableVirtual\n          {...tableBaseProps}\n          state={state.tableState}\n          columns={tableColumns}\n          forceResize\n          horizontalScroll\n          showSelection\n          showRowNumbers\n          showAddFieldButton\n        >\n          {showAddItemRow && <AddItemRow onAdd={handleAddItem} />}\n        </TableVirtual>\n      </div>\n      <EditableTableContextMenu\n        state={state}\n        position={contextMenu.position}\n        cell={contextMenu.cell}\n        menuRef={contextMenu.menuRef}\n        onClose={contextMenu.handleClose}\n      />\n      {state.deleteConfirmModal.value && (\n        <MessageActionModal\n          state={state.deleteConfirmModal}\n          {...state.deleteConfirmModal.value}\n        />\n      )}\n      {state.toolbar.collectionFieldsSource && (\n        <FieldManagementModals source={state.toolbar.collectionFieldsSource} />\n      )}\n      {children}\n      <GlobalAudioPlayer />\n    </PatternsFieldsProvider>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_patternsFields","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_FieldManagementModals","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useHeaderActions","_version","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","fieldsSource","_fieldsSource","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","editableColumns","useMemo","sourceColumns","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useHeaderActions","showAddItemRow","handleAddItem","useAddRow","tableColumns","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","PatternsFieldsProvider","ref","cairoVersion","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","showSelection","showRowNumbers","showAddFieldButton","AddItemRow","onAdd","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","toolbar","collectionFieldsSource","FieldManagementModals","source","GlobalAudioPlayer","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { GlobalAudioPlayer } from '@wix/patterns-fields';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n  type EditableColumn,\n  EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useHeaderActions } from './useHeaderActions';\nimport { version as cairoVersion } from '../../version';\n\nexport interface EditableTableProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n    TableVirtualProps<T, F>,\n    | 'columns'\n    | 'state'\n    | 'onRowClick'\n    | 'forceResize'\n    | 'horizontalScroll'\n    | 'showSelection'\n    | 'showRowNumbers'\n    | 'showAddFieldButton'\n  > {\n  /** EditableTableState instance, created via useEditableTableCollection */\n  state: EditableTableState<T, F>;\n\n  /** Column definitions with cell types. When a `fieldsSource` is wired, its\n   *  columns are added by the state, so pass `[]` for source-only tables. */\n  columns: EditableColumn<T>[];\n\n  /** A fields source (e.g. `dataExtensionTableSource(...)`) whose fields become\n   *  columns and whose field management wires into the table. Schema sources\n   *  attach via the `@wix/patterns/schema` collection hooks instead. */\n  fieldsSource?: FieldsSourceProvider;\n\n  /** When true, hides the built-in header actions popover for all columns. */\n  hideHeaderActions?: boolean;\n\n  /** data-hook for testkit selectors */\n  dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const {\n    state,\n    columns,\n    fieldsSource: _fieldsSource,\n    hideHeaderActions,\n    dataHook,\n    children,\n    ...tableBaseProps\n  } = props;\n\n  useEditableTableCollectionSyncProps(props);\n\n  const editableColumns = useMemo(\n    () => [...columns, ...state.sourceColumns],\n    [columns, state.sourceColumns],\n  );\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const keyboard = useKeyboardNavigation(state);\n  useClipboardHandler(state, containerRef);\n  const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);\n  useMouseSweepSelection(state, containerRef);\n\n  const builtInActions = useHeaderActions(\n    state,\n    editableColumns,\n    hideHeaderActions,\n  );\n\n  const { showAddItemRow, handleAddItem } = useAddRow(state);\n\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n        titleSuffix: builtInActions[col.id],\n        render: (_item: T, rowNum: number) => {\n          const rowKey = state.keyedItems[rowNum]?.key;\n          return rowKey ? (\n            <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n          ) : null;\n        },\n      })) as TableColumn<T>[],\n    [editableColumns, state, builtInActions],\n  );\n\n  const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n  return (\n    <PatternsFieldsProvider>\n      <div\n        ref={containerRef}\n        data-hook={dataHook}\n        data-wix-patterns={cairoVersion}\n        tabIndex={0}\n        onKeyDown={keyboard.onKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onContextMenu={contextMenu.handleContextMenu}\n      >\n        <TableVirtual\n          {...tableBaseProps}\n          state={state.tableState}\n          columns={tableColumns}\n          forceResize\n          horizontalScroll\n          showSelection\n          showRowNumbers\n          showAddFieldButton\n        >\n          {showAddItemRow && <AddItemRow onAdd={handleAddItem} />}\n        </TableVirtual>\n      </div>\n      <EditableTableContextMenu\n        state={state}\n        position={contextMenu.position}\n        cell={contextMenu.cell}\n        menuRef={contextMenu.menuRef}\n        onClose={contextMenu.handleClose}\n      />\n      {state.deleteConfirmModal.value && (\n        <MessageActionModal\n          state={state.deleteConfirmModal}\n          {...state.deleteConfirmModal.value}\n        />\n      )}\n      {state.toolbar.collectionFieldsSource && (\n        <FieldManagementModals source={state.toolbar.collectionFieldsSource} />\n      )}\n      {children}\n      <GlobalAudioPlayer />\n    </PatternsFieldsProvider>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","ignoreList":[]}