@wix/patterns 0.8.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_react2","_CustomFieldTypeDropdown","_wixUiIconsCommon","_Trans","_mobx","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_CustomFieldForm","props","state","form","$","key","type","name","readApps","readUsers","writeApps","writeUsers","disabledFields","permissions","mode","settings","customFieldModalBiReporter","generateUniqueKey","setKeyFieldIfNotDirty","reportAdvancedSettingsClick","reportKeyFormFieldChange","translate","environment","language","useWixPatternsContainer","useEffect","init","getFloatingNotification","submitError","createElement","Trans","i18nKey","components","supportLink","TextButton","underline","size","as","rel","target","href","__self","__source","fileName","lineNumber","columnNumber","Box","width","direction","position","top","left","transform","FloatingNotification","dataHook","prefixIcon","InfoCircle","text","onClose","runInAction","paddingLeft","paddingRight","Layout","Cell","span","FormField","required","label","status","hasError","undefined","statusMessage","error","CustomFieldTypeDropdown","marginTop","Text","secondary","Input","onChange","value","maxLength","placeholder","namePlaceholder","suffixIcon","isOn","ChevronUp","ChevronDown","onClick","toggle","Collapse","open","onExpandAnimationEnd","onCollapseAnimationEnd","light","verticalAlign","gap","InfoIcon","content","Checkbox","disabled","read","apps","checked","write","learnMore","skin","users","marginBottom","Divider","toLowerCase","exports","CustomFieldForm","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  Cell,\n  Checkbox,\n  Collapse,\n  Divider,\n  FloatingNotification,\n  FormField,\n  InfoIcon,\n  Input,\n  Layout,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldModalState } from '@wix/bex-core';\nimport { CustomFieldTypeDropdown } from './CustomFieldTypeDropdown';\nimport { ChevronDown, ChevronUp, InfoCircle } from '@wix/wix-ui-icons-common';\nimport { Trans } from '../Trans';\nimport { runInAction } from 'mobx';\n\nexport interface CustomFieldFormProps {\n  state: CustomFieldModalState;\n}\n\nexport const _CustomFieldForm = (props: CustomFieldFormProps) => {\n  const { state } = props;\n  const {\n    form: {\n      $: { key, type, name, readApps, readUsers, writeApps, writeUsers },\n    },\n    disabledFields: { permissions },\n    mode,\n    settings,\n    customFieldModalBiReporter,\n    generateUniqueKey,\n    setKeyFieldIfNotDirty,\n  } = state;\n  const { reportAdvancedSettingsClick, reportKeyFormFieldChange } =\n    customFieldModalBiReporter;\n\n  const {\n    translate: t,\n    environment: { language },\n  } = useWixPatternsContainer();\n\n  useEffect(() => customFieldModalBiReporter.init(), []);\n\n  const getFloatingNotification = () => {\n    switch (state.submitError) {\n      case 'network':\n        return t('cairo.customFields.modal.networkError');\n      case 'technical':\n        return t('cairo.customFields.modal.technicalError');\n      case 'max_size':\n        return (\n          <Trans\n            i18nKey=\"cairo.customFields.modal.maxFieldsError\"\n            components={{\n              supportLink: (\n                <TextButton\n                  underline=\"always\"\n                  size=\"small\"\n                  as=\"a\"\n                  rel=\"noopener\"\n                  target=\"_blank\"\n                  href=\"https://www.wix.com/contact\"\n                />\n              ),\n            }}\n          />\n        );\n      default:\n        return '';\n    }\n  };\n\n  return (\n    <Box width={552} direction=\"vertical\">\n      {state.submitError && (\n        <Box\n          position=\"absolute\"\n          top=\"24px\"\n          left=\"49%\"\n          transform=\"translateX(-50%)\"\n        >\n          <FloatingNotification\n            dataHook=\"custom-field-modal-error-state\"\n            type=\"destructive\"\n            prefixIcon={<InfoCircle />}\n            text={getFloatingNotification()}\n            onClose={() => {\n              runInAction(() => {\n                state.submitError = null;\n              });\n            }}\n          />\n        </Box>\n      )}\n      <Box paddingLeft=\"SP1\" paddingRight=\"SP1\" direction=\"vertical\">\n        <Layout>\n          <Cell span={6}>\n            <FormField\n              dataHook=\"custom-field-modal-field-type\"\n              required\n              label={t('cairo.customFields.addCustomField.modal.fieldType')}\n              status={type.hasError ? 'error' : undefined}\n              statusMessage={type.error}\n            >\n              <CustomFieldTypeDropdown state={state} />\n              {mode === 'edit' && (\n                <Box marginTop=\"SP1\">\n                  <Text size=\"tiny\" secondary>\n                    {t('cairo.customFields.editCustomField.fieldType.tooltip')}\n                  </Text>\n                </Box>\n              )}\n            </FormField>\n          </Cell>\n          <Cell span={6}>\n            <FormField\n              dataHook=\"custom-field-modal-field-name\"\n              required\n              label={t('cairo.customFields.addCustomField.modal.fieldName')}\n              status={name.hasError ? 'error' : undefined}\n              statusMessage={name.error}\n            >\n              <Input\n                dataHook=\"custom-field-modal-name\"\n                onChange={(e) => {\n                  name.onChange(e.target.value);\n                  setKeyFieldIfNotDirty(generateUniqueKey(e.target.value));\n                }}\n                value={name.value}\n                maxLength={64}\n                placeholder={state.namePlaceholder}\n              />\n            </FormField>\n          </Cell>\n        </Layout>\n        <Box marginTop=\"SP4\">\n          <TextButton\n            dataHook=\"custom-field-modal-settings-button\"\n            size=\"small\"\n            suffixIcon={settings.isOn ? <ChevronUp /> : <ChevronDown />}\n            onClick={() => settings.toggle()}\n          >\n            {t('cairo.customFields.addCustomField.modal.advancedSettings')}\n          </TextButton>\n        </Box>\n        <Collapse\n          open={settings.isOn}\n          onExpandAnimationEnd={() => {\n            reportAdvancedSettingsClick('Open');\n          }}\n          onCollapseAnimationEnd={() => {\n            reportAdvancedSettingsClick('Close');\n          }}\n        >\n          <Box marginTop=\"SP4\" direction=\"vertical\" width=\"320px\">\n            <Text size=\"small\">\n              {t(\n                'cairo.customFields.addCustomField.modal.advancedSettings.readPermissions',\n              )}\n            </Text>\n            <Text size=\"tiny\" light secondary>\n              {t(\n                'cairo.customFields.addCustomField.modal.advancedSettings.readPermissions.tooltip',\n              )}\n            </Text>\n          </Box>\n          <Box marginTop=\"SP3\">\n            <Layout>\n              <Cell span={4}>\n                <Box verticalAlign=\"middle\" gap=\"SP1\">\n                  <Text size=\"small\">\n                    {t(\n                      'cairo.customFields.addCustomField.modal.advancedSettings.externalApps',\n                    )}\n                  </Text>\n                  <InfoIcon\n                    size=\"small\"\n                    content={\n                      <Trans i18nKey=\"cairo.customFields.addCustomField.modal.advancedSettings.externalApps.tooltip\" />\n                    }\n                  />\n                </Box>\n              </Cell>\n              <Cell span={2}>\n                <Checkbox\n                  dataHook=\"custom-field-modal-read-apps\"\n                  disabled={mode === 'edit' && permissions.read.apps}\n                  size=\"small\"\n                  onChange={() => {\n                    readApps.onChange(!readApps.value);\n                  }}\n                  checked={readApps.value}\n                >\n                  {t(\n                    'cairo.customFields.addCustomField.modal.advancedSettings.read',\n                  )}\n                </Checkbox>\n              </Cell>\n              <Cell span={2}>\n                <Checkbox\n                  dataHook=\"custom-field-modal-write-apps\"\n                  disabled={mode === 'edit' && permissions.write.apps}\n                  size=\"small\"\n                  onChange={() => {\n                    writeApps.onChange(!writeApps.value);\n                  }}\n                  checked={writeApps.value}\n                >\n                  {t(\n                    'cairo.customFields.addCustomField.modal.advancedSettings.write',\n                  )}\n                </Checkbox>\n              </Cell>\n            </Layout>\n          </Box>\n          <Box marginTop=\"SP2\">\n            <Layout>\n              <Cell span={4}>\n                <Box verticalAlign=\"middle\" gap=\"SP1\">\n                  <Text size=\"small\">\n                    {t(\n                      'cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors',\n                    )}\n                  </Text>\n                  <InfoIcon\n                    size=\"small\"\n                    content={\n                      <Trans\n                        i18nKey=\"cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors.tooltip\"\n                        components={{\n                          learnMore: (\n                            <TextButton\n                              underline=\"always\"\n                              skin=\"light\"\n                              size=\"small\"\n                              as=\"a\"\n                              rel=\"noopener\"\n                              target=\"_blank\"\n                              href={`https://support.wix.com/${language}/article/content-manager-connecting-elements-to-a-collection-using-a-dataset`}\n                            />\n                          ),\n                        }}\n                      />\n                    }\n                  />\n                </Box>\n              </Cell>\n              <Cell span={2}>\n                <Checkbox\n                  dataHook=\"custom-field-modal-read-users\"\n                  disabled={mode === 'edit' && permissions.read.users}\n                  size=\"small\"\n                  onChange={() => {\n                    readUsers.onChange(!readUsers.value);\n                  }}\n                  checked={readUsers.value}\n                >\n                  {t(\n                    'cairo.customFields.addCustomField.modal.advancedSettings.read',\n                  )}\n                </Checkbox>\n              </Cell>\n              <Cell span={2}>\n                <Checkbox\n                  dataHook=\"custom-field-modal-write-users\"\n                  disabled={mode === 'edit' && permissions.write.users}\n                  size=\"small\"\n                  onChange={() => {\n                    writeUsers.onChange(!writeUsers.value);\n                  }}\n                  checked={writeUsers.value}\n                >\n                  {t(\n                    'cairo.customFields.addCustomField.modal.advancedSettings.write',\n                  )}\n                </Checkbox>\n              </Cell>\n            </Layout>\n          </Box>\n          <Box>\n            <Text size=\"tiny\" light secondary dataHook=\"permissions-note\">\n              <Trans\n                i18nKey=\"cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors.note\"\n                components={{\n                  learnMore: (\n                    <TextButton\n                      underline=\"always\"\n                      size=\"tiny\"\n                      as=\"a\"\n                      rel=\"noopener\"\n                      target=\"_blank\"\n                      href={`https://support.wix.com/${language}/article/content-manager-connecting-elements-to-a-collection-using-a-dataset`}\n                    />\n                  ),\n                }}\n              />\n            </Text>\n          </Box>\n          <Box direction=\"vertical\">\n            <Box marginTop=\"SP3\" marginBottom=\"SP3\">\n              <Divider />\n            </Box>\n\n            <FormField\n              dataHook=\"custom-field-modal-field-key\"\n              required\n              label={t(\n                'cairo.customFields.addCustomField.modal.advancedSettings.key.title',\n              )}\n              status={key.hasError ? 'error' : undefined}\n              statusMessage={key.error}\n            >\n              <Layout>\n                <Cell span={6}>\n                  <Input\n                    dataHook=\"custom-field-modal-key\"\n                    disabled={mode === 'edit'}\n                    value={key.value}\n                    onChange={(e) => {\n                      key.onChange(e.target.value.toLowerCase());\n                      reportKeyFormFieldChange();\n                    }}\n                    placeholder={t(\n                      'cairo.customFields.addCustomField.modal.advancedSettings.key.placeholder',\n                    )}\n                  />\n                </Cell>\n              </Layout>\n            </FormField>\n\n            {!key.hasError && (\n              <Box marginTop=\"SP1\">\n                <Text\n                  size=\"tiny\"\n                  secondary\n                  dataHook=\"custom-field-modal-fieldKey-tooltip\"\n                >\n                  {mode === 'new'\n                    ? t(\n                        'cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip',\n                      )\n                    : t('cairo.customFields.editCustomField.fieldKey.tooltip')}\n                </Text>\n              </Box>\n            )}\n          </Box>\n        </Collapse>\n      </Box>\n    </Box>\n  );\n};\n\nexport const CustomFieldForm = observer(_CustomFieldForm);\n"],"mappings":"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"}

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

@@ -0,0 +1,136 @@
+"use strict";
+
+exports.__esModule = true;
+exports._CustomFieldModal = exports.CustomFieldModal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _CollectionActionModal = require("../CollectionActionModal");
+var _ = require(".");
+var _react2 = require("@wix/bex-core/react");
+var _CustomFieldModalPrimaryButton = require("./CustomFieldModalPrimaryButton");
+var _bexCore = require("@wix/bex-core");
+var _minimalRequiredWdsRuntimeCheck = require("../../minimalRequiredWdsRuntimeCheck");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldModal/CustomFieldModal.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const _CustomFieldModal = ({
+  state
+}) => {
+  if (process.env.NODE_ENV !== 'production') {
+    // We show form errors in the FormField status messages which were introduced
+    // in wix-style-react 10.56.0
+    (0, _minimalRequiredWdsRuntimeCheck.minimalRequiredWdsRuntimeCheck)({
+      required: '^1.64.1',
+      requiredBy: 'Cairo/CustomFieldModal'
+    });
+  }
+  const {
+    translate: t,
+    environment: {
+      language
+    }
+  } = (0, _react2.useWixPatternsContainer)();
+  const [customFieldModalState] = (0, _react.useState)(() => {
+    state.customFieldModalState ?? (state.customFieldModalState = new _bexCore.CustomFieldModalState({
+      dataExtensionState: state
+    }));
+    return state.customFieldModalState;
+  });
+  const {
+    mode,
+    customFieldModalBiReporter: {
+      reportLearnMoreClick,
+      reportModalEndProcess
+    }
+  } = customFieldModalState;
+  return /*#__PURE__*/_react.default.createElement(_CollectionActionModal.CollectionActionCustomLayoutModal, {
+    dataHook: "custom-field-modal",
+    state: customFieldModalState.modalState,
+    title: mode === 'new' ? t('cairo.customFields.addCustomField.modal.title') : t('cairo.customFields.editCustomField.modal.title'),
+    subtitle: mode === 'new' && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "vertical",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 50,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 51,
+        columnNumber: 13
+      }
+    }, t('cairo.customFields.addCustomField.modal.subtitle')), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 52,
+        columnNumber: 13
+      }
+    }, t('cairo.customFields.addCustomField.modal.subtitle.note'))),
+    content: /*#__PURE__*/_react.default.createElement(_.CustomFieldForm, {
+      state: customFieldModalState,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 58,
+        columnNumber: 16
+      }
+    }),
+    primaryButtonText: /*#__PURE__*/_react.default.createElement(_CustomFieldModalPrimaryButton.CustomFieldModalPrimaryButton, {
+      state: customFieldModalState,
+      content: mode === 'new' ? t('cairo.customFields.addCustomField.modal.add.CTA') : t('cairo.customFields.editCustomField.save.CTA'),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 60,
+        columnNumber: 9
+      }
+    }),
+    secondaryButtonText: t('cairo.customFields.addCustomField.modal.cancel.CTA'),
+    onCloseButtonClick: () => {
+      reportModalEndProcess({
+        endType: 'Cancel'
+      });
+    },
+    secondaryButtonOnClick: () => {
+      reportModalEndProcess({
+        endType: 'Cancel'
+      });
+    },
+    footnote: /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      size: "small",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 79,
+        columnNumber: 9
+      }
+    }, t('cairo.customFields.addCustomField.modal.PII'), "\xA0", /*#__PURE__*/_react.default.createElement("a", {
+      href: `https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`,
+      target: "_blank",
+      rel: "noreferrer",
+      onClick: () => {
+        reportLearnMoreClick();
+      },
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 82,
+        columnNumber: 11
+      }
+    }, t('cairo.customFields.addCustomField.modal.PII.learnMore'))),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 5
+    }
+  });
+};
+exports._CustomFieldModal = _CustomFieldModal;
+const CustomFieldModal = exports.CustomFieldModal = (0, _mobxReactLite.observer)(_CustomFieldModal);
+//# sourceMappingURL=CustomFieldModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionActionModal","_","_react2","_CustomFieldModalPrimaryButton","_bexCore","_minimalRequiredWdsRuntimeCheck","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_CustomFieldModal","state","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","translate","environment","language","useWixPatternsContainer","customFieldModalState","useState","CustomFieldModalState","dataExtensionState","mode","customFieldModalBiReporter","reportLearnMoreClick","reportModalEndProcess","createElement","CollectionActionCustomLayoutModal","dataHook","modalState","title","subtitle","Box","direction","__self","__source","fileName","lineNumber","columnNumber","Text","content","CustomFieldForm","primaryButtonText","CustomFieldModalPrimaryButton","secondaryButtonText","onCloseButtonClick","endType","secondaryButtonOnClick","footnote","size","href","target","rel","onClick","exports","CustomFieldModal","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Text } from '@wix/design-system';\nimport { CollectionActionCustomLayoutModal } from '../CollectionActionModal';\nimport { CustomFieldForm } from '.';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldModalPrimaryButton } from './CustomFieldModalPrimaryButton';\nimport { CustomFieldModalState, DataExtensionState } from '@wix/bex-core';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\n\nexport const _CustomFieldModal = ({ state }: { state: DataExtensionState }) => {\n  if (process.env.NODE_ENV !== 'production') {\n    // We show form errors in the FormField status messages which were introduced\n    // in wix-style-react 10.56.0\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.64.1',\n      requiredBy: 'Cairo/CustomFieldModal',\n    });\n  }\n\n  const {\n    translate: t,\n    environment: { language },\n  } = useWixPatternsContainer();\n\n  const [customFieldModalState] = useState(() => {\n    state.customFieldModalState ??= new CustomFieldModalState({\n      dataExtensionState: state,\n    });\n\n    return state.customFieldModalState!;\n  });\n\n  const {\n    mode,\n    customFieldModalBiReporter: { reportLearnMoreClick, reportModalEndProcess },\n  } = customFieldModalState;\n\n  return (\n    <CollectionActionCustomLayoutModal\n      dataHook=\"custom-field-modal\"\n      state={customFieldModalState.modalState}\n      title={\n        mode === 'new'\n          ? t('cairo.customFields.addCustomField.modal.title')\n          : t('cairo.customFields.editCustomField.modal.title')\n      }\n      subtitle={\n        mode === 'new' && (\n          <Box direction=\"vertical\">\n            <Text>{t('cairo.customFields.addCustomField.modal.subtitle')}</Text>\n            <Text>\n              {t('cairo.customFields.addCustomField.modal.subtitle.note')}\n            </Text>\n          </Box>\n        )\n      }\n      content={<CustomFieldForm state={customFieldModalState} />}\n      primaryButtonText={\n        <CustomFieldModalPrimaryButton\n          state={customFieldModalState}\n          content={\n            mode === 'new'\n              ? t('cairo.customFields.addCustomField.modal.add.CTA')\n              : t('cairo.customFields.editCustomField.save.CTA')\n          }\n        />\n      }\n      secondaryButtonText={t(\n        'cairo.customFields.addCustomField.modal.cancel.CTA',\n      )}\n      onCloseButtonClick={() => {\n        reportModalEndProcess({ endType: 'Cancel' });\n      }}\n      secondaryButtonOnClick={() => {\n        reportModalEndProcess({ endType: 'Cancel' });\n      }}\n      footnote={\n        <Text size=\"small\">\n          {t('cairo.customFields.addCustomField.modal.PII')}\n          &nbsp;\n          <a\n            href={`https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            onClick={() => {\n              reportLearnMoreClick();\n            }}\n          >\n            {t('cairo.customFields.addCustomField.modal.PII.learnMore')}\n          </a>\n        </Text>\n      }\n    />\n  );\n};\n\nexport const CustomFieldModal = observer(_CustomFieldModal);\n"],"mappings":"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"}

