@wix/patterns 1.370.0 → 1.372.0

package/dist/cjs/components/CustomColumnsPanel/FieldIndications.js

@@ -0,0 +1,160 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FieldIndications = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react2 = require("@wix/bex-core/react");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/FieldIndications.tsx";
+function _FieldIndications({
+  column
+}) {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    isPii,
+    isPrimary,
+    isSystem,
+    dataExtension
+  } = column;
+  const isDataExtension = !!dataExtension;
+  const isNonEditableAppField = !isSystem && isDataExtension && !(dataExtension != null && dataExtension.editable);
+  const isEditableAppField = !isSystem && isDataExtension && (dataExtension == null ? void 0 : dataExtension.editable);
+  const hasAny = isPii || isPrimary || isSystem || isDataExtension;
+  if (!hasAny) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP1",
+    verticalAlign: "middle",
+    inline: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 5
+    }
+  }, isPii && /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    key: "pii",
+    content: t('cairo.table.custom-columns.indication.pii.tooltip'),
+    appendTo: "window",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "center",
+    verticalAlign: "middle",
+    color: "G10",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LockLockedFilledSmall, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 13
+    }
+  }))), isPrimary && /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    key: "primary",
+    content: t('cairo.table.custom-columns.indication.primary.tooltip'),
+    appendTo: "window",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 43,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "center",
+    verticalAlign: "middle",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 48,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.FlagFilledSmall, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 49,
+      columnNumber: 13
+    }
+  }))), isSystem && /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    key: "system",
+    content: t('cairo.table.custom-columns.indication.system.tooltip'),
+    appendTo: "window",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Badge, {
+    size: "tiny",
+    skin: "neutralLight",
+    type: "outlined",
+    uppercase: false,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 11
+    }
+  }, t('cairo.table.custom-columns.indication.system'))), isNonEditableAppField && /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    key: "app",
+    content: t('cairo.table.custom-columns.indication.app.tooltip'),
+    appendTo: "window",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 70,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Badge, {
+    size: "tiny",
+    skin: "neutralLight",
+    type: "outlined",
+    uppercase: false,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 75,
+      columnNumber: 11
+    }
+  }, t('cairo.table.custom-columns.indication.app'))), isEditableAppField && /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    key: "user",
+    content: t('cairo.table.custom-columns.indication.user.tooltip'),
+    appendTo: "window",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 86,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Badge, {
+    size: "tiny",
+    skin: "neutralLight",
+    type: "outlined",
+    uppercase: false,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 91,
+      columnNumber: 11
+    }
+  }, t('cairo.table.custom-columns.indication.user'))));
+}
+const FieldIndications = exports.FieldIndications = (0, _mobxReactLite.observer)(_FieldIndications);
+//# sourceMappingURL=FieldIndications.js.map

