@wix/patterns 1.422.0 → 1.424.0

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

@@ -19,6 +19,9 @@ const _CustomFieldTypeDropdown = props => {
         }
       },
       mode,
+      fieldManagement: {
+        creatableFieldTypes
+      },
       generateUniqueKey,
       setKeyFieldIfNotDirty
     }
@@ -26,146 +29,23 @@ const _CustomFieldTypeDropdown = props => {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
-  const [fieldTypeOptions] = _react.default.useState(() => [(0, _designSystem.listItemSelectBuilder)({
-    dataHook: 'custom-field-modal-type-shortText',
-    id: 'shortText',
-    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 33,
-        columnNumber: 9
-      }
-    }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
-      fieldType: 'SHORT_TEXT',
-      size: 'medium'
-    })),
-    title: t('cairo.customFields.fieldType.shortText'),
-    label: t('cairo.customFields.fieldType.shortText')
-  }), (0, _designSystem.listItemSelectBuilder)({
-    dataHook: 'custom-field-modal-type-longText',
-    id: 'longText',
-    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 44,
-        columnNumber: 9
-      }
-    }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
-      fieldType: 'LONG_TEXT',
-      size: 'medium'
-    })),
-    title: t('cairo.customFields.fieldType.longText'),
-    label: t('cairo.customFields.fieldType.longText')
-  }), (0, _designSystem.listItemSelectBuilder)({
-    dataHook: 'custom-field-modal-type-date',
-    id: 'date',
-    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 55,
-        columnNumber: 9
-      }
-    }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
-      fieldType: 'DATE',
-      size: 'medium'
-    })),
-    title: t('cairo.customFields.fieldType.date'),
-    label: t('cairo.customFields.fieldType.date')
-  }), (0, _designSystem.listItemSelectBuilder)({
-    dataHook: 'custom-field-modal-type-dateTime',
-    id: 'dateTime',
-    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 66,
-        columnNumber: 9
-      }
-    }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
-      fieldType: 'DATE_TIME',
-      size: 'medium'
-    })),
-    title: t('cairo.customFields.fieldType.dateAndTime'),
-    label: t('cairo.customFields.fieldType.dateAndTime')
-  }), (0, _designSystem.listItemSelectBuilder)({
-    dataHook: 'custom-field-modal-type-integer',
-    id: 'integer',
-    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 77,
-        columnNumber: 9
-      }
-    }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
-      fieldType: 'INTEGER',
-      size: 'medium'
-    })),
-    title: t('cairo.customFields.fieldType.numberInteger'),
-    label: t('cairo.customFields.fieldType.numberInteger')
-  }), (0, _designSystem.listItemSelectBuilder)({
-    dataHook: 'custom-field-modal-type-decimal',
-    id: 'decimal',
-    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 88,
-        columnNumber: 9
-      }
-    }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
-      fieldType: 'DECIMAL',
-      size: 'medium'
-    })),
-    title: t('cairo.customFields.fieldType.numberDecimal'),
-    label: t('cairo.customFields.fieldType.numberDecimal')
-  }), (0, _designSystem.listItemSelectBuilder)({
-    dataHook: 'custom-field-modal-type-checkbox',
-    id: 'checkbox',
-    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 99,
-        columnNumber: 9
-      }
-    }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
-      fieldType: 'CHECKBOX',
-      size: 'medium'
-    })),
-    title: t('cairo.customFields.fieldType.checkbox'),
-    label: t('cairo.customFields.fieldType.checkbox')
-  }), (0, _designSystem.listItemSelectBuilder)({
-    dataHook: 'custom-field-modal-type-url',
-    id: 'url',
+  const fieldTypeOptions = _react.default.useMemo(() => creatableFieldTypes.map(option => (0, _designSystem.listItemSelectBuilder)({
+    dataHook: `custom-field-modal-type-${option.id}`,
+    id: option.id,
     prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 110,
-        columnNumber: 9
+        lineNumber: 36,
+        columnNumber: 13
       }
     }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
-      fieldType: 'URL',
+      fieldType: option.patternsType,
       size: 'medium'
     })),
-    title: t('cairo.customFields.fieldType.url'),
-    label: t('cairo.customFields.fieldType.url')
-  })
-  /* listItemSelectBuilder({
-    dataHook: 'custom-field-modal-type-dropdown',
-    id: 'dropdown',
-    prefix: (
-      <Box>
-        <DropdownIcon />
-      </Box>
-    ),
-    title: t('cairo.customFields.fieldType.dropdownList'),
-    label: t('cairo.customFields.fieldType.dropdownList'),
-  }),*/]);
+    title: option.label,
+    label: option.label
+  })), [creatableFieldTypes]);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
     dataHook: "custom-field-modal-type",
     disabled: mode === 'edit',
