npm - @wix/patterns - Versions diffs - 1.477.0 → 1.479.0 - Mend

@wix/patterns 1.477.0 → 1.479.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (843) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_react2","_bexCore","_lazy","_mobx","_CustomFieldTypeDropdown","_CustomFieldCollectionInput","_CustomFieldFormPiiFields","_CustomFieldFormPermissions","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","fullBleed","_CustomFieldForm","props","_state$settingsSectio","state","form","$","key","type","name","containsPii","errorToastConfig","mode","lockedProperties","settings","customFieldModalBiReporter","generateUniqueKey","setKeyFieldIfNotDirty","fieldModal","fieldManagement","SettingsSection","settingsSection","Component","isBmHarmonyTheme","useBmHarmonyTheme","translate","environment","language","useWixPatternsContainer","useEffect","init","createElement","Box","width","direction","__self","__source","fileName","lineNumber","columnNumber","position","top","left","transform","FloatingNotification","dataHook","prefixIcon","InfoCircle","text","message","textButtonProps","action","label","onClick","_errorToastConfig$act","onClose","runInAction","undefined","Layout","Cell","span","FormField","required","status","hasError","statusMessage","error","CustomFieldTypeDropdown","marginTop","Text","size","secondary","CustomFieldCollectionInput","Input","disabled","includes","onChange","target","value","maxLength","CUSTOM_FIELD_NAME_MAX_LENGTH","placeholder","namePlaceholder","infoContent","toLowerCase","reportKeyFormFieldChange","typeSupportsPii","PiiFormFields","piiWarning","showSettings","Fragment","marginLeft","marginRight","Divider","Accordion","skin","hideShadow","horizontalPadding","contentPadding","items","title","settingsLabel","toggleIconPlacement","suffix","settingsHasError","verticalAlign","color","StatusAlertFilledSmall","open","isOn","onToggle","toggle","reportAdvancedSettingsClick","children","gap","paddingLeft","paddingRight","permissions","CustomFieldFormPermissions","fieldType","lockedRules","exports","CustomFieldForm","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n Accordion,\n Box,\n Cell,\n Divider,\n FloatingNotification,\n FormField,\n Input,\n Layout,\n Text,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n CUSTOM_FIELD_NAME_MAX_LENGTH,\n CustomFieldModalState,\n} from '@wix/bex-core';\nimport {\n InfoCircle,\n StatusAlertFilledSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { runInAction } from 'mobx';\nimport { CustomFieldTypeDropdown } from './CustomFieldTypeDropdown';\nimport { CustomFieldCollectionInput } from './CustomFieldCollectionInput';\nimport { PiiFormFields } from './CustomFieldFormPiiFields';\nimport { CustomFieldFormPermissions } from './CustomFieldFormPermissions';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface CustomFieldFormProps {\n state: CustomFieldModalState;\n}\n\n/** Cancels the modal's content padding so the section below spans the full width. /\nconst fullBleed =\n 'calc(-1 var(--wds-custom-modal-content-padding-horizontal, 24px))';\n\nexport const _CustomFieldForm = (props: CustomFieldFormProps) => {\n const { state } = props;\n const {\n form: {\n $: { key, type, name, containsPii },\n },\n errorToastConfig,\n mode,\n lockedProperties,\n settings,\n customFieldModalBiReporter,\n generateUniqueKey,\n setKeyFieldIfNotDirty,\n } = state;\n const { fieldModal } = state.fieldManagement;\n const SettingsSection = state.settingsSection?.Component;\n const isBmHarmonyTheme = useBmHarmonyTheme();\n\n const {\n translate: t,\n environment: { language },\n } = useWixPatternsContainer();\n\n useEffect(() => customFieldModalBiReporter.init(), []);\n\n return (\n <Box width={552} direction=\"vertical\">\n {errorToastConfig && (\n <Box\n position=\"absolute\"\n top=\"24px\"\n left=\"49%\"\n transform=\"translateX(-50%)\"\n >\n <FloatingNotification\n dataHook=\"custom-field-modal-error-state\"\n type=\"destructive\"\n prefixIcon={<InfoCircle />}\n text={errorToastConfig.message}\n textButtonProps={\n errorToastConfig?.action && {\n label: errorToastConfig.action.text,\n onClick: () => errorToastConfig?.action?.onClick?.(),\n }\n }\n onClose={() => {\n runInAction(() => {\n state.errorToastConfig = undefined;\n });\n }}\n />\n </Box>\n )}\n <Box direction=\"vertical\">\n <Layout>\n <Cell span={12}>\n <FormField\n dataHook=\"custom-field-modal-field-type\"\n required\n label={t('cairo.customFields.addCustomField.modal.fieldType')}\n status={type.hasError ? 'error' : undefined}\n statusMessage={type.error}\n >\n <CustomFieldTypeDropdown state={state} />\n {mode === 'edit' && (\n <Box marginTop=\"SP1\">\n <Text size=\"tiny\" secondary>\n {t('cairo.customFields.editCustomField.fieldType.tooltip')}\n </Text>\n </Box>\n )}\n </FormField>\n </Cell>\n <CustomFieldCollectionInput state={state} />\n <Cell span={6}>\n <FormField\n dataHook=\"custom-field-modal-field-name\"\n required\n label={t('cairo.customFields.addCustomField.modal.fieldName')}\n status={name.hasError ? 'error' : undefined}\n statusMessage={name.error}\n >\n <Input\n dataHook=\"custom-field-modal-name\"\n disabled={lockedProperties.includes('name')}\n onChange={(e) => {\n name.onChange(e.target.value);\n setKeyFieldIfNotDirty(generateUniqueKey(e.target.value));\n }}\n value={name.value}\n maxLength={CUSTOM_FIELD_NAME_MAX_LENGTH}\n placeholder={state.namePlaceholder}\n />\n </FormField>\n </Cell>\n <Cell span={6}>\n <FormField\n dataHook=\"custom-field-modal-field-key\"\n required\n label={t(\n 'cairo.customFields.addCustomField.modal.advancedSettings.key.title',\n )}\n infoContent={\n mode === 'new'\n ? t(\n 'cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip',\n )\n : t('cairo.customFields.editCustomField.fieldKey.tooltip')\n }\n status={key.hasError ? 'error' : undefined}\n statusMessage={key.error}\n >\n <Input\n dataHook=\"custom-field-modal-key\"\n disabled={mode === 'edit'}\n value={key.value}\n onChange={(e) => {\n key.onChange(e.target.value.toLowerCase());\n customFieldModalBiReporter.reportKeyFormFieldChange();\n }}\n placeholder={t(\n 'cairo.customFields.addCustomField.modal.advancedSettings.key.placeholder',\n )}\n />\n </FormField>\n </Cell>\n {state.typeSupportsPii && (\n <PiiFormFields\n containsPii={{\n value: containsPii.value,\n onChange: containsPii.onChange,\n }}\n mode={mode}\n language={language}\n piiWarning={state.piiWarning}\n />\n )}\n </Layout>\n </Box>\n {state.showSettings && (\n <>\n <Box marginTop=\"SP4\" marginLeft={fullBleed} marginRight={fullBleed}>\n <Divider />\n </Box>\n <Box\n direction=\"vertical\"\n marginLeft={fullBleed}\n marginRight={fullBleed}\n >\n <Accordion\n dataHook=\"custom-field-modal-settings-accordion\"\n skin=\"standard\"\n hideShadow\n horizontalPadding=\"large\"\n size={isBmHarmonyTheme ? 'tiny' : undefined}\n contentPadding={isBmHarmonyTheme ? 'none' : undefined}\n items={[\n {\n title:\n fieldModal.text.settingsLabel ??\n t(\n 'cairo.customFields.addCustomField.modal.advancedSettings',\n ),\n toggleIconPlacement: 'start',\n suffix: state.settingsHasError ? (\n <Box\n verticalAlign=\"middle\"\n color=\"R10\"\n dataHook=\"custom-field-modal-settings-error\"\n >\n <StatusAlertFilledSmall />\n </Box>\n ) : undefined,\n open: settings.isOn,\n onToggle: () => {\n settings.toggle();\n customFieldModalBiReporter.reportAdvancedSettingsClick(\n settings.isOn ? 'Open' : 'Close',\n );\n },\n children: (\n <Box\n direction=\"vertical\"\n gap=\"SP4\"\n paddingLeft={isBmHarmonyTheme ? 'SP6' : undefined}\n paddingRight={isBmHarmonyTheme ? 'SP6' : undefined}\n >\n {fieldModal.permissions && (\n <CustomFieldFormPermissions state={state} />\n )}\n {SettingsSection && (\n <SettingsSection\n fieldType={type.value}\n lockedRules={lockedProperties}\n />\n )}\n </Box>\n ),\n },\n ]}\n />\n </Box>\n </>\n )}\n </Box>\n );\n};\n\nexport const CustomFieldForm = observer(_CustomFieldForm);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_react2","_bexCore","_lazy","_mobx","_CustomFieldTypeDropdown","_CustomFieldCollectionInput","_CustomFieldFormPiiFields","_CustomFieldFormPermissions","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","fullBleed","_CustomFieldForm","props","_state$settingsSectio","state","form","$","key","type","name","containsPii","errorToastConfig","mode","lockedProperties","settings","customFieldModalBiReporter","generateUniqueKey","setKeyFieldIfNotDirty","fieldModal","fieldManagement","SettingsSection","settingsSection","Component","isBmHarmonyTheme","useBmHarmonyTheme","translate","environment","language","useWixPatternsContainer","useEffect","init","createElement","Box","width","direction","__self","__source","fileName","lineNumber","columnNumber","position","top","left","transform","FloatingNotification","dataHook","prefixIcon","InfoCircle","text","message","textButtonProps","action","label","onClick","_errorToastConfig$act","onClose","runInAction","undefined","Layout","Cell","span","FormField","required","status","hasError","statusMessage","error","CustomFieldTypeDropdown","marginTop","Text","size","secondary","CustomFieldCollectionInput","Input","disabled","includes","onChange","target","value","maxLength","CUSTOM_FIELD_NAME_MAX_LENGTH","placeholder","namePlaceholder","keyLabel","infoContent","reportKeyFormFieldChange","typeSupportsPii","PiiFormFields","piiWarning","showSettings","Fragment","marginLeft","marginRight","Divider","Accordion","skin","hideShadow","horizontalPadding","contentPadding","items","title","settingsLabel","toggleIconPlacement","suffix","showValidationErrors","settingsHasError","verticalAlign","color","StatusAlertFilledSmall","open","isOn","onToggle","toggle","reportAdvancedSettingsClick","children","gap","paddingLeft","paddingRight","permissions","CustomFieldFormPermissions","fieldType","lockedRules","exports","CustomFieldForm","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n Accordion,\n Box,\n Cell,\n Divider,\n FloatingNotification,\n FormField,\n Input,\n Layout,\n Text,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n CUSTOM_FIELD_NAME_MAX_LENGTH,\n CustomFieldModalState,\n} from '@wix/bex-core';\nimport {\n InfoCircle,\n StatusAlertFilledSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { runInAction } from 'mobx';\nimport { CustomFieldTypeDropdown } from './CustomFieldTypeDropdown';\nimport { CustomFieldCollectionInput } from './CustomFieldCollectionInput';\nimport { PiiFormFields } from './CustomFieldFormPiiFields';\nimport { CustomFieldFormPermissions } from './CustomFieldFormPermissions';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface CustomFieldFormProps {\n state: CustomFieldModalState;\n}\n\n/** Cancels the modal's content padding so the section below spans the full width. /\nconst fullBleed =\n 'calc(-1 var(--wds-custom-modal-content-padding-horizontal, 24px))';\n\nexport const _CustomFieldForm = (props: CustomFieldFormProps) => {\n const { state } = props;\n const {\n form: {\n $: { key, type, name, containsPii },\n },\n errorToastConfig,\n mode,\n lockedProperties,\n settings,\n customFieldModalBiReporter,\n generateUniqueKey,\n setKeyFieldIfNotDirty,\n } = state;\n const { fieldModal } = state.fieldManagement;\n const SettingsSection = state.settingsSection?.Component;\n const isBmHarmonyTheme = useBmHarmonyTheme();\n\n const {\n translate: t,\n environment: { language },\n } = useWixPatternsContainer();\n\n useEffect(() => customFieldModalBiReporter.init(), []);\n\n return (\n <Box width={552} direction=\"vertical\">\n {errorToastConfig && (\n <Box\n position=\"absolute\"\n top=\"24px\"\n left=\"49%\"\n transform=\"translateX(-50%)\"\n >\n <FloatingNotification\n dataHook=\"custom-field-modal-error-state\"\n type=\"destructive\"\n prefixIcon={<InfoCircle />}\n text={errorToastConfig.message}\n textButtonProps={\n errorToastConfig?.action && {\n label: errorToastConfig.action.text,\n onClick: () => errorToastConfig?.action?.onClick?.(),\n }\n }\n onClose={() => {\n runInAction(() => {\n state.errorToastConfig = undefined;\n });\n }}\n />\n </Box>\n )}\n <Box direction=\"vertical\">\n <Layout>\n <Cell span={12}>\n <FormField\n dataHook=\"custom-field-modal-field-type\"\n required\n label={t('cairo.customFields.addCustomField.modal.fieldType')}\n status={type.hasError ? 'error' : undefined}\n statusMessage={type.error}\n >\n <CustomFieldTypeDropdown state={state} />\n {mode === 'edit' && (\n <Box marginTop=\"SP1\">\n <Text size=\"tiny\" secondary>\n {t('cairo.customFields.editCustomField.fieldType.tooltip')}\n </Text>\n </Box>\n )}\n </FormField>\n </Cell>\n <CustomFieldCollectionInput state={state} />\n <Cell span={6}>\n <FormField\n dataHook=\"custom-field-modal-field-name\"\n required\n label={t('cairo.customFields.addCustomField.modal.fieldName')}\n status={name.hasError ? 'error' : undefined}\n statusMessage={name.error}\n >\n <Input\n dataHook=\"custom-field-modal-name\"\n disabled={lockedProperties.includes('name')}\n onChange={(e) => {\n name.onChange(e.target.value);\n setKeyFieldIfNotDirty(generateUniqueKey(e.target.value));\n }}\n value={name.value}\n maxLength={CUSTOM_FIELD_NAME_MAX_LENGTH}\n placeholder={state.namePlaceholder}\n />\n </FormField>\n </Cell>\n <Cell span={6}>\n <FormField\n dataHook=\"custom-field-modal-field-key\"\n required\n label={\n fieldModal.text.keyLabel ??\n t(\n 'cairo.customFields.addCustomField.modal.advancedSettings.key.title',\n )\n }\n infoContent={\n mode === 'new'\n ? t(\n 'cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip',\n )\n : t('cairo.customFields.editCustomField.fieldKey.tooltip')\n }\n status={key.hasError ? 'error' : undefined}\n statusMessage={key.error}\n >\n <Input\n dataHook=\"custom-field-modal-key\"\n disabled={mode === 'edit'}\n value={key.value}\n onChange={(e) => {\n key.onChange(e.target.value);\n customFieldModalBiReporter.reportKeyFormFieldChange();\n }}\n placeholder={t(\n 'cairo.customFields.addCustomField.modal.advancedSettings.key.placeholder',\n )}\n />\n </FormField>\n </Cell>\n {state.typeSupportsPii && (\n <PiiFormFields\n containsPii={{\n value: containsPii.value,\n onChange: containsPii.onChange,\n }}\n mode={mode}\n language={language}\n piiWarning={state.piiWarning}\n />\n )}\n </Layout>\n </Box>\n {state.showSettings && (\n <>\n <Box marginTop=\"SP4\" marginLeft={fullBleed} marginRight={fullBleed}>\n <Divider />\n </Box>\n <Box\n direction=\"vertical\"\n marginLeft={fullBleed}\n marginRight={fullBleed}\n >\n <Accordion\n dataHook=\"custom-field-modal-settings-accordion\"\n skin=\"standard\"\n hideShadow\n horizontalPadding=\"large\"\n size={isBmHarmonyTheme ? 'tiny' : undefined}\n contentPadding={isBmHarmonyTheme ? 'none' : undefined}\n items={[\n {\n title:\n fieldModal.text.settingsLabel ??\n t(\n 'cairo.customFields.addCustomField.modal.advancedSettings',\n ),\n toggleIconPlacement: 'start',\n suffix:\n state.showValidationErrors && state.settingsHasError ? (\n <Box\n verticalAlign=\"middle\"\n color=\"R10\"\n dataHook=\"custom-field-modal-settings-error\"\n >\n <StatusAlertFilledSmall />\n </Box>\n ) : undefined,\n open: settings.isOn,\n onToggle: () => {\n settings.toggle();\n customFieldModalBiReporter.reportAdvancedSettingsClick(\n settings.isOn ? 'Open' : 'Close',\n );\n },\n children: (\n <Box\n direction=\"vertical\"\n gap=\"SP4\"\n paddingLeft={isBmHarmonyTheme ? 'SP6' : undefined}\n paddingRight={isBmHarmonyTheme ? 'SP6' : undefined}\n >\n {fieldModal.permissions && (\n <CustomFieldFormPermissions state={state} />\n )}\n {SettingsSection && (\n <SettingsSection\n fieldType={type.value}\n lockedRules={lockedProperties}\n showValidationErrors={state.showValidationErrors}\n />\n )}\n </Box>\n ),\n },\n ]}\n />\n </Box>\n </>\n )}\n </Box>\n );\n};\n\nexport const CustomFieldForm = observer(_CustomFieldForm);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.js CHANGED Viewed

@@ -6,6 +6,8 @@ exports.PiiFormFields = PiiFormFields;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _Trans = require("../Trans");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
+var _CustomFieldFormPiiFieldsStCss = require("./CustomFieldFormPiiFields.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.tsx";
 function PiiFormFields({
   containsPii,
@@ -13,6 +15,8 @@ function PiiFormFields({
   language,
   piiWarning
 }) {
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  const tooltipTextSize = isBmHarmonyTheme ? 'tiny' : 'small';
   const translateKeys = {
     toggleName: 'cairo.customFields.addCustomField.modal.PII-setting.toggle.name',
     toggleInfo: 'cairo.customFields.addCustomField.modal.PII-setting.toggle.info',
@@ -25,14 +29,14 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 49,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 50,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -41,7 +45,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 47,
+      lineNumber: 51,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleSwitch, {
@@ -53,7 +57,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 52,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -61,7 +65,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 59,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -70,7 +74,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 60,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
@@ -78,46 +82,58 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 61,
       columnNumber: 17
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
     size: "small",
-    content: /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
+    content: /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      className: _CustomFieldFormPiiFieldsStCss.classes.tooltipText,
+      size: tooltipTextSize,
+      weight: isBmHarmonyTheme ? 'normal' : 'thin',
+      light: true,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 66,
+        columnNumber: 19
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
       i18nKey: translateKeys.toggleInfo,
       components: {
         linkVal: /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
           as: "a",
           href: whyIsItImportantLink,
           underline: "always",
-          size: "small",
+          size: tooltipTextSize,
+          skin: "light",
           target: "_blank",
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 66,
-            columnNumber: 25
+            lineNumber: 76,
+            columnNumber: 27
           }
         })
       },
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 62,
-        columnNumber: 19
+        lineNumber: 72,
+        columnNumber: 21
       }
-    }),
+    })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 63,
       columnNumber: 15
     }
   })))), isEdit && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 94,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -126,7 +142,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 95,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
@@ -134,7 +150,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 96,
       columnNumber: 15
     }
   })))), containsPii.value && piiWarning && /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -142,7 +158,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 102,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SectionHelper, {
@@ -152,7 +168,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 103,
       columnNumber: 11
     }
   }, piiWarning.text, ' ', piiWarning.action && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -164,7 +180,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 112,
       columnNumber: 15
     }
   }, piiWarning.action.label))));

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_Trans","_jsxFileName","PiiFormFields","containsPii","mode","language","piiWarning","translateKeys","toggleName","toggleInfo","toggleEditNote","whyIsItImportantLink","isEdit","default","createElement","Fragment","Cell","span","__self","__source","fileName","lineNumber","columnNumber","FormField","Box","gap","marginBlockEnd","undefined","ToggleSwitch","dataHook","size","disabled","checked","value","onChange","e","target","Text","Trans","i18nKey","InfoIcon","content","components","linkVal","TextButton","as","href","underline","~~SectionHelper~~","~~skin~~","showPrefixIcon","text","action","onClick","label"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormPiiFields.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n Cell,\n FormField,\n InfoIcon,\n SectionHelper,\n Text,\n TextButton,\n ToggleSwitch,\n} from '@wix/design-system';\nimport type { FieldPiiWarning } from '@wix/bex-core';\nimport { Trans } from '../Trans';\n\ninterface PiiFormFieldsProps {\n containsPii: {\n value: boolean;\n onChange: (value: boolean) => void;\n };\n mode: string;\n language: string;\n /** Shown only while the toggle is on. /\n piiWarning?: FieldPiiWarning;\n}\n\nexport function PiiFormFields({\n containsPii,\n mode,\n language,\n piiWarning,\n}: PiiFormFieldsProps) {\n const translateKeys = {\n toggleName:\n 'cairo.customFields.addCustomField.modal.PII-setting.toggle.name',\n toggleInfo:\n 'cairo.customFields.addCustomField.modal.PII-setting.toggle.info',\n toggleEditNote:\n 'cairo.customFields.addCustomField.modal.PII-setting.toggle.editNote',\n } as const;\n const whyIsItImportantLink = `https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`;\n const isEdit = mode === 'edit';\n\n return (\n <>\n <Cell span={12}>\n <FormField>\n <Box gap=\"9px\" marginBlockEnd={isEdit ? '6px' : undefined}>\n <ToggleSwitch\n dataHook=\"pii-toggle-switch\"\n size=\"medium\"\n disabled={isEdit}\n checked={containsPii.value}\n onChange={(e) => containsPii.onChange(e.target.checked)}\n />\n <Box gap=\"3px\">\n <Text size=\"small\" dataHook=\"pii-toggle-name\">\n <Trans i18nKey={translateKeys.toggleName} />\n </Text>\n <InfoIcon\n size=\"small\"\n content={\n <Trans\n i18nKey={translateKeys.toggleInfo}\n components={{\n linkVal: (\n <TextButton\n as=\"a\"\n href={whyIsItImportantLink}\n underline=\"always\"\n size=\"~~small~~\"\n target=\"_blank\"\n />\n ),\n }}\n />\n }\n />\n </Box>\n </Box>\n </FormField>\n {isEdit && (\n <Box>\n <Text size=\"small\" dataHook=\"pii-toggle-edit-note\">\n <Trans i18nKey={translateKeys.toggleEditNote} />\n </Text>\n </Box>\n )}\n </Cell>\n {containsPii.value && piiWarning && (\n <Cell span={12}>\n <SectionHelper\n dataHook=\"custom-field-modal-pii-warning\"\n skin=\"warning\"\n showPrefixIcon\n >\n {/ Inline, not SectionHelper's `actionText` — that slot renders a\n bordered button on its own row. */}\n {piiWarning.text}{' '}\n {piiWarning.action && (\n <TextButton\n dataHook=\"custom-field-modal-pii-warning-action\"\n size=\"small\"\n skin=\"dark\"\n underline=\"always\"\n onClick={piiWarning.action.onClick}\n >\n {piiWarning.action.label}\n </TextButton>\n )}\n </SectionHelper>\n </Cell>\n )}\n </>\n );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAWA,IAAAE,MAAA,GAAAF,OAAA;~~AAAiC~~,IAAAG,YAAA;~~AAa1B~~,SAASC,aAAaA,CAAC;EAC5BC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC;AACkB,CAAC,EAAE;EACrB,MAAMC,aAAa,GAAG;IACpBC,UAAU,EACR,iEAAiE;IACnEC,UAAU,EACR,iEAAiE;IACnEC,cAAc,EACZ;EACJ,CAAU;EACV,MAAMC,oBAAoB,GAAG,~~2BAA2BN~~,QAAQ,wDAAwD;EACxH,~~MAAMO~~,MAAM,~~GAAGR~~,IAAI,KAAK,MAAM;EAE9B,~~oBACER~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAAAlB~~,MAAA,~~CAAAiB~~,OAAA,CAAAE,QAAA,~~qBACEnB~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACf~~,aAAA,~~CAAAiB~~,IAAI;IAACC,IAAI,EAAE,EAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAnB~~,YAAA;~~MAAAoB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBACb1B~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACf~~,aAAA,~~CAAAwB~~,SAAS;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAnB~~,YAAA;~~MAAAoB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBACR1B~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACf~~,aAAA,~~CAAAyB~~,GAAG;IAACC,GAAG,EAAC,KAAK;IAACC,cAAc,EAAEd,MAAM,GAAG,KAAK,GAAGe,SAAU;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAnB~~,YAAA;~~MAAAoB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBACxD1B~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACf~~,aAAA,~~CAAA6B~~,YAAY;IACXC,QAAQ,EAAC,mBAAmB;IAC5BC,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAEnB,MAAO;IACjBoB,OAAO,~~EAAE7B~~,WAAW,~~CAAC8B~~,KAAM;IAC3BC,QAAQ,EAAGC,CAAC,~~IAAKhC~~,WAAW,~~CAAC+B~~,QAAQ,CAACC,CAAC,CAACC,MAAM,CAACJ,OAAO,CAAE;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAnB~~,YAAA;~~MAAAoB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzD,CAAC,~~eACF1B~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACf~~,aAAA,~~CAAAyB~~,GAAG;IAACC,GAAG,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAnB~~,YAAA;~~MAAAoB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBACZ1B~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACf~~,aAAA,~~CAAAsC~~,IAAI;IAACP,IAAI,EAAC,OAAO;IAACD,QAAQ,EAAC,iBAAiB;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAnB~~,YAAA;~~MAAAoB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBAC3C1B~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACd~~,MAAA,~~CAAAsC~~,KAAK;IAACC,OAAO,EAAEhC,aAAa,CAACC,UAAW;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAnB~~,YAAA;~~MAAAoB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvC,CAAC,~~eACP1B~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACf~~,aAAA,~~CAAAyC~~,QAAQ;IACPV,IAAI,EAAC,OAAO;IACZW,OAAO,~~eACL7C~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACd~~,MAAA,~~CAAAsC~~,KAAK;MACJC,OAAO,EAAEhC,aAAa,CAACE,UAAW;~~MAClCiC~~,UAAU,EAAE;QACVC,OAAO,~~eACL/C~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACf~~,aAAA,~~CAAA6C~~,UAAU;UACTC,EAAE,EAAC,GAAG;UACNC,IAAI,~~EAAEnC~~,oBAAqB;~~UAC3BoC~~,SAAS,EAAC,QAAQ;~~UAClBjB~~,IAAI,EAAC,OAAO;~~UACZM~~,MAAM,EAAC,QAAQ;UAAAlB,MAAA;UAAAC,QAAA;YAAAC,QAAA,~~EAAAnB~~,YAAA;~~YAAAoB~~,UAAA;YAAAC,YAAA;UAAA;QAAA,CAChB;MAEL,CAAE;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,~~EAAAnB~~,YAAA;~~QAAAoB~~,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH,~~CACF~~;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAnB~~,YAAA;~~MAAAoB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CACE,CACF,CACI,CAAC,EACXV,MAAM,~~iBACLhB~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACf~~,aAAA,~~CAAAyB~~,GAAG;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAnB~~,YAAA;~~MAAAoB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBACF1B~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACf~~,aAAA,~~CAAAsC~~,IAAI;IAACP,IAAI,EAAC,OAAO;IAACD,QAAQ,EAAC,sBAAsB;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAnB~~,YAAA;~~MAAAoB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBAChD1B~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACd~~,MAAA,~~CAAAsC~~,KAAK;IAACC,OAAO,EAAEhC,aAAa,CAACG,cAAe;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAnB~~,YAAA;~~MAAAoB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC3C,CACH,CAEH,CAAC,~~EACNnB~~,WAAW,~~CAAC8B~~,KAAK,~~IAAI3B~~,UAAU,~~iBAC9BV~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACf~~,aAAA,~~CAAAiB~~,IAAI;IAACC,IAAI,EAAE,EAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAnB~~,YAAA;~~MAAAoB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBACb1B~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACf~~,aAAA,~~CAAAiD~~,aAAa;~~IACZnB~~,QAAQ,EAAC,gCAAgC;~~IACzCoB~~,IAAI,EAAC,SAAS;~~IACdC~~,cAAc;~~IAAAhC~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAnB~~,YAAA;~~MAAAoB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~GAIbhB~~,UAAU,~~CAAC6C~~,IAAI,EAAE,GAAG,~~EACpB7C~~,UAAU,~~CAAC8C~~,MAAM,~~iBAChBxD~~,MAAA,~~CAAAiB~~,OAAA,CAAAC,aAAA,~~CAACf~~,aAAA,~~CAAA6C~~,UAAU;~~IACTf~~,QAAQ,EAAC,uCAAuC;IAChDC,IAAI,EAAC,OAAO;~~IACZmB~~,IAAI,EAAC,MAAM;~~IACXF~~,SAAS,EAAC,QAAQ;IAClBM,OAAO,~~EAAE/C~~,UAAU,~~CAAC8C~~,MAAM,CAACC,OAAQ;~~IAAAnC~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAnB~~,YAAA;~~MAAAoB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~GAElChB~~,UAAU,~~CAAC8C~~,MAAM,CAACE,KACT,CAED,CACX,CAER,CAAC;AAEP","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_Trans","_useBmHarmonyTheme","_CustomFieldFormPiiFieldsStCss","_jsxFileName","PiiFormFields","containsPii","mode","language","piiWarning","isBmHarmonyTheme","useBmHarmonyTheme","tooltipTextSize","translateKeys","toggleName","toggleInfo","toggleEditNote","whyIsItImportantLink","isEdit","default","createElement","Fragment","Cell","span","__self","__source","fileName","lineNumber","columnNumber","FormField","Box","gap","marginBlockEnd","undefined","ToggleSwitch","dataHook","size","disabled","checked","value","onChange","e","target","Text","Trans","i18nKey","InfoIcon","content","className","classes","tooltipText","weight","light","components","linkVal","TextButton","as","href","underline","skin","SectionHelper","showPrefixIcon","text","action","onClick","label"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormPiiFields.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n Cell,\n FormField,\n InfoIcon,\n SectionHelper,\n Text,\n TextButton,\n ToggleSwitch,\n} from '@wix/design-system';\nimport type { FieldPiiWarning } from '@wix/bex-core';\nimport { Trans } from '../Trans';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { classes } from './CustomFieldFormPiiFields.st.css.js';\n\ninterface PiiFormFieldsProps {\n containsPii: {\n value: boolean;\n onChange: (value: boolean) => void;\n };\n mode: string;\n language: string;\n /** Shown only while the toggle is on. /\n piiWarning?: FieldPiiWarning;\n}\n\nexport function PiiFormFields({\n containsPii,\n mode,\n language,\n piiWarning,\n}: PiiFormFieldsProps) {\n const isBmHarmonyTheme = useBmHarmonyTheme();\n const tooltipTextSize = isBmHarmonyTheme ? 'tiny' : 'small';\n const translateKeys = {\n toggleName:\n 'cairo.customFields.addCustomField.modal.PII-setting.toggle.name',\n toggleInfo:\n 'cairo.customFields.addCustomField.modal.PII-setting.toggle.info',\n toggleEditNote:\n 'cairo.customFields.addCustomField.modal.PII-setting.toggle.editNote',\n } as const;\n const whyIsItImportantLink = `https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`;\n const isEdit = mode === 'edit';\n\n return (\n <>\n <Cell span={12}>\n <FormField>\n <Box gap=\"9px\" marginBlockEnd={isEdit ? '6px' : undefined}>\n <ToggleSwitch\n dataHook=\"pii-toggle-switch\"\n size=\"medium\"\n disabled={isEdit}\n checked={containsPii.value}\n onChange={(e) => containsPii.onChange(e.target.checked)}\n />\n <Box gap=\"3px\">\n <Text size=\"small\" dataHook=\"pii-toggle-name\">\n <Trans i18nKey={translateKeys.toggleName} />\n </Text>\n <InfoIcon\n size=\"small\"\n content={\n <Text\n className={classes.tooltipText}\n size={tooltipTextSize}\n weight={isBmHarmonyTheme ? 'normal' : 'thin'}\n light\n >\n <Trans\n i18nKey={translateKeys.toggleInfo}\n components={{\n linkVal: (\n <TextButton\n as=\"a\"\n href={whyIsItImportantLink}\n underline=\"always\"\n size={tooltipTextSize}\n skin=\"light\"\n target=\"_blank\"\n />\n ),\n }}\n />\n </Text>\n }\n />\n </Box>\n </Box>\n </FormField>\n {isEdit && (\n <Box>\n <Text size=\"small\" dataHook=\"pii-toggle-edit-note\">\n <Trans i18nKey={translateKeys.toggleEditNote} />\n </Text>\n </Box>\n )}\n </Cell>\n {containsPii.value && piiWarning && (\n <Cell span={12}>\n <SectionHelper\n dataHook=\"custom-field-modal-pii-warning\"\n skin=\"warning\"\n showPrefixIcon\n >\n {/ Inline, not SectionHelper's `actionText` — that slot renders a\n bordered button on its own row. */}\n {piiWarning.text}{' '}\n {piiWarning.action && (\n <TextButton\n dataHook=\"custom-field-modal-pii-warning-action\"\n size=\"small\"\n skin=\"dark\"\n underline=\"always\"\n onClick={piiWarning.action.onClick}\n >\n {piiWarning.action.label}\n </TextButton>\n )}\n </SectionHelper>\n </Cell>\n )}\n </>\n );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.st.css ADDED Viewed

@@ -0,0 +1,15 @@
+@property st-global(--wds-tooltip-label-font-line-height-medium);
+@property st-global(--wds-font-line-height-body-small);
+@property st-global(--wds-font-line-height-body-tiny);
+@property st-global(--wsr-text-line-height-small);
+.tooltipText {
+  /* Rich tooltip content needs the same line height as WDS's string content. */
+  --wds-font-line-height-body-tiny: var(
+    --wds-tooltip-label-font-line-height-medium,
+    var(
+      --wds-font-line-height-body-small,
+      var(--wsr-text-line-height-small, 18px)
+    )
+  );
+}

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.js ADDED Viewed

@@ -0,0 +1,28 @@
+"use strict";
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+var _namespace_ = "CustomFieldFormPiiFields3308205986";
+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": "CustomFieldFormPiiFields3308205986__root",
+  "tooltipText": "CustomFieldFormPiiFields3308205986__tooltipText"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-tooltip-label-font-line-height-medium": "--wds-tooltip-label-font-line-height-medium",
+  "wds-font-line-height-body-small": "--wds-font-line-height-body-small",
+  "wds-font-line-height-body-tiny": "--wds-font-line-height-body-tiny",
+  "wsr-text-line-height-small": "--wsr-text-line-height-small"
+};
+//# sourceMappingURL=CustomFieldFormPiiFields.st.css.js.map

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.js.map ADDED Viewed

@@ -0,0 +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/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldFormPiiFields3308205986\";\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\":\"CustomFieldFormPiiFields3308205986__root\",\"tooltipText\":\"CustomFieldFormPiiFields3308205986__tooltipText\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-tooltip-label-font-line-height-medium\":\"--wds-tooltip-label-font-line-height-medium\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-font-line-height-body-tiny\":\"--wds-font-line-height-body-tiny\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,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,0CAA0C;EAAC,aAAa,EAAC;AAAiD,CAAC;AACjI,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,2CAA2C,EAAC,6CAA6C;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC;AAA8B,CAAC","ignoreList":[]}

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

@@ -1,22 +1,22 @@
 "use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports._CustomFieldTypeDropdown = exports.CustomFieldTypeDropdown = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 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";
+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 MAX_TYPE_DROPDOWN_HEIGHT = 400;
 const _CustomFieldTypeDropdown = props => {
   const {
     state: {
       form: {
         $: {
           type,
-          name,
           containsPii
         }
       },
@@ -25,14 +25,20 @@ const _CustomFieldTypeDropdown = props => {
       fieldManagement: {
         fieldModal
       },
-      generateUniqueKey,
-      setKeyFieldIfNotDirty
+      applyFieldTypeDefaults
     }
   } = props;
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
   const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  const [maxHeight, setMaxHeight] = (0, _react.useState)(MAX_TYPE_DROPDOWN_HEIGHT);
+  (0, _react.useEffect)(() => {
+    const updateHeight = () => setMaxHeight(Math.min(MAX_TYPE_DROPDOWN_HEIGHT, window.innerHeight / 2));
+    updateHeight();
+    window.addEventListener('resize', updateHeight);
+    return () => window.removeEventListener('resize', updateHeight);
+  }, []);
   const isFieldTypeDisabled = mode === 'edit' || lockedProperties.includes('type');
   const [search, setSearch] = _react.default.useState(null);
   const query = (search == null ? void 0 : search.trim().toLowerCase()) ?? '';
@@ -45,7 +51,7 @@ const _CustomFieldTypeDropdown = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 51,
+          lineNumber: 60,
           columnNumber: 11
         }
       }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
@@ -83,11 +89,12 @@ const _CustomFieldTypeDropdown = props => {
     disabled: isFieldTypeDisabled,
     value: search ?? (selectedType == null ? void 0 : selectedType.label) ?? '',
     selectedId: type.value,
+    maxHeightPixels: maxHeight,
     prefix: search === null && selectedType ? /*#__PURE__*/_react.default.createElement(_designSystem.Input.IconAffix, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 116,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -95,7 +102,7 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 107,
+        lineNumber: 117,
         columnNumber: 13
       }
     }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
@@ -119,7 +126,7 @@ const _CustomFieldTypeDropdown = props => {
       if (!props.state.typeSupportsPii) {
         containsPii.onChange(false);
       }
-      setKeyFieldIfNotDirty(generateUniqueKey(name.value));
+      applyFieldTypeDefaults();
     },
     onClose: () => setSearch(null),
     popoverProps: {
@@ -132,7 +139,7 @@ const _CustomFieldTypeDropdown = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 108,
       columnNumber: 5
     }
   });

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_fieldTypePrefixIcons","_useBmHarmonyTheme","_jsxFileName","_CustomFieldTypeDropdown","props","state","form","$","type","name","containsPii","mode","lockedProperties","fieldManagement","fieldModal","generateUniqueKey","setKeyFieldIfNotDirty","translate","t","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","isFieldTypeDisabled","includes","search","setSearch","React","useState","query","trim","toLowerCase","selectedType","selectedFieldTypeDisplay","fieldTypeOptions","useMemo","toOption","option","listItemSelectBuilder","dataHook","id","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","fieldType","patternsType","size","icons","title","label","subtitle","types","filter","map","groups","reduce","labels","group","push","length","grouped","flatMap","listItemSectionBuilder","ungrouped","AutoComplete","disabled","value","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 lockedProperties,\n fieldManagement: { fieldModal },\n generateUniqueKey,\n setKeyFieldIfNotDirty,\n },\n } = props;\n\n const { translate: t } = useWixPatternsContainer();\n const isBmHarmonyTheme = useBmHarmonyTheme();\n const isFieldTypeDisabled =\n mode === 'edit' \|\| lockedProperties.includes('type');\n\n const [search, setSearch] = React.useState<string \| null>(null);\n const query = search?.trim().toLowerCase() ?? '';\n\n const selectedType = props.state.selectedFieldTypeDisplay;\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":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAQA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAM3D,MAAMC,wBAAwB,GACnCC,KAAmC,IAChC;EACH,MAAM;IACJC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,CAAC,EAAE;UAAEC,IAAI;UAAEC,IAAI;UAAEC;QAAY;MAC/B,CAAC;MACDC,IAAI;MACJC,gBAAgB;MAChBC,eAAe,EAAE;QAAEC;MAAW,CAAC;MAC/BC,iBAAiB;MACjBC;IACF;EACF,CAAC,GAAGZ,KAAK;EAET,MAAM;IAAEa,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAC5C,MAAMC,mBAAmB,GACvBX,IAAI,KAAK,MAAM,IAAIC,gBAAgB,CAACW,QAAQ,CAAC,MAAM,CAAC;EAEtD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAgB,IAAI,CAAC;EAC/D,MAAMC,KAAK,GAAG,CAAAJ,MAAM,oBAANA,MAAM,CAAEK,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,KAAI,EAAE;EAEhD,MAAMC,YAAY,GAAG3B,KAAK,CAACC,KAAK,CAAC2B,wBAAwB;EAEzD,MAAMC,gBAAgB,GAAGP,cAAK,CAACQ,OAAO,CAAC,MAAM;IAC3C,MAAMC,QAAQ,GAAIC,MAAyC,IACzD,IAAAC,mCAAqB,EAAC;MACpBC,QAAQ,EAAE,2BAA2BF,MAAM,CAACG,EAAE,EAAE;MAChDA,EAAE,EAAEH,MAAM,CAACG,EAAE;MACbC,MAAM,eACJ9C,MAAA,CAAA+C,OAAA,CAAAC,aAAA,CAAC5C,aAAA,CAAA6C,GAAG;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA5C,YAAA;UAAA6C,UAAA;UAAAC,YAAA;QAAA;MAAA,GACD,IAAAC,sCAAgB,EAAC;QAChBC,SAAS,EAAEd,MAAM,CAACe,YAAY;QAC9BC,IAAI,EAAE,QAAQ;QACdC,KAAK,EAAEjB,MAAM,CAACiB;MAChB,CAAC,CACE,CACN;MACDC,KAAK,EAAElB,MAAM,CAACmB,KAAK;MACnBC,QAAQ,EAAEpB,MAAM,CAACoB,QAAQ;MACzBD,KAAK,EAAEnB,MAAM,CAACmB;IAChB,CAAC,CAAC;IAEJ,IAAI3B,KAAK,EAAE;MACT,OAAOd,UAAU,CAAC2C,KAAK,CACpBC,MAAM,CAAEtB,MAAM,IAAKA,MAAM,CAACmB,KAAK,CAACzB,WAAW,CAAC,CAAC,CAACP,QAAQ,CAACK,KAAK,CAAC,CAAC,CAC9D+B,GAAG,CAACxB,QAAQ,CAAC;IAClB;IAEA,MAAMyB,MAAM,GAAG9C,UAAU,CAAC2C,KAAK,CAACI,MAAM,CAAW,CAACC,MAAM,EAAE1B,MAAM,KAAK;MACnE,MAAMmB,KAAK,GAAGnB,MAAM,CAAC2B,KAAK;MAC1B,IAAIR,KAAK,IAAI,CAACO,MAAM,CAACvC,QAAQ,CAACgC,KAAK,CAAC,EAAE;QACpCO,MAAM,CAACE,IAAI,CAACT,KAAK,CAAC;MACpB;MACA,OAAOO,MAAM;IACf,CAAC,EAAE,EAAE,CAAC;IAEN,IAAIF,MAAM,CAACK,MAAM,KAAK,CAAC,EAAE;MACvB,OAAOnD,UAAU,CAAC2C,KAAK,CAACE,GAAG,CAACxB,QAAQ,CAAC;IACvC;IAEA,MAAM+B,OAAO,GAAGN,MAAM,CAACO,OAAO,CAAEZ,KAAK,IAAK,CACxC,IAAAa,oCAAsB,EAAC;MACrB7B,EAAE,EAAE,iCAAiCgB,KAAK,EAAE;MAC5C/C,IAAI,EAAE,WAAW;MACjB8C,KAAK,EAAEC;IACT,CAAC,CAAC,EACF,GAAGzC,UAAU,CAAC2C,KAAK,CAChBC,MAAM,CAAEtB,MAAM,IAAKA,MAAM,CAAC2B,KAAK,KAAKR,KAAK,CAAC,CAC1CI,GAAG,CAACxB,QAAQ,CAAC,CACjB,CAAC;IACF,MAAMkC,SAAS,GAAGvD,UAAU,CAAC2C,KAAK,CAC/BC,MAAM,CAAEtB,MAAM,IAAK,CAACA,MAAM,CAAC2B,KAAK,CAAC,CACjCJ,GAAG,CAACxB,QAAQ,CAAC;IAChB,OAAO,CAAC,GAAG+B,OAAO,EAAE,GAAGG,SAAS,CAAC;EACnC,CAAC,EAAE,CAACvD,UAAU,CAAC2C,KAAK,EAAE7B,KAAK,CAAC,CAAC;EAE7B,oBACElC,MAAA,CAAA+C,OAAA,CAAAC,aAAA,CAAC5C,aAAA,CAAAwE,YAAY;IACXhC,QAAQ,EAAC,yBAAyB;IAClCiC,QAAQ,EAAEjD,mBAAoB;IAC9BkD,KAAK,EAAEhD,MAAM,KAAIO,YAAY,oBAAZA,YAAY,CAAEwB,KAAK,KAAI,EAAG;IAC3CkB,UAAU,EAAEjE,IAAI,CAACgE,KAAM;IACvBhC,MAAM,EACJhB,MAAM,KAAK,IAAI,IAAIO,YAAY,gBAC7BrC,MAAA,CAAA+C,OAAA,CAAAC,aAAA,CAAC5C,aAAA,CAAA4E,KAAK,CAACC,SAAS;MAAA/B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5C,YAAA;QAAA6C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACdtD,MAAA,CAAA+C,OAAA,CAAAC,aAAA,CAAC5C,aAAA,CAAA6C,GAAG;MACFiC,KAAK,EACHxD,gBAAgB,IAAIE,mBAAmB,GAAGuD,SAAS,GAAG,KACvD;MAAAjC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5C,YAAA;QAAA6C,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEA,IAAAC,sCAAgB,EAAC;MAChBC,SAAS,EAAEnB,YAAY,CAACoB,YAAY;MACpCC,IAAI,EAAE,QAAQ;MACdC,KAAK,EAAEtB,YAAY,CAACsB;IACtB,CAAC,CACE,CACU,CAAC,GAChBwB,SACL;IACDC,QAAQ,EAAGC,CAAC,IAAKtD,SAAS,CAACsD,CAAC,CAACC,MAAM,CAACR,KAAK,CAAE;IAC3CS,QAAQ,EAAEA,CAAC;MAAE1C;IAAG,CAAC,KAAK;MACpB,MAAM2C,QAAQ,GAAGC,MAAM,CAAC5C,EAAE,CAAC;MAC3Bd,SAAS,CAAC,IAAI,CAAC;MACf,IAAIyD,QAAQ,KAAK1E,IAAI,CAACgE,KAAK,EAAE;QAC3B;QACApE,KAAK,CAACC,KAAK,CAAC+E,mBAAmB,CAAC,CAAC;QACjChF,KAAK,CAACC,KAAK,CAACgF,oBAAoB,CAAC,CAAC;MACpC;MACA7E,IAAI,CAACsE,QAAQ,CAACI,QAAQ,CAAC;MACvB;MACA,IAAI,CAAC9E,KAAK,CAACC,KAAK,CAACiF,eAAe,EAAE;QAChC5E,WAAW,CAACoE,QAAQ,CAAC,KAAK,CAAC;MAC7B;MACA9D,qBAAqB,CAACD,iBAAiB,CAACN,IAAI,CAAC+D,KAAK,CAAC,CAAC;IACtD,CAAE;IACFe,OAAO,EAAEA,CAAA,KAAM9D,SAAS,CAAC,IAAI,CAAE;IAC/B+D,YAAY,EAAE;MAAEC,QAAQ,EAAE,QAAQ;MAAEC,MAAM,EAAE;IAAK,CAAE;IACnDC,WAAW,EAAEzE,CAAC,CACZ,+DACF,CAAE;IACF0E,iBAAiB,EAAE1E,CAAC,CAAC,kDAAkD,CAAE;IACzE2E,OAAO,EAAE5D,gBAAiB;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5C,YAAA;MAAA6C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC3B,CAAC;AAEN,CAAC;AAAC8C,OAAA,CAAA3F,wBAAA,GAAAA,wBAAA;AAEK,MAAM4F,uBAAuB,GAAAD,OAAA,CAAAC,uBAAA,GAAG,IAAAC,uBAAQ,EAAC7F,wBAAwB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_react2","_fieldTypePrefixIcons","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MAX_TYPE_DROPDOWN_HEIGHT","_CustomFieldTypeDropdown","props","state","form","$","type","containsPii","mode","lockedProperties","fieldManagement","fieldModal","applyFieldTypeDefaults","translate","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","maxHeight","setMaxHeight","useState","useEffect","updateHeight","Math","min","window","innerHeight","addEventListener","removeEventListener","isFieldTypeDisabled","includes","search","setSearch","React","query","trim","toLowerCase","selectedType","selectedFieldTypeDisplay","fieldTypeOptions","useMemo","toOption","option","listItemSelectBuilder","dataHook","id","prefix","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","fieldType","patternsType","size","icons","title","label","subtitle","types","filter","map","groups","reduce","labels","group","push","length","grouped","flatMap","listItemSectionBuilder","ungrouped","AutoComplete","disabled","value","selectedId","maxHeightPixels","Input","IconAffix","color","undefined","onChange","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, { useEffect, useState } 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\nconst MAX_TYPE_DROPDOWN_HEIGHT = 400;\n\nexport interface CustomFieldTypeDropdownProps {\n state: CustomFieldModalState;\n}\n\nexport const _CustomFieldTypeDropdown = (\n props: CustomFieldTypeDropdownProps,\n) => {\n const {\n state: {\n form: {\n $: { type, containsPii },\n },\n mode,\n lockedProperties,\n fieldManagement: { fieldModal },\n applyFieldTypeDefaults,\n },\n } = props;\n\n const { translate: t } = useWixPatternsContainer();\n const isBmHarmonyTheme = useBmHarmonyTheme();\n const [maxHeight, setMaxHeight] = useState(MAX_TYPE_DROPDOWN_HEIGHT);\n useEffect(() => {\n const updateHeight = () =>\n setMaxHeight(Math.min(MAX_TYPE_DROPDOWN_HEIGHT, window.innerHeight / 2));\n updateHeight();\n window.addEventListener('resize', updateHeight);\n return () => window.removeEventListener('resize', updateHeight);\n }, []);\n const isFieldTypeDisabled =\n mode === 'edit' \|\| lockedProperties.includes('type');\n\n const [search, setSearch] = React.useState<string \| null>(null);\n const query = search?.trim().toLowerCase() ?? '';\n\n const selectedType = props.state.selectedFieldTypeDisplay;\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 maxHeightPixels={maxHeight}\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 applyFieldTypeDefaults();\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 CHANGED Viewed

@@ -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_ = "DragHandle1744054634";
+var _namespace_ = "DragHandle3684502207";
 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": "DragHandle1744054634__root"
+  "root": "DragHandle3684502207__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~DragHandle1744054634~~\";\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\":\"~~DragHandle1744054634__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":[]}
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_ = \"DragHandle3684502207\";\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\":\"DragHandle3684502207__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/AddItemRow.js CHANGED Viewed

@@ -8,7 +8,8 @@ var _designSystem = require("@wix/design-system");
 var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/AddItemRow.tsx";
 function AddItemRow({
-  onAdd
+  onAdd,
+  disabledReason
 }) {
   const {
     translate: t
@@ -26,7 +27,7 @@ function AddItemRow({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 12,
+      lineNumber: 13,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
@@ -36,10 +37,12 @@ function AddItemRow({
     removePadding: true,
     borderRadius: "6px",
     onClick: onAdd,
+    disabled: !!disabledReason,
+    tooltipContent: disabledReason,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 26,
       columnNumber: 7
     }
   }, t('cairo.editableTable.addItem.CTA')));