package/dist/cjs/components/CustomColumnsPanel/FieldIndications.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_react2","_mobxReactLite","_jsxFileName","_FieldIndications","column","translate","t","useWixPatternsContainer","isPii","isPrimary","isSystem","dataExtension","isDataExtension","isNonEditableAppField","editable","isEditableAppField","hasAny","default","createElement","Box","gap","verticalAlign","inline","__self","__source","fileName","lineNumber","columnNumber","Tooltip","key","content","appendTo","align","color","LockLockedFilledSmall","FlagFilledSmall","Badge","size","skin","type","uppercase","FieldIndications","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/FieldIndications.tsx"],"sourcesContent":["import React from 'react';\nimport { Badge, Box, Tooltip } from '@wix/design-system';\nimport {\n  LockLockedFilledSmall,\n  FlagFilledSmall,\n} from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { Column } from '../../model';\n\nexport interface FieldIndicationsProps {\n  column: Column;\n}\n\nfunction _FieldIndications({ column }: FieldIndicationsProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const { isPii, isPrimary,isSystem, dataExtension } = column;\n  const isDataExtension = !!dataExtension;\n  const isNonEditableAppField =\n    !isSystem && isDataExtension && !dataExtension?.editable;\n  const isEditableAppField =\n    !isSystem && isDataExtension && dataExtension?.editable;\n\n  const hasAny = isPii || isPrimary || isSystem || isDataExtension;\n  if (!hasAny) {\n    return null;\n  }\n\n  return (\n    <Box gap=\"SP1\" verticalAlign=\"middle\" inline>\n      {isPii && (\n        <Tooltip\n          key=\"pii\"\n          content={t('cairo.table.custom-columns.indication.pii.tooltip')}\n          appendTo=\"window\"\n        >\n          <Box align=\"center\" verticalAlign=\"middle\" color=\"G10\">\n            <LockLockedFilledSmall />\n          </Box>\n        </Tooltip>\n      )}\n      {isPrimary && (\n        <Tooltip\n          key=\"primary\"\n          content={t('cairo.table.custom-columns.indication.primary.tooltip')}\n          appendTo=\"window\"\n        >\n          <Box align=\"center\" verticalAlign=\"middle\">\n            <FlagFilledSmall />\n          </Box>\n        </Tooltip>\n      )}\n      {isSystem && (\n        <Tooltip\n          key=\"system\"\n          content={t('cairo.table.custom-columns.indication.system.tooltip')}\n          appendTo=\"window\"\n        >\n          <Badge\n            size=\"tiny\"\n            skin=\"neutralLight\"\n            type=\"outlined\"\n            uppercase={false}\n          >\n            {t('cairo.table.custom-columns.indication.system')}\n          </Badge>\n        </Tooltip>\n      )}\n      {isNonEditableAppField && (\n        <Tooltip\n          key=\"app\"\n          content={t('cairo.table.custom-columns.indication.app.tooltip')}\n          appendTo=\"window\"\n        >\n          <Badge\n            size=\"tiny\"\n            skin=\"neutralLight\"\n            type=\"outlined\"\n            uppercase={false}\n          >\n            {t('cairo.table.custom-columns.indication.app')}\n          </Badge>\n        </Tooltip>\n      )}\n      {isEditableAppField && (\n        <Tooltip\n          key=\"user\"\n          content={t('cairo.table.custom-columns.indication.user.tooltip')}\n          appendTo=\"window\"\n        >\n          <Badge\n            size=\"tiny\"\n            skin=\"neutralLight\"\n            type=\"outlined\"\n            uppercase={false}\n          >\n            {t('cairo.table.custom-columns.indication.user')}\n          </Badge>\n        </Tooltip>\n      )}\n    </Box>\n  );\n}\n\nexport const FieldIndications = observer(_FieldIndications);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton.js

@@ -35,14 +35,6 @@ function CustomColumnsEditCustomFieldCTAButton({
       lineNumber: 20,
       columnNumber: 7
     }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    paddingInlineEnd: "12px",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 26,
-      columnNumber: 7
-    }
   }));
 }
 //# sourceMappingURL=CustomColumnsEditCustomFieldCTAButton.js.map

