@wix/patterns 1.459.0 → 1.460.0

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

@@ -6,6 +6,7 @@ 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 _bexCore = require("@wix/bex-core");
 var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _mobx = require("mobx");
 var _CustomFieldTypeDropdown = require("./CustomFieldTypeDropdown");
@@ -33,6 +34,7 @@ const _CustomFieldForm = props => {
     },
     errorToastConfig,
     mode,
+    lockedProperties,
     settings,
     customFieldModalBiReporter,
     generateUniqueKey,
@@ -56,7 +58,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 64,
       columnNumber: 5
     }
   }, errorToastConfig && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -67,7 +69,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 66,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FloatingNotification, {
@@ -77,7 +79,7 @@ const _CustomFieldForm = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 71,
+        lineNumber: 75,
         columnNumber: 25
       }
     }),
@@ -97,7 +99,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 72,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -105,14 +107,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 91,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
+      lineNumber: 92,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -120,7 +122,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 93,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -132,7 +134,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 94,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomFieldTypeDropdown.CustomFieldTypeDropdown, {
@@ -140,7 +142,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 101,
       columnNumber: 15
     }
   }), mode === 'edit' && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -148,7 +150,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 103,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -157,7 +159,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 104,
       columnNumber: 19
     }
   }, t('cairo.customFields.editCustomField.fieldType.tooltip'))))), /*#__PURE__*/_react.default.createElement(_CustomFieldCollectionInput.CustomFieldCollectionInput, {
@@ -165,7 +167,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 111,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -173,7 +175,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 112,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -185,22 +187,23 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 113,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
     dataHook: "custom-field-modal-name",
+    disabled: lockedProperties.includes('name'),
     onChange: e => {
       name.onChange(e.target.value);
       setKeyFieldIfNotDirty(generateUniqueKey(e.target.value));
     },
     value: name.value,
-    maxLength: 64,
+    maxLength: _bexCore.CUSTOM_FIELD_NAME_MAX_LENGTH,
     placeholder: state.namePlaceholder,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 120,
       columnNumber: 15
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -208,7 +211,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 133,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -221,7 +224,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 134,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -236,7 +239,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 150,
       columnNumber: 15
     }
   }))), state.typeSupportsPii && /*#__PURE__*/_react.default.createElement(_CustomFieldFormPiiFields.PiiFormFields, {
@@ -250,7 +253,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 160,
+      lineNumber: 165,
       columnNumber: 13
     }
   }))), state.showSettings && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -260,14 +263,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 174,
+      lineNumber: 179,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 175,
+      lineNumber: 180,
       columnNumber: 13
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -277,7 +280,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 177,
+      lineNumber: 182,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Accordion, {
@@ -297,14 +300,14 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 198,
+          lineNumber: 203,
           columnNumber: 21
         }
       }, /*#__PURE__*/_react.default.createElement(_lazy.StatusAlertFilledSmall, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 203,
+          lineNumber: 208,
           columnNumber: 23
         }
       })) : undefined,
@@ -321,7 +324,7 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 214,
+          lineNumber: 219,
           columnNumber: 21
         }
       }, fieldModal.permissions && /*#__PURE__*/_react.default.createElement(_CustomFieldFormPermissions.CustomFieldFormPermissions, {
@@ -329,7 +332,7 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 221,
+          lineNumber: 226,
           columnNumber: 25
         }
       }), SettingsSection && /*#__PURE__*/_react.default.createElement(SettingsSection, {
@@ -337,7 +340,7 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 224,
+          lineNumber: 229,
           columnNumber: 25
         }
       }))
@@ -345,7 +348,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 187,
       columnNumber: 13
     }
   }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_react2","_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","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","onChange","target","value","maxLength","placeholder","namePlaceholder","infoContent","disabled","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","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 { CustomFieldModalState } 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    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                onChange={(e) => {\n                  name.onChange(e.target.value);\n                  setKeyFieldIfNotDirty(generateUniqueKey(e.target.value));\n                }}\n                value={name.value}\n                maxLength={64}\n                placeholder={state.namePlaceholder}\n              />\n            </FormField>\n          </Cell>\n          <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 fieldType={type.value} />\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":[]}
+{"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","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 fieldType={type.value} />\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/CustomFieldTypeDropdown.js

@@ -21,6 +21,7 @@ const _CustomFieldTypeDropdown = props => {
         }
       },
       mode,
+      lockedProperties,
       fieldManagement: {
         fieldModal
       },
@@ -32,7 +33,7 @@ const _CustomFieldTypeDropdown = props => {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
   const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
-  const isFieldTypeDisabled = mode === 'edit';
+  const isFieldTypeDisabled = mode === 'edit' || lockedProperties.includes('type');
   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);
@@ -44,7 +45,7 @@ const _CustomFieldTypeDropdown = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 51,
+          lineNumber: 53,
           columnNumber: 11
         }
       }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
@@ -86,7 +87,7 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 108,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -94,7 +95,7 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 107,
+        lineNumber: 109,
         columnNumber: 13
       }
     }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
@@ -131,7 +132,7 @@ const _CustomFieldTypeDropdown = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 101,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"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":";;;;;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,eAAe,EAAE;QAAEC;MAAW,CAAC;MAC/BC,iBAAiB;MACjBC;IACF;EACF,CAAC,GAAGX,KAAK;EAET,MAAM;IAAEY,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAC5C,MAAMC,mBAAmB,GAAGV,IAAI,KAAK,MAAM;EAE3C,MAAM,CAACW,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,GAAGhB,UAAU,CAACiB,KAAK,CAACC,IAAI,CACvCC,MAAM,IAAKA,MAAM,CAACC,EAAE,KAAKzB,IAAI,CAAC0B,KACjC,CAAC;EAED,MAAMC,gBAAgB,GAAGX,cAAK,CAACY,OAAO,CAAC,MAAM;IAC3C,MAAMC,QAAQ,GAAIL,MAAyC,IACzD,IAAAM,mCAAqB,EAAC;MACpBC,QAAQ,EAAE,2BAA2BP,MAAM,CAACC,EAAE,EAAE;MAChDA,EAAE,EAAED,MAAM,CAACC,EAAE;MACbO,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,EAAElB,MAAM,CAACmB,YAAY;QAC9BC,IAAI,EAAE,QAAQ;QACdC,KAAK,EAAErB,MAAM,CAACqB;MAChB,CAAC,CACE,CACN;MACDC,KAAK,EAAEtB,MAAM,CAACuB,KAAK;MACnBC,QAAQ,EAAExB,MAAM,CAACwB,QAAQ;MACzBD,KAAK,EAAEvB,MAAM,CAACuB;IAChB,CAAC,CAAC;IAEJ,IAAI7B,KAAK,EAAE;MACT,OAAOb,UAAU,CAACiB,KAAK,CACpB2B,MAAM,CAAEzB,MAAM,IAAKA,MAAM,CAACuB,KAAK,CAAC3B,WAAW,CAAC,CAAC,CAAC8B,QAAQ,CAAChC,KAAK,CAAC,CAAC,CAC9DiC,GAAG,CAACtB,QAAQ,CAAC;IAClB;IAEA,MAAMuB,MAAM,GAAG/C,UAAU,CAACiB,KAAK,CAAC+B,MAAM,CAAW,CAACC,MAAM,EAAE9B,MAAM,KAAK;MACnE,MAAMuB,KAAK,GAAGvB,MAAM,CAAC+B,KAAK;MAC1B,IAAIR,KAAK,IAAI,CAACO,MAAM,CAACJ,QAAQ,CAACH,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,OAAOpD,UAAU,CAACiB,KAAK,CAAC6B,GAAG,CAACtB,QAAQ,CAAC;IACvC;IAEA,MAAM6B,OAAO,GAAGN,MAAM,CAACO,OAAO,CAAEZ,KAAK,IAAK,CACxC,IAAAa,oCAAsB,EAAC;MACrBnC,EAAE,EAAE,iCAAiCsB,KAAK,EAAE;MAC5C/C,IAAI,EAAE,WAAW;MACjB8C,KAAK,EAAEC;IACT,CAAC,CAAC,EACF,GAAG1C,UAAU,CAACiB,KAAK,CAChB2B,MAAM,CAAEzB,MAAM,IAAKA,MAAM,CAAC+B,KAAK,KAAKR,KAAK,CAAC,CAC1CI,GAAG,CAACtB,QAAQ,CAAC,CACjB,CAAC;IACF,MAAMgC,SAAS,GAAGxD,UAAU,CAACiB,KAAK,CAC/B2B,MAAM,CAAEzB,MAAM,IAAK,CAACA,MAAM,CAAC+B,KAAK,CAAC,CACjCJ,GAAG,CAACtB,QAAQ,CAAC;IAChB,OAAO,CAAC,GAAG6B,OAAO,EAAE,GAAGG,SAAS,CAAC;EACnC,CAAC,EAAE,CAACxD,UAAU,CAACiB,KAAK,EAAEJ,KAAK,CAAC,CAAC;EAE7B,oBACEhC,MAAA,CAAA+C,OAAA,CAAAC,aAAA,CAAC5C,aAAA,CAAAwE,YAAY;IACX/B,QAAQ,EAAC,yBAAyB;IAClCgC,QAAQ,EAAElD,mBAAoB;IAC9Ba,KAAK,EAAEZ,MAAM,KAAIO,YAAY,oBAAZA,YAAY,CAAE0B,KAAK,KAAI,EAAG;IAC3CiB,UAAU,EAAEhE,IAAI,CAAC0B,KAAM;IACvBM,MAAM,EACJlB,MAAM,KAAK,IAAI,IAAIO,YAAY,gBAC7BnC,MAAA,CAAA+C,OAAA,CAAAC,aAAA,CAAC5C,aAAA,CAAA2E,KAAK,CAACC,SAAS;MAAA9B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5C,YAAA;QAAA6C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACdtD,MAAA,CAAA+C,OAAA,CAAAC,aAAA,CAAC5C,aAAA,CAAA6C,GAAG;MACFgC,KAAK,EACHxD,gBAAgB,IAAIE,mBAAmB,GAAGuD,SAAS,GAAG,KACvD;MAAAhC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5C,YAAA;QAAA6C,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEA,IAAAC,sCAAgB,EAAC;MAChBC,SAAS,EAAErB,YAAY,CAACsB,YAAY;MACpCC,IAAI,EAAE,QAAQ;MACdC,KAAK,EAAExB,YAAY,CAACwB;IACtB,CAAC,CACE,CACU,CAAC,GAChBuB,SACL;IACDC,QAAQ,EAAGC,CAAC,IAAKvD,SAAS,CAACuD,CAAC,CAACC,MAAM,CAAC7C,KAAK,CAAE;IAC3C8C,QAAQ,EAAEA,CAAC;MAAE/C;IAAG,CAAC,KAAK;MACpB,MAAMgD,QAAQ,GAAGC,MAAM,CAACjD,EAAE,CAAC;MAC3BV,SAAS,CAAC,IAAI,CAAC;MACf,IAAI0D,QAAQ,KAAKzE,IAAI,CAAC0B,KAAK,EAAE;QAC3B;QACA9B,KAAK,CAACC,KAAK,CAAC8E,mBAAmB,CAAC,CAAC;QACjC/E,KAAK,CAACC,KAAK,CAAC+E,oBAAoB,CAAC,CAAC;MACpC;MACA5E,IAAI,CAACqE,QAAQ,CAACI,QAAQ,CAAC;MACvB;MACA,IAAI,CAAC7E,KAAK,CAACC,KAAK,CAACgF,eAAe,EAAE;QAChC3E,WAAW,CAACmE,QAAQ,CAAC,KAAK,CAAC;MAC7B;MACA9D,qBAAqB,CAACD,iBAAiB,CAACL,IAAI,CAACyB,KAAK,CAAC,CAAC;IACtD,CAAE;IACFoD,OAAO,EAAEA,CAAA,KAAM/D,SAAS,CAAC,IAAI,CAAE;IAC/BgE,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,EAAEzD,gBAAiB;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5C,YAAA;MAAA6C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC3B,CAAC;AAEN,CAAC;AAAC6C,OAAA,CAAA1F,wBAAA,GAAAA,wBAAA;AAEK,MAAM2F,uBAAuB,GAAAD,OAAA,CAAAC,uBAAA,GAAG,IAAAC,uBAAQ,EAAC5F,wBAAwB,CAAC","ignoreList":[]}
+{"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","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","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      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 = 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_ = "DragHandle1259293265";
+var _namespace_ = "DragHandle3337898535";
 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": "DragHandle1259293265__root"
+  "root": "DragHandle3337898535__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_ = \"DragHandle1259293265\";\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\":\"DragHandle1259293265__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle3337898535\";\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\":\"DragHandle3337898535__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_ = "EditableCell4229791330";
+var _namespace_ = "EditableCell1363090160";
 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": "EditableCell4229791330__root",
-  "errorMessage": "EditableCell4229791330__errorMessage"
+  "root": "EditableCell1363090160__root",
+  "errorMessage": "EditableCell1363090160__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_ = \"EditableCell4229791330\";\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\":\"EditableCell4229791330__root\",\"errorMessage\":\"EditableCell4229791330__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_ = \"EditableCell1363090160\";\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\":\"EditableCell1363090160__root\",\"errorMessage\":\"EditableCell1363090160__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/HeaderActionsPopover.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_ = "HeaderActionsPopover2977422085";
+var _namespace_ = "HeaderActionsPopover2463284946";
 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": "HeaderActionsPopover2977422085__root"
+  "root": "HeaderActionsPopover2463284946__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/HeaderActionsPopover.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/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover2977422085\";\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\":\"HeaderActionsPopover2977422085__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/EditableTable/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover2463284946\";\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\":\"HeaderActionsPopover2463284946__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/cellTypes/CellViewLayout.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_ = "CellViewLayout2109551199";
+var _namespace_ = "CellViewLayout3429307342";
 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": "CellViewLayout2109551199__root"
+  "root": "CellViewLayout3429307342__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.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/cellTypes/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout2109551199\";\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\":\"CellViewLayout2109551199__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/EditableTable/cellTypes/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout3429307342\";\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\":\"CellViewLayout3429307342__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/cellTypes/address/Edit.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_ = "Edit2850779710";
+var _namespace_ = "Edit3214654020";
 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": "Edit2850779710__root",
-  "addressInput": "Edit2850779710__addressInput"
+  "root": "Edit3214654020__root",
+  "addressInput": "Edit3214654020__addressInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};