@@ -174,7 +54,7 @@ const _CustomFieldTypeDropdown = props => {
     onSelect: ({
       id
     }) => {
-      type.onChange(id);
+      type.onChange(String(id));
       setKeyFieldIfNotDirty(generateUniqueKey(name.value));
     },
     popoverProps: {
@@ -187,7 +67,7 @@ const _CustomFieldTypeDropdown = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 51,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_fieldTypePrefixIcons","_jsxFileName","_CustomFieldTypeDropdown","props","state","form","$","type","name","mode","generateUniqueKey","setKeyFieldIfNotDirty","translate","t","useWixPatternsContainer","fieldTypeOptions","React","useState","listItemSelectBuilder","dataHook","id","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","fieldType","size","title","label","Dropdown","disabled","valueParser","option","selectedId","value","onSelect","onChange","popoverProps","appendTo","zIndex","dropdownWidth","placeholder","options","exports","CustomFieldTypeDropdown","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Dropdown, listItemSelectBuilder } from '@wix/design-system';\nimport { CustomFieldModalState, CustomFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\n\nexport interface CustomFieldTypeDropdownProps {\n  state: CustomFieldModalState;\n}\n\nexport const _CustomFieldTypeDropdown = (\n  props: CustomFieldTypeDropdownProps,\n) => {\n  const {\n    state: {\n      form: {\n        $: { type, name },\n      },\n      mode,\n      generateUniqueKey,\n      setKeyFieldIfNotDirty,\n    },\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [fieldTypeOptions] = React.useState(() => [\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-shortText',\n      id: 'shortText',\n      prefix: (\n        <Box>\n          {getFieldTypeIcon({ fieldType: 'SHORT_TEXT', size: 'medium' })}\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.shortText'),\n      label: t('cairo.customFields.fieldType.shortText'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-longText',\n      id: 'longText',\n      prefix: (\n        <Box>\n          {getFieldTypeIcon({ fieldType: 'LONG_TEXT', size: 'medium' })}\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.longText'),\n      label: t('cairo.customFields.fieldType.longText'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-date',\n      id: 'date',\n      prefix: (\n        <Box>\n          {getFieldTypeIcon({ fieldType: 'DATE', size: 'medium' })}\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.date'),\n      label: t('cairo.customFields.fieldType.date'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-dateTime',\n      id: 'dateTime',\n      prefix: (\n        <Box>\n          {getFieldTypeIcon({ fieldType: 'DATE_TIME', size: 'medium' })}\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.dateAndTime'),\n      label: t('cairo.customFields.fieldType.dateAndTime'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-integer',\n      id: 'integer',\n      prefix: (\n        <Box>\n          {getFieldTypeIcon({ fieldType: 'INTEGER', size: 'medium' })}\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.numberInteger'),\n      label: t('cairo.customFields.fieldType.numberInteger'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-decimal',\n      id: 'decimal',\n      prefix: (\n        <Box>\n          {getFieldTypeIcon({ fieldType: 'DECIMAL', size: 'medium' })}\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.numberDecimal'),\n      label: t('cairo.customFields.fieldType.numberDecimal'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-checkbox',\n      id: 'checkbox',\n      prefix: (\n        <Box>\n          {getFieldTypeIcon({ fieldType: 'CHECKBOX', size: 'medium' })}\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.checkbox'),\n      label: t('cairo.customFields.fieldType.checkbox'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-url',\n      id: 'url',\n      prefix: (\n        <Box>\n          {getFieldTypeIcon({ fieldType: 'URL', size: 'medium' })}\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.url'),\n      label: t('cairo.customFields.fieldType.url'),\n    }),\n    /* listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-dropdown',\n      id: 'dropdown',\n      prefix: (\n        <Box>\n          <DropdownIcon />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.dropdownList'),\n      label: t('cairo.customFields.fieldType.dropdownList'),\n    }),*/\n  ]);\n\n  return (\n    <Dropdown\n      dataHook=\"custom-field-modal-type\"\n      disabled={mode === 'edit'}\n      valueParser={(option) => option.label}\n      selectedId={type.value}\n      onSelect={({ id }) => {\n        type.onChange(id as CustomFieldType);\n        setKeyFieldIfNotDirty(generateUniqueKey(name.value));\n      }}\n      popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n      dropdownWidth=\"258px\"\n      placeholder={t(\n        'cairo.customFields.addCustomField.modal.fieldType.placeholder',\n      )}\n      options={fieldTypeOptions}\n    />\n  );\n};\n\nexport const CustomFieldTypeDropdown = observer(_CustomFieldTypeDropdown);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_fieldTypePrefixIcons","_jsxFileName","_CustomFieldTypeDropdown","props","state","form","$","type","name","mode","fieldManagement","creatableFieldTypes","generateUniqueKey","setKeyFieldIfNotDirty","translate","t","useWixPatternsContainer","fieldTypeOptions","React","useMemo","map","option","listItemSelectBuilder","dataHook","id","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","fieldType","patternsType","size","title","label","Dropdown","disabled","valueParser","selectedId","value","onSelect","onChange","String","popoverProps","appendTo","zIndex","dropdownWidth","placeholder","options","exports","CustomFieldTypeDropdown","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Dropdown, listItemSelectBuilder } 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 CustomFieldTypeDropdownProps {\n  state: CustomFieldModalState;\n}\n\nexport const _CustomFieldTypeDropdown = (\n  props: CustomFieldTypeDropdownProps,\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 fieldTypeOptions = React.useMemo(\n    () =>\n      creatableFieldTypes.map((option) =>\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          label: option.label,\n        }),\n      ),\n    [creatableFieldTypes],\n  );\n\n  return (\n    <Dropdown\n      dataHook=\"custom-field-modal-type\"\n      disabled={mode === 'edit'}\n      valueParser={(option) => option.label}\n      selectedId={type.value}\n      onSelect={({ id }) => {\n        type.onChange(String(id));\n        setKeyFieldIfNotDirty(generateUniqueKey(name.value));\n      }}\n      popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n      dropdownWidth=\"258px\"\n      placeholder={t(\n        'cairo.customFields.addCustomField.modal.fieldType.placeholder',\n      )}\n      options={fieldTypeOptions}\n    />\n  );\n};\n\nexport const CustomFieldTypeDropdown = observer(_CustomFieldTypeDropdown);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAAoE,IAAAK,YAAA;AAM7D,MAAMC,wBAAwB,GACnCC,KAAmC,IAChC;EACH,MAAM;IACJC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,CAAC,EAAE;UAAEC,IAAI;UAAEC;QAAK;MAClB,CAAC;MACDC,IAAI;MACJC,eAAe,EAAE;QAAEC;MAAoB,CAAC;MACxCC,iBAAiB;MACjBC;IACF;EACF,CAAC,GAAGV,KAAK;EAET,MAAM;IAAEW,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,MAAMC,gBAAgB,GAAGC,cAAK,CAACC,OAAO,CACpC,MACER,mBAAmB,CAACS,GAAG,CAAEC,MAAM,IAC7B,IAAAC,mCAAqB,EAAC;IACpBC,QAAQ,EAAE,2BAA2BF,MAAM,CAACG,EAAE,EAAE;IAChDA,EAAE,EAAEH,MAAM,CAACG,EAAE;IACbC,MAAM,eACJ/B,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAA8B,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9B,YAAA;QAAA+B,UAAA;QAAAC,YAAA;MAAA;IAAA,GACD,IAAAC,sCAAgB,EAAC;MAChBC,SAAS,EAAEd,MAAM,CAACe,YAAY;MAC9BC,IAAI,EAAE;IACR,CAAC,CACE,CACN;IACDC,KAAK,EAAEjB,MAAM,CAACkB,KAAK;IACnBA,KAAK,EAAElB,MAAM,CAACkB;EAChB,CAAC,CACH,CAAC,EACH,CAAC5B,mBAAmB,CACtB,CAAC;EAED,oBACEjB,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAA0C,QAAQ;IACPjB,QAAQ,EAAC,yBAAyB;IAClCkB,QAAQ,EAAEhC,IAAI,KAAK,MAAO;IAC1BiC,WAAW,EAAGrB,MAAM,IAAKA,MAAM,CAACkB,KAAM;IACtCI,UAAU,EAAEpC,IAAI,CAACqC,KAAM;IACvBC,QAAQ,EAAEA,CAAC;MAAErB;IAAG,CAAC,KAAK;MACpBjB,IAAI,CAACuC,QAAQ,CAACC,MAAM,CAACvB,EAAE,CAAC,CAAC;MACzBX,qBAAqB,CAACD,iBAAiB,CAACJ,IAAI,CAACoC,KAAK,CAAC,CAAC;IACtD,CAAE;IACFI,YAAY,EAAE;MAAEC,QAAQ,EAAE,QAAQ;MAAEC,MAAM,EAAE;IAAK,CAAE;IACnDC,aAAa,EAAC,OAAO;IACrBC,WAAW,EAAErC,CAAC,CACZ,+DACF,CAAE;IACFsC,OAAO,EAAEpC,gBAAiB;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9B,YAAA;MAAA+B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC3B,CAAC;AAEN,CAAC;AAACqB,OAAA,CAAApD,wBAAA,GAAAA,wBAAA;AAEK,MAAMqD,uBAAuB,GAAAD,OAAA,CAAAC,uBAAA,GAAG,IAAAC,uBAAQ,EAACtD,wBAAwB,CAAC","ignoreList":[]}

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

@@ -14,16 +14,17 @@ function _AddCustomFieldCTAButton({
   onClick,
   dataHook = 'data-extension-add-new'
 }) {
+  var _state$fieldManagemen, _state$fieldManagemen2, _state$fieldManagemen3;
   const container = (0, _react2.useWixPatternsContainer)();
   const {
     translate: t
   } = container;
-  if (state.dataExtension.disableUserDefinedWriting) {
+  if (!((_state$fieldManagemen = state.fieldManagement) != null && _state$fieldManagemen.canAddFields)) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_CustomFields.CustomFieldsDisabledHint, {
-    disabled: state.dataExtension.disableAddCustomField,
-    content: state.dataExtension.disableAddCustomFieldContent,
+    disabled: (_state$fieldManagemen2 = state.fieldManagement) == null ? void 0 : _state$fieldManagemen2.addFieldDisabled,
+    content: ((_state$fieldManagemen3 = state.fieldManagement) == null ? void 0 : _state$fieldManagemen3.addFieldDisabledHint) ?? '',
     __self: this,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_CustomFields","_mobxReactLite","_jsxFileName","_AddCustomFieldCTAButton","state","onClick","dataHook","container","useWixPatternsContainer","translate","t","dataExtension","disableUserDefinedWriting","default","createElement","CustomFieldsDisabledHint","disabled","disableAddCustomField","content","disableAddCustomFieldContent","__self","__source","fileName","lineNumber","columnNumber","AddItem","AddCustomFieldCTAButton","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/AddCustomFieldCTAButton.tsx"],"sourcesContent":["import { AddItem } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldsDisabledHint } from '../CustomFields';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface AddCustomFieldCTAButtonProps {\n  state: CustomFieldsPanelState;\n  onClick?: () => void;\n  dataHook?: string;\n}\n\nfunction _AddCustomFieldCTAButton({\n  state,\n  onClick,\n  dataHook = 'data-extension-add-new',\n}: AddCustomFieldCTAButtonProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  if (state.dataExtension.disableUserDefinedWriting) {\n    return null;\n  }\n\n  return (\n    <CustomFieldsDisabledHint\n      disabled={state.dataExtension.disableAddCustomField}\n      content={state.dataExtension.disableAddCustomFieldContent}\n    >\n      <AddItem dataHook={dataHook} onClick={onClick}>\n        {t('cairo.customFields.addCustomField.CTA')}\n      </AddItem>\n    </CustomFieldsDisabledHint>\n  );\n}\n\nexport const AddCustomFieldCTAButton = observer(_AddCustomFieldCTAButton);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA2C,IAAAM,YAAA;AAS3C,SAASC,wBAAwBA,CAAC;EAChCC,KAAK;EACLC,OAAO;EACPC,QAAQ,GAAG;AACiB,CAAC,EAAE;EAC/B,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,SAAS;EAElC,IAAIH,KAAK,CAACO,aAAa,CAACC,yBAAyB,EAAE;IACjD,OAAO,IAAI;EACb;EAEA,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,wBAAwB;IACvBC,QAAQ,EAAEZ,KAAK,CAACO,aAAa,CAACM,qBAAsB;IACpDC,OAAO,EAAEd,KAAK,CAACO,aAAa,CAACQ,4BAA6B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE1D3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA8B,OAAO;IAACnB,QAAQ,EAAEA,QAAS;IAACD,OAAO,EAAEA,OAAQ;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC3Cd,CAAC,CAAC,uCAAuC,CACnC,CACe,CAAC;AAE/B;AAEO,MAAMgB,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAACzB,wBAAwB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_CustomFields","_mobxReactLite","_jsxFileName","_AddCustomFieldCTAButton","state","onClick","dataHook","_state$fieldManagemen","_state$fieldManagemen2","_state$fieldManagemen3","container","useWixPatternsContainer","translate","t","fieldManagement","canAddFields","default","createElement","CustomFieldsDisabledHint","disabled","addFieldDisabled","content","addFieldDisabledHint","__self","__source","fileName","lineNumber","columnNumber","AddItem","AddCustomFieldCTAButton","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/AddCustomFieldCTAButton.tsx"],"sourcesContent":["import { AddItem } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldsDisabledHint } from '../CustomFields';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface AddCustomFieldCTAButtonProps {\n  state: CustomFieldsPanelState;\n  onClick?: () => void;\n  dataHook?: string;\n}\n\nfunction _AddCustomFieldCTAButton({\n  state,\n  onClick,\n  dataHook = 'data-extension-add-new',\n}: AddCustomFieldCTAButtonProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  if (!state.fieldManagement?.canAddFields) {\n    return null;\n  }\n\n  return (\n    <CustomFieldsDisabledHint\n      disabled={state.fieldManagement?.addFieldDisabled}\n      content={state.fieldManagement?.addFieldDisabledHint ?? ''}\n    >\n      <AddItem dataHook={dataHook} onClick={onClick}>\n        {t('cairo.customFields.addCustomField.CTA')}\n      </AddItem>\n    </CustomFieldsDisabledHint>\n  );\n}\n\nexport const AddCustomFieldCTAButton = observer(_AddCustomFieldCTAButton);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA2C,IAAAM,YAAA;AAS3C,SAASC,wBAAwBA,CAAC;EAChCC,KAAK;EACLC,OAAO;EACPC,QAAQ,GAAG;AACiB,CAAC,EAAE;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EAC/B,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,SAAS;EAElC,IAAI,GAAAH,qBAAA,GAACH,KAAK,CAACU,eAAe,aAArBP,qBAAA,CAAuBQ,YAAY,GAAE;IACxC,OAAO,IAAI;EACb;EAEA,oBACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,wBAAwB;IACvBC,QAAQ,GAAAX,sBAAA,GAAEJ,KAAK,CAACU,eAAe,qBAArBN,sBAAA,CAAuBY,gBAAiB;IAClDC,OAAO,EAAE,EAAAZ,sBAAA,GAAAL,KAAK,CAACU,eAAe,qBAArBL,sBAAA,CAAuBa,oBAAoB,KAAI,EAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE3D9B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAiC,OAAO;IAACtB,QAAQ,EAAEA,QAAS;IAACD,OAAO,EAAEA,OAAQ;IAAAkB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC3Cd,CAAC,CAAC,uCAAuC,CACnC,CACe,CAAC;AAE/B;AAEO,MAAMgB,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAAC5B,wBAAwB,CAAC","ignoreList":[]}

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

@@ -17,24 +17,21 @@ const _ArchiveFieldModal = ({
     translate: t
   } = container;
   const {
-    dataExtension,
     modal
   } = state;
   const getModalTitle = () => {
-    var _modal$value;
-    const fieldId = (_modal$value = modal.value) == null ? void 0 : _modal$value.id;
-    if (dataExtension.enableArchive && fieldId) {
-      const fieldValues = dataExtension.extractFieldValuesFromSchema(fieldId);
-      if (fieldValues != null && fieldValues.name) {
-        return t('cairo.customFields.archive.modal.title.enabled', {
-          selectedField: fieldValues.name
-        });
-      }
+    var _modal$value, _modal$value2;
+    const fieldName = (_modal$value = modal.value) == null ? void 0 : _modal$value.fieldName;
+    if ((_modal$value2 = modal.value) != null && _modal$value2.archiveEnabled && fieldName) {
+      return t('cairo.customFields.archive.modal.title.enabled', {
+        selectedField: fieldName
+      });
     }
     return t('cairo.customFields.archive.modal.title');
   };
   const getModalDescription = () => {
-    if (dataExtension.enableArchive) {
+    var _modal$value3;
+    if ((_modal$value3 = modal.value) != null && _modal$value3.archiveEnabled) {
       return t('cairo.customFields.archive.modal.description.enabled');
     }
     return t('cairo.customFields.archive.modal.description');
@@ -50,7 +47,7 @@ const _ArchiveFieldModal = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 45,
+        lineNumber: 42,
         columnNumber: 9
       }
     }, getModalDescription()),
@@ -59,7 +56,7 @@ const _ArchiveFieldModal = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 35,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_ActionModal","_mobxReactLite","_jsxFileName","_ArchiveFieldModal","state","container","useWixPatternsContainer","translate","t","dataExtension","modal","getModalTitle","_modal$value","fieldId","value","id","enableArchive","fieldValues","extractFieldValuesFromSchema","name","selectedField","getModalDescription","default","createElement","CustomActionModal","dataHook","title","primaryButtonText","secondaryButtonText","content","Text","__self","__source","fileName","lineNumber","columnNumber","theme","width","exports","ArchiveFieldModal","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ArchiveFieldModal.tsx"],"sourcesContent":["import { Text } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomActionModal } from '../ActionModal';\nimport { observer } from 'mobx-react-lite';\nimport { ArchiveFieldModalState } from '@wix/bex-core';\n\nexport const _ArchiveFieldModal = ({\n  state,\n}: {\n  state: ArchiveFieldModalState;\n}) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const { dataExtension, modal } = state;\n\n  const getModalTitle = () => {\n    const fieldId = modal.value?.id;\n    if (dataExtension.enableArchive && fieldId) {\n      const fieldValues = dataExtension.extractFieldValuesFromSchema(fieldId);\n      if (fieldValues?.name) {\n        return t('cairo.customFields.archive.modal.title.enabled', {\n          selectedField: fieldValues.name,\n        });\n      }\n    }\n    return t('cairo.customFields.archive.modal.title');\n  };\n\n  const getModalDescription = () => {\n    if (dataExtension.enableArchive) {\n      return t('cairo.customFields.archive.modal.description.enabled');\n    }\n    return t('cairo.customFields.archive.modal.description');\n  };\n\n  return (\n    <CustomActionModal\n      dataHook=\"archive-custom-field-modal\"\n      state={state.modal}\n      title={getModalTitle()}\n      primaryButtonText={t('cairo.customFields.archive.modal.CTA')}\n      secondaryButtonText={t('cairo.customFields.archive.modal.cancel.CTA')}\n      content={\n        <Text dataHook=\"archive-custom-field-body\">\n          {getModalDescription()}\n        </Text>\n      }\n      theme=\"destructive\"\n      width=\"510px\"\n    />\n  );\n};\n\nexport const ArchiveFieldModal = observer(_ArchiveFieldModal);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA2C,IAAAM,YAAA;AAGpC,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC;AAGF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,SAAS;EAClC,MAAM;IAAEI,aAAa;IAAEC;EAAM,CAAC,GAAGN,KAAK;EAEtC,MAAMO,aAAa,GAAGA,CAAA,KAAM;IAAA,IAAAC,YAAA;IAC1B,MAAMC,OAAO,IAAAD,YAAA,GAAGF,KAAK,CAACI,KAAK,qBAAXF,YAAA,CAAaG,EAAE;IAC/B,IAAIN,aAAa,CAACO,aAAa,IAAIH,OAAO,EAAE;MAC1C,MAAMI,WAAW,GAAGR,aAAa,CAACS,4BAA4B,CAACL,OAAO,CAAC;MACvE,IAAII,WAAW,YAAXA,WAAW,CAAEE,IAAI,EAAE;QACrB,OAAOX,CAAC,CAAC,gDAAgD,EAAE;UACzDY,aAAa,EAAEH,WAAW,CAACE;QAC7B,CAAC,CAAC;MACJ;IACF;IACA,OAAOX,CAAC,CAAC,wCAAwC,CAAC;EACpD,CAAC;EAED,MAAMa,mBAAmB,GAAGA,CAAA,KAAM;IAChC,IAAIZ,aAAa,CAACO,aAAa,EAAE;MAC/B,OAAOR,CAAC,CAAC,sDAAsD,CAAC;IAClE;IACA,OAAOA,CAAC,CAAC,8CAA8C,CAAC;EAC1D,CAAC;EAED,oBACEX,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACvB,YAAA,CAAAwB,iBAAiB;IAChBC,QAAQ,EAAC,4BAA4B;IACrCrB,KAAK,EAAEA,KAAK,CAACM,KAAM;IACnBgB,KAAK,EAAEf,aAAa,CAAC,CAAE;IACvBgB,iBAAiB,EAAEnB,CAAC,CAAC,sCAAsC,CAAE;IAC7DoB,mBAAmB,EAAEpB,CAAC,CAAC,6CAA6C,CAAE;IACtEqB,OAAO,eACLhC,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAAC5B,aAAA,CAAAmC,IAAI;MAACL,QAAQ,EAAC,2BAA2B;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/B,YAAA;QAAAgC,UAAA;QAAAC,YAAA;MAAA;IAAA,GACvCd,mBAAmB,CAAC,CACjB,CACP;IACDe,KAAK,EAAC,aAAa;IACnBC,KAAK,EAAC,OAAO;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACd,CAAC;AAEN,CAAC;AAACG,OAAA,CAAAnC,kBAAA,GAAAA,kBAAA;AAEK,MAAMoC,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,IAAAC,uBAAQ,EAACrC,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_ActionModal","_mobxReactLite","_jsxFileName","_ArchiveFieldModal","state","container","useWixPatternsContainer","translate","t","modal","getModalTitle","_modal$value","_modal$value2","fieldName","value","archiveEnabled","selectedField","getModalDescription","_modal$value3","default","createElement","CustomActionModal","dataHook","title","primaryButtonText","secondaryButtonText","content","Text","__self","__source","fileName","lineNumber","columnNumber","theme","width","exports","ArchiveFieldModal","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ArchiveFieldModal.tsx"],"sourcesContent":["import { Text } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomActionModal } from '../ActionModal';\nimport { observer } from 'mobx-react-lite';\nimport { ArchiveFieldModalState } from '@wix/bex-core';\n\nexport const _ArchiveFieldModal = ({\n  state,\n}: {\n  state: ArchiveFieldModalState;\n}) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const { modal } = state;\n\n  const getModalTitle = () => {\n    const fieldName = modal.value?.fieldName;\n    if (modal.value?.archiveEnabled && fieldName) {\n      return t('cairo.customFields.archive.modal.title.enabled', {\n        selectedField: fieldName,\n      });\n    }\n    return t('cairo.customFields.archive.modal.title');\n  };\n\n  const getModalDescription = () => {\n    if (modal.value?.archiveEnabled) {\n      return t('cairo.customFields.archive.modal.description.enabled');\n    }\n    return t('cairo.customFields.archive.modal.description');\n  };\n\n  return (\n    <CustomActionModal\n      dataHook=\"archive-custom-field-modal\"\n      state={state.modal}\n      title={getModalTitle()}\n      primaryButtonText={t('cairo.customFields.archive.modal.CTA')}\n      secondaryButtonText={t('cairo.customFields.archive.modal.cancel.CTA')}\n      content={\n        <Text dataHook=\"archive-custom-field-body\">\n          {getModalDescription()}\n        </Text>\n      }\n      theme=\"destructive\"\n      width=\"510px\"\n    />\n  );\n};\n\nexport const ArchiveFieldModal = observer(_ArchiveFieldModal);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA2C,IAAAM,YAAA;AAGpC,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC;AAGF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,SAAS;EAClC,MAAM;IAAEI;EAAM,CAAC,GAAGL,KAAK;EAEvB,MAAMM,aAAa,GAAGA,CAAA,KAAM;IAAA,IAAAC,YAAA,EAAAC,aAAA;IAC1B,MAAMC,SAAS,IAAAF,YAAA,GAAGF,KAAK,CAACK,KAAK,qBAAXH,YAAA,CAAaE,SAAS;IACxC,IAAI,CAAAD,aAAA,GAAAH,KAAK,CAACK,KAAK,aAAXF,aAAA,CAAaG,cAAc,IAAIF,SAAS,EAAE;MAC5C,OAAOL,CAAC,CAAC,gDAAgD,EAAE;QACzDQ,aAAa,EAAEH;MACjB,CAAC,CAAC;IACJ;IACA,OAAOL,CAAC,CAAC,wCAAwC,CAAC;EACpD,CAAC;EAED,MAAMS,mBAAmB,GAAGA,CAAA,KAAM;IAAA,IAAAC,aAAA;IAChC,KAAAA,aAAA,GAAIT,KAAK,CAACK,KAAK,aAAXI,aAAA,CAAaH,cAAc,EAAE;MAC/B,OAAOP,CAAC,CAAC,sDAAsD,CAAC;IAClE;IACA,OAAOA,CAAC,CAAC,8CAA8C,CAAC;EAC1D,CAAC;EAED,oBACEX,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,YAAA,CAAAqB,iBAAiB;IAChBC,QAAQ,EAAC,4BAA4B;IACrClB,KAAK,EAAEA,KAAK,CAACK,KAAM;IACnBc,KAAK,EAAEb,aAAa,CAAC,CAAE;IACvBc,iBAAiB,EAAEhB,CAAC,CAAC,sCAAsC,CAAE;IAC7DiB,mBAAmB,EAAEjB,CAAC,CAAC,6CAA6C,CAAE;IACtEkB,OAAO,eACL7B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAgC,IAAI;MAACL,QAAQ,EAAC,2BAA2B;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5B,YAAA;QAAA6B,UAAA;QAAAC,YAAA;MAAA;IAAA,GACvCf,mBAAmB,CAAC,CACjB,CACP;IACDgB,KAAK,EAAC,aAAa;IACnBC,KAAK,EAAC,OAAO;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACd,CAAC;AAEN,CAAC;AAACG,OAAA,CAAAhC,kBAAA,GAAAA,kBAAA;AAEK,MAAMiC,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,IAAAC,uBAAQ,EAAClC,kBAAkB,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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