@wix/patterns 1.476.0 → 1.478.0

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

@@ -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

@@ -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":"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","ignoreList":[]}
+{"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

@@ -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

@@ -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_ = "CustomFieldFormPiiFields507618773";
+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": "CustomFieldFormPiiFields507618773__root",
+  "tooltipText": "CustomFieldFormPiiFields507618773__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

@@ -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_ = \"CustomFieldFormPiiFields507618773\";\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\":\"CustomFieldFormPiiFields507618773__root\",\"tooltipText\":\"CustomFieldFormPiiFields507618773__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,mCAAmC;AACrD,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,yCAAyC;EAAC,aAAa,EAAC;AAAgD,CAAC;AAC/H,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

@@ -16,7 +16,6 @@ const _CustomFieldTypeDropdown = props => {
       form: {
         $: {
           type,
-          name,
           containsPii
         }
       },
@@ -25,8 +24,7 @@ const _CustomFieldTypeDropdown = props => {
       fieldManagement: {
         fieldModal
       },
-      generateUniqueKey,
-      setKeyFieldIfNotDirty
+      applyFieldTypeDefaults
     }
   } = props;
   const {
@@ -45,7 +43,7 @@ const _CustomFieldTypeDropdown = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 51,
+          lineNumber: 50,
           columnNumber: 11
         }
       }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
@@ -87,7 +85,7 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 105,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -95,7 +93,7 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 107,
+        lineNumber: 106,
         columnNumber: 13
       }
     }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
@@ -119,7 +117,7 @@ const _CustomFieldTypeDropdown = props => {
       if (!props.state.typeSupportsPii) {
         containsPii.onChange(false);
       }
-      setKeyFieldIfNotDirty(generateUniqueKey(name.value));
+      applyFieldTypeDefaults();
     },
     onClose: () => setSearch(null),
     popoverProps: {
@@ -132,7 +130,7 @@ const _CustomFieldTypeDropdown = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 98,
       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","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":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_fieldTypePrefixIcons","_useBmHarmonyTheme","_jsxFileName","_CustomFieldTypeDropdown","props","state","form","$","type","containsPii","mode","lockedProperties","fieldManagement","fieldModal","applyFieldTypeDefaults","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, 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 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        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

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

@@ -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')));

package/dist/cjs/components/EditableTable/AddItemRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_jsxFileName","AddItemRow","onAdd","translate","t","useWixPatternsContainer","default","createElement","style","borderTop","height","boxSizing","padding","__self","__source","fileName","lineNumber","columnNumber","AddItem","skin","size","alignItems","removePadding","borderRadius","onClick"],"sources":["../../../../src/components/EditableTable/AddItemRow.tsx"],"sourcesContent":["import React from 'react';\nimport { AddItem } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface AddItemRowProps {\n  onAdd: () => void;\n}\n\nexport function AddItemRow({ onAdd }: AddItemRowProps) {\n  const { translate: t } = useWixPatternsContainer();\n  return (\n    <div\n      data-hook=\"add-row-button\"\n      style={\n        {\n          borderTop: '1px solid var(--wsr-color-D60)',\n          height: 36,\n          boxSizing: 'border-box',\n          padding: 4,\n          '--wds-add-item-fill-hover': 'var(--wsr-color-D70)',\n          '--wds-add-item-fill': 'transparent',\n        } as React.CSSProperties\n      }\n    >\n      <AddItem\n        skin=\"plain\"\n        size=\"tiny\"\n        alignItems=\"left\"\n        removePadding\n        borderRadius=\"6px\"\n        onClick={onAdd}\n      >\n        {t('cairo.editableTable.addItem.CTA')}\n      </AddItem>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8D,IAAAG,YAAA;AAMvD,SAASC,UAAUA,CAAC;EAAEC;AAAuB,CAAC,EAAE;EACrD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,oBACEV,MAAA,CAAAW,OAAA,CAAAC,aAAA;IACE,aAAU,gBAAgB;IAC1BC,KAAK,EACH;MACEC,SAAS,EAAE,gCAAgC;MAC3CC,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAE,CAAC;MACV,2BAA2B,EAAE,sBAAsB;MACnD,qBAAqB,EAAE;IACzB,CACD;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEDtB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAoB,OAAO;IACNC,IAAI,EAAC,OAAO;IACZC,IAAI,EAAC,MAAM;IACXC,UAAU,EAAC,MAAM;IACjBC,aAAa;IACbC,YAAY,EAAC,KAAK;IAClBC,OAAO,EAAEtB,KAAM;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEdb,CAAC,CAAC,iCAAiC,CAC7B,CACN,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_jsxFileName","AddItemRow","onAdd","disabledReason","translate","t","useWixPatternsContainer","default","createElement","style","borderTop","height","boxSizing","padding","__self","__source","fileName","lineNumber","columnNumber","AddItem","skin","size","alignItems","removePadding","borderRadius","onClick","disabled","tooltipContent"],"sources":["../../../../src/components/EditableTable/AddItemRow.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { AddItem } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface AddItemRowProps {\n  onAdd: () => void;\n  disabledReason?: ReactNode;\n}\n\nexport function AddItemRow({ onAdd, disabledReason }: AddItemRowProps) {\n  const { translate: t } = useWixPatternsContainer();\n  return (\n    <div\n      data-hook=\"add-row-button\"\n      style={\n        {\n          borderTop: '1px solid var(--wsr-color-D60)',\n          height: 36,\n          boxSizing: 'border-box',\n          padding: 4,\n          '--wds-add-item-fill-hover': 'var(--wsr-color-D70)',\n          '--wds-add-item-fill': 'transparent',\n        } as React.CSSProperties\n      }\n    >\n      <AddItem\n        skin=\"plain\"\n        size=\"tiny\"\n        alignItems=\"left\"\n        removePadding\n        borderRadius=\"6px\"\n        onClick={onAdd}\n        disabled={!!disabledReason}\n        tooltipContent={disabledReason}\n      >\n        {t('cairo.editableTable.addItem.CTA')}\n      </AddItem>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8D,IAAAG,YAAA;AAOvD,SAASC,UAAUA,CAAC;EAAEC,KAAK;EAAEC;AAAgC,CAAC,EAAE;EACrE,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,oBACEX,MAAA,CAAAY,OAAA,CAAAC,aAAA;IACE,aAAU,gBAAgB;IAC1BC,KAAK,EACH;MACEC,SAAS,EAAE,gCAAgC;MAC3CC,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAE,CAAC;MACV,2BAA2B,EAAE,sBAAsB;MACnD,qBAAqB,EAAE;IACzB,CACD;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEDvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAqB,OAAO;IACNC,IAAI,EAAC,OAAO;IACZC,IAAI,EAAC,MAAM;IACXC,UAAU,EAAC,MAAM;IACjBC,aAAa;IACbC,YAAY,EAAC,KAAK;IAClBC,OAAO,EAAEvB,KAAM;IACfwB,QAAQ,EAAE,CAAC,CAACvB,cAAe;IAC3BwB,cAAc,EAAExB,cAAe;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE9Bb,CAAC,CAAC,iCAAiC,CAC7B,CACN,CAAC;AAEV","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_ = "EditableCell584272721";
+var _namespace_ = "EditableCell418220247";
 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": "EditableCell584272721__root",
-  "errorMessage": "EditableCell584272721__errorMessage"
+  "root": "EditableCell418220247__root",
+  "errorMessage": "EditableCell418220247__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_ = \"EditableCell584272721\";\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\":\"EditableCell584272721__root\",\"errorMessage\":\"EditableCell584272721__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\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-D70\":\"--wsr-color-D70\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,cAAc,EAAC;AAAqC,CAAC;AACzG,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,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;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_ = \"EditableCell418220247\";\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\":\"EditableCell418220247__root\",\"errorMessage\":\"EditableCell418220247__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\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-D70\":\"--wsr-color-D70\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,cAAc,EAAC;AAAqC,CAAC;AACzG,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,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -53,6 +53,7 @@ function _EditableTable(props) {
   const builtInActions = (0, _useHeaderActions.useHeaderActions)(state, editableColumns, hideHeaderActions);
   const {
     showAddItemRow,
+    addItemDisabledReason,
     handleAddItem
   } = (0, _useAddRow.useAddRow)(state);
   const tableColumns = (0, _react.useMemo)(() => editableColumns.map(col => ({
@@ -70,7 +71,7 @@ function _EditableTable(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 111,
+          lineNumber: 112,
           columnNumber: 13
         }
       }) : null;
@@ -91,7 +92,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 144,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -106,7 +107,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 145,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TableVirtual.TableVirtual, (0, _extends2.default)({}, tableBaseProps, {
@@ -123,16 +124,17 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 154,
+      lineNumber: 155,
       columnNumber: 9
     }
   }), showAddItemRow && /*#__PURE__*/_react.default.createElement(_AddItemRow.AddItemRow, {
     onAdd: handleAddItem,
+    disabledReason: addItemDisabledReason,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 165,
-      columnNumber: 30
+      lineNumber: 167,
+      columnNumber: 13
     }
   }))), /*#__PURE__*/_react.default.createElement(_EditableTableContextMenu.EditableTableContextMenu, {
     state: state,
@@ -143,7 +145,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 168,
+      lineNumber: 174,
       columnNumber: 7
     }
   }), state.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -152,7 +154,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 176,
+      lineNumber: 182,
       columnNumber: 9
     }
   })), state.toolbar.collectionFieldsSource && /*#__PURE__*/_react.default.createElement(_FieldManagementModals.FieldManagementModals, {
@@ -160,14 +162,14 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 188,
       columnNumber: 9
     }
   }), children, /*#__PURE__*/_react.default.createElement(_patternsFields.GlobalAudioPlayer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 185,
+      lineNumber: 191,
       columnNumber: 7
     }
   }));