@wix/patterns 1.387.0 → 1.389.0

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_util","_ColumnListTableListItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnsList","props","state","columnsCollection","dragAndDrop","hasSearchValue","searchValue","trim","length","useEffect","sidePanelTransition","disposers","addEventListener","events","listRect","_syncThrottled","init","forEach","d","renderItem","useCallback","column","index","itemContent","createElement","ColumnListTableListItem","key","id","showDivider","__self","__source","fileName","lineNumber","columnNumber","DraggableListItem","components","dndDisabled","reorderDisabled","child","Box","direction","dataHook","backgroundColor","result","items","map","ListDragAndDropContext","DraggableListItemOverlay","onSubmit","from","over","_state$dragAndDrop","customizeColumnsInSidePanelBi","actionName","_onCustomColumnsReorder","item","Fragment","ColumnsList","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/ColumnsList.tsx"],"sourcesContent":["import { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useCallback, useEffect } from 'react';\nimport { Column } from '../../model';\nimport { Box } from '@wix/design-system';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { ColumnListTableListItem } from './ColumnListTableListItem';\n\nexport interface ColumnsListProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nfunction _ColumnsList<T, F extends FiltersMap>(props: ColumnsListProps<T, F>) {\n  const { state } = props;\n  const { columnsCollection, dragAndDrop } = state;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n\n  useEffect(() => {\n    if (dragAndDrop == null) {\n      return;\n    }\n\n    const { sidePanelTransition } = state;\n\n    const disposers = [\n      ...(sidePanelTransition\n        ? [\n            addEventListener(sidePanelTransition.events, 'entered', () => {\n              dragAndDrop.listRect._syncThrottled();\n            }),\n          ]\n        : []),\n      dragAndDrop.listRect.init(),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  const renderItem = useCallback(\n    (column: Column, index: number, { length }: { length: number }) => {\n      const itemContent = (\n        <ColumnListTableListItem\n          key={column.id}\n          index={index}\n          state={state}\n          column={column}\n          showDivider={index < length - 1}\n        />\n      );\n\n      if (dragAndDrop && !hasSearchValue) {\n        const { DraggableListItem } = dragAndDrop.components;\n\n        return (\n          <DraggableListItem\n            key={column.id}\n            dndDisabled={column.reorderDisabled}\n            id={column.id}\n            index={index}\n            state={dragAndDrop}\n          >\n            {itemContent}\n          </DraggableListItem>\n        );\n      }\n\n      return itemContent;\n    },\n    [hasSearchValue],\n  );\n\n  let child = (\n    <Box\n      direction=\"vertical\"\n      dataHook=\"custom-columns-list\"\n      backgroundColor=\"D60\"\n    >\n      {columnsCollection.result.items.map(renderItem)}\n    </Box>\n  );\n\n  if (dragAndDrop && !hasSearchValue) {\n    const { ListDragAndDropContext, DraggableListItemOverlay } =\n      dragAndDrop.components;\n\n    child = (\n      <ListDragAndDropContext\n        state={dragAndDrop}\n        onSubmit={async ({ from, over }) => {\n          state.customizeColumnsInSidePanelBi({ actionName: 'reorder' });\n\n          state.dragAndDrop?._onCustomColumnsReorder(\n            from.item.id,\n            over.item.id,\n          );\n        }}\n      >\n        <>\n          {child}\n          <DraggableListItemOverlay\n            state={dragAndDrop}\n            renderItem={(index) => {\n              const item = columnsCollection.result.items[index];\n              return item ? renderItem(item, index, { length: 0 }) : null;\n            }}\n          />\n        </>\n      </ListDragAndDropContext>\n    );\n  }\n\n  return child;\n}\n\nexport const ColumnsList = observer(_ColumnsList);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_util","_ColumnListTableListItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnsList","props","state","fieldActions","columnsCollection","dragAndDrop","hasSearchValue","searchValue","trim","length","useEffect","sidePanelTransition","disposers","addEventListener","events","listRect","_syncThrottled","init","forEach","d","renderItem","useCallback","column","index","itemContent","createElement","ColumnListTableListItem","key","id","showDivider","__self","__source","fileName","lineNumber","columnNumber","DraggableListItem","components","dndDisabled","reorderDisabled","child","Box","direction","dataHook","backgroundColor","result","items","map","ListDragAndDropContext","DraggableListItemOverlay","onSubmit","from","over","_state$dragAndDrop","customizeColumnsInSidePanelBi","actionName","_onCustomColumnsReorder","item","Fragment","ColumnsList","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/ColumnsList.tsx"],"sourcesContent":["import { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useCallback, useEffect, type ReactNode } from 'react';\nimport { Column } from '../../model';\nimport { Box } from '@wix/design-system';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { ColumnListTableListItem } from './ColumnListTableListItem';\n\nexport interface ColumnsListProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n  fieldActions?: Record<string, ReactNode>;\n}\n\nfunction _ColumnsList<T, F extends FiltersMap>(props: ColumnsListProps<T, F>) {\n  const { state, fieldActions } = props;\n  const { columnsCollection, dragAndDrop } = state;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n\n  useEffect(() => {\n    if (dragAndDrop == null) {\n      return;\n    }\n\n    const { sidePanelTransition } = state;\n\n    const disposers = [\n      ...(sidePanelTransition\n        ? [\n            addEventListener(sidePanelTransition.events, 'entered', () => {\n              dragAndDrop.listRect._syncThrottled();\n            }),\n          ]\n        : []),\n      dragAndDrop.listRect.init(),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  const renderItem = useCallback(\n    (column: Column, index: number, { length }: { length: number }) => {\n      const itemContent = (\n        <ColumnListTableListItem\n          key={column.id}\n          index={index}\n          state={state}\n          column={column}\n          showDivider={index < length - 1}\n          fieldActions={fieldActions?.[column.id]}\n        />\n      );\n\n      if (dragAndDrop && !hasSearchValue) {\n        const { DraggableListItem } = dragAndDrop.components;\n\n        return (\n          <DraggableListItem\n            key={column.id}\n            dndDisabled={column.reorderDisabled}\n            id={column.id}\n            index={index}\n            state={dragAndDrop}\n          >\n            {itemContent}\n          </DraggableListItem>\n        );\n      }\n\n      return itemContent;\n    },\n    [hasSearchValue],\n  );\n\n  let child = (\n    <Box\n      direction=\"vertical\"\n      dataHook=\"custom-columns-list\"\n      backgroundColor=\"D60\"\n    >\n      {columnsCollection.result.items.map(renderItem)}\n    </Box>\n  );\n\n  if (dragAndDrop && !hasSearchValue) {\n    const { ListDragAndDropContext, DraggableListItemOverlay } =\n      dragAndDrop.components;\n\n    child = (\n      <ListDragAndDropContext\n        state={dragAndDrop}\n        onSubmit={async ({ from, over }) => {\n          state.customizeColumnsInSidePanelBi({ actionName: 'reorder' });\n\n          state.dragAndDrop?._onCustomColumnsReorder(\n            from.item.id,\n            over.item.id,\n          );\n        }}\n      >\n        <>\n          {child}\n          <DraggableListItemOverlay\n            state={dragAndDrop}\n            renderItem={(index) => {\n              const item = columnsCollection.result.items[index];\n              return item ? renderItem(item, index, { length: 0 }) : null;\n            }}\n          />\n        </>\n      </ListDragAndDropContext>\n    );\n  }\n\n  return child;\n}\n\nexport const ColumnsList = observer(_ColumnsList);\n"],"mappings":";;;;AAEA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AAAoE,IAAAM,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;AAOpE,SAASkB,YAAYA,CAA0BC,KAA6B,EAAE;EAC5E,MAAM;IAAEC,KAAK;IAAEC;EAAa,CAAC,GAAGF,KAAK;EACrC,MAAM;IAAEG,iBAAiB;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAChD,MAAMI,cAAc,GAAGJ,KAAK,CAACK,WAAW,CAACC,IAAI,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;EAE1D,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIL,WAAW,IAAI,IAAI,EAAE;MACvB;IACF;IAEA,MAAM;MAAEM;IAAoB,CAAC,GAAGT,KAAK;IAErC,MAAMU,SAAS,GAAG,CAChB,IAAID,mBAAmB,GACnB,CACE,IAAAE,sBAAgB,EAACF,mBAAmB,CAACG,MAAM,EAAE,SAAS,EAAE,MAAM;MAC5DT,WAAW,CAACU,QAAQ,CAACC,cAAc,CAAC,CAAC;IACvC,CAAC,CAAC,CACH,GACD,EAAE,CAAC,EACPX,WAAW,CAACU,QAAQ,CAACE,IAAI,CAAC,CAAC,CAC5B;IAED,OAAO,MAAM;MACXL,SAAS,CAACM,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,UAAU,GAAG,IAAAC,kBAAW,EAC5B,CAACC,MAAc,EAAEC,KAAa,EAAE;IAAEd;EAA2B,CAAC,KAAK;IACjE,MAAMe,WAAW,gBACfjD,MAAA,CAAAgB,OAAA,CAAAkC,aAAA,CAAC9C,wBAAA,CAAA+C,uBAAuB;MACtBC,GAAG,EAAEL,MAAM,CAACM,EAAG;MACfL,KAAK,EAAEA,KAAM;MACbrB,KAAK,EAAEA,KAAM;MACboB,MAAM,EAAEA,MAAO;MACfO,WAAW,EAAEN,KAAK,GAAGd,MAAM,GAAG,CAAE;MAChCN,YAAY,EAAEA,YAAY,oBAAZA,YAAY,CAAGmB,MAAM,CAACM,EAAE,CAAE;MAAAE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApD,YAAA;QAAAqD,UAAA;QAAAC,YAAA;MAAA;IAAA,CACzC,CACF;IAED,IAAI7B,WAAW,IAAI,CAACC,cAAc,EAAE;MAClC,MAAM;QAAE6B;MAAkB,CAAC,GAAG9B,WAAW,CAAC+B,UAAU;MAEpD,oBACE7D,MAAA,CAAAgB,OAAA,CAAAkC,aAAA,CAACU,iBAAiB;QAChBR,GAAG,EAAEL,MAAM,CAACM,EAAG;QACfS,WAAW,EAAEf,MAAM,CAACgB,eAAgB;QACpCV,EAAE,EAAEN,MAAM,CAACM,EAAG;QACdL,KAAK,EAAEA,KAAM;QACbrB,KAAK,EAAEG,WAAY;QAAAyB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApD,YAAA;UAAAqD,UAAA;UAAAC,YAAA;QAAA;MAAA,GAElBV,WACgB,CAAC;IAExB;IAEA,OAAOA,WAAW;EACpB,CAAC,EACD,CAAClB,cAAc,CACjB,CAAC;EAED,IAAIiC,KAAK,gBACPhE,MAAA,CAAAgB,OAAA,CAAAkC,aAAA,CAAChD,aAAA,CAAA+D,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,QAAQ,EAAC,qBAAqB;IAC9BC,eAAe,EAAC,KAAK;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpB9B,iBAAiB,CAACwC,MAAM,CAACC,KAAK,CAACC,GAAG,CAAC1B,UAAU,CAC3C,CACN;EAED,IAAIf,WAAW,IAAI,CAACC,cAAc,EAAE;IAClC,MAAM;MAAEyC,sBAAsB;MAAEC;IAAyB,CAAC,GACxD3C,WAAW,CAAC+B,UAAU;IAExBG,KAAK,gBACHhE,MAAA,CAAAgB,OAAA,CAAAkC,aAAA,CAACsB,sBAAsB;MACrB7C,KAAK,EAAEG,WAAY;MACnB4C,QAAQ,EAAE,MAAAA,CAAO;QAAEC,IAAI;QAAEC;MAAK,CAAC,KAAK;QAAA,IAAAC,kBAAA;QAClClD,KAAK,CAACmD,6BAA6B,CAAC;UAAEC,UAAU,EAAE;QAAU,CAAC,CAAC;QAE9D,CAAAF,kBAAA,GAAAlD,KAAK,CAACG,WAAW,aAAjB+C,kBAAA,CAAmBG,uBAAuB,CACxCL,IAAI,CAACM,IAAI,CAAC5B,EAAE,EACZuB,IAAI,CAACK,IAAI,CAAC5B,EACZ,CAAC;MACH,CAAE;MAAAE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApD,YAAA;QAAAqD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEF3D,MAAA,CAAAgB,OAAA,CAAAkC,aAAA,CAAAlD,MAAA,CAAAgB,OAAA,CAAAkE,QAAA,QACGlB,KAAK,eACNhE,MAAA,CAAAgB,OAAA,CAAAkC,aAAA,CAACuB,wBAAwB;MACvB9C,KAAK,EAAEG,WAAY;MACnBe,UAAU,EAAGG,KAAK,IAAK;QACrB,MAAMiC,IAAI,GAAGpD,iBAAiB,CAACwC,MAAM,CAACC,KAAK,CAACtB,KAAK,CAAC;QAClD,OAAOiC,IAAI,GAAGpC,UAAU,CAACoC,IAAI,EAAEjC,KAAK,EAAE;UAAEd,MAAM,EAAE;QAAE,CAAC,CAAC,GAAG,IAAI;MAC7D,CAAE;MAAAqB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApD,YAAA;QAAAqD,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH,CACD,CACoB,CACzB;EACH;EAEA,OAAOK,KAAK;AACd;AAEO,MAAMmB,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAC5D,YAAY,CAAC","ignoreList":[]}

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

@@ -13,13 +13,14 @@ var _CustomColumnsNoResults = require("./CustomColumnsNoResults");
 var _useRafRender = require("../../hooks/useRafRender");
 var _ScrollableContent = require("../ScrollableContent");
 var _PatternsSidePanel = require("../SidePanel/PatternsSidePanel");
-var _providers = require("../../providers");
+var _SchemaContext = require("../../providers/SchemaContext");
+var _useSidePanelFieldActions = require("./useSidePanelFieldActions");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanel.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); }
 function _CustomColumnsPanel({
   state
 }) {
-  var _collectionDataExtens, _collectionDataExtens2, _collectionDataExtens3;
+  var _schemaCtx$schema, _collectionDataExtens, _collectionDataExtens2, _collectionDataExtens3;
   const entered = (0, _useRafRender.useRafRender)();
   const {
     translate: t
@@ -28,9 +29,10 @@ function _CustomColumnsPanel({
     dragAndDrop,
     collectionDataExtension
   } = state;
-  const schemaCtx = (0, _providers.useSchemaContext)();
+  const schemaCtx = (0, _SchemaContext.useSchemaContext)();
   const isSchema = !!(schemaCtx != null && schemaCtx.schema);
   const isEditable = !!collectionDataExtension || isSchema;
+  const fieldActions = (0, _useSidePanelFieldActions.useSidePanelFieldActions)(isEditable ? state.columnsCollection.result.items : [], schemaCtx == null || (_schemaCtx$schema = schemaCtx.schema) == null ? void 0 : _schemaCtx$schema.fieldActions);
   (0, _react.useEffect)(() => state.init(), []);
   if (!entered) {
     return null;
@@ -51,7 +53,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 61,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
@@ -60,7 +62,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 66,
       columnNumber: 7
     }
   }, shouldShowSearch && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -68,7 +70,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 68,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomColumnsSearch.CustomColumnsSearch, {
@@ -76,7 +78,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 69,
       columnNumber: 13
     }
   }))), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -90,7 +92,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 73,
       columnNumber: 7
     }
   }, hasSearchValue && !hasSearchResults ? /*#__PURE__*/_react.default.createElement(_CustomColumnsNoResults.CustomColumnsNoResults, {
@@ -98,7 +100,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 83,
       columnNumber: 11
     }
   }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (collectionDataExtension == null || (_collectionDataExtens = collectionDataExtension.dataExtension) == null ? void 0 : _collectionDataExtens.shouldDisplayArchive) && (collectionDataExtension == null || (_collectionDataExtens2 = collectionDataExtension.DataExtension) == null ? void 0 : _collectionDataExtens2.CustomColumnsArchivedItemsCTAButton) && /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton, {
@@ -108,22 +110,23 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 89,
       columnNumber: 17
     }
   }), /*#__PURE__*/_react.default.createElement(_ColumnsList.ColumnsList, {
     state: state,
+    fieldActions: fieldActions,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 95,
       columnNumber: 13
     }
   }))), (collectionDataExtension == null || (_collectionDataExtens3 = collectionDataExtension.DataExtension) == null ? void 0 : _collectionDataExtens3.CustomColumnsAddCustomFieldCTAButton) && /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
+      lineNumber: 101,
       columnNumber: 9
     }
   }), (schemaCtx == null ? void 0 : schemaCtx.addField) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -132,7 +135,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 104,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -140,7 +143,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 105,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -151,7 +154,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 101,
+      lineNumber: 106,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
@@ -160,7 +163,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 112,
       columnNumber: 13
     }
   }, t('cairo.customFields.addCustomField.CTA')))));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_ScrollableContent","_PatternsSidePanel","_providers","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_collectionDataExtens","_collectionDataExtens2","_collectionDataExtens3","entered","useRafRender","translate","useWixPatternsContainer","dragAndDrop","collectionDataExtension","schemaCtx","useSchemaContext","isSchema","schema","isEditable","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","titleKey","subtitleKey","createElement","PatternsSidePanel","dataHook","width","onClose","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","Fragment","dataExtension","shouldDisplayArchive","DataExtension","CustomColumnsArchivedItemsCTAButton","onCloseSidePanel","ColumnsList","CustomColumnsAddCustomFieldCTAButton","addField","direction","Divider","boxSizing","AddItem","onClick","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { AddItem, Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { useSchemaContext } from '../../providers';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { dragAndDrop, collectionDataExtension } = state;\n  const schemaCtx = useSchemaContext();\n  const isSchema = !!schemaCtx?.schema;\n  const isEditable = !!collectionDataExtension || isSchema;\n\n  useEffect(() => state.init(), []);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const isUsingDataExtension = !!collectionDataExtension;\n\n  // Show search if they're using DEx OR if there are more than 5 columns\n  const shouldShowSearch = isUsingDataExtension || totalColumns > 5;\n\n  const titleKey = isEditable\n    ? 'cairo.table.manage-fields.title'\n    : 'cairo.table.custom-columns.title';\n  const subtitleKey = isEditable\n    ? dragAndDrop\n      ? 'cairo.table.manage-fields.dragAndDrop.subtitle'\n      : 'cairo.table.manage-fields.subtitle'\n    : dragAndDrop\n    ? 'cairo.table.custom-columns.dragAndDrop.subtitle'\n    : 'cairo.table.custom-columns.subtitle';\n\n  return (\n    <PatternsSidePanel\n      dataHook=\"custom-columns-panel\"\n      width=\"100%\"\n      onClose={() => state.onClose()}\n    >\n      <SidePanel.Header title={t(titleKey)} subtitle={t(subtitleKey)}>\n        {shouldShowSearch && (\n          <Box padding=\"0 SP3 SP2 SP3\">\n            <CustomColumnsSearch state={state} />\n          </Box>\n        )}\n      </SidePanel.Header>\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-columns-panel-scroll-container\"\n        ref={(e) => {\n          if (state.dragAndDrop) {\n            state.dragAndDrop.listRect.element = e;\n          }\n        }}\n      >\n        {hasSearchValue && !hasSearchResults ? (\n          <CustomColumnsNoResults state={state} />\n        ) : (\n          <>\n            {collectionDataExtension?.dataExtension?.shouldDisplayArchive &&\n              collectionDataExtension?.DataExtension\n                ?.CustomColumnsArchivedItemsCTAButton && (\n                <collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton\n                  dataExtension={collectionDataExtension.dataExtension}\n                  onCloseSidePanel={() => state.onClose()}\n                  dataHook=\"custom-columns\"\n                />\n              )}\n            <ColumnsList state={state} />\n          </>\n        )}\n      </ScrollableContent>\n      {collectionDataExtension?.DataExtension\n        ?.CustomColumnsAddCustomFieldCTAButton && (\n        <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />\n      )}\n      {schemaCtx?.addField && (\n        <Box direction=\"vertical\" width=\"100%\">\n          <Divider direction=\"horizontal\" />\n          <Box\n            padding=\"SP4\"\n            width=\"100%\"\n            boxSizing=\"border-box\"\n            direction=\"vertical\"\n          >\n            <AddItem\n              dataHook=\"custom-columns-schema-add-field\"\n              onClick={schemaCtx.addField}\n            >\n              {t('cairo.customFields.addCustomField.CTA')}\n            </AddItem>\n          </Box>\n        </Box>\n      )}\n    </PatternsSidePanel>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_ScrollableContent","_PatternsSidePanel","_SchemaContext","_useSidePanelFieldActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_schemaCtx$schema","_collectionDataExtens","_collectionDataExtens2","_collectionDataExtens3","entered","useRafRender","translate","useWixPatternsContainer","dragAndDrop","collectionDataExtension","schemaCtx","useSchemaContext","isSchema","schema","isEditable","fieldActions","useSidePanelFieldActions","columnsCollection","result","items","useEffect","init","hasSearchResults","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","titleKey","subtitleKey","createElement","PatternsSidePanel","dataHook","width","onClose","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","Fragment","dataExtension","shouldDisplayArchive","DataExtension","CustomColumnsArchivedItemsCTAButton","onCloseSidePanel","ColumnsList","CustomColumnsAddCustomFieldCTAButton","addField","direction","Divider","boxSizing","AddItem","onClick","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { AddItem, Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { useSchemaContext } from '../../providers/SchemaContext';\nimport { useSidePanelFieldActions } from './useSidePanelFieldActions';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { dragAndDrop, collectionDataExtension } = state;\n  const schemaCtx = useSchemaContext();\n  const isSchema = !!schemaCtx?.schema;\n  const isEditable = !!collectionDataExtension || isSchema;\n  const fieldActions = useSidePanelFieldActions(\n    isEditable ? state.columnsCollection.result.items : [],\n    schemaCtx?.schema?.fieldActions,\n  );\n\n  useEffect(() => state.init(), []);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const isUsingDataExtension = !!collectionDataExtension;\n\n  // Show search if they're using DEx OR if there are more than 5 columns\n  const shouldShowSearch = isUsingDataExtension || totalColumns > 5;\n\n  const titleKey = isEditable\n    ? 'cairo.table.manage-fields.title'\n    : 'cairo.table.custom-columns.title';\n  const subtitleKey = isEditable\n    ? dragAndDrop\n      ? 'cairo.table.manage-fields.dragAndDrop.subtitle'\n      : 'cairo.table.manage-fields.subtitle'\n    : dragAndDrop\n    ? 'cairo.table.custom-columns.dragAndDrop.subtitle'\n    : 'cairo.table.custom-columns.subtitle';\n\n  return (\n    <PatternsSidePanel\n      dataHook=\"custom-columns-panel\"\n      width=\"100%\"\n      onClose={() => state.onClose()}\n    >\n      <SidePanel.Header title={t(titleKey)} subtitle={t(subtitleKey)}>\n        {shouldShowSearch && (\n          <Box padding=\"0 SP3 SP2 SP3\">\n            <CustomColumnsSearch state={state} />\n          </Box>\n        )}\n      </SidePanel.Header>\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-columns-panel-scroll-container\"\n        ref={(e) => {\n          if (state.dragAndDrop) {\n            state.dragAndDrop.listRect.element = e;\n          }\n        }}\n      >\n        {hasSearchValue && !hasSearchResults ? (\n          <CustomColumnsNoResults state={state} />\n        ) : (\n          <>\n            {collectionDataExtension?.dataExtension?.shouldDisplayArchive &&\n              collectionDataExtension?.DataExtension\n                ?.CustomColumnsArchivedItemsCTAButton && (\n                <collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton\n                  dataExtension={collectionDataExtension.dataExtension}\n                  onCloseSidePanel={() => state.onClose()}\n                  dataHook=\"custom-columns\"\n                />\n              )}\n            <ColumnsList state={state} fieldActions={fieldActions} />\n          </>\n        )}\n      </ScrollableContent>\n      {collectionDataExtension?.DataExtension\n        ?.CustomColumnsAddCustomFieldCTAButton && (\n        <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />\n      )}\n      {schemaCtx?.addField && (\n        <Box direction=\"vertical\" width=\"100%\">\n          <Divider direction=\"horizontal\" />\n          <Box\n            padding=\"SP4\"\n            width=\"100%\"\n            boxSizing=\"border-box\"\n            direction=\"vertical\"\n          >\n            <AddItem\n              dataHook=\"custom-columns-schema-add-field\"\n              onClick={schemaCtx.addField}\n            >\n              {t('cairo.customFields.addCustomField.CTA')}\n            </AddItem>\n          </Box>\n        </Box>\n      )}\n    </PatternsSidePanel>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,52 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useSidePanelFieldActions = useSidePanelFieldActions;
+var _react = _interopRequireWildcard(require("react"));
+var _FieldActions = require("../FieldActions");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/useSidePanelFieldActions.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SIDE_PANEL_ACTION_GROUPS = [['editField'], ['makePrimary', 'duplicateField', 'duplicateFieldWithContent'], ['delete']];
+function toFieldActionColumn(col) {
+  const isText = col.fieldType === 'SHORT_TEXT' || col.fieldType === 'LONG_TEXT';
+  return {
+    id: col.id,
+    isPrimary: col.isPrimary,
+    isSystem: col.isSystem,
+    cellType: isText ? 'text' : col.fieldType
+  };
+}
+function useSidePanelFieldActions(columns, fieldActions, permissions) {
+  return (0, _react.useMemo)(() => {
+    const handlers = {
+      editField: fieldActions != null && fieldActions.editField ? id => fieldActions.editField(id, {}) : undefined,
+      makePrimary: id => fieldActions == null || fieldActions.makePrimary == null ? void 0 : fieldActions.makePrimary(id),
+      duplicateField: fieldActions == null ? void 0 : fieldActions.duplicateField,
+      duplicateFieldWithContent: fieldActions == null ? void 0 : fieldActions.duplicateField,
+      delete: fieldActions == null ? void 0 : fieldActions.deleteField
+    };
+    const result = {};
+    for (const col of columns) {
+      const groups = (0, _FieldActions.buildFieldActionGroups)({
+        column: toFieldActionColumn(col),
+        permissions,
+        handlers,
+        groups: SIDE_PANEL_ACTION_GROUPS
+      });
+      if (groups.length > 0) {
+        result[col.id] = /*#__PURE__*/_react.default.createElement(_FieldActions.HeaderActionsPopover, {
+          actions: groups,
+          dataHook: `side-panel-field-actions-${col.id}`,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 59,
+            columnNumber: 11
+          }
+        });
+      }
+    }
+    return result;
+  }, [columns, fieldActions, permissions]);
+}
+//# sourceMappingURL=useSidePanelFieldActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_FieldActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SIDE_PANEL_ACTION_GROUPS","toFieldActionColumn","col","isText","fieldType","id","isPrimary","isSystem","cellType","useSidePanelFieldActions","columns","fieldActions","permissions","useMemo","handlers","editField","undefined","makePrimary","duplicateField","duplicateFieldWithContent","delete","deleteField","result","groups","buildFieldActionGroups","column","length","createElement","HeaderActionsPopover","actions","dataHook","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/CustomColumnsPanel/useSidePanelFieldActions.tsx"],"sourcesContent":["import React, { useMemo, type ReactNode } from 'react';\nimport type { Column } from '../../model';\nimport type { FieldActions } from '../../types/SchemaConfig';\nimport {\n  buildFieldActionGroups,\n  HeaderActionsPopover,\n  type FieldActionColumn,\n  type FieldActionHandlers,\n  type FieldActionPermissions,\n} from '../FieldActions';\n\nconst SIDE_PANEL_ACTION_GROUPS: Parameters<\n  typeof buildFieldActionGroups\n>[0]['groups'] = [\n  ['editField'],\n  ['makePrimary', 'duplicateField', 'duplicateFieldWithContent'],\n  ['delete'],\n];\n\nfunction toFieldActionColumn(col: Column): FieldActionColumn & { id: string } {\n  const isText =\n    col.fieldType === 'SHORT_TEXT' || col.fieldType === 'LONG_TEXT';\n  return {\n    id: col.id,\n    isPrimary: col.isPrimary,\n    isSystem: col.isSystem,\n    cellType: isText ? 'text' : col.fieldType,\n  };\n}\n\nexport function useSidePanelFieldActions(\n  columns: Column[],\n  fieldActions?: FieldActions,\n  permissions?: FieldActionPermissions,\n): Record<string, ReactNode> {\n  return useMemo(() => {\n    const handlers: FieldActionHandlers = {\n      editField: fieldActions?.editField\n        ? (id) => fieldActions.editField!(id, {})\n        : undefined,\n      makePrimary: (id) => fieldActions?.makePrimary?.(id),\n      duplicateField: fieldActions?.duplicateField,\n      duplicateFieldWithContent: fieldActions?.duplicateField,\n      delete: fieldActions?.deleteField,\n    };\n\n    const result: Record<string, ReactNode> = {};\n\n    for (const col of columns) {\n      const groups = buildFieldActionGroups({\n        column: toFieldActionColumn(col),\n        permissions,\n        handlers,\n        groups: SIDE_PANEL_ACTION_GROUPS,\n      });\n\n      if (groups.length > 0) {\n        result[col.id] = (\n          <HeaderActionsPopover\n            actions={groups}\n            dataHook={`side-panel-field-actions-${col.id}`}\n          />\n        );\n      }\n    }\n\n    return result;\n  }, [columns, fieldActions, permissions]);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "DragHandle3290013460";
+var _namespace_ = "DragHandle4002117985";
 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": "DragHandle3290013460__root"
+  "root": "DragHandle4002117985__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_ = \"DragHandle3290013460\";\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\":\"DragHandle3290013460__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_ = \"DragHandle4002117985\";\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\":\"DragHandle4002117985__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

@@ -107,7 +107,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 109,
       columnNumber: 5
     }
   }, showValidationIndicator && /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -116,7 +116,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 140,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -124,7 +124,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 141,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusWarningFilledSmall, {
@@ -132,7 +132,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 142,
       columnNumber: 13
     }
   }))), showEdit ? /*#__PURE__*/_react.default.createElement(EditComponent, {
@@ -148,7 +148,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 147,
       columnNumber: 9
     }
   }) : /*#__PURE__*/_react.default.createElement(ViewComponent, {
@@ -158,7 +158,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 166,
+      lineNumber: 163,
       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","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","handleChange","newValue","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showValidationIndicator","valid","showEdit","updateItemDisabled","toggleValue","showEditWhenFocused","createElement","ref","className","st","classes","root","editing","focused","selected","invalid","typeToEdit","onTypeToEdit","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","editingValue","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","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';\nimport { Focusable } from './types';\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>(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 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      e.preventDefault();\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 handleStartEdit = useCallback(\n    () => {\n      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId);\n      }\n    },\n    [cellInteraction, rowKey, columnId],\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 showValidationIndicator = !cellValidation.valid && !isEditing;\n\n  const showEdit =\n    (isEditing ||\n      (isFocused &&\n        isEditable &&\n        !state.updateItemDisabled &&\n        (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n    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        typeToEdit: !!resolved.onTypeToEdit,\n        showEditWhenFocused: !!resolved.showEditWhenFocused,\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={\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        />\n      ) : (\n        <ViewComponent\n          value={value}\n          typeConfig={column.typeConfig}\n          validation={column.validation}\n        />\n      )}\n    </div>\n  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","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","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","handleChange","newValue","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showValidationIndicator","valid","showEdit","updateItemDisabled","toggleValue","showEditWhenFocused","createElement","ref","className","st","classes","root","editing","focused","selected","invalid","typeToEdit","onTypeToEdit","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","editingValue","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","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';\nimport { Focusable } from './types';\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>(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 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      e.preventDefault();\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 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 showValidationIndicator = !cellValidation.valid && !isEditing;\n\n  const showEdit =\n    (isEditing ||\n      (isFocused &&\n        isEditable &&\n        !state.updateItemDisabled &&\n        (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n    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        typeToEdit: !!resolved.onTypeToEdit,\n        showEditWhenFocused: !!resolved.showEditWhenFocused,\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={\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        />\n      ) : (\n        <ViewComponent\n          value={value}\n          typeConfig={column.typeConfig}\n          validation={column.validation}\n        />\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_ = "EditableCell3900691882";
+var _namespace_ = "EditableCell803715283";
 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": "EditableCell3900691882__root",
-  "validationIndicator": "EditableCell3900691882__validationIndicator"
+  "root": "EditableCell803715283__root",
+  "validationIndicator": "EditableCell803715283__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_ = \"EditableCell3900691882\";\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\":\"EditableCell3900691882__root\",\"validationIndicator\":\"EditableCell3900691882__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":[]}
+{"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_ = \"EditableCell803715283\";\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\":\"EditableCell803715283__root\",\"validationIndicator\":\"EditableCell803715283__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":[]}

package/dist/cjs/components/EditableTable/EditableColumnHeader.uni.driver.js

@@ -24,7 +24,14 @@ function EditableColumnHeaderUniDriver(base, body) {
     /** Get the text content of a menu item by index */
     getMenuItemText: async index => (await getPopoverMenu()).itemContentAt(index),
     /** Click a menu item by index */
-    clickMenuItem: async index => (await getPopoverMenu()).clickAtChild(index)
+    clickMenuItem: async index => (await getPopoverMenu()).clickAtChild(index),
+    /** Whether the menu item at the given index is disabled */
+    isMenuItemDisabled: async index => {
+      const popover = await getPopoverMenu();
+      const contentElement = await popover.getContentElement();
+      const item = contentElement.$$('[data-hook="dropdown-layout-options"] > *').get(index);
+      return (await item.attr('data-option-disabled')) === 'true';
+    }
   };
 }
 //# sourceMappingURL=EditableColumnHeader.uni.driver.js.map

package/dist/cjs/components/EditableTable/EditableColumnHeader.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","EditableColumnHeaderUniDriver","base","body","moreButton","$","getPopoverMenu","dataHook","attr","PopoverMenuUniDriver","exists","hasMoreButton","hover","clickMoreButton","click","isMenuOpen","menuItemCount","childrenCount","getMenuItemText","index","itemContentAt","clickMenuItem","clickAtChild"],"sources":["../../../../src/components/EditableTable/EditableColumnHeader.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { PopoverMenuUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { PopoverMenuUniDriver as PopoverMenuUniDriverFactory } from '@wix/design-system/dist/types/PopoverMenu/PopoverMenu.uni.driver';\nimport { UniDriverFactory } from '../uniDriverFactory';\n\nexport function EditableColumnHeaderUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const moreButton = base.$('[data-hook$=\"-more-button\"]');\n\n  const getPopoverMenu = async () => {\n    const dataHook = await base.attr('data-hook');\n    return (\n      PopoverMenuUniDriver as UniDriverFactory<PopoverMenuUniDriverFactory>\n    )(body.$(`[data-hook=\"${dataHook}-menu\"]`), body);\n  };\n\n  return {\n    exists: () => moreButton.exists(),\n\n    /** Whether the \"...\" more button exists */\n    hasMoreButton: () => moreButton.exists(),\n\n    /** Hover the column header (reveals the \"...\" button in designs that hide it) */\n    hover: () => base.hover(),\n\n    /** Click the \"...\" button to open the popover menu */\n    clickMoreButton: () => moreButton.click(),\n\n    /** Whether the popover menu is currently open */\n    isMenuOpen: async () => (await getPopoverMenu()).isMenuOpen(),\n\n    /** Number of items in the popover menu */\n    menuItemCount: async () => (await getPopoverMenu()).childrenCount(),\n\n    /** Get the text content of a menu item by index */\n    getMenuItemText: async (index: number) =>\n      (await getPopoverMenu()).itemContentAt(index),\n\n    /** Click a menu item by index */\n    clickMenuItem: async (index: number) =>\n      (await getPopoverMenu()).clickAtChild(index),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAIO,SAASC,6BAA6BA,CAC3CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,UAAU,GAAGF,IAAI,CAACG,CAAC,CAAC,6BAA6B,CAAC;EAExD,MAAMC,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,MAAMC,QAAQ,GAAG,MAAML,IAAI,CAACM,IAAI,CAAC,WAAW,CAAC;IAC7C,OAAO,IACLC,+BAAoB,EACpBN,IAAI,CAACE,CAAC,CAAC,eAAeE,QAAQ,SAAS,CAAC,EAAEJ,IAAI,CAAC;EACnD,CAAC;EAED,OAAO;IACLO,MAAM,EAAEA,CAAA,KAAMN,UAAU,CAACM,MAAM,CAAC,CAAC;IAEjC;IACAC,aAAa,EAAEA,CAAA,KAAMP,UAAU,CAACM,MAAM,CAAC,CAAC;IAExC;IACAE,KAAK,EAAEA,CAAA,KAAMV,IAAI,CAACU,KAAK,CAAC,CAAC;IAEzB;IACAC,eAAe,EAAEA,CAAA,KAAMT,UAAU,CAACU,KAAK,CAAC,CAAC;IAEzC;IACAC,UAAU,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMT,cAAc,CAAC,CAAC,EAAES,UAAU,CAAC,CAAC;IAE7D;IACAC,aAAa,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMV,cAAc,CAAC,CAAC,EAAEW,aAAa,CAAC,CAAC;IAEnE;IACAC,eAAe,EAAE,MAAOC,KAAa,IACnC,CAAC,MAAMb,cAAc,CAAC,CAAC,EAAEc,aAAa,CAACD,KAAK,CAAC;IAE/C;IACAE,aAAa,EAAE,MAAOF,KAAa,IACjC,CAAC,MAAMb,cAAc,CAAC,CAAC,EAAEgB,YAAY,CAACH,KAAK;EAC/C,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","EditableColumnHeaderUniDriver","base","body","moreButton","$","getPopoverMenu","dataHook","attr","PopoverMenuUniDriver","exists","hasMoreButton","hover","clickMoreButton","click","isMenuOpen","menuItemCount","childrenCount","getMenuItemText","index","itemContentAt","clickMenuItem","clickAtChild","isMenuItemDisabled","popover","contentElement","getContentElement","item","$$","get"],"sources":["../../../../src/components/EditableTable/EditableColumnHeader.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { PopoverMenuUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { PopoverMenuUniDriver as PopoverMenuUniDriverFactory } from '@wix/design-system/dist/types/PopoverMenu/PopoverMenu.uni.driver';\nimport { UniDriverFactory } from '../uniDriverFactory';\n\nexport function EditableColumnHeaderUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const moreButton = base.$('[data-hook$=\"-more-button\"]');\n\n  const getPopoverMenu = async () => {\n    const dataHook = await base.attr('data-hook');\n    return (\n      PopoverMenuUniDriver as UniDriverFactory<PopoverMenuUniDriverFactory>\n    )(body.$(`[data-hook=\"${dataHook}-menu\"]`), body);\n  };\n\n  return {\n    exists: () => moreButton.exists(),\n\n    /** Whether the \"...\" more button exists */\n    hasMoreButton: () => moreButton.exists(),\n\n    /** Hover the column header (reveals the \"...\" button in designs that hide it) */\n    hover: () => base.hover(),\n\n    /** Click the \"...\" button to open the popover menu */\n    clickMoreButton: () => moreButton.click(),\n\n    /** Whether the popover menu is currently open */\n    isMenuOpen: async () => (await getPopoverMenu()).isMenuOpen(),\n\n    /** Number of items in the popover menu */\n    menuItemCount: async () => (await getPopoverMenu()).childrenCount(),\n\n    /** Get the text content of a menu item by index */\n    getMenuItemText: async (index: number) =>\n      (await getPopoverMenu()).itemContentAt(index),\n\n    /** Click a menu item by index */\n    clickMenuItem: async (index: number) =>\n      (await getPopoverMenu()).clickAtChild(index),\n\n    /** Whether the menu item at the given index is disabled */\n    isMenuItemDisabled: async (index: number) => {\n      const popover = await getPopoverMenu();\n      const contentElement = await popover.getContentElement();\n      const item = contentElement\n        .$$('[data-hook=\"dropdown-layout-options\"] > *')\n        .get(index);\n      return (await item.attr('data-option-disabled')) === 'true';\n    },\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAIO,SAASC,6BAA6BA,CAC3CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,UAAU,GAAGF,IAAI,CAACG,CAAC,CAAC,6BAA6B,CAAC;EAExD,MAAMC,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,MAAMC,QAAQ,GAAG,MAAML,IAAI,CAACM,IAAI,CAAC,WAAW,CAAC;IAC7C,OAAO,IACLC,+BAAoB,EACpBN,IAAI,CAACE,CAAC,CAAC,eAAeE,QAAQ,SAAS,CAAC,EAAEJ,IAAI,CAAC;EACnD,CAAC;EAED,OAAO;IACLO,MAAM,EAAEA,CAAA,KAAMN,UAAU,CAACM,MAAM,CAAC,CAAC;IAEjC;IACAC,aAAa,EAAEA,CAAA,KAAMP,UAAU,CAACM,MAAM,CAAC,CAAC;IAExC;IACAE,KAAK,EAAEA,CAAA,KAAMV,IAAI,CAACU,KAAK,CAAC,CAAC;IAEzB;IACAC,eAAe,EAAEA,CAAA,KAAMT,UAAU,CAACU,KAAK,CAAC,CAAC;IAEzC;IACAC,UAAU,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMT,cAAc,CAAC,CAAC,EAAES,UAAU,CAAC,CAAC;IAE7D;IACAC,aAAa,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMV,cAAc,CAAC,CAAC,EAAEW,aAAa,CAAC,CAAC;IAEnE;IACAC,eAAe,EAAE,MAAOC,KAAa,IACnC,CAAC,MAAMb,cAAc,CAAC,CAAC,EAAEc,aAAa,CAACD,KAAK,CAAC;IAE/C;IACAE,aAAa,EAAE,MAAOF,KAAa,IACjC,CAAC,MAAMb,cAAc,CAAC,CAAC,EAAEgB,YAAY,CAACH,KAAK,CAAC;IAE9C;IACAI,kBAAkB,EAAE,MAAOJ,KAAa,IAAK;MAC3C,MAAMK,OAAO,GAAG,MAAMlB,cAAc,CAAC,CAAC;MACtC,MAAMmB,cAAc,GAAG,MAAMD,OAAO,CAACE,iBAAiB,CAAC,CAAC;MACxD,MAAMC,IAAI,GAAGF,cAAc,CACxBG,EAAE,CAAC,2CAA2C,CAAC,CAC/CC,GAAG,CAACV,KAAK,CAAC;MACb,OAAO,CAAC,MAAMQ,IAAI,CAACnB,IAAI,CAAC,sBAAsB,CAAC,MAAM,MAAM;IAC7D;EACF,CAAC;AACH","ignoreList":[]}