@wix/patterns 1.488.0 → 1.490.0

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

@@ -5,6 +5,7 @@ exports.__esModule = true;
 exports.PiiFormFields = PiiFormFields;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _Trans = require("../Trans");
 var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
@@ -29,20 +30,20 @@ function PiiFormFields({
   };
   const whyIsItImportantLink = `https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`;
   const isPiiLocked = mode === 'edit' && !canChangePii;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
     span: 12,
     __self: this,
     __source: {
       fileName: _jsxFileName,
       lineNumber: 53,
-      columnNumber: 7
+      columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
       lineNumber: 54,
-      columnNumber: 9
+      columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     gap: "9px",
@@ -51,7 +52,7 @@ function PiiFormFields({
     __source: {
       fileName: _jsxFileName,
       lineNumber: 55,
-      columnNumber: 11
+      columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleSwitch, {
     dataHook: "pii-toggle-switch",
@@ -64,7 +65,7 @@ function PiiFormFields({
     __source: {
       fileName: _jsxFileName,
       lineNumber: 56,
-      columnNumber: 13
+      columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     gap: "3px",
@@ -72,7 +73,7 @@ function PiiFormFields({
     __source: {
       fileName: _jsxFileName,
       lineNumber: 64,
-      columnNumber: 13
+      columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "small",
@@ -81,7 +82,7 @@ function PiiFormFields({
     __source: {
       fileName: _jsxFileName,
       lineNumber: 65,
-      columnNumber: 15
+      columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
     i18nKey: translateKeys.toggleName,
@@ -89,7 +90,7 @@ function PiiFormFields({
     __source: {
       fileName: _jsxFileName,
       lineNumber: 66,
-      columnNumber: 17
+      columnNumber: 15
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
     size: "small",
@@ -102,7 +103,7 @@ function PiiFormFields({
       __source: {
         fileName: _jsxFileName,
         lineNumber: 71,
-        columnNumber: 19
+        columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
       i18nKey: translateKeys.toggleInfo,
@@ -118,7 +119,7 @@ function PiiFormFields({
           __source: {
             fileName: _jsxFileName,
             lineNumber: 81,
-            columnNumber: 27
+            columnNumber: 25
           }
         })
       },
@@ -126,21 +127,21 @@ function PiiFormFields({
       __source: {
         fileName: _jsxFileName,
         lineNumber: 77,
-        columnNumber: 21
+        columnNumber: 19
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
       lineNumber: 68,
-      columnNumber: 15
+      columnNumber: 13
     }
   })))), isPiiLocked && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
       lineNumber: 99,
-      columnNumber: 11
+      columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "small",
@@ -149,7 +150,7 @@ function PiiFormFields({
     __source: {
       fileName: _jsxFileName,
       lineNumber: 100,
-      columnNumber: 13
+      columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
     i18nKey: translateKeys.toggleEditNote,
@@ -157,24 +158,32 @@ function PiiFormFields({
     __source: {
       fileName: _jsxFileName,
       lineNumber: 101,
-      columnNumber: 15
+      columnNumber: 13
     }
-  })))), containsPii.value && piiWarning && /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
-    span: 12,
+  }))), piiWarning && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    marginTop: "12px",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 106,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SectionHelper, {
     dataHook: "custom-field-modal-pii-warning",
     skin: "warning",
     showPrefixIcon: true,
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.StatusWarningSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 111,
+        columnNumber: 25
+      }
+    }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 107,
       columnNumber: 11
     }
   }, piiWarning.text, ' ', piiWarning.action && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_Trans","_useBmHarmonyTheme","_CustomFieldFormPiiFieldsStCss","_jsxFileName","PiiFormFields","containsPii","mode","canChangePii","language","piiWarning","translate","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","tooltipTextSize","translateKeys","toggleName","toggleInfo","toggleEditNote","whyIsItImportantLink","isPiiLocked","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 { useWixPatternsContainer } from '@wix/bex-core/react';\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  canChangePii?: boolean;\n  language: string;\n  /** Shown only while the toggle is on. */\n  piiWarning?: FieldPiiWarning;\n}\n\nexport function PiiFormFields({\n  containsPii,\n  mode,\n  canChangePii = mode !== 'edit',\n  language,\n  piiWarning,\n}: PiiFormFieldsProps) {\n  const { translate } = useWixPatternsContainer();\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 isPiiLocked = mode === 'edit' && !canChangePii;\n\n  return (\n    <>\n      <Cell span={12}>\n        <FormField>\n          <Box gap=\"9px\" marginBlockEnd={isPiiLocked ? '6px' : undefined}>\n            <ToggleSwitch\n              dataHook=\"pii-toggle-switch\"\n              aria-label={translate(translateKeys.toggleName)}\n              size=\"medium\"\n              disabled={!canChangePii}\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        {isPiiLocked && (\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","_lazy","_react2","_Trans","_useBmHarmonyTheme","_CustomFieldFormPiiFieldsStCss","_jsxFileName","PiiFormFields","containsPii","mode","canChangePii","language","piiWarning","translate","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","tooltipTextSize","translateKeys","toggleName","toggleInfo","toggleEditNote","whyIsItImportantLink","isPiiLocked","default","createElement","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","marginTop","SectionHelper","showPrefixIcon","prefixIcon","StatusWarningSmall","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 { StatusWarningSmall } from '@wix/wix-ui-icons-common/lazy';\nimport type { FieldPiiWarning } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\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  canChangePii?: boolean;\n  language: string;\n  /** Shown only while the toggle is on. */\n  piiWarning?: FieldPiiWarning;\n}\n\nexport function PiiFormFields({\n  containsPii,\n  mode,\n  canChangePii = mode !== 'edit',\n  language,\n  piiWarning,\n}: PiiFormFieldsProps) {\n  const { translate } = useWixPatternsContainer();\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 isPiiLocked = mode === 'edit' && !canChangePii;\n\n  return (\n    <Cell span={12}>\n      <FormField>\n        <Box gap=\"9px\" marginBlockEnd={isPiiLocked ? '6px' : undefined}>\n          <ToggleSwitch\n            dataHook=\"pii-toggle-switch\"\n            aria-label={translate(translateKeys.toggleName)}\n            size=\"medium\"\n            disabled={!canChangePii}\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      {isPiiLocked && (\n        <Box>\n          <Text size=\"small\" dataHook=\"pii-toggle-edit-note\">\n            <Trans i18nKey={translateKeys.toggleEditNote} />\n          </Text>\n        </Box>\n      )}\n      {piiWarning && (\n        <Box marginTop=\"12px\">\n          <SectionHelper\n            dataHook=\"custom-field-modal-pii-warning\"\n            skin=\"warning\"\n            showPrefixIcon\n            prefixIcon={<StatusWarningSmall />}\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        </Box>\n      )}\n    </Cell>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.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_ = "CustomFieldFormPiiFields989464933";
+var _namespace_ = "CustomFieldFormPiiFields4233075952";
 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": "CustomFieldFormPiiFields989464933__root",
-  "tooltipText": "CustomFieldFormPiiFields989464933__tooltipText"
+  "root": "CustomFieldFormPiiFields4233075952__root",
+  "tooltipText": "CustomFieldFormPiiFields4233075952__tooltipText"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.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/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldFormPiiFields989464933\";\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\":\"CustomFieldFormPiiFields989464933__root\",\"tooltipText\":\"CustomFieldFormPiiFields989464933__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":[]}
+{"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_ = \"CustomFieldFormPiiFields4233075952\";\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\":\"CustomFieldFormPiiFields4233075952__root\",\"tooltipText\":\"CustomFieldFormPiiFields4233075952__tooltipText\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-tooltip-label-font-line-height-medium\":\"--wds-tooltip-label-font-line-height-medium\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-font-line-height-body-tiny\":\"--wds-font-line-height-body-tiny\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0CAA0C;EAAC,aAAa,EAAC;AAAiD,CAAC;AACjI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,2CAA2C,EAAC,6CAA6C;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC;AAA8B,CAAC","ignoreList":[]}

package/dist/cjs/components/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_ = "DragHandle480386188";
+var _namespace_ = "DragHandle3537939762";
 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": "DragHandle480386188__root"
+  "root": "DragHandle3537939762__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_ = \"DragHandle480386188\";\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\":\"DragHandle480386188__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_ = \"DragHandle3537939762\";\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\":\"DragHandle3537939762__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.js

@@ -36,7 +36,6 @@ function _EditableCell({
   const isRowActive = cellInteraction.isRowActive(rowKey);
   const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);
   const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);
-  const isEditable = state.isCellEditable(rowKey, columnId);
   const canEdit = state.canEditCell(rowKey, columnId);
   const handleClick = (0, _react.useCallback)(e => {
     e.stopPropagation();
@@ -151,7 +150,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 168,
+      lineNumber: 167,
       columnNumber: 5
     }
   }) : /*#__PURE__*/_react.default.createElement(ViewComponent, {
@@ -164,7 +163,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 186,
+      lineNumber: 185,
       columnNumber: 5
     }
   });
@@ -181,7 +180,7 @@ function _EditableCell({
       rowActive: isRowActive,
       rangeSelected: isSelected && isRangeSelection,
       invalid: !cellValidation.valid,
-      readOnly: !isEditable,
+      readOnly: !canEdit,
       showEditWhenFocused: !!resolved.showEditWhenFocused,
       growable: !!resolved.growable,
       selectionTop: isRangeSelection && selectionBorder.top,
@@ -199,7 +198,7 @@ function _EditableCell({
     onKeyDown: cellKeyboard.onKeyDown,
     role: "gridcell",
     "aria-selected": isSelected,
-    "aria-readonly": !isEditable,
+    "aria-readonly": !canEdit,
     "aria-invalid": !cellValidation.valid || undefined,
     tabIndex: isFocused ? 0 : -1,
     "data-row-key": rowKey,
@@ -208,7 +207,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 202,
+      lineNumber: 201,
       columnNumber: 7
     }
   }, EditWrapper ? /*#__PURE__*/_react.default.createElement(EditWrapper, {
@@ -218,7 +217,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 237,
+      lineNumber: 236,
       columnNumber: 11
     }
   }, cellContent) : cellContent), showErrorMessage && /*#__PURE__*/_react.default.createElement("div", {
@@ -229,7 +228,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 249,
+      lineNumber: 248,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -238,7 +237,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 255,
+      lineNumber: 254,
       columnNumber: 11
     }
   }, (_cellValidation$error = cellValidation.errors) == null ? void 0 : _cellValidation$error.join(', '))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_useBmHarmonyTheme","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","onFocus","_cellValidation$error","cellInteraction","clipboard","isBmHarmonyTheme","useBmHarmonyTheme","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","canEdit","canEditCell","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","saveRow","mutation","isLocalNewRow","cellValue","flushRow","handleChange","newValue","toggleValue","toggleCell","startEdit","setEditingValue","pressedOtherCellRef","useEffect","handlePointerDown","_e$target","pressedCell","target","closest","current","clearPress","document","addEventListener","removeEventListener","handleCommit","wasEditing","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","Fragment","ref","className","st","classes","root","harmony","editing","focused","rowActive","rangeSelected","invalid","readOnly","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","errorMessage","Text","size","skin","errors","join","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Text } from '@wix/design-system';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n  onFocus?: () => void;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n  onFocus,\n}: EditableCellProps<T, F>) {\n  const { cellInteraction, clipboard } = state;\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const cellRef = useRef<HTMLDivElement | null>(null);\n  const editInputRef = useRef<Focusable>();\n\n  const column = state._columnMap.get(columnId);\n  const keyedItem = state._getKeyedItem(rowKey);\n  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n  const value = state.getCellDisplayValue(rowKey, columnId);\n  const cellValidation = state.getCellValidation(rowKey, columnId);\n\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n  const isRangeSelection = cellInteraction.isRangeSelection;\n  const isRowActive = cellInteraction.isRowActive(rowKey);\n  const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n  const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n  const isEditable = state.isCellEditable(rowKey, columnId);\n  const canEdit = state.canEditCell(rowKey, columnId);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      state.handleCellClick(rowKey, columnId, e.shiftKey);\n    },\n    [state, rowKey, columnId],\n  );\n\n  const handleDoubleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      state.handleCellDoubleClick(rowKey, columnId);\n    },\n    [state, rowKey, columnId],\n  );\n\n  // Local new rows still create when focus leaves them, so a half-filled row\n  // is not created.\n  const saveRow = useCallback(() => {\n    if (!state.mutation.isLocalNewRow(rowKey)) {\n      state.cellValue.flushRow(rowKey);\n    }\n  }, [state, rowKey]);\n\n  // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n  // in select). startEdit resets editingValue, so it must come before setEditingValue.\n  // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n  const handleChange = useCallback(\n    (newValue: any) => {\n      // A checkbox click is a toggle, same as Enter on the cell. Starting an\n      // edit here would report that click as Enter. In edit mode (keyboard)\n      // the new value goes through editingValue, so commitEdit reports it once.\n      if (resolved?.toggleValue && !cellInteraction.isEditing) {\n        state.cellValue.toggleCell(rowKey, columnId);\n        saveRow();\n        return;\n      }\n      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId, 'enter');\n      }\n      cellInteraction.setEditingValue(newValue);\n    },\n    [resolved, state, cellInteraction, rowKey, columnId, saveRow],\n  );\n\n  // A mouse press on another cell blurs this editor, which commits, before the\n  // click moves focus. That commit only buffers the value; the row saves when\n  // focus leaves it, same as Tab. The flag clears on click, not pointerup:\n  // on touch, the blur comes after pointerup.\n  const pressedOtherCellRef = useRef(false);\n  useEffect(() => {\n    if (!isEditing) {\n      return;\n    }\n    const handlePointerDown = (e: PointerEvent) => {\n      const pressedCell = (e.target as Element | null)?.closest?.(\n        '[role=\"gridcell\"]',\n      );\n      pressedOtherCellRef.current =\n        !!pressedCell && pressedCell !== cellRef.current;\n    };\n    // A key press clears it too, so a press that never became a click\n    // cannot stop the next Enter from saving.\n    const clearPress = () => {\n      pressedOtherCellRef.current = false;\n    };\n    document.addEventListener('pointerdown', handlePointerDown, true);\n    document.addEventListener('click', clearPress, true);\n    document.addEventListener('keydown', clearPress, true);\n    return () => {\n      document.removeEventListener('pointerdown', handlePointerDown, true);\n      document.removeEventListener('click', clearPress, true);\n      document.removeEventListener('keydown', clearPress, true);\n      pressedOtherCellRef.current = false;\n    };\n  }, [isEditing]);\n\n  // An editor commits on Enter or when the user picks a value — save the row\n  // now. Focus moves commit through the framework, so this cell is no longer\n  // editing by then and the row saves when focus leaves it.\n  const handleCommit = useCallback(() => {\n    const wasEditing = cellInteraction.isCellEditing(rowKey, columnId);\n    cellInteraction.commitEdit();\n    if (wasEditing && !pressedOtherCellRef.current) {\n      saveRow();\n    }\n  }, [cellInteraction, rowKey, columnId, saveRow]);\n\n  const handleCancel = useCallback(\n    () => cellInteraction.cancelEdit(),\n    [cellInteraction],\n  );\n\n  const handleStartEdit = useCallback(() => {\n    if (!cellInteraction.isEditing) {\n      cellInteraction.startEdit(rowKey, columnId);\n    }\n  }, [cellInteraction, rowKey, columnId]);\n\n  const cellKeyboard = useCellFocusAndEditing({\n    state,\n    rowKey,\n    columnId,\n    cellRef,\n    editInputRef,\n  });\n\n  if (!column || !keyedItem || !resolved) {\n    return null;\n  }\n\n  const { ViewComponent, EditComponent } = resolved;\n  const showErrorMessage = !cellValidation.valid && (isFocused || isEditing);\n\n  const showEdit =\n    (isEditing ||\n      (isFocused &&\n        canEdit &&\n        (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n    EditComponent;\n\n  const cellContent = showEdit ? (\n    <EditComponent\n      value={\n        cellInteraction.editingValue !== undefined\n          ? cellInteraction.editingValue\n          : value\n      }\n      onChange={handleChange}\n      onCommit={handleCommit}\n      onCancel={handleCancel}\n      onStartEdit={handleStartEdit}\n      inputRef={editInputRef}\n      typeConfig={column.typeConfig}\n      editTrigger={cellInteraction.editTrigger}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n    />\n  ) : (\n    <ViewComponent\n      value={value}\n      typeConfig={column.typeConfig}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n      isEditable={canEdit}\n    />\n  );\n\n  // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n  // swap, so it can own behavior that must outlive the inline editor.\n  const EditWrapper = resolved.EditWrapper;\n\n  return (\n    <>\n      <div\n        ref={cellRef}\n        className={st(classes.root, {\n          harmony: isBmHarmonyTheme,\n          editing: isEditing,\n          focused: isFocused,\n          rowActive: isRowActive,\n          rangeSelected: isSelected && isRangeSelection,\n          invalid: !cellValidation.valid,\n          readOnly: !isEditable,\n          showEditWhenFocused: !!resolved.showEditWhenFocused,\n          growable: !!resolved.growable,\n          selectionTop: isRangeSelection && selectionBorder.top,\n          selectionBottom: isRangeSelection && selectionBorder.bottom,\n          selectionLeft: isRangeSelection && selectionBorder.left,\n          selectionRight: isRangeSelection && selectionBorder.right,\n          copiedTop: copiedBorder.top,\n          copiedBottom: copiedBorder.bottom,\n          copiedLeft: copiedBorder.left,\n          copiedRight: copiedBorder.right,\n        })}\n        onClick={handleClick}\n        onDoubleClick={handleDoubleClick}\n        onFocus={onFocus}\n        onKeyDown={cellKeyboard.onKeyDown}\n        role=\"gridcell\"\n        aria-selected={isSelected}\n        aria-readonly={!isEditable}\n        aria-invalid={!cellValidation.valid || undefined}\n        tabIndex={isFocused ? 0 : -1}\n        data-row-key={rowKey}\n        data-column-id={columnId}\n        data-editing={isEditing || undefined}\n      >\n        {EditWrapper ? (\n          <EditWrapper\n            typeConfig={column.typeConfig}\n            columnId={columnId}\n            rowKey={rowKey}\n          >\n            {cellContent}\n          </EditWrapper>\n        ) : (\n          cellContent\n        )}\n      </div>\n      {showErrorMessage && (\n        <div\n          className={classes.errorMessage}\n          data-hook=\"cell-error-message\"\n          data-row-key={rowKey}\n          data-column-id={columnId}\n        >\n          <Text size=\"small\" skin=\"error\">\n            {cellValidation.errors?.join(', ')}\n          </Text>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_useBmHarmonyTheme","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","onFocus","_cellValidation$error","cellInteraction","clipboard","isBmHarmonyTheme","useBmHarmonyTheme","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","canEdit","canEditCell","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","saveRow","mutation","isLocalNewRow","cellValue","flushRow","handleChange","newValue","toggleValue","toggleCell","startEdit","setEditingValue","pressedOtherCellRef","useEffect","handlePointerDown","_e$target","pressedCell","target","closest","current","clearPress","document","addEventListener","removeEventListener","handleCommit","wasEditing","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","isEditable","EditWrapper","Fragment","ref","className","st","classes","root","harmony","editing","focused","rowActive","rangeSelected","invalid","readOnly","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","errorMessage","Text","size","skin","errors","join","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Text } from '@wix/design-system';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n  onFocus?: () => void;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n  onFocus,\n}: EditableCellProps<T, F>) {\n  const { cellInteraction, clipboard } = state;\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const cellRef = useRef<HTMLDivElement | null>(null);\n  const editInputRef = useRef<Focusable>();\n\n  const column = state._columnMap.get(columnId);\n  const keyedItem = state._getKeyedItem(rowKey);\n  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n  const value = state.getCellDisplayValue(rowKey, columnId);\n  const cellValidation = state.getCellValidation(rowKey, columnId);\n\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n  const isRangeSelection = cellInteraction.isRangeSelection;\n  const isRowActive = cellInteraction.isRowActive(rowKey);\n  const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n  const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n  const canEdit = state.canEditCell(rowKey, columnId);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      state.handleCellClick(rowKey, columnId, e.shiftKey);\n    },\n    [state, rowKey, columnId],\n  );\n\n  const handleDoubleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      state.handleCellDoubleClick(rowKey, columnId);\n    },\n    [state, rowKey, columnId],\n  );\n\n  // Local new rows still create when focus leaves them, so a half-filled row\n  // is not created.\n  const saveRow = useCallback(() => {\n    if (!state.mutation.isLocalNewRow(rowKey)) {\n      state.cellValue.flushRow(rowKey);\n    }\n  }, [state, rowKey]);\n\n  // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n  // in select). startEdit resets editingValue, so it must come before setEditingValue.\n  // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n  const handleChange = useCallback(\n    (newValue: any) => {\n      // A checkbox click is a toggle, same as Enter on the cell. Starting an\n      // edit here would report that click as Enter. In edit mode (keyboard)\n      // the new value goes through editingValue, so commitEdit reports it once.\n      if (resolved?.toggleValue && !cellInteraction.isEditing) {\n        state.cellValue.toggleCell(rowKey, columnId);\n        saveRow();\n        return;\n      }\n      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId, 'enter');\n      }\n      cellInteraction.setEditingValue(newValue);\n    },\n    [resolved, state, cellInteraction, rowKey, columnId, saveRow],\n  );\n\n  // A mouse press on another cell blurs this editor, which commits, before the\n  // click moves focus. That commit only buffers the value; the row saves when\n  // focus leaves it, same as Tab. The flag clears on click, not pointerup:\n  // on touch, the blur comes after pointerup.\n  const pressedOtherCellRef = useRef(false);\n  useEffect(() => {\n    if (!isEditing) {\n      return;\n    }\n    const handlePointerDown = (e: PointerEvent) => {\n      const pressedCell = (e.target as Element | null)?.closest?.(\n        '[role=\"gridcell\"]',\n      );\n      pressedOtherCellRef.current =\n        !!pressedCell && pressedCell !== cellRef.current;\n    };\n    // A key press clears it too, so a press that never became a click\n    // cannot stop the next Enter from saving.\n    const clearPress = () => {\n      pressedOtherCellRef.current = false;\n    };\n    document.addEventListener('pointerdown', handlePointerDown, true);\n    document.addEventListener('click', clearPress, true);\n    document.addEventListener('keydown', clearPress, true);\n    return () => {\n      document.removeEventListener('pointerdown', handlePointerDown, true);\n      document.removeEventListener('click', clearPress, true);\n      document.removeEventListener('keydown', clearPress, true);\n      pressedOtherCellRef.current = false;\n    };\n  }, [isEditing]);\n\n  // An editor commits on Enter or when the user picks a value — save the row\n  // now. Focus moves commit through the framework, so this cell is no longer\n  // editing by then and the row saves when focus leaves it.\n  const handleCommit = useCallback(() => {\n    const wasEditing = cellInteraction.isCellEditing(rowKey, columnId);\n    cellInteraction.commitEdit();\n    if (wasEditing && !pressedOtherCellRef.current) {\n      saveRow();\n    }\n  }, [cellInteraction, rowKey, columnId, saveRow]);\n\n  const handleCancel = useCallback(\n    () => cellInteraction.cancelEdit(),\n    [cellInteraction],\n  );\n\n  const handleStartEdit = useCallback(() => {\n    if (!cellInteraction.isEditing) {\n      cellInteraction.startEdit(rowKey, columnId);\n    }\n  }, [cellInteraction, rowKey, columnId]);\n\n  const cellKeyboard = useCellFocusAndEditing({\n    state,\n    rowKey,\n    columnId,\n    cellRef,\n    editInputRef,\n  });\n\n  if (!column || !keyedItem || !resolved) {\n    return null;\n  }\n\n  const { ViewComponent, EditComponent } = resolved;\n  const showErrorMessage = !cellValidation.valid && (isFocused || isEditing);\n\n  const showEdit =\n    (isEditing ||\n      (isFocused &&\n        canEdit &&\n        (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n    EditComponent;\n\n  const cellContent = showEdit ? (\n    <EditComponent\n      value={\n        cellInteraction.editingValue !== undefined\n          ? cellInteraction.editingValue\n          : value\n      }\n      onChange={handleChange}\n      onCommit={handleCommit}\n      onCancel={handleCancel}\n      onStartEdit={handleStartEdit}\n      inputRef={editInputRef}\n      typeConfig={column.typeConfig}\n      editTrigger={cellInteraction.editTrigger}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n    />\n  ) : (\n    <ViewComponent\n      value={value}\n      typeConfig={column.typeConfig}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n      isEditable={canEdit}\n    />\n  );\n\n  // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n  // swap, so it can own behavior that must outlive the inline editor.\n  const EditWrapper = resolved.EditWrapper;\n\n  return (\n    <>\n      <div\n        ref={cellRef}\n        className={st(classes.root, {\n          harmony: isBmHarmonyTheme,\n          editing: isEditing,\n          focused: isFocused,\n          rowActive: isRowActive,\n          rangeSelected: isSelected && isRangeSelection,\n          invalid: !cellValidation.valid,\n          readOnly: !canEdit,\n          showEditWhenFocused: !!resolved.showEditWhenFocused,\n          growable: !!resolved.growable,\n          selectionTop: isRangeSelection && selectionBorder.top,\n          selectionBottom: isRangeSelection && selectionBorder.bottom,\n          selectionLeft: isRangeSelection && selectionBorder.left,\n          selectionRight: isRangeSelection && selectionBorder.right,\n          copiedTop: copiedBorder.top,\n          copiedBottom: copiedBorder.bottom,\n          copiedLeft: copiedBorder.left,\n          copiedRight: copiedBorder.right,\n        })}\n        onClick={handleClick}\n        onDoubleClick={handleDoubleClick}\n        onFocus={onFocus}\n        onKeyDown={cellKeyboard.onKeyDown}\n        role=\"gridcell\"\n        aria-selected={isSelected}\n        aria-readonly={!canEdit}\n        aria-invalid={!cellValidation.valid || undefined}\n        tabIndex={isFocused ? 0 : -1}\n        data-row-key={rowKey}\n        data-column-id={columnId}\n        data-editing={isEditing || undefined}\n      >\n        {EditWrapper ? (\n          <EditWrapper\n            typeConfig={column.typeConfig}\n            columnId={columnId}\n            rowKey={rowKey}\n          >\n            {cellContent}\n          </EditWrapper>\n        ) : (\n          cellContent\n        )}\n      </div>\n      {showErrorMessage && (\n        <div\n          className={classes.errorMessage}\n          data-hook=\"cell-error-message\"\n          data-row-key={rowKey}\n          data-column-id={columnId}\n        >\n          <Text size=\"small\" skin=\"error\">\n            {cellValidation.errors?.join(', ')}\n          </Text>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","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_ = "EditableCell1509611630";
+var _namespace_ = "EditableCell3365856660";
 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": "EditableCell1509611630__root",
-  "errorMessage": "EditableCell1509611630__errorMessage"
+  "root": "EditableCell3365856660__root",
+  "errorMessage": "EditableCell3365856660__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_ = \"EditableCell1509611630\";\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\":\"EditableCell1509611630__root\",\"errorMessage\":\"EditableCell1509611630__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\",\"wds-input-value-font-size-small\":\"--wds-input-value-font-size-small\",\"wds-input-value-font-line-height-small\":\"--wds-input-value-font-line-height-small\",\"wds-font-size-body-small\":\"--wds-font-size-body-small\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wsr-text-font-size-small\":\"--wsr-text-font-size-small\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\",\"wds-input-padding-horizontal-small\":\"--wds-input-padding-horizontal-small\"}; \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,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,oCAAoC,EAAC;AAAsC,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_ = \"EditableCell3365856660\";\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\":\"EditableCell3365856660__root\",\"errorMessage\":\"EditableCell3365856660__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\",\"wds-input-value-font-size-small\":\"--wds-input-value-font-size-small\",\"wds-input-value-font-line-height-small\":\"--wds-input-value-font-line-height-small\",\"wds-font-size-body-small\":\"--wds-font-size-body-small\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wsr-text-font-size-small\":\"--wsr-text-font-size-small\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\",\"wds-input-padding-horizontal-small\":\"--wds-input-padding-horizontal-small\"}; \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,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}