@wix/patterns 1.436.0 → 1.438.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_ActionModal","_","_react2","_CustomFieldModalPrimaryButton","_minimalRequiredWdsRuntimeCheck","_useBmHarmonyTheme","_jsxFileName","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CustomFieldFormV2","React","lazy","Promise","resolve","then","m","_CustomFieldModal","state","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","translate","environment","language","internalExperiments","useWixPatternsContainer","mode","customFieldModalBiReporter","reportLearnMoreClick","reportModalEndProcess","fieldManagement","maxReached","createElement","MessageActionModal","modalState","title","primaryButtonText","content","__self","__source","fileName","lineNumber","columnNumber","text","fieldModal","addTitle","editTitle","addSubtitle","undefined","useV2Form","enabled","CustomActionModal","dataHook","subtitle","CustomFieldModalSubtitle","Suspense","fallback","CustomFieldForm","CustomFieldModalPrimaryButton","secondaryButtonText","onCloseButtonClick","endType","secondaryButtonOnClick","showFooterDivider","footnote","supportsPii","Footnote","exports","CustomFieldModal","observer","isBmHarmonyTheme","useBmHarmonyTheme","Text","size","href","target","rel","onClick","note","learnMore","textSize","Box","direction","TextButton","as","label"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { CustomActionModal, MessageActionModal } from '../ActionModal';\nimport { CustomFieldForm } from '.';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldModalPrimaryButton } from './CustomFieldModalPrimaryButton';\nimport {\n  CustomFieldModalState,\n  FieldModalSubtitle,\n  Translate,\n} from '@wix/bex-core';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\n// Lazy so the V2 form (and its subtree) stays out of the main bundle while the\n// flag is off.\nconst CustomFieldFormV2 = React.lazy(() =>\n  import(\n    /* webpackChunkName: \"CustomFieldFormV2\" */ './CustomFieldFormV2'\n  ).then((m) => ({ default: m.CustomFieldFormV2 })),\n);\n\nexport const _CustomFieldModal = ({\n  state,\n}: {\n  state: CustomFieldModalState;\n}) => {\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: 'WixPatterns/CustomFieldModal',\n    });\n  }\n\n  const {\n    translate: t,\n    environment: { language },\n    internalExperiments,\n  } = useWixPatternsContainer();\n\n  const {\n    mode,\n    customFieldModalBiReporter: { reportLearnMoreClick, reportModalEndProcess },\n  } = state;\n\n  if (mode === 'new' && state.fieldManagement.maxReached) {\n    return (\n      <MessageActionModal\n        state={state.modalState}\n        title={t('cairo.customFields.maxLimit.modal.title')}\n        primaryButtonText={t('cairo.customFields.maxLimit.modal.cta')}\n        content={t('cairo.customFields.maxLimit.modal.description')}\n      />\n    );\n  }\n\n  const { text } = state.fieldManagement.fieldModal;\n  const title = mode === 'new' ? text.addTitle : text.editTitle;\n  const addSubtitle = mode === 'new' ? text.addSubtitle : undefined;\n  const useV2Form = internalExperiments?.enabled('newFieldsModal');\n\n  return (\n    <CustomActionModal\n      dataHook=\"custom-field-modal\"\n      state={state.modalState}\n      title={title}\n      subtitle={\n        addSubtitle && <CustomFieldModalSubtitle subtitle={addSubtitle} />\n      }\n      content={\n        useV2Form ? (\n          <React.Suspense fallback={null}>\n            <CustomFieldFormV2 state={state} />\n          </React.Suspense>\n        ) : (\n          <CustomFieldForm state={state} />\n        )\n      }\n      primaryButtonText={\n        <CustomFieldModalPrimaryButton\n          state={state}\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={() => reportModalEndProcess({ endType: 'Cancel' })}\n      secondaryButtonOnClick={() =>\n        reportModalEndProcess({ endType: 'Cancel' })\n      }\n      showFooterDivider={useV2Form}\n      // V2 has no footnote: whether the toggle row shows is the whole signal.\n      footnote={\n        useV2Form || state.fieldManagement.fieldModal.supportsPii ? null : (\n          <Footnote\n            language={language}\n            reportLearnMoreClick={reportLearnMoreClick}\n            t={t}\n          />\n        )\n      }\n    />\n  );\n};\n\nexport const CustomFieldModal = observer(_CustomFieldModal);\n\ninterface FootnoteProps {\n  language: string;\n  reportLearnMoreClick: () => void;\n  t: Translate;\n}\n\nconst Footnote: React.FC<FootnoteProps> = ({\n  language,\n  reportLearnMoreClick,\n  t,\n}) => {\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <Text size={isBmHarmonyTheme ? 'tiny' : 'small'} dataHook=\"pii-footnote\">\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={reportLearnMoreClick}\n      >\n        {t('cairo.customFields.addCustomField.modal.PII.learnMore')}\n      </a>\n    </Text>\n  );\n};\n\ninterface CustomFieldModalSubtitleProps {\n  subtitle: FieldModalSubtitle;\n}\n\nconst CustomFieldModalSubtitle: React.FC<CustomFieldModalSubtitleProps> = ({\n  subtitle: { text, note, learnMore },\n}) => {\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const textSize = isBmHarmonyTheme ? 'small' : 'medium';\n\n  return (\n    <Box direction=\"vertical\">\n      <Text size={textSize}>{text}</Text>\n      {(note || learnMore) && (\n        <Text size={textSize}>\n          {note}\n          {note && learnMore ? ' ' : null}\n          {learnMore && (\n            <TextButton\n              as=\"a\"\n              rel=\"noopener\"\n              target=\"_blank\"\n              href={learnMore.href}\n              dataHook=\"custom-field-modal-subtitle-learnmore\"\n            >\n              {learnMore.label}\n            </TextButton>\n          )}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_ActionModal","_","_react2","_CustomFieldModalPrimaryButton","_minimalRequiredWdsRuntimeCheck","_useBmHarmonyTheme","_jsxFileName","_CustomFieldModal","state","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","translate","t","useWixPatternsContainer","mode","customFieldModalBiReporter","reportModalEndProcess","fieldManagement","maxReached","default","createElement","MessageActionModal","modalState","title","primaryButtonText","content","__self","__source","fileName","lineNumber","columnNumber","text","fieldModal","addTitle","editTitle","addSubtitle","undefined","CustomActionModal","dataHook","subtitle","CustomFieldModalSubtitle","CustomFieldForm","CustomFieldModalPrimaryButton","secondaryButtonText","onCloseButtonClick","endType","secondaryButtonOnClick","showFooterDivider","exports","CustomFieldModal","observer","note","learnMore","isBmHarmonyTheme","useBmHarmonyTheme","textSize","Box","direction","Text","size","TextButton","as","rel","target","href","label"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { CustomActionModal, MessageActionModal } from '../ActionModal';\nimport { CustomFieldForm } from '.';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldModalPrimaryButton } from './CustomFieldModalPrimaryButton';\nimport { CustomFieldModalState, FieldModalSubtitle } from '@wix/bex-core';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport const _CustomFieldModal = ({\n  state,\n}: {\n  state: CustomFieldModalState;\n}) => {\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: 'WixPatterns/CustomFieldModal',\n    });\n  }\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const {\n    mode,\n    customFieldModalBiReporter: { reportModalEndProcess },\n  } = state;\n\n  if (mode === 'new' && state.fieldManagement.maxReached) {\n    return (\n      <MessageActionModal\n        state={state.modalState}\n        title={t('cairo.customFields.maxLimit.modal.title')}\n        primaryButtonText={t('cairo.customFields.maxLimit.modal.cta')}\n        content={t('cairo.customFields.maxLimit.modal.description')}\n      />\n    );\n  }\n\n  const { text } = state.fieldManagement.fieldModal;\n  const title = mode === 'new' ? text.addTitle : text.editTitle;\n  const addSubtitle = mode === 'new' ? text.addSubtitle : undefined;\n\n  return (\n    <CustomActionModal\n      dataHook=\"custom-field-modal\"\n      state={state.modalState}\n      title={title}\n      subtitle={\n        addSubtitle && <CustomFieldModalSubtitle subtitle={addSubtitle} />\n      }\n      content={<CustomFieldForm state={state} />}\n      primaryButtonText={\n        <CustomFieldModalPrimaryButton\n          state={state}\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={() => reportModalEndProcess({ endType: 'Cancel' })}\n      secondaryButtonOnClick={() =>\n        reportModalEndProcess({ endType: 'Cancel' })\n      }\n      showFooterDivider\n    />\n  );\n};\n\nexport const CustomFieldModal = observer(_CustomFieldModal);\n\ninterface CustomFieldModalSubtitleProps {\n  subtitle: FieldModalSubtitle;\n}\n\nconst CustomFieldModalSubtitle: React.FC<CustomFieldModalSubtitleProps> = ({\n  subtitle: { text, note, learnMore },\n}) => {\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const textSize = isBmHarmonyTheme ? 'small' : 'medium';\n\n  return (\n    <Box direction=\"vertical\">\n      <Text size={textSize}>{text}</Text>\n      {(note || learnMore) && (\n        <Text size={textSize}>\n          {note}\n          {note && learnMore ? ' ' : null}\n          {learnMore && (\n            <TextButton\n              as=\"a\"\n              rel=\"noopener\"\n              target=\"_blank\"\n              href={learnMore.href}\n              dataHook=\"custom-field-modal-subtitle-learnmore\"\n            >\n              {learnMore.label}\n            </TextButton>\n          )}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,16 +7,13 @@ var _unidriver2 = require("../../unidriver");
 function CustomFieldModalUniDriver(base, body) {
   const getCustomFieldModal = () => (0, _unidriver.MessageModalLayoutUniDriver)(body.$('[data-hook="custom-field-modal"]'), body);
   const getReachedMaxLimitModal = () => (0, _unidriver.MessageModalLayoutUniDriver)(body.$('[data-hook="collection-action-modal"]'), body);
-  const getSettingsButton = () => (0, _unidriver.TextButtonUniDriver)(body.$('[data-hook="custom-field-modal-settings-button"]'), body);
   const getSettingsAccordion = () => (0, _unidriver.AccordionUniDriver)(body.$('[data-hook="custom-field-modal-settings-accordion"]'), 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 isSettingsVisible = () => getSettingsAccordion().exists();
   const getSettingsLabel = () => getSettingsAccordion().getItemTitleAt(0);
   const isSettingsExpanded = () => getSettingsAccordion().isItemExpandedAt(0);
@@ -49,9 +46,6 @@ function CustomFieldModalUniDriver(base, body) {
   const getPiiToggleText = () => {
     return (0, _unidriver.TextUniDriver)(body.$('[data-hook="pii-toggle-name"]'), body);
   };
-  const getPiiFootnote = () => {
-    return (0, _unidriver.TextUniDriver)(body.$('[data-hook="pii-footnote"]'), body);
-  };
   const getPiiToggleSwitch = () => {
     return (0, _unidriver.ToggleSwitchUniDriver)(body.$('[data-hook="pii-toggle-switch"]'), body);
   };
@@ -70,12 +64,10 @@ function CustomFieldModalUniDriver(base, body) {
     getTypeFormFieldDriver,
     getNameFormFieldDriver,
     getKeyFormFieldDriver,
-    getFieldKeyTooltip,
     getSubtitle,
     getPermissionNote,
     getEditPiiNote,
     getPiiToggleText,
-    getPiiFootnote,
     getPiiToggleSwitch
   });
   const fillInCustomFieldForm = async ({
@@ -126,7 +118,6 @@ function CustomFieldModalUniDriver(base, body) {
     clickConfirm,
     clickClose,
     clickCancel,
-    clickAdvancedSettings,
     isSettingsVisible,
     getSettingsLabel,
     isSettingsExpanded,

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","CustomFieldModalUniDriver","base","body","getCustomFieldModal","MessageModalLayoutUniDriver","$","getReachedMaxLimitModal","getSettingsButton","TextButtonUniDriver","getSettingsAccordion","AccordionUniDriver","getErrorStateNotification","FloatingNotificationUniDriver","getLoader","LoaderUniDriver","getFieldKeyTooltip","TextUniDriver","exists","clickConfirm","getPrimaryButtonDriver","then","driver","click","clickClose","clickCloseButton","clickCancel","getSecondaryButtonDriver","clickAdvancedSettings","isSettingsVisible","getSettingsLabel","getItemTitleAt","isSettingsExpanded","isItemExpandedAt","clickSettings","clickItemAt","isSubmitting","getFormTypeDriver","DropdownUniDriver","searchFieldType","text","inputDriver","enterText","getFieldTypeOptions","dropdownLayoutDriver","optionsContent","getFormNameDriver","InputUniDriver","getFormKeyDriver","getInstalledAppsSection","getSiteVisitorsSection","getFormReadApps","CheckboxUniDriver","getFormWriteApps","getFormReadUsers","getFormWriteUsers","getTypeFormFieldDriver","FormFieldUniDriver","getNameFormFieldDriver","getKeyFormFieldDriver","getSubtitle","getPermissionNote","getEditPiiNote","getPiiToggleText","getPiiFootnote","getPiiToggleSwitch","ToggleSwitchUniDriver","reachedMaxLimitModalExists","clickReachedMaxPrimaryButton","getFormDrivers","fillInCustomFieldForm","type","name","key","permissions","clickAtOptionByDataHook","_permissions$read","_permissions$write","_permissions$read2","_permissions$write2","read","includes","write","forEach","value","isChecked","getCustomFieldFormValues","getValue","apps","users","baseUniDriverFactory","isInstalledAppsSectionVisible","isSiteVisitorsSectionVisible"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  AccordionUniDriver,\n  MessageModalLayoutUniDriver,\n  DropdownUniDriver,\n  FormFieldUniDriver,\n  CheckboxUniDriver,\n  InputUniDriver,\n  TextButtonUniDriver,\n  LoaderUniDriver,\n  FloatingNotificationUniDriver,\n  TextUniDriver,\n  ToggleSwitchUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../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\n  const getReachedMaxLimitModal = () =>\n    MessageModalLayoutUniDriver(\n      body.$('[data-hook=\"collection-action-modal\"]'),\n      body,\n    );\n\n  const getSettingsButton = () =>\n    TextButtonUniDriver(\n      body.$('[data-hook=\"custom-field-modal-settings-button\"]'),\n      body,\n    );\n  const getSettingsAccordion = () =>\n    AccordionUniDriver(\n      body.$('[data-hook=\"custom-field-modal-settings-accordion\"]'),\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 isSettingsVisible = () => getSettingsAccordion().exists();\n  const getSettingsLabel = () => getSettingsAccordion().getItemTitleAt(0);\n  const isSettingsExpanded = () => getSettingsAccordion().isItemExpandedAt(0);\n  const clickSettings = () => getSettingsAccordion().clickItemAt(0);\n  const isSubmitting = () => getLoader().exists();\n\n  const getFormTypeDriver = () =>\n    DropdownUniDriver(body.$('[data-hook=\"custom-field-modal-type\"]'), body);\n  const searchFieldType = (text: string) =>\n    getFormTypeDriver().inputDriver.enterText(text);\n  // Group headers are options too, so their titles come back in this list.\n  const getFieldTypeOptions = () =>\n    getFormTypeDriver().dropdownLayoutDriver.optionsContent();\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\n  const getInstalledAppsSection = () =>\n    body.$('[data-hook=\"custom-field-modal-apps-section\"]');\n  const getSiteVisitorsSection = () =>\n    body.$('[data-hook=\"custom-field-modal-users-section\"]');\n\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  const getSubtitle = () => {\n    return TextUniDriver(\n      body.$('[data-hook=\"baseModalLayout-subtitle\"]'),\n      body,\n    );\n  };\n  const getPermissionNote = () => {\n    return TextUniDriver(body.$('[data-hook=\"permissions-note\"]'), body);\n  };\n  const getEditPiiNote = () => {\n    return TextUniDriver(body.$('[data-hook=\"pii-toggle-edit-note\"]'), body);\n  };\n  const getPiiToggleText = () => {\n    return TextUniDriver(body.$('[data-hook=\"pii-toggle-name\"]'), body);\n  };\n  const getPiiFootnote = () => {\n    return TextUniDriver(body.$('[data-hook=\"pii-footnote\"]'), body);\n  };\n  const getPiiToggleSwitch = () => {\n    return ToggleSwitchUniDriver(\n      body.$('[data-hook=\"pii-toggle-switch\"]'),\n      body,\n    );\n  };\n\n  const reachedMaxLimitModalExists = () => {\n    return getReachedMaxLimitModal().exists();\n  };\n\n  const clickReachedMaxPrimaryButton = () =>\n    getReachedMaxLimitModal()\n      .getPrimaryButtonDriver()\n      .then((driver: any) => driver.click());\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    getSubtitle,\n    getPermissionNote,\n    getEditPiiNote,\n    getPiiToggleText,\n    getPiiFootnote,\n    getPiiToggleSwitch,\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    ...baseUniDriverFactory(base),\n    exists,\n    clickConfirm,\n    clickClose,\n    clickCancel,\n    clickAdvancedSettings,\n    isSettingsVisible,\n    getSettingsLabel,\n    isSettingsExpanded,\n    clickSettings,\n    searchFieldType,\n    getFieldTypeOptions,\n    isInstalledAppsSectionVisible: () => getInstalledAppsSection().exists(),\n    isSiteVisitorsSectionVisible: () => getSiteVisitorsSection().exists(),\n    fillInCustomFieldForm,\n    getCustomFieldFormValues,\n    getFormDrivers,\n    getErrorStateNotification,\n    isSubmitting,\n    reachedMaxLimitModalExists,\n    clickReachedMaxPrimaryButton,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","CustomFieldModalUniDriver","base","body","getCustomFieldModal","MessageModalLayoutUniDriver","$","getReachedMaxLimitModal","getSettingsAccordion","AccordionUniDriver","getErrorStateNotification","FloatingNotificationUniDriver","getLoader","LoaderUniDriver","exists","clickConfirm","getPrimaryButtonDriver","then","driver","click","clickClose","clickCloseButton","clickCancel","getSecondaryButtonDriver","isSettingsVisible","getSettingsLabel","getItemTitleAt","isSettingsExpanded","isItemExpandedAt","clickSettings","clickItemAt","isSubmitting","getFormTypeDriver","DropdownUniDriver","searchFieldType","text","inputDriver","enterText","getFieldTypeOptions","dropdownLayoutDriver","optionsContent","getFormNameDriver","InputUniDriver","getFormKeyDriver","getInstalledAppsSection","getSiteVisitorsSection","getFormReadApps","CheckboxUniDriver","getFormWriteApps","getFormReadUsers","getFormWriteUsers","getTypeFormFieldDriver","FormFieldUniDriver","getNameFormFieldDriver","getKeyFormFieldDriver","getSubtitle","TextUniDriver","getPermissionNote","getEditPiiNote","getPiiToggleText","getPiiToggleSwitch","ToggleSwitchUniDriver","reachedMaxLimitModalExists","clickReachedMaxPrimaryButton","getFormDrivers","fillInCustomFieldForm","type","name","key","permissions","clickAtOptionByDataHook","_permissions$read","_permissions$write","_permissions$read2","_permissions$write2","read","includes","write","forEach","value","isChecked","getCustomFieldFormValues","getValue","apps","users","baseUniDriverFactory","isInstalledAppsSectionVisible","isSiteVisitorsSectionVisible"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  AccordionUniDriver,\n  MessageModalLayoutUniDriver,\n  DropdownUniDriver,\n  FormFieldUniDriver,\n  CheckboxUniDriver,\n  InputUniDriver,\n  LoaderUniDriver,\n  FloatingNotificationUniDriver,\n  TextUniDriver,\n  ToggleSwitchUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../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\n  const getReachedMaxLimitModal = () =>\n    MessageModalLayoutUniDriver(\n      body.$('[data-hook=\"collection-action-modal\"]'),\n      body,\n    );\n\n  const getSettingsAccordion = () =>\n    AccordionUniDriver(\n      body.$('[data-hook=\"custom-field-modal-settings-accordion\"]'),\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 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 isSettingsVisible = () => getSettingsAccordion().exists();\n  const getSettingsLabel = () => getSettingsAccordion().getItemTitleAt(0);\n  const isSettingsExpanded = () => getSettingsAccordion().isItemExpandedAt(0);\n  const clickSettings = () => getSettingsAccordion().clickItemAt(0);\n  const isSubmitting = () => getLoader().exists();\n\n  const getFormTypeDriver = () =>\n    DropdownUniDriver(body.$('[data-hook=\"custom-field-modal-type\"]'), body);\n  const searchFieldType = (text: string) =>\n    getFormTypeDriver().inputDriver.enterText(text);\n  // Group headers are options too, so their titles come back in this list.\n  const getFieldTypeOptions = () =>\n    getFormTypeDriver().dropdownLayoutDriver.optionsContent();\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\n  const getInstalledAppsSection = () =>\n    body.$('[data-hook=\"custom-field-modal-apps-section\"]');\n  const getSiteVisitorsSection = () =>\n    body.$('[data-hook=\"custom-field-modal-users-section\"]');\n\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  const getSubtitle = () => {\n    return TextUniDriver(\n      body.$('[data-hook=\"baseModalLayout-subtitle\"]'),\n      body,\n    );\n  };\n  const getPermissionNote = () => {\n    return TextUniDriver(body.$('[data-hook=\"permissions-note\"]'), body);\n  };\n  const getEditPiiNote = () => {\n    return TextUniDriver(body.$('[data-hook=\"pii-toggle-edit-note\"]'), body);\n  };\n  const getPiiToggleText = () => {\n    return TextUniDriver(body.$('[data-hook=\"pii-toggle-name\"]'), body);\n  };\n  const getPiiToggleSwitch = () => {\n    return ToggleSwitchUniDriver(\n      body.$('[data-hook=\"pii-toggle-switch\"]'),\n      body,\n    );\n  };\n\n  const reachedMaxLimitModalExists = () => {\n    return getReachedMaxLimitModal().exists();\n  };\n\n  const clickReachedMaxPrimaryButton = () =>\n    getReachedMaxLimitModal()\n      .getPrimaryButtonDriver()\n      .then((driver: any) => driver.click());\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    getSubtitle,\n    getPermissionNote,\n    getEditPiiNote,\n    getPiiToggleText,\n    getPiiToggleSwitch,\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    ...baseUniDriverFactory(base),\n    exists,\n    clickConfirm,\n    clickClose,\n    clickCancel,\n    isSettingsVisible,\n    getSettingsLabel,\n    isSettingsExpanded,\n    clickSettings,\n    searchFieldType,\n    getFieldTypeOptions,\n    isInstalledAppsSectionVisible: () => getInstalledAppsSection().exists(),\n    isSiteVisitorsSectionVisible: () => getSiteVisitorsSection().exists(),\n    fillInCustomFieldForm,\n    getCustomFieldFormValues,\n    getFormDrivers,\n    getErrorStateNotification,\n    isSubmitting,\n    reachedMaxLimitModalExists,\n    clickReachedMaxPrimaryButton,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -15,7 +15,8 @@ const _CustomFieldTypeDropdown = props => {
       form: {
         $: {
           type,
-          name
+          name,
+          containsPii
         }
       },
       mode,
@@ -29,45 +30,102 @@ const _CustomFieldTypeDropdown = props => {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
-  const fieldTypeOptions = _react.default.useMemo(() => fieldModal.types.map(option => (0, _designSystem.listItemSelectBuilder)({
-    dataHook: `custom-field-modal-type-${option.id}`,
-    id: option.id,
-    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  const [search, setSearch] = _react.default.useState(null);
+  const query = (search == null ? void 0 : search.trim().toLowerCase()) ?? '';
+  const selectedType = fieldModal.types.find(option => option.id === type.value);
+  const fieldTypeOptions = _react.default.useMemo(() => {
+    const toOption = 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: 48,
+          columnNumber: 11
+        }
+      }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
+        fieldType: option.patternsType,
+        size: 'medium'
+      })),
+      title: option.label,
+      subtitle: option.subtitle,
+      label: option.label
+    });
+    if (query) {
+      return fieldModal.types.filter(option => option.label.toLowerCase().includes(query)).map(toOption);
+    }
+    const groups = fieldModal.types.reduce((labels, option) => {
+      const label = option.group;
+      if (label && !labels.includes(label)) {
+        labels.push(label);
+      }
+      return labels;
+    }, []);
+    if (groups.length === 0) {
+      return fieldModal.types.map(toOption);
+    }
+    const grouped = groups.flatMap(label => [(0, _designSystem.listItemSectionBuilder)({
+      id: `custom-field-modal-type-group-${label}`,
+      type: 'subheader',
+      title: label
+    }), ...fieldModal.types.filter(option => option.group === label).map(toOption)]);
+    const ungrouped = fieldModal.types.filter(option => !option.group).map(toOption);
+    return [...grouped, ...ungrouped];
+  }, [fieldModal.types, query]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, {
+    dataHook: "custom-field-modal-type",
+    disabled: mode === 'edit',
+    value: search ?? (selectedType == null ? void 0 : selectedType.label) ?? '',
+    selectedId: type.value,
+    prefix: search === null && selectedType ? /*#__PURE__*/_react.default.createElement(_designSystem.Input.IconAffix, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 102,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      color: "D10",
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 36,
+        lineNumber: 104,
         columnNumber: 13
       }
     }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
-      fieldType: option.patternsType,
+      fieldType: selectedType.patternsType,
       size: 'medium'
-    })),
-    title: option.label,
-    label: option.label
-  })), [fieldModal.types]);
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
-    dataHook: "custom-field-modal-type",
-    disabled: mode === 'edit',
-    valueParser: option => option.label,
-    selectedId: type.value,
+    }))) : undefined,
+    onChange: e => setSearch(e.target.value),
     onSelect: ({
       id
     }) => {
-      type.onChange(String(id));
+      const nextType = String(id);
+      setSearch(null);
+      if (nextType !== type.value) {
+        // The settings were filled in for the old type; the new one starts fresh.
+        props.state.resetSettingsValues();
+      }
+      type.onChange(nextType);
+      // Read off `props.state` — a destructured computed holds the pre-change value.
+      if (!props.state.typeSupportsPii) {
+        containsPii.onChange(false);
+      }
       setKeyFieldIfNotDirty(generateUniqueKey(name.value));
     },
+    onClose: () => setSearch(null),
     popoverProps: {
       appendTo: 'window',
       zIndex: 5001
     },
-    dropdownWidth: "258px",
     placeholder: t('cairo.customFields.addCustomField.modal.fieldType.placeholder'),
+    emptyStateMessage: t('cairo.emptyState.subtitle.nothingMatchesCriteria'),
     options: fieldTypeOptions,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 95,
       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","fieldManagement","fieldModal","generateUniqueKey","setKeyFieldIfNotDirty","translate","t","useWixPatternsContainer","fieldTypeOptions","React","useMemo","types","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: { fieldModal },\n      generateUniqueKey,\n      setKeyFieldIfNotDirty,\n    },\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const fieldTypeOptions = React.useMemo(\n    () =>\n      fieldModal.types.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    [fieldModal.types],\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;MAAW,CAAC;MAC/BC,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,UAAU,CAACS,KAAK,CAACC,GAAG,CAAEC,MAAM,IAC1B,IAAAC,mCAAqB,EAAC;IACpBC,QAAQ,EAAE,2BAA2BF,MAAM,CAACG,EAAE,EAAE;IAChDA,EAAE,EAAEH,MAAM,CAACG,EAAE;IACbC,MAAM,eACJhC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+B,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/B,YAAA;QAAAgC,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,CAAC7B,UAAU,CAACS,KAAK,CACnB,CAAC;EAED,oBACE1B,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA2C,QAAQ;IACPjB,QAAQ,EAAC,yBAAyB;IAClCkB,QAAQ,EAAEjC,IAAI,KAAK,MAAO;IAC1BkC,WAAW,EAAGrB,MAAM,IAAKA,MAAM,CAACkB,KAAM;IACtCI,UAAU,EAAErC,IAAI,CAACsC,KAAM;IACvBC,QAAQ,EAAEA,CAAC;MAAErB;IAAG,CAAC,KAAK;MACpBlB,IAAI,CAACwC,QAAQ,CAACC,MAAM,CAACvB,EAAE,CAAC,CAAC;MACzBZ,qBAAqB,CAACD,iBAAiB,CAACJ,IAAI,CAACqC,KAAK,CAAC,CAAC;IACtD,CAAE;IACFI,YAAY,EAAE;MAAEC,QAAQ,EAAE,QAAQ;MAAEC,MAAM,EAAE;IAAK,CAAE;IACnDC,aAAa,EAAC,OAAO;IACrBC,WAAW,EAAEtC,CAAC,CACZ,+DACF,CAAE;IACFuC,OAAO,EAAErC,gBAAiB;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC3B,CAAC;AAEN,CAAC;AAACqB,OAAA,CAAArD,wBAAA,GAAAA,wBAAA;AAEK,MAAMsD,uBAAuB,GAAAD,OAAA,CAAAC,uBAAA,GAAG,IAAAC,uBAAQ,EAACvD,wBAAwB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_fieldTypePrefixIcons","_jsxFileName","_CustomFieldTypeDropdown","props","state","form","$","type","name","containsPii","mode","fieldManagement","fieldModal","generateUniqueKey","setKeyFieldIfNotDirty","translate","t","useWixPatternsContainer","search","setSearch","React","useState","query","trim","toLowerCase","selectedType","types","find","option","id","value","fieldTypeOptions","useMemo","toOption","listItemSelectBuilder","dataHook","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","fieldType","patternsType","size","title","label","subtitle","filter","includes","map","groups","reduce","labels","group","push","length","grouped","flatMap","listItemSectionBuilder","ungrouped","AutoComplete","disabled","selectedId","Input","IconAffix","color","undefined","onChange","e","target","onSelect","nextType","String","resetSettingsValues","typeSupportsPii","onClose","popoverProps","appendTo","zIndex","placeholder","emptyStateMessage","options","exports","CustomFieldTypeDropdown","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  AutoComplete,\n  Box,\n  Input,\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { CustomFieldModalState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\n\nexport interface CustomFieldTypeDropdownProps {\n  state: CustomFieldModalState;\n}\n\nexport const _CustomFieldTypeDropdown = (\n  props: CustomFieldTypeDropdownProps,\n) => {\n  const {\n    state: {\n      form: {\n        $: { type, name, containsPii },\n      },\n      mode,\n      fieldManagement: { fieldModal },\n      generateUniqueKey,\n      setKeyFieldIfNotDirty,\n    },\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [search, setSearch] = React.useState<string | null>(null);\n  const query = search?.trim().toLowerCase() ?? '';\n\n  const selectedType = fieldModal.types.find(\n    (option) => option.id === type.value,\n  );\n\n  const fieldTypeOptions = React.useMemo(() => {\n    const toOption = (option: (typeof fieldModal.types)[number]) =>\n      listItemSelectBuilder({\n        dataHook: `custom-field-modal-type-${option.id}`,\n        id: option.id,\n        prefix: (\n          <Box>\n            {getFieldTypeIcon({\n              fieldType: option.patternsType,\n              size: 'medium',\n            })}\n          </Box>\n        ),\n        title: option.label,\n        subtitle: option.subtitle,\n        label: option.label,\n      });\n\n    if (query) {\n      return fieldModal.types\n        .filter((option) => option.label.toLowerCase().includes(query))\n        .map(toOption);\n    }\n\n    const groups = fieldModal.types.reduce<string[]>((labels, option) => {\n      const label = option.group;\n      if (label && !labels.includes(label)) {\n        labels.push(label);\n      }\n      return labels;\n    }, []);\n\n    if (groups.length === 0) {\n      return fieldModal.types.map(toOption);\n    }\n\n    const grouped = groups.flatMap((label) => [\n      listItemSectionBuilder({\n        id: `custom-field-modal-type-group-${label}`,\n        type: 'subheader',\n        title: label,\n      }),\n      ...fieldModal.types\n        .filter((option) => option.group === label)\n        .map(toOption),\n    ]);\n    const ungrouped = fieldModal.types\n      .filter((option) => !option.group)\n      .map(toOption);\n    return [...grouped, ...ungrouped];\n  }, [fieldModal.types, query]);\n\n  return (\n    <AutoComplete\n      dataHook=\"custom-field-modal-type\"\n      disabled={mode === 'edit'}\n      value={search ?? selectedType?.label ?? ''}\n      selectedId={type.value}\n      prefix={\n        search === null && selectedType ? (\n          <Input.IconAffix>\n            {/* WDS paints input affix icons blue; the type icons stay dark. */}\n            <Box color=\"D10\">\n              {getFieldTypeIcon({\n                fieldType: selectedType.patternsType,\n                size: 'medium',\n              })}\n            </Box>\n          </Input.IconAffix>\n        ) : undefined\n      }\n      onChange={(e) => setSearch(e.target.value)}\n      onSelect={({ id }) => {\n        const nextType = String(id);\n        setSearch(null);\n        if (nextType !== type.value) {\n          // The settings were filled in for the old type; the new one starts fresh.\n          props.state.resetSettingsValues();\n        }\n        type.onChange(nextType);\n        // Read off `props.state` — a destructured computed holds the pre-change value.\n        if (!props.state.typeSupportsPii) {\n          containsPii.onChange(false);\n        }\n        setKeyFieldIfNotDirty(generateUniqueKey(name.value));\n      }}\n      onClose={() => setSearch(null)}\n      popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n      placeholder={t(\n        'cairo.customFields.addCustomField.modal.fieldType.placeholder',\n      )}\n      emptyStateMessage={t('cairo.emptyState.subtitle.nothingMatchesCriteria')}\n      options={fieldTypeOptions}\n    />\n  );\n};\n\nexport const CustomFieldTypeDropdown = observer(_CustomFieldTypeDropdown);\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "EditableCell3789451680";
+var _namespace_ = "EditableCell1327135477";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "EditableCell3789451680__root",
-  "validationIndicator": "EditableCell3789451680__validationIndicator"
+  "root": "EditableCell1327135477__root",
+  "validationIndicator": "EditableCell1327135477__validationIndicator"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell3789451680\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EditableCell3789451680__root\",\"validationIndicator\":\"EditableCell3789451680__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-surface-raised\":\"--wds-color-fill-surface-raised\",\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-black-750\":\"--wds-color-black-750\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-border-width-default\":\"--wds-border-width-default\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-Y10\":\"--wsr-color-Y10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,qBAAqB,EAAC;AAA6C,CAAC;AACzH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell1327135477\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EditableCell1327135477__root\",\"validationIndicator\":\"EditableCell1327135477__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-surface-raised\":\"--wds-color-fill-surface-raised\",\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-black-750\":\"--wds-color-black-750\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-border-width-default\":\"--wds-border-width-default\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-Y10\":\"--wsr-color-Y10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,qBAAqB,EAAC;AAA6C,CAAC;AACzH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -7,6 +7,7 @@ var _reactDom = require("react-dom");
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _useAddRow = require("./useAddRow");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/EditableTableContextMenu.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); }
 const MENU_WIDTH = 230;
@@ -44,7 +45,7 @@ const buildMenuAction = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 58,
+        lineNumber: 59,
         columnNumber: 9
       }
     }, built.value(args)), /*#__PURE__*/_react.default.createElement("span", {
@@ -53,7 +54,7 @@ const buildMenuAction = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 66,
+        lineNumber: 67,
         columnNumber: 9
       }
     }, disabledDescription))
@@ -136,7 +137,7 @@ function _EditableTableContextMenu({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 186,
+            lineNumber: 187,
             columnNumber: 23
           }
         }),
@@ -149,7 +150,7 @@ function _EditableTableContextMenu({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 193,
+            lineNumber: 194,
             columnNumber: 23
           }
         }),
@@ -162,7 +163,7 @@ function _EditableTableContextMenu({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 200,
+            lineNumber: 201,
             columnNumber: 23
           }
         }),
@@ -182,7 +183,7 @@ function _EditableTableContextMenu({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 216,
+          lineNumber: 217,
           columnNumber: 21
         }
       }),
@@ -207,7 +208,7 @@ function _EditableTableContextMenu({
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 239,
+              lineNumber: 240,
               columnNumber: 25
             }
           }),
@@ -277,12 +278,12 @@ function _EditableTableContextMenu({
         {
           const rowIdx = state.keyedItems.findIndex(ki => ki.key === targetRowKey);
           const prevKey = rowIdx > 0 ? state.keyedItems[rowIdx - 1].key : undefined;
-          state.addItem(prevKey);
+          (0, _useAddRow.startEditingNewRow)(state, state.addItem(prevKey));
           onClose();
           break;
         }
       case 'add-below':
-        state.addItem(targetRowKey);
+        (0, _useAddRow.startEditingNewRow)(state, state.addItem(targetRowKey));
         onClose();
         break;
       case 'duplicate':
@@ -317,7 +318,7 @@ function _EditableTableContextMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 369,
+      lineNumber: 370,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DropdownLayout, {
@@ -331,7 +332,7 @@ function _EditableTableContextMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 384,
+      lineNumber: 385,
       columnNumber: 7
     }
   })), document.body);