package/dist/cjs/components/CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ToolbarCollectionContext","_designSystem","_ManageFieldsPopoverMenu","_jsxFileName","CustomColumnsEditCustomFieldCTAButton","field","_toolbar$collectionDa","toolbar","useToolbarCollectionContext","state","collectionDataExtension","customFieldsPanel","dataExtension","disableUserDefinedWriting","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","ManageFieldsPopoverMenu","id","origin","location","paddingInlineEnd"],"sources":["../../../../src/components/CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton.tsx"],"sourcesContent":["import React from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { Box } from '@wix/design-system';\nimport { ManageFieldsPopoverMenu } from './ManageFieldsPopoverMenu';\n\nexport function CustomColumnsEditCustomFieldCTAButton({\n  field,\n}: {\n  field: { id: string };\n}) {\n  const toolbar = useToolbarCollectionContext();\n  const state = toolbar.collectionDataExtension?.customFieldsPanel;\n\n  if (!state || state.dataExtension.disableUserDefinedWriting) {\n    return null;\n  }\n\n  return (\n    <Box>\n      <ManageFieldsPopoverMenu\n        state={state}\n        id={field.id}\n        origin=\"Custom columns panel\"\n        location=\"Customize columns action cell\"\n      />\n      <Box paddingInlineEnd=\"12px\" />\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AAAoE,IAAAI,YAAA;AAE7D,SAASC,qCAAqCA,CAAC;EACpDC;AAGF,CAAC,EAAE;EAAA,IAAAC,qBAAA;EACD,MAAMC,OAAO,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC7C,MAAMC,KAAK,IAAAH,qBAAA,GAAGC,OAAO,CAACG,uBAAuB,qBAA/BJ,qBAAA,CAAiCK,iBAAiB;EAEhE,IAAI,CAACF,KAAK,IAAIA,KAAK,CAACG,aAAa,CAACC,yBAAyB,EAAE;IAC3D,OAAO,IAAI;EACb;EAEA,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFxB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,wBAAA,CAAAoB,uBAAuB;IACtBb,KAAK,EAAEA,KAAM;IACbc,EAAE,EAAElB,KAAK,CAACkB,EAAG;IACbC,MAAM,EAAC,sBAAsB;IAC7BC,QAAQ,EAAC,+BAA+B;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzC,CAAC,eACFxB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAACU,gBAAgB,EAAC,MAAM;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC3B,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ToolbarCollectionContext","_designSystem","_ManageFieldsPopoverMenu","_jsxFileName","CustomColumnsEditCustomFieldCTAButton","field","_toolbar$collectionDa","toolbar","useToolbarCollectionContext","state","collectionDataExtension","customFieldsPanel","dataExtension","disableUserDefinedWriting","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","ManageFieldsPopoverMenu","id","origin","location"],"sources":["../../../../src/components/CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton.tsx"],"sourcesContent":["import React from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { Box } from '@wix/design-system';\nimport { ManageFieldsPopoverMenu } from './ManageFieldsPopoverMenu';\n\nexport function CustomColumnsEditCustomFieldCTAButton({\n  field,\n}: {\n  field: { id: string };\n}) {\n  const toolbar = useToolbarCollectionContext();\n  const state = toolbar.collectionDataExtension?.customFieldsPanel;\n\n  if (!state || state.dataExtension.disableUserDefinedWriting) {\n    return null;\n  }\n\n  return (\n    <Box>\n      <ManageFieldsPopoverMenu\n        state={state}\n        id={field.id}\n        origin=\"Custom columns panel\"\n        location=\"Customize columns action cell\"\n      />\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AAAoE,IAAAI,YAAA;AAE7D,SAASC,qCAAqCA,CAAC;EACpDC;AAGF,CAAC,EAAE;EAAA,IAAAC,qBAAA;EACD,MAAMC,OAAO,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC7C,MAAMC,KAAK,IAAAH,qBAAA,GAAGC,OAAO,CAACG,uBAAuB,qBAA/BJ,qBAAA,CAAiCK,iBAAiB;EAEhE,IAAI,CAACF,KAAK,IAAIA,KAAK,CAACG,aAAa,CAACC,yBAAyB,EAAE;IAC3D,OAAO,IAAI;EACb;EAEA,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFxB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,wBAAA,CAAAoB,uBAAuB;IACtBb,KAAK,EAAEA,KAAM;IACbc,EAAE,EAAElB,KAAK,CAACkB,EAAG;IACbC,MAAM,EAAC,sBAAsB;IAC7BC,QAAQ,EAAC,+BAA+B;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzC,CACE,CAAC;AAEV","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_ = "DragHandle2165418528";
+var _namespace_ = "DragHandle4278266936";
 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": "DragHandle2165418528__root"
+  "root": "DragHandle4278266936__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_ = \"DragHandle2165418528\";\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\":\"DragHandle2165418528__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle4278266936\";\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\":\"DragHandle4278266936__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

@@ -41,7 +41,16 @@ function _EditableCell({
     e.stopPropagation();
     state.handleCellDoubleClick(rowKey, columnId);
   }, [state, rowKey, columnId]);
-  const handleChange = (0, _react.useCallback)(newValue => cellInteraction.setEditingValue(newValue), [cellInteraction]);
+
+  // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked
+  // in select). startEdit resets editingValue, so it must come before setEditingValue.
+  // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.
+  const handleChange = (0, _react.useCallback)(newValue => {
+    if (!cellInteraction.isEditing) {
+      cellInteraction.startEdit(rowKey, columnId, 'enter');
+    }
+    cellInteraction.setEditingValue(newValue);
+  }, [cellInteraction, rowKey, columnId]);
   const handleCommit = (0, _react.useCallback)(() => cellInteraction.commitEdit(), [cellInteraction]);
   const handleCancel = (0, _react.useCallback)(() => cellInteraction.cancelEdit(), [cellInteraction]);
   const cellKeyboard = (0, _useCellFocusAndEditing.useCellFocusAndEditing)({
@@ -91,7 +100,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
+      lineNumber: 96,
       columnNumber: 5
     }
   }, showValidationIndicator && /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -100,7 +109,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 125,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -108,7 +117,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 126,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusWarningFilledSmall, {
@@ -116,7 +125,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
+      lineNumber: 127,
       columnNumber: 13
     }
   }))), showEdit ? /*#__PURE__*/_react.default.createElement(EditComponent, {
@@ -130,7 +139,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 132,
       columnNumber: 9
     }
   }) : /*#__PURE__*/_react.default.createElement(ViewComponent, {
@@ -139,7 +148,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 142,
       columnNumber: 9
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_EditableCellStCss","_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","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellType","cellType","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","handleCellDoubleClick","handleChange","newValue","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","editingValue","showValidationIndicator","valid","showEdit","createElement","ref","className","st","classes","root","editing","focused","selected","invalid","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","undefined","tabIndex","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","errors","join","appendTo","StatusWarningFilledSmall","validationIndicator","onChange","onCommit","onCancel","inputRef","typeConfig","editTrigger","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Tooltip } from '@wix/design-system';\nimport { StatusWarningFilledSmall } from '@wix/wix-ui-icons-common';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n}: EditableCellProps<T, F>) {\n  const { cellInteraction, clipboard } = state;\n  const cellRef = useRef<HTMLDivElement>(null);\n  const editInputRef = useRef<any>(null);\n\n  const column = state._columnMap.get(columnId);\n  const keyedItem = state._getKeyedItem(rowKey);\n  const resolved = column ? state.resolveCellType(column.cellType) : 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 selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n  const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n  const isEditable = state.isCellEditable(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      state.handleCellDoubleClick(rowKey, columnId);\n    },\n    [state, rowKey, columnId],\n  );\n\n  const handleChange = useCallback(\n    (newValue: any) => cellInteraction.setEditingValue(newValue),\n    [cellInteraction],\n  );\n\n  const handleCommit = useCallback(\n    () => cellInteraction.commitEdit(),\n    [cellInteraction],\n  );\n\n  const handleCancel = useCallback(\n    () => cellInteraction.cancelEdit(),\n    [cellInteraction],\n  );\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 editingValue = cellInteraction.editingValue;\n  const showValidationIndicator = !cellValidation.valid && !isEditing;\n\n  const showEdit = isFocused && isEditable && EditComponent;\n\n  return (\n    <div\n      ref={cellRef}\n      className={st(classes.root, {\n        editing: isEditing,\n        focused: isFocused,\n        selected: isSelected,\n        invalid: !cellValidation.valid,\n        selectionTop: selectionBorder.top,\n        selectionBottom: selectionBorder.bottom,\n        selectionLeft: selectionBorder.left,\n        selectionRight: 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      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      {showValidationIndicator && (\n        <Tooltip content={cellValidation.errors?.join(', ')} appendTo=\"window\">\n          <span data-hook=\"validation-indicator\">\n            <StatusWarningFilledSmall className={classes.validationIndicator} />\n          </span>\n        </Tooltip>\n      )}\n      {showEdit ? (\n        <EditComponent\n          value={editingValue !== undefined ? editingValue : value}\n          onChange={handleChange}\n          onCommit={handleCommit}\n          onCancel={handleCancel}\n          inputRef={editInputRef}\n          typeConfig={column.typeConfig}\n          editTrigger={cellInteraction.editTrigger}\n        />\n      ) : (\n        <ViewComponent value={value} typeConfig={column.typeConfig} />\n      )}\n    </div>\n  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AAEA,IAAAK,uBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAAA,SAAAP,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQlE,SAASkB,aAAaA,CAA0B;EAC9CC,KAAK;EACLC,MAAM;EACNC;AACuB,CAAC,EAAE;EAAA,IAAAC,qBAAA;EAC1B,MAAM;IAAEC,eAAe;IAAEC;EAAU,CAAC,GAAGL,KAAK;EAC5C,MAAMM,OAAO,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAC5C,MAAMC,YAAY,GAAG,IAAAD,aAAM,EAAM,IAAI,CAAC;EAEtC,MAAME,MAAM,GAAGT,KAAK,CAACU,UAAU,CAAClB,GAAG,CAACU,QAAQ,CAAC;EAC7C,MAAMS,SAAS,GAAGX,KAAK,CAACY,aAAa,CAACX,MAAM,CAAC;EAC7C,MAAMY,QAAQ,GAAGJ,MAAM,GAAGT,KAAK,CAACc,eAAe,CAACL,MAAM,CAACM,QAAQ,CAAC,GAAG,IAAI;EACvE,MAAMC,KAAK,GAAGhB,KAAK,CAACiB,mBAAmB,CAAChB,MAAM,EAAEC,QAAQ,CAAC;EACzD,MAAMgB,cAAc,GAAGlB,KAAK,CAACmB,iBAAiB,CAAClB,MAAM,EAAEC,QAAQ,CAAC;EAEhE,MAAMkB,SAAS,GAAGhB,eAAe,CAACiB,aAAa,CAACpB,MAAM,EAAEC,QAAQ,CAAC;EACjE,MAAMoB,SAAS,GAAGlB,eAAe,CAACmB,aAAa,CAACtB,MAAM,EAAEC,QAAQ,CAAC;EACjE,MAAMsB,UAAU,GAAGpB,eAAe,CAACqB,cAAc,CAACxB,MAAM,EAAEC,QAAQ,CAAC;EACnE,MAAMwB,eAAe,GAAGtB,eAAe,CAACuB,kBAAkB,CAAC1B,MAAM,EAAEC,QAAQ,CAAC;EAC5E,MAAM0B,YAAY,GAAGvB,SAAS,CAACwB,eAAe,CAAC5B,MAAM,EAAEC,QAAQ,CAAC;EAChE,MAAM4B,UAAU,GAAG9B,KAAK,CAAC+B,cAAc,CAAC9B,MAAM,EAAEC,QAAQ,CAAC;EAEzD,MAAM8B,WAAW,GAAG,IAAAC,kBAAW,EAC5BrD,CAAmB,IAAK;IACvBA,CAAC,CAACsD,eAAe,CAAC,CAAC;IACnBlC,KAAK,CAACmC,eAAe,CAAClC,MAAM,EAAEC,QAAQ,EAAEtB,CAAC,CAACwD,QAAQ,CAAC;EACrD,CAAC,EACD,CAACpC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,CAC1B,CAAC;EAED,MAAMmC,iBAAiB,GAAG,IAAAJ,kBAAW,EAClCrD,CAAmB,IAAK;IACvBA,CAAC,CAACsD,eAAe,CAAC,CAAC;IACnBlC,KAAK,CAACsC,qBAAqB,CAACrC,MAAM,EAAEC,QAAQ,CAAC;EAC/C,CAAC,EACD,CAACF,KAAK,EAAEC,MAAM,EAAEC,QAAQ,CAC1B,CAAC;EAED,MAAMqC,YAAY,GAAG,IAAAN,kBAAW,EAC7BO,QAAa,IAAKpC,eAAe,CAACqC,eAAe,CAACD,QAAQ,CAAC,EAC5D,CAACpC,eAAe,CAClB,CAAC;EAED,MAAMsC,YAAY,GAAG,IAAAT,kBAAW,EAC9B,MAAM7B,eAAe,CAACuC,UAAU,CAAC,CAAC,EAClC,CAACvC,eAAe,CAClB,CAAC;EAED,MAAMwC,YAAY,GAAG,IAAAX,kBAAW,EAC9B,MAAM7B,eAAe,CAACyC,UAAU,CAAC,CAAC,EAClC,CAACzC,eAAe,CAClB,CAAC;EAED,MAAM0C,YAAY,GAAG,IAAAC,8CAAsB,EAAC;IAC1C/C,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRI,OAAO;IACPE;EACF,CAAC,CAAC;EAEF,IAAI,CAACC,MAAM,IAAI,CAACE,SAAS,IAAI,CAACE,QAAQ,EAAE;IACtC,OAAO,IAAI;EACb;EAEA,MAAM;IAAEmC,aAAa;IAAEC;EAAc,CAAC,GAAGpC,QAAQ;EACjD,MAAMqC,YAAY,GAAG9C,eAAe,CAAC8C,YAAY;EACjD,MAAMC,uBAAuB,GAAG,CAACjC,cAAc,CAACkC,KAAK,IAAI,CAAC9B,SAAS;EAEnE,MAAM+B,QAAQ,GAAGjC,SAAS,IAAIU,UAAU,IAAImB,aAAa;EAEzD,oBACE9E,MAAA,CAAAmB,OAAA,CAAAgE,aAAA;IACEC,GAAG,EAAEjD,OAAQ;IACbkD,SAAS,EAAE,IAAAC,qBAAE,EAACC,0BAAO,CAACC,IAAI,EAAE;MAC1BC,OAAO,EAAEtC,SAAS;MAClBuC,OAAO,EAAEzC,SAAS;MAClB0C,QAAQ,EAAEtC,UAAU;MACpBuC,OAAO,EAAE,CAAC7C,cAAc,CAACkC,KAAK;MAC9BY,YAAY,EAAEtC,eAAe,CAACuC,GAAG;MACjCC,eAAe,EAAExC,eAAe,CAACyC,MAAM;MACvCC,aAAa,EAAE1C,eAAe,CAAC2C,IAAI;MACnCC,cAAc,EAAE5C,eAAe,CAAC6C,KAAK;MACrCC,SAAS,EAAE5C,YAAY,CAACqC,GAAG;MAC3BQ,YAAY,EAAE7C,YAAY,CAACuC,MAAM;MACjCO,UAAU,EAAE9C,YAAY,CAACyC,IAAI;MAC7BM,WAAW,EAAE/C,YAAY,CAAC2C;IAC5B,CAAC,CAAE;IACHK,OAAO,EAAE5C,WAAY;IACrB6C,aAAa,EAAExC,iBAAkB;IACjCyC,SAAS,EAAEhC,YAAY,CAACgC,SAAU;IAClCC,IAAI,EAAC,UAAU;IACf,iBAAevD,UAAW;IAC1B,iBAAe,CAACM,UAAW;IAC3B,gBAAc,CAACZ,cAAc,CAACkC,KAAK,IAAI4B,SAAU;IACjDC,QAAQ,EAAE7D,SAAS,GAAG,CAAC,GAAG,CAAC,CAAE;IAC7B,gBAAcnB,MAAO;IACrB,kBAAgBC,QAAS;IACzB,gBAAcoB,SAAS,IAAI0D,SAAU;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzG,YAAA;MAAA0G,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpCnC,uBAAuB,iBACtBhF,MAAA,CAAAmB,OAAA,CAAAgE,aAAA,CAAC/E,aAAA,CAAAgH,OAAO;IAACC,OAAO,GAAArF,qBAAA,GAAEe,cAAc,CAACuE,MAAM,qBAArBtF,qBAAA,CAAuBuF,IAAI,CAAC,IAAI,CAAE;IAACC,QAAQ,EAAC,QAAQ;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzG,YAAA;MAAA0G,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpEnH,MAAA,CAAAmB,OAAA,CAAAgE,aAAA;IAAM,aAAU,sBAAsB;IAAA4B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzG,YAAA;MAAA0G,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpCnH,MAAA,CAAAmB,OAAA,CAAAgE,aAAA,CAAC9E,iBAAA,CAAAoH,wBAAwB;IAACpC,SAAS,EAAEE,0BAAO,CAACmC,mBAAoB;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzG,YAAA;MAAA0G,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/D,CACC,CACV,EACAjC,QAAQ,gBACPlF,MAAA,CAAAmB,OAAA,CAAAgE,aAAA,CAACL,aAAa;IACZjC,KAAK,EAAEkC,YAAY,KAAK8B,SAAS,GAAG9B,YAAY,GAAGlC,KAAM;IACzD8E,QAAQ,EAAEvD,YAAa;IACvBwD,QAAQ,EAAErD,YAAa;IACvBsD,QAAQ,EAAEpD,YAAa;IACvBqD,QAAQ,EAAEzF,YAAa;IACvB0F,UAAU,EAAEzF,MAAM,CAACyF,UAAW;IAC9BC,WAAW,EAAE/F,eAAe,CAAC+F,WAAY;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzG,YAAA;MAAA0G,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1C,CAAC,gBAEFnH,MAAA,CAAAmB,OAAA,CAAAgE,aAAA,CAACN,aAAa;IAAChC,KAAK,EAAEA,KAAM;IAACkF,UAAU,EAAEzF,MAAM,CAACyF,UAAW;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzG,YAAA;MAAA0G,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAE5D,CAAC;AAEV;AAEO,MAAMc,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,uBAAQ,EAACvG,aAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_EditableCellStCss","_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","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellType","cellType","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","handleCellDoubleClick","handleChange","newValue","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","editingValue","showValidationIndicator","valid","showEdit","createElement","ref","className","st","classes","root","editing","focused","selected","invalid","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","undefined","tabIndex","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","errors","join","appendTo","StatusWarningFilledSmall","validationIndicator","onChange","onCommit","onCancel","inputRef","typeConfig","editTrigger","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Tooltip } from '@wix/design-system';\nimport { StatusWarningFilledSmall } from '@wix/wix-ui-icons-common';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n}: EditableCellProps<T, F>) {\n  const { cellInteraction, clipboard } = state;\n  const cellRef = useRef<HTMLDivElement>(null);\n  const editInputRef = useRef<any>(null);\n\n  const column = state._columnMap.get(columnId);\n  const keyedItem = state._getKeyedItem(rowKey);\n  const resolved = column ? state.resolveCellType(column.cellType) : 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 selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n  const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n  const isEditable = state.isCellEditable(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      state.handleCellDoubleClick(rowKey, columnId);\n    },\n    [state, rowKey, columnId],\n  );\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      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId, 'enter');\n      }\n      cellInteraction.setEditingValue(newValue);\n    },\n    [cellInteraction, rowKey, columnId],\n  );\n\n  const handleCommit = useCallback(\n    () => cellInteraction.commitEdit(),\n    [cellInteraction],\n  );\n\n  const handleCancel = useCallback(\n    () => cellInteraction.cancelEdit(),\n    [cellInteraction],\n  );\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 editingValue = cellInteraction.editingValue;\n  const showValidationIndicator = !cellValidation.valid && !isEditing;\n\n  const showEdit = isFocused && isEditable && EditComponent;\n\n  return (\n    <div\n      ref={cellRef}\n      className={st(classes.root, {\n        editing: isEditing,\n        focused: isFocused,\n        selected: isSelected,\n        invalid: !cellValidation.valid,\n        selectionTop: selectionBorder.top,\n        selectionBottom: selectionBorder.bottom,\n        selectionLeft: selectionBorder.left,\n        selectionRight: 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      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      {showValidationIndicator && (\n        <Tooltip content={cellValidation.errors?.join(', ')} appendTo=\"window\">\n          <span data-hook=\"validation-indicator\">\n            <StatusWarningFilledSmall className={classes.validationIndicator} />\n          </span>\n        </Tooltip>\n      )}\n      {showEdit ? (\n        <EditComponent\n          value={editingValue !== undefined ? editingValue : value}\n          onChange={handleChange}\n          onCommit={handleCommit}\n          onCancel={handleCancel}\n          inputRef={editInputRef}\n          typeConfig={column.typeConfig}\n          editTrigger={cellInteraction.editTrigger}\n        />\n      ) : (\n        <ViewComponent value={value} typeConfig={column.typeConfig} />\n      )}\n    </div>\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_ = "EditableCell771327262";
+var _namespace_ = "EditableCell3007846860";
 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": "EditableCell771327262__root",
-  "validationIndicator": "EditableCell771327262__validationIndicator"
+  "root": "EditableCell3007846860__root",
+  "validationIndicator": "EditableCell3007846860__validationIndicator"
 };
 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_ = \"EditableCell771327262\";\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\":\"EditableCell771327262__root\",\"validationIndicator\":\"EditableCell771327262__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-Y10\":\"--wsr-color-Y10\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \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,qBAAqB,EAAC;AAA4C,CAAC;AACvH,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,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell3007846860\";\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\":\"EditableCell3007846860__root\",\"validationIndicator\":\"EditableCell3007846860__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-Y10\":\"--wsr-color-Y10\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \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,qBAAqB,EAAC;AAA6C,CAAC;AACzH,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,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CellViewLayout = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _CellViewLayoutStCss = require("./CellViewLayout.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.tsx";
+/** Shared wrapper that provides the default cell padding (9px 12px).
+ *  Standard cell types use this; types with custom layouts (e.g. URL) skip it. */
+const CellViewLayout = ({
+  children
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: _CellViewLayoutStCss.classes.root,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 8,
+    columnNumber: 7
+  }
+}, children);
+exports.CellViewLayout = CellViewLayout;
+//# sourceMappingURL=CellViewLayout.js.map

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_CellViewLayoutStCss","_jsxFileName","CellViewLayout","children","default","createElement","className","classes","root","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../src/components/EditableTable/cellTypes/CellViewLayout.tsx"],"sourcesContent":["import React from 'react';\nimport { classes } from './CellViewLayout.st.css.js';\n\n/** Shared wrapper that provides the default cell padding (9px 12px).\n *  Standard cell types use this; types with custom layouts (e.g. URL) skip it. */\nexport const CellViewLayout: React.FC<{ children: React.ReactNode }> = ({\n  children,\n}) => <div className={classes.root}>{children}</div>;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAqD,IAAAE,YAAA;AAErD;AACA;AACO,MAAMC,cAAuD,GAAGA,CAAC;EACtEC;AACF,CAAC,kBAAKN,MAAA,CAAAO,OAAA,CAAAC,aAAA;EAAKC,SAAS,EAAEC,4BAAO,CAACC,IAAK;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAV,YAAA;IAAAW,UAAA;IAAAC,YAAA;EAAA;AAAA,GAAEV,QAAc,CAAC;AAACW,OAAA,CAAAZ,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css

@@ -0,0 +1,14 @@
+.root {
+  width: 100%;
+  height: 100%;
+  padding: 9px 12px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  overflow: clip;
+}
+
+.root > * {
+  flex: 1;
+  min-width: 0;
+}

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js

@@ -0,0 +1,22 @@
+"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_ = "CellViewLayout3107312690";
+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": "CellViewLayout3107312690__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=CellViewLayout.st.css.js.map

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.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/EditableTable/cellTypes/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout3107312690\";\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\":\"CellViewLayout3107312690__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.BooleanEdit = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _designSystem = require("@wix/design-system");
+var _patternsFields = require("@wix/patterns-fields");
 var _EditStCss = require("./Edit.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -13,10 +13,10 @@ const BooleanEdit = ({
   onCommit,
   onCancel
 }) => {
-  const handleChange = (0, _react.useCallback)(() => {
-    onChange(!value);
+  const handleChange = (0, _react.useCallback)(checked => {
+    onChange(checked);
     onCommit();
-  }, [value, onChange, onCommit]);
+  }, [onChange, onCommit]);
   const handleKeyDown = (0, _react.useCallback)(e => {
     if (e.key === 'Enter') {
       e.preventDefault();
@@ -33,10 +33,10 @@ const BooleanEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 32,
+      lineNumber: 35,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
+  }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellCheckbox, {
     dataHook: "boolean-checkbox",
     checked: !!value,
     onChange: handleChange,
@@ -44,7 +44,7 @@ const BooleanEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 36,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BooleanEdit","value","onChange","onCommit","onCancel","handleChange","useCallback","handleKeyDown","key","preventDefault","createElement","onKeyDown","className","classes","booleanEdit","__self","__source","fileName","lineNumber","columnNumber","Checkbox","dataHook","checked","size","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Checkbox } from '@wix/design-system';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const BooleanEdit: React.FC<CellEditProps<boolean>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n}) => {\n  const handleChange = useCallback(() => {\n    onChange(!value);\n    onCommit();\n  }, [value, onChange, onCommit]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onChange(!value);\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [value, onChange, onCommit, onCancel],\n  );\n\n  return (\n    <div onKeyDown={handleKeyDown} className={classes.booleanEdit}>\n      <Checkbox\n        dataHook=\"boolean-checkbox\"\n        checked={!!value}\n        onChange={handleChange}\n        size=\"small\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEpC,MAAMkB,WAA6C,GAAGA,CAAC;EAC5DC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACrCJ,QAAQ,CAAC,CAACD,KAAK,CAAC;IAChBE,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACF,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAE/B,MAAMI,aAAa,GAAG,IAAAD,kBAAW,EAC9BzB,CAAsB,IAAK;IAC1B,IAAIA,CAAC,CAAC2B,GAAG,KAAK,OAAO,EAAE;MACrB3B,CAAC,CAAC4B,cAAc,CAAC,CAAC;MAClBP,QAAQ,CAAC,CAACD,KAAK,CAAC;MAChBE,QAAQ,CAAC,CAAC;IACZ,CAAC,MAAM,IAAItB,CAAC,CAAC2B,GAAG,KAAK,QAAQ,EAAE;MAC7B3B,CAAC,CAAC4B,cAAc,CAAC,CAAC;MAClBL,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EACD,CAACH,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,QAAQ,CACtC,CAAC;EAED,oBACE7B,MAAA,CAAAgB,OAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEJ,aAAc;IAACK,SAAS,EAAEC,kBAAO,CAACC,WAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5D5C,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,CAAChC,aAAA,CAAA0C,QAAQ;IACPC,QAAQ,EAAC,kBAAkB;IAC3BC,OAAO,EAAE,CAAC,CAACrB,KAAM;IACjBC,QAAQ,EAAEG,YAAa;IACvBkB,IAAI,EAAC,OAAO;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACb,CACE,CAAC;AAEV,CAAC;AAACK,OAAA,CAAAxB,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patternsFields","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BooleanEdit","value","onChange","onCommit","onCancel","handleChange","useCallback","checked","handleKeyDown","key","preventDefault","createElement","onKeyDown","className","classes","booleanEdit","__self","__source","fileName","lineNumber","columnNumber","CellCheckbox","dataHook","size","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { CellCheckbox } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const BooleanEdit: React.FC<CellEditProps<boolean>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n}) => {\n  const handleChange = useCallback(\n    (checked: boolean) => {\n      onChange(checked);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onChange(!value);\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [value, onChange, onCommit, onCancel],\n  );\n\n  return (\n    <div onKeyDown={handleKeyDown} className={classes.booleanEdit}>\n      <CellCheckbox\n        dataHook=\"boolean-checkbox\"\n        checked={!!value}\n        onChange={handleChange}\n        size=\"small\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEpC,MAAMkB,WAA6C,GAAGA,CAAC;EAC5DC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,OAAgB,IAAK;IACpBL,QAAQ,CAACK,OAAO,CAAC;IACjBJ,QAAQ,CAAC,CAAC;EACZ,CAAC,EACD,CAACD,QAAQ,EAAEC,QAAQ,CACrB,CAAC;EAED,MAAMK,aAAa,GAAG,IAAAF,kBAAW,EAC9BzB,CAAsB,IAAK;IAC1B,IAAIA,CAAC,CAAC4B,GAAG,KAAK,OAAO,EAAE;MACrB5B,CAAC,CAAC6B,cAAc,CAAC,CAAC;MAClBR,QAAQ,CAAC,CAACD,KAAK,CAAC;MAChBE,QAAQ,CAAC,CAAC;IACZ,CAAC,MAAM,IAAItB,CAAC,CAAC4B,GAAG,KAAK,QAAQ,EAAE;MAC7B5B,CAAC,CAAC6B,cAAc,CAAC,CAAC;MAClBN,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EACD,CAACH,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,QAAQ,CACtC,CAAC;EAED,oBACE7B,MAAA,CAAAgB,OAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEJ,aAAc;IAACK,SAAS,EAAEC,kBAAO,CAACC,WAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5D7C,MAAA,CAAAgB,OAAA,CAAAoB,aAAA,CAACjC,eAAA,CAAA2C,YAAY;IACXC,QAAQ,EAAC,kBAAkB;IAC3Bf,OAAO,EAAE,CAAC,CAACN,KAAM;IACjBC,QAAQ,EAAEG,YAAa;IACvBkB,IAAI,EAAC,OAAO;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACb,CACE,CAAC;AAEV,CAAC;AAACI,OAAA,CAAAxB,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Edit2088892532";
+var _namespace_ = "Edit166605484";
 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": "Edit2088892532__root",
-  "booleanEdit": "Edit2088892532__booleanEdit"
+  "root": "Edit166605484__root",
+  "booleanEdit": "Edit166605484__booleanEdit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit2088892532\";\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\":\"Edit2088892532__root\",\"booleanEdit\":\"Edit2088892532__booleanEdit\"};\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,gBAAgB;AAClC,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,sBAAsB;EAAC,aAAa,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit166605484\";\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\":\"Edit166605484__root\",\"booleanEdit\":\"Edit166605484__booleanEdit\"};\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,eAAe;AACjC,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,qBAAqB;EAAC,aAAa,EAAC;AAA4B,CAAC;AACvF,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":[]}