package/dist/cjs/components/CustomFieldModal/CustomFieldModal.uni.driver.js

@@ -0,0 +1,96 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CustomFieldModalUniDriver = CustomFieldModalUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+function CustomFieldModalUniDriver(_base, body) {
+  const getCustomFieldModal = () => (0, _unidriver.MessageModalLayoutUniDriver)(body.$('[data-hook="custom-field-modal"]'), body);
+  const getSettingsButton = () => (0, _unidriver.TextButtonUniDriver)(body.$('[data-hook="custom-field-modal-settings-button"]'), body);
+  const getErrorStateNotification = () => (0, _unidriver.FloatingNotificationUniDriver)(body.$('[data-hook="custom-field-modal-error-state"]'), body);
+  const getLoader = () => (0, _unidriver.LoaderUniDriver)(body.$('[data-hook="custom-field-modal-status-submitting"]'), body);
+  const getFieldKeyTooltip = () => (0, _unidriver.TextUniDriver)(body.$('[data-hook="custom-field-modal-fieldKey-tooltip"]'), body);
+  const exists = () => getCustomFieldModal().exists();
+  const clickConfirm = () => getCustomFieldModal().getPrimaryButtonDriver().then(driver => driver.click());
+  const clickClose = () => getCustomFieldModal().clickCloseButton();
+  const clickCancel = () => getCustomFieldModal().getSecondaryButtonDriver().then(driver => driver.click());
+  const clickAdvancedSettings = () => getSettingsButton().click();
+  const isSubmitting = () => getLoader().exists();
+  const getFormTypeDriver = () => (0, _unidriver.DropdownUniDriver)(body.$('[data-hook="custom-field-modal-type"]'), body);
+  const getFormNameDriver = () => (0, _unidriver.InputUniDriver)(body.$('[data-hook="custom-field-modal-name"]'), body);
+  const getFormKeyDriver = () => (0, _unidriver.InputUniDriver)(body.$('[data-hook="custom-field-modal-key"]'), body);
+  const getFormReadApps = () => (0, _unidriver.CheckboxUniDriver)(body.$('[data-hook="custom-field-modal-read-apps"]'), body);
+  const getFormWriteApps = () => (0, _unidriver.CheckboxUniDriver)(body.$('[data-hook="custom-field-modal-write-apps"]'), body);
+  const getFormReadUsers = () => (0, _unidriver.CheckboxUniDriver)(body.$('[data-hook="custom-field-modal-read-users"]'), body);
+  const getFormWriteUsers = () => (0, _unidriver.CheckboxUniDriver)(body.$('[data-hook="custom-field-modal-write-users"]'), body);
+  const getTypeFormFieldDriver = () => (0, _unidriver.FormFieldUniDriver)(body.$('[data-hook="custom-field-modal-field-type"]'), body);
+  const getNameFormFieldDriver = () => (0, _unidriver.FormFieldUniDriver)(body.$('[data-hook="custom-field-modal-field-name"]'), body);
+  const getKeyFormFieldDriver = () => (0, _unidriver.FormFieldUniDriver)(body.$('[data-hook="custom-field-modal-field-key"]'), body);
+  const getFormDrivers = () => ({
+    getFormTypeDriver,
+    getFormNameDriver,
+    getFormKeyDriver,
+    getFormReadApps,
+    getFormWriteApps,
+    getFormReadUsers,
+    getFormWriteUsers,
+    getTypeFormFieldDriver,
+    getNameFormFieldDriver,
+    getKeyFormFieldDriver,
+    getFieldKeyTooltip
+  });
+  const fillInCustomFieldForm = async ({
+    type,
+    name,
+    key,
+    permissions
+  }) => {
+    if (type) {
+      await getFormTypeDriver().dropdownLayoutDriver.clickAtOptionByDataHook(`custom-field-modal-type-${type}`);
+    }
+    if (name) {
+      await getFormNameDriver().enterText(name);
+    }
+    if (key) {
+      await getFormKeyDriver().enterText(key);
+    }
+    if (permissions) {
+      var _permissions$read, _permissions$write, _permissions$read2, _permissions$write2;
+      [[getFormReadApps(), (permissions == null || (_permissions$read = permissions.read) == null ? void 0 : _permissions$read.includes('apps')) ?? false], [getFormWriteApps(), (permissions == null || (_permissions$write = permissions.write) == null ? void 0 : _permissions$write.includes('apps')) ?? false], [getFormReadUsers(), (permissions == null || (_permissions$read2 = permissions.read) == null ? void 0 : _permissions$read2.includes('users')) ?? false], [getFormWriteUsers(), (permissions == null || (_permissions$write2 = permissions.write) == null ? void 0 : _permissions$write2.includes('users')) ?? false]].forEach(async ([driver, value]) => {
+        const isChecked = await driver.isChecked();
+        if (value && !isChecked || !value && isChecked) {
+          await driver.click();
+        }
+      });
+    }
+  };
+  const getCustomFieldFormValues = async () => {
+    return {
+      type: await getFormTypeDriver().inputDriver.getValue(),
+      name: await getFormNameDriver().getValue(),
+      key: await getFormKeyDriver().getValue(),
+      permissions: {
+        read: {
+          apps: await getFormReadApps().isChecked(),
+          users: await getFormReadUsers().isChecked()
+        },
+        write: {
+          apps: await getFormWriteApps().isChecked(),
+          users: await getFormWriteUsers().isChecked()
+        }
+      }
+    };
+  };
+  return {
+    exists,
+    clickConfirm,
+    clickClose,
+    clickCancel,
+    clickAdvancedSettings,
+    fillInCustomFieldForm,
+    getCustomFieldFormValues,
+    getFormDrivers,
+    getErrorStateNotification,
+    isSubmitting
+  };
+}
+//# sourceMappingURL=CustomFieldModal.uni.driver.js.map

package/dist/cjs/components/CustomFieldModal/CustomFieldModal.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","CustomFieldModalUniDriver","_base","body","getCustomFieldModal","MessageModalLayoutUniDriver","$","getSettingsButton","TextButtonUniDriver","getErrorStateNotification","FloatingNotificationUniDriver","getLoader","LoaderUniDriver","getFieldKeyTooltip","TextUniDriver","exists","clickConfirm","getPrimaryButtonDriver","then","driver","click","clickClose","clickCloseButton","clickCancel","getSecondaryButtonDriver","clickAdvancedSettings","isSubmitting","getFormTypeDriver","DropdownUniDriver","getFormNameDriver","InputUniDriver","getFormKeyDriver","getFormReadApps","CheckboxUniDriver","getFormWriteApps","getFormReadUsers","getFormWriteUsers","getTypeFormFieldDriver","FormFieldUniDriver","getNameFormFieldDriver","getKeyFormFieldDriver","getFormDrivers","fillInCustomFieldForm","type","name","key","permissions","dropdownLayoutDriver","clickAtOptionByDataHook","enterText","_permissions$read","_permissions$write","_permissions$read2","_permissions$write2","read","includes","write","forEach","value","isChecked","getCustomFieldFormValues","inputDriver","getValue","apps","users"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  MessageModalLayoutUniDriver,\n  DropdownUniDriver,\n  FormFieldUniDriver,\n  CheckboxUniDriver,\n  InputUniDriver,\n  TextButtonUniDriver,\n  LoaderUniDriver,\n  FloatingNotificationUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function CustomFieldModalUniDriver(_base: UniDriver, body: UniDriver) {\n  const getCustomFieldModal = () =>\n    MessageModalLayoutUniDriver(\n      body.$('[data-hook=\"custom-field-modal\"]'),\n      body,\n    );\n  const getSettingsButton = () =>\n    TextButtonUniDriver(\n      body.$('[data-hook=\"custom-field-modal-settings-button\"]'),\n      body,\n    );\n  const getErrorStateNotification = () =>\n    FloatingNotificationUniDriver(\n      body.$('[data-hook=\"custom-field-modal-error-state\"]'),\n      body,\n    );\n  const getLoader = () =>\n    LoaderUniDriver(\n      body.$('[data-hook=\"custom-field-modal-status-submitting\"]'),\n      body,\n    );\n\n  const getFieldKeyTooltip = () =>\n    TextUniDriver(\n      body.$('[data-hook=\"custom-field-modal-fieldKey-tooltip\"]'),\n      body,\n    );\n\n  const exists = () => getCustomFieldModal().exists();\n  const clickConfirm = () =>\n    getCustomFieldModal()\n      .getPrimaryButtonDriver()\n      .then((driver: any) => driver.click());\n  const clickClose = () => getCustomFieldModal().clickCloseButton();\n  const clickCancel = () =>\n    getCustomFieldModal()\n      .getSecondaryButtonDriver()\n      .then((driver: any) => driver.click());\n  const clickAdvancedSettings = () => getSettingsButton().click();\n  const isSubmitting = () => getLoader().exists();\n\n  const getFormTypeDriver = () =>\n    DropdownUniDriver(body.$('[data-hook=\"custom-field-modal-type\"]'), body);\n  const getFormNameDriver = () =>\n    InputUniDriver(body.$('[data-hook=\"custom-field-modal-name\"]'), body);\n  const getFormKeyDriver = () =>\n    InputUniDriver(body.$('[data-hook=\"custom-field-modal-key\"]'), body);\n  const getFormReadApps = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-read-apps\"]'),\n      body,\n    );\n  const getFormWriteApps = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-write-apps\"]'),\n      body,\n    );\n  const getFormReadUsers = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-read-users\"]'),\n      body,\n    );\n  const getFormWriteUsers = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-write-users\"]'),\n      body,\n    );\n\n  const getTypeFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-type\"]'),\n      body,\n    );\n  const getNameFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-name\"]'),\n      body,\n    );\n  const getKeyFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-key\"]'),\n      body,\n    );\n\n  const getFormDrivers = () => ({\n    getFormTypeDriver,\n    getFormNameDriver,\n    getFormKeyDriver,\n    getFormReadApps,\n    getFormWriteApps,\n    getFormReadUsers,\n    getFormWriteUsers,\n    getTypeFormFieldDriver,\n    getNameFormFieldDriver,\n    getKeyFormFieldDriver,\n    getFieldKeyTooltip,\n  });\n\n  const fillInCustomFieldForm = async ({\n    type,\n    name,\n    key,\n    permissions,\n  }: {\n    type?: string;\n    name?: string;\n    key?: string;\n    permissions?: {\n      read?: ('apps' | 'users')[];\n      write?: ('apps' | 'users')[];\n    };\n  }) => {\n    if (type) {\n      await getFormTypeDriver().dropdownLayoutDriver.clickAtOptionByDataHook(\n        `custom-field-modal-type-${type}`,\n      );\n    }\n\n    if (name) {\n      await getFormNameDriver().enterText(name);\n    }\n\n    if (key) {\n      await getFormKeyDriver().enterText(key);\n    }\n\n    if (permissions) {\n      (\n        [\n          [getFormReadApps(), permissions?.read?.includes('apps') ?? false],\n          [getFormWriteApps(), permissions?.write?.includes('apps') ?? false],\n          [getFormReadUsers(), permissions?.read?.includes('users') ?? false],\n          [getFormWriteUsers(), permissions?.write?.includes('users') ?? false],\n        ] as [ReturnType<typeof CheckboxUniDriver>, boolean][]\n      ).forEach(async ([driver, value]) => {\n        const isChecked = await driver.isChecked();\n\n        if ((value && !isChecked) || (!value && isChecked)) {\n          await driver.click();\n        }\n      });\n    }\n  };\n\n  const getCustomFieldFormValues = async () => {\n    return {\n      type: await getFormTypeDriver().inputDriver.getValue(),\n      name: await getFormNameDriver().getValue(),\n      key: await getFormKeyDriver().getValue(),\n      permissions: {\n        read: {\n          apps: await getFormReadApps().isChecked(),\n          users: await getFormReadUsers().isChecked(),\n        },\n        write: {\n          apps: await getFormWriteApps().isChecked(),\n          users: await getFormWriteUsers().isChecked(),\n        },\n      },\n    };\n  };\n\n  return {\n    exists,\n    clickConfirm,\n    clickClose,\n    clickCancel,\n    clickAdvancedSettings,\n    fillInCustomFieldForm,\n    getCustomFieldFormValues,\n    getFormDrivers,\n    getErrorStateNotification,\n    isSubmitting,\n  };\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,58 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CustomFieldModalPrimaryButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldModal/CustomFieldModalPrimaryButton.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const useElementWidth = (initialWidth = 0) => {
+  const [width, setWidth] = (0, _react.useState)(initialWidth);
+  const ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (ref.current) {
+      setWidth(ref.current.clientWidth);
+    }
+  }, [ref.current]);
+  return [width, ref];
+};
+const CustomFieldModalPrimaryButton = exports.CustomFieldModalPrimaryButton = (0, _mobxReactLite.observer)(props => {
+  const {
+    state: {
+      isSubmitting
+    },
+    content
+  } = props;
+  const [width, ref] = useElementWidth();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 42,
+      columnNumber: 7
+    }
+  }, isSubmitting ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    verticalAlign: "middle",
+    align: "center",
+    width: width,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 44,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+    dataHook: "custom-field-modal-status-submitting",
+    size: "tiny",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 13
+    }
+  })) : content);
+});
+//# sourceMappingURL=CustomFieldModalPrimaryButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","useElementWidth","initialWidth","width","setWidth","useState","ref","useRef","useEffect","current","clientWidth","CustomFieldModalPrimaryButton","exports","observer","props","state","isSubmitting","content","createElement","__self","__source","fileName","lineNumber","columnNumber","Box","verticalAlign","align","Loader","dataHook","size"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModalPrimaryButton.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  RefObject,\n  useState,\n  useEffect,\n  useRef,\n} from 'react';\nimport { Box, Loader } from '@wix/design-system';\nimport { CustomFieldModalState } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\n\nconst useElementWidth = <T extends Element>(\n  initialWidth: number = 0,\n): [number, RefObject<T>] => {\n  const [width, setWidth] = useState<number>(initialWidth);\n  const ref = useRef<T>(null);\n\n  useEffect(() => {\n    if (ref.current) {\n      setWidth(ref.current.clientWidth);\n    }\n  }, [ref.current]);\n\n  return [width, ref];\n};\n\nexport interface CustomFieldModalPrimaryButtonProps {\n  state: CustomFieldModalState;\n\n  content: ReactNode;\n}\n\nexport const CustomFieldModalPrimaryButton = observer(\n  (props: CustomFieldModalPrimaryButtonProps) => {\n    const {\n      state: { isSubmitting },\n      content,\n    } = props;\n    const [width, ref] = useElementWidth<HTMLDivElement>();\n\n    return (\n      <div ref={ref}>\n        {isSubmitting ? (\n          <Box verticalAlign=\"middle\" align=\"center\" width={width}>\n            <Loader\n              dataHook=\"custom-field-modal-status-submitting\"\n              size=\"tiny\"\n            />\n          </Box>\n        ) : (\n          content\n        )}\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}

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

@@ -0,0 +1,209 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports._CustomFieldTypeDropdown = exports.CustomFieldTypeDropdown = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdown.tsx";
+const _CustomFieldTypeDropdown = props => {
+  const {
+    state: {
+      form: {
+        $: {
+          type,
+          name
+        }
+      },
+      mode,
+      generateUniqueKey,
+      setKeyFieldIfNotDirty
+    }
+  } = 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: 39,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Rename, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 40,
+        columnNumber: 11
+      }
+    })),
+    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: 50,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Rename, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 51,
+        columnNumber: 11
+      }
+    })),
+    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: 61,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Date, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 62,
+        columnNumber: 11
+      }
+    })),
+    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: 72,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DateAndTime, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 73,
+        columnNumber: 11
+      }
+    })),
+    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: 83,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Number, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 84,
+        columnNumber: 11
+      }
+    })),
+    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: 94,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Number, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 95,
+        columnNumber: 11
+      }
+    })),
+    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: 105,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Checkbox, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 106,
+        columnNumber: 11
+      }
+    })),
+    title: t('cairo.customFields.fieldType.checkbox'),
+    label: t('cairo.customFields.fieldType.checkbox')
+  })
+  /* 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'),
+  }),*/]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
+    dataHook: "custom-field-modal-type",
+    disabled: mode === 'edit',
+    valueParser: option => option.label,
+    selectedId: type.value,
+    onSelect: ({
+      id
+    }) => {
+      type.onChange(id);
+      setKeyFieldIfNotDirty(generateUniqueKey(name.value));
+    },
+    popoverProps: {
+      appendTo: 'window',
+      zIndex: 5001
+    },
+    dropdownWidth: "258px",
+    placeholder: t('cairo.customFields.addCustomField.modal.fieldType.placeholder'),
+    options: fieldTypeOptions,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 126,
+      columnNumber: 5
+    }
+  });
+};
+exports._CustomFieldTypeDropdown = _CustomFieldTypeDropdown;
+const CustomFieldTypeDropdown = exports.CustomFieldTypeDropdown = (0, _mobxReactLite.observer)(_CustomFieldTypeDropdown);
+//# sourceMappingURL=CustomFieldTypeDropdown.js.map