@wix/patterns 1.444.0 → 1.445.0

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

@@ -27,6 +27,7 @@ const _CustomFieldModal = ({
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const {
     mode,
     customFieldModalBiReporter: {
@@ -42,7 +43,7 @@ const _CustomFieldModal = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 35,
+        lineNumber: 36,
         columnNumber: 7
       }
     });
@@ -61,7 +62,7 @@ const _CustomFieldModal = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 55,
         columnNumber: 24
       }
     }),
@@ -70,7 +71,7 @@ const _CustomFieldModal = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 56,
+        lineNumber: 57,
         columnNumber: 16
       }
     }),
@@ -80,7 +81,7 @@ const _CustomFieldModal = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 58,
+        lineNumber: 59,
         columnNumber: 9
       }
     }),
@@ -91,11 +92,17 @@ const _CustomFieldModal = ({
     secondaryButtonOnClick: () => reportModalEndProcess({
       endType: 'Cancel'
     }),
-    showFooterDivider: true,
+    primaryButtonProps: isBmHarmonyTheme ? {
+      skin: 'dark'
+    } : undefined,
+    secondaryButtonProps: isBmHarmonyTheme ? {
+      skin: 'dark'
+    } : undefined,
+    showFooterDivider: !isBmHarmonyTheme,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
+      lineNumber: 50,
       columnNumber: 5
     }
   });
@@ -116,7 +123,7 @@ const CustomFieldModalSubtitle = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 95,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -124,7 +131,7 @@ const CustomFieldModalSubtitle = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 96,
       columnNumber: 7
     }
   }, text), (note || learnMore) && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -132,7 +139,7 @@ const CustomFieldModalSubtitle = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 98,
       columnNumber: 9
     }
   }, note, note && learnMore ? ' ' : null, learnMore && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -144,7 +151,7 @@ const CustomFieldModalSubtitle = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 102,
       columnNumber: 13
     }
   }, learnMore.label)));

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

@@ -1 +1 @@
-{"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":[]}
+{"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","isBmHarmonyTheme","useBmHarmonyTheme","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","primaryButtonProps","skin","secondaryButtonProps","showFooterDivider","exports","CustomFieldModal","observer","note","learnMore","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  const isBmHarmonyTheme = useBmHarmonyTheme();\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      primaryButtonProps={isBmHarmonyTheme ? { skin: 'dark' } : undefined}\n      secondaryButtonProps={isBmHarmonyTheme ? { skin: 'dark' } : undefined}\n      showFooterDivider={!isBmHarmonyTheme}\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

@@ -14,6 +14,8 @@ function CustomFieldModalUniDriver(base, body) {
   const clickConfirm = () => getCustomFieldModal().getPrimaryButtonDriver().then(driver => driver.click());
   const clickClose = () => getCustomFieldModal().clickCloseButton();
   const clickCancel = () => getCustomFieldModal().getSecondaryButtonDriver().then(driver => driver.click());
+  const hasPrimaryButtonSkin = skin => getCustomFieldModal().getPrimaryButtonDriver().then(driver => driver.hasSkin(skin));
+  const hasSecondaryButtonSkin = skin => getCustomFieldModal().getSecondaryButtonDriver().then(driver => driver.hasSkin(skin));
   const isSettingsVisible = () => getSettingsAccordion().exists();
   const getSettingsLabel = () => getSettingsAccordion().getItemTitleAt(0);
   const isSettingsExpanded = () => getSettingsAccordion().isItemExpandedAt(0);
@@ -25,6 +27,7 @@ function CustomFieldModalUniDriver(base, body) {
   const getFieldTypeOptions = () => getFormTypeDriver().dropdownLayoutDriver.optionsContent();
   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 getFormReferenceCollectionDriver = () => (0, _unidriver.DropdownUniDriver)(body.$('[data-hook="custom-field-modal-reference-collection"]'), body);
   const getInstalledAppsSection = () => body.$('[data-hook="custom-field-modal-apps-section"]');
   const getSiteVisitorsSection = () => body.$('[data-hook="custom-field-modal-users-section"]');
   const getFormReadApps = () => (0, _unidriver.CheckboxUniDriver)(body.$('[data-hook="custom-field-modal-read-apps"]'), body);
@@ -34,6 +37,7 @@ function CustomFieldModalUniDriver(base, 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 getReferenceCollectionFormFieldDriver = () => (0, _unidriver.FormFieldUniDriver)(body.$('[data-hook="custom-field-modal-field-reference-collection"]'), body);
   const getSubtitle = () => {
     return (0, _unidriver.TextUniDriver)(body.$('[data-hook="baseModalLayout-subtitle"]'), body);
   };
@@ -57,6 +61,7 @@ function CustomFieldModalUniDriver(base, body) {
     getFormTypeDriver,
     getFormNameDriver,
     getFormKeyDriver,
+    getFormReferenceCollectionDriver,
     getFormReadApps,
     getFormWriteApps,
     getFormReadUsers,
@@ -64,6 +69,7 @@ function CustomFieldModalUniDriver(base, body) {
     getTypeFormFieldDriver,
     getNameFormFieldDriver,
     getKeyFormFieldDriver,
+    getReferenceCollectionFormFieldDriver,
     getSubtitle,
     getPermissionNote,
     getEditPiiNote,
@@ -74,6 +80,7 @@ function CustomFieldModalUniDriver(base, body) {
     type,
     name,
     key,
+    referencedCollectionId,
     permissions
   }) => {
     if (type) {
@@ -85,6 +92,9 @@ function CustomFieldModalUniDriver(base, body) {
     if (key) {
       await getFormKeyDriver().enterText(key);
     }
+    if (referencedCollectionId) {
+      await getFormReferenceCollectionDriver().dropdownLayoutDriver.clickAtOptionByDataHook(`custom-field-modal-reference-collection-${referencedCollectionId}`);
+    }
     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]) => {
@@ -96,10 +106,12 @@ function CustomFieldModalUniDriver(base, body) {
     }
   };
   const getCustomFieldFormValues = async () => {
+    const referenceCollectionDriver = getFormReferenceCollectionDriver();
     return {
       type: await getFormTypeDriver().inputDriver.getValue(),
       name: await getFormNameDriver().getValue(),
       key: await getFormKeyDriver().getValue(),
+      referencedCollection: (await referenceCollectionDriver.exists()) ? await referenceCollectionDriver.inputDriver.getValue() : undefined,
       permissions: {
         read: {
           apps: await getFormReadApps().isChecked(),
@@ -118,6 +130,8 @@ function CustomFieldModalUniDriver(base, body) {
     clickConfirm,
     clickClose,
     clickCancel,
+    hasPrimaryButtonSkin,
+    hasSecondaryButtonSkin,
     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","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":[]}
+{"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","hasPrimaryButtonSkin","skin","hasSkin","hasSecondaryButtonSkin","isSettingsVisible","getSettingsLabel","getItemTitleAt","isSettingsExpanded","isItemExpandedAt","clickSettings","clickItemAt","isSubmitting","getFormTypeDriver","DropdownUniDriver","searchFieldType","text","inputDriver","enterText","getFieldTypeOptions","dropdownLayoutDriver","optionsContent","getFormNameDriver","InputUniDriver","getFormKeyDriver","getFormReferenceCollectionDriver","getInstalledAppsSection","getSiteVisitorsSection","getFormReadApps","CheckboxUniDriver","getFormWriteApps","getFormReadUsers","getFormWriteUsers","getTypeFormFieldDriver","FormFieldUniDriver","getNameFormFieldDriver","getKeyFormFieldDriver","getReferenceCollectionFormFieldDriver","getSubtitle","TextUniDriver","getPermissionNote","getEditPiiNote","getPiiToggleText","getPiiToggleSwitch","ToggleSwitchUniDriver","reachedMaxLimitModalExists","clickReachedMaxPrimaryButton","getFormDrivers","fillInCustomFieldForm","type","name","key","referencedCollectionId","permissions","clickAtOptionByDataHook","_permissions$read","_permissions$write","_permissions$read2","_permissions$write2","read","includes","write","forEach","value","isChecked","getCustomFieldFormValues","referenceCollectionDriver","getValue","referencedCollection","undefined","apps","users","baseUniDriverFactory","isInstalledAppsSectionVisible","isSiteVisitorsSectionVisible"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport type { ButtonSkin } from '@wix/design-system';\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 hasPrimaryButtonSkin = (skin: ButtonSkin) =>\n    getCustomFieldModal()\n      .getPrimaryButtonDriver()\n      .then((driver: any) => driver.hasSkin(skin));\n  const hasSecondaryButtonSkin = (skin: ButtonSkin) =>\n    getCustomFieldModal()\n      .getSecondaryButtonDriver()\n      .then((driver: any) => driver.hasSkin(skin));\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  const getFormReferenceCollectionDriver = () =>\n    DropdownUniDriver(\n      body.$('[data-hook=\"custom-field-modal-reference-collection\"]'),\n      body,\n    );\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 getReferenceCollectionFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-reference-collection\"]'),\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    getFormReferenceCollectionDriver,\n    getFormReadApps,\n    getFormWriteApps,\n    getFormReadUsers,\n    getFormWriteUsers,\n    getTypeFormFieldDriver,\n    getNameFormFieldDriver,\n    getKeyFormFieldDriver,\n    getReferenceCollectionFormFieldDriver,\n    getSubtitle,\n    getPermissionNote,\n    getEditPiiNote,\n    getPiiToggleText,\n    getPiiToggleSwitch,\n  });\n\n  const fillInCustomFieldForm = async ({\n    type,\n    name,\n    key,\n    referencedCollectionId,\n    permissions,\n  }: {\n    type?: string;\n    name?: string;\n    key?: string;\n    referencedCollectionId?: 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 (referencedCollectionId) {\n      await getFormReferenceCollectionDriver().dropdownLayoutDriver.clickAtOptionByDataHook(\n        `custom-field-modal-reference-collection-${referencedCollectionId}`,\n      );\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    const referenceCollectionDriver = getFormReferenceCollectionDriver();\n\n    return {\n      type: await getFormTypeDriver().inputDriver.getValue(),\n      name: await getFormNameDriver().getValue(),\n      key: await getFormKeyDriver().getValue(),\n      referencedCollection: (await referenceCollectionDriver.exists())\n        ? await referenceCollectionDriver.inputDriver.getValue()\n        : undefined,\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    hasPrimaryButtonSkin,\n    hasSecondaryButtonSkin,\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

@@ -8,6 +8,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _react2 = require("@wix/bex-core/react");
 var _fieldTypePrefixIcons = require("../../utils/fieldTypePrefixIcons");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdown.tsx";
 const _CustomFieldTypeDropdown = props => {
   const {
@@ -30,6 +31,8 @@ const _CustomFieldTypeDropdown = props => {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  const isFieldTypeDisabled = mode === 'edit';
   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);
@@ -41,7 +44,7 @@ const _CustomFieldTypeDropdown = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 48,
+          lineNumber: 51,
           columnNumber: 11
         }
       }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
@@ -76,22 +79,22 @@ const _CustomFieldTypeDropdown = props => {
   }, [fieldModal.types, query]);
   return /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, {
     dataHook: "custom-field-modal-type",
-    disabled: mode === 'edit',
+    disabled: isFieldTypeDisabled,
     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: 103,
+        lineNumber: 106,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      color: "D10",
+      color: isBmHarmonyTheme && isFieldTypeDisabled ? undefined : 'D10',
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105,
+        lineNumber: 107,
         columnNumber: 13
       }
     }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
@@ -108,6 +111,7 @@ const _CustomFieldTypeDropdown = props => {
       if (nextType !== type.value) {
         // The settings were filled in for the old type; the new one starts fresh.
         props.state.resetSettingsValues();
+        props.state.resetCollectionInput();
       }
       type.onChange(nextType);
       // Read off `props.state` — a destructured computed holds the pre-change value.
@@ -127,7 +131,7 @@ const _CustomFieldTypeDropdown = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
+      lineNumber: 99,
       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","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","icons","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              icons: option.icons,\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                icons: selectedType.icons,\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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_fieldTypePrefixIcons","_useBmHarmonyTheme","_jsxFileName","_CustomFieldTypeDropdown","props","state","form","$","type","name","containsPii","mode","fieldManagement","fieldModal","generateUniqueKey","setKeyFieldIfNotDirty","translate","t","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","isFieldTypeDisabled","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","icons","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","resetCollectionInput","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';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\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  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const isFieldTypeDisabled = mode === 'edit';\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              icons: option.icons,\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={isFieldTypeDisabled}\n      value={search ?? selectedType?.label ?? ''}\n      selectedId={type.value}\n      prefix={\n        search === null && selectedType ? (\n          <Input.IconAffix>\n            <Box\n              color={\n                isBmHarmonyTheme && isFieldTypeDisabled ? undefined : 'D10'\n              }\n            >\n              {getFieldTypeIcon({\n                fieldType: selectedType.patternsType,\n                size: 'medium',\n                icons: selectedType.icons,\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          props.state.resetCollectionInput();\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_ = "DragHandle371561672";
+var _namespace_ = "DragHandle1948296544";
 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": "DragHandle371561672__root"
+  "root": "DragHandle1948296544__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_ = \"DragHandle371561672\";\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\":\"DragHandle371561672__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,qBAAqB;AACvC,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;AAA2B,CAAC;AAClD,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_ = \"DragHandle1948296544\";\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\":\"DragHandle1948296544__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_ = "EditableCell4132715005";
+var _namespace_ = "EditableCell3513595393";
 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": "EditableCell4132715005__root",
-  "errorMessage": "EditableCell4132715005__errorMessage"
+  "root": "EditableCell3513595393__root",
+  "errorMessage": "EditableCell3513595393__errorMessage"
 };
 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_ = \"EditableCell4132715005\";\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\":\"EditableCell4132715005__root\",\"errorMessage\":\"EditableCell4132715005__errorMessage\"};\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-color-red-100\":\"--wds-color-red-100\",\"wds-color-fill-surface-overlay\":\"--wds-color-fill-surface-overlay\",\"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\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-popover-fill\":\"--wds-popover-fill\",\"wds-popover-border-radius\":\"--wds-popover-border-radius\",\"wds-shadow-surface-overlay\":\"--wds-shadow-surface-overlay\",\"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-R10\":\"--wsr-color-R10\"}; \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,cAAc,EAAC;AAAsC,CAAC;AAC3G,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,mBAAmB,EAAC,qBAAqB;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,2BAA2B,EAAC,6BAA6B;EAAC,4BAA4B,EAAC,8BAA8B;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_ = \"EditableCell3513595393\";\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\":\"EditableCell3513595393__root\",\"errorMessage\":\"EditableCell3513595393__errorMessage\"};\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-color-red-100\":\"--wds-color-red-100\",\"wds-color-fill-surface-overlay\":\"--wds-color-fill-surface-overlay\",\"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\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-popover-fill\":\"--wds-popover-fill\",\"wds-popover-border-radius\":\"--wds-popover-border-radius\",\"wds-shadow-surface-overlay\":\"--wds-shadow-surface-overlay\",\"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-R10\":\"--wsr-color-R10\"}; \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,cAAc,EAAC;AAAsC,CAAC;AAC3G,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,mBAAmB,EAAC,qBAAqB;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,2BAA2B,EAAC,6BAA6B;EAAC,4BAA4B,EAAC,8BAA8B;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

@@ -6,7 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 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 _lazy = require("@wix/wix-ui-icons-common/lazy");
 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); }
@@ -133,7 +133,7 @@ function _EditableTableContextMenu({
       options.push(buildMenuAction({
         id: 'add-above',
         title: 'Add Row Above',
-        prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.AddSmall, {
+        prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.AddSmall, {
           __self: this,
           __source: {
             fileName: _jsxFileName,
@@ -146,7 +146,7 @@ function _EditableTableContextMenu({
       }), buildMenuAction({
         id: 'add-below',
         title: 'Add Row Below',
-        prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.AddSmall, {
+        prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.AddSmall, {
           __self: this,
           __source: {
             fileName: _jsxFileName,
@@ -159,7 +159,7 @@ function _EditableTableContextMenu({
       }), buildMenuAction({
         id: 'duplicate',
         title: 'Duplicate Row',
-        prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DuplicateSmall, {
+        prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.DuplicateSmall, {
           __self: this,
           __source: {
             fileName: _jsxFileName,
@@ -179,7 +179,7 @@ function _EditableTableContextMenu({
     options.push(buildMenuAction({
       id: 'delete',
       title: targetKeys.length > 1 ? `Delete ${targetKeys.length} Rows` : 'Delete Row',
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DeleteSmall, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.DeleteSmall, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
@@ -204,7 +204,7 @@ function _EditableTableContextMenu({
         options.push(buildMenuAction({
           id: 'delete',
           title: `Remove ${selectedRowCount} Rows`,
-          prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DeleteSmall, {
+          prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.DeleteSmall, {
             __self: this,
             __source: {
               fileName: _jsxFileName,