@wix/patterns 1.363.0 → 1.366.0

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

@@ -0,0 +1,227 @@
+"use strict";
+
+exports.__esModule = true;
+exports.EditableTableContextMenu = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/EditableTableContextMenu.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 MENU_WIDTH = 230;
+const ITEM_HEIGHT = 36;
+const DIVIDER_HEIGHT = 9;
+const PADDING = 16;
+const OFFSET_X = 4;
+const OFFSET_Y = 4;
+function _EditableTableContextMenu({
+  state,
+  position,
+  cell,
+  menuRef,
+  onClose
+}) {
+  const {
+    cellInteraction,
+    clipboard,
+    addItemDisabled,
+    updateItemDisabled,
+    removeItemDisabled
+  } = state;
+  const handleCopy = (0, _react.useCallback)(async () => {
+    const tsv = clipboard.copy();
+    try {
+      await navigator.clipboard.writeText(tsv);
+    } catch {}
+    onClose();
+  }, [clipboard, onClose]);
+  const handleCut = (0, _react.useCallback)(async () => {
+    const tsv = clipboard.cut();
+    try {
+      await navigator.clipboard.writeText(tsv);
+    } catch {}
+    onClose();
+  }, [clipboard, onClose]);
+  const handlePaste = (0, _react.useCallback)(async () => {
+    if (!cellInteraction.focusedCell) {
+      return;
+    }
+    try {
+      const rawData = await navigator.clipboard.readText();
+      if (!rawData) {
+        onClose();
+        return;
+      }
+      clipboard.paste(rawData);
+    } catch {}
+    onClose();
+  }, [cellInteraction, clipboard, onClose]);
+  const handleClear = (0, _react.useCallback)(() => {
+    state.clearCells(cellInteraction.selectedCellsList);
+    onClose();
+  }, [state, cellInteraction, onClose]);
+  if (!position || !cell) {
+    return null;
+  }
+  const selectedCells = cellInteraction.selectedCellsList;
+  const selectedCount = selectedCells.length;
+  const selectedRowKeys = [...new Set(selectedCells.map(c => c.rowKey))];
+  const hasMultipleRows = selectedRowKeys.length > 1;
+  const options = [];
+  options.push((0, _designSystem.listItemActionBuilder)({
+    id: 'copy',
+    title: `Copy`,
+    disabled: selectedCount === 0
+  }), (0, _designSystem.listItemActionBuilder)({
+    id: 'cut',
+    title: `Cut`,
+    disabled: selectedCount === 0 || !!updateItemDisabled
+  }), (0, _designSystem.listItemActionBuilder)({
+    id: 'paste',
+    title: `Paste`,
+    disabled: !!updateItemDisabled
+  }), (0, _designSystem.listItemActionBuilder)({
+    id: 'clear',
+    title: selectedCount > 1 ? `Clear ${selectedCount} Cells` : 'Clear Cell',
+    disabled: selectedCount === 0 || !!updateItemDisabled
+  }));
+  const hasRowOps = !addItemDisabled || !removeItemDisabled;
+  if (hasRowOps) {
+    options.push({
+      id: 'divider-1',
+      value: '-'
+    });
+  }
+  if (!addItemDisabled) {
+    options.push((0, _designSystem.listItemActionBuilder)({
+      id: 'add-above',
+      title: 'Add Row Above',
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.AddSmall, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 123,
+          columnNumber: 21
+        }
+      })
+    }), (0, _designSystem.listItemActionBuilder)({
+      id: 'add-below',
+      title: 'Add Row Below',
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.AddSmall, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 128,
+          columnNumber: 21
+        }
+      })
+    }), (0, _designSystem.listItemActionBuilder)({
+      id: 'duplicate',
+      title: 'Duplicate Row',
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DuplicateSmall, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 133,
+          columnNumber: 21
+        }
+      })
+    }));
+  }
+  if (!removeItemDisabled) {
+    if (!addItemDisabled) {
+      options.push({
+        id: 'divider-2',
+        value: '-'
+      });
+    }
+    options.push((0, _designSystem.listItemActionBuilder)({
+      id: 'delete',
+      title: hasMultipleRows ? `Delete ${selectedRowKeys.length} Rows` : 'Delete Row',
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DeleteSmall, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 148,
+          columnNumber: 21
+        }
+      }),
+      skin: 'destructive'
+    }));
+  }
+  const handleSelect = option => {
+    switch (option.id) {
+      case 'copy':
+        handleCopy();
+        break;
+      case 'cut':
+        handleCut();
+        break;
+      case 'paste':
+        handlePaste();
+        break;
+      case 'clear':
+        handleClear();
+        break;
+      case 'add-above':
+        {
+          const rowIdx = state.keyedItems.findIndex(ki => ki.key === cell.rowKey);
+          const prevKey = rowIdx > 0 ? state.keyedItems[rowIdx - 1].key : undefined;
+          state.addItem(prevKey);
+          onClose();
+          break;
+        }
+      case 'add-below':
+        state.addItem(cell.rowKey);
+        onClose();
+        break;
+      case 'duplicate':
+        state.duplicateItem(cell.rowKey);
+        onClose();
+        break;
+      case 'delete':
+        state.deleteItems(hasMultipleRows ? selectedRowKeys : [cell.rowKey]);
+        onClose();
+        break;
+    }
+  };
+  const dividerCount = options.filter(o => 'value' in o && o.value === '-').length;
+  const itemCount = options.length - dividerCount;
+  const estimatedHeight = itemCount * ITEM_HEIGHT + dividerCount * DIVIDER_HEIGHT + PADDING;
+  const x = position.x + OFFSET_X + MENU_WIDTH > window.innerWidth ? position.x - MENU_WIDTH : position.x + OFFSET_X;
+  const y = position.y + OFFSET_Y + estimatedHeight > window.innerHeight ? Math.max(4, position.y - estimatedHeight) : position.y + OFFSET_Y;
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
+    ref: menuRef,
+    style: {
+      position: 'fixed',
+      left: x,
+      top: y,
+      zIndex: 1000,
+      width: MENU_WIDTH
+    },
+    onMouseDown: e => e.preventDefault(),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 210,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.DropdownLayout, {
+    dataHook: "editable-table-context-menu",
+    visible: true,
+    inContainer: true,
+    options: options,
+    onSelect: handleSelect,
+    onClose: onClose,
+    maxHeightPixels: 400,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 221,
+      columnNumber: 7
+    }
+  })), document.body);
+}
+const EditableTableContextMenu = exports.EditableTableContextMenu = (0, _mobxReactLite.observer)(_EditableTableContextMenu);
+//# sourceMappingURL=EditableTableContextMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactDom","_mobxReactLite","_designSystem","_wixUiIconsCommon","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MENU_WIDTH","ITEM_HEIGHT","DIVIDER_HEIGHT","PADDING","OFFSET_X","OFFSET_Y","_EditableTableContextMenu","state","position","cell","menuRef","onClose","cellInteraction","clipboard","addItemDisabled","updateItemDisabled","removeItemDisabled","handleCopy","useCallback","tsv","copy","navigator","writeText","handleCut","cut","handlePaste","focusedCell","rawData","readText","paste","handleClear","clearCells","selectedCellsList","selectedCells","selectedCount","length","selectedRowKeys","Set","map","c","rowKey","hasMultipleRows","options","push","listItemActionBuilder","id","title","disabled","hasRowOps","value","prefixIcon","createElement","AddSmall","__self","__source","fileName","lineNumber","columnNumber","DuplicateSmall","DeleteSmall","skin","handleSelect","option","rowIdx","keyedItems","findIndex","ki","key","prevKey","undefined","addItem","duplicateItem","deleteItems","dividerCount","filter","itemCount","estimatedHeight","x","window","innerWidth","y","innerHeight","Math","max","createPortal","ref","style","left","top","zIndex","width","onMouseDown","preventDefault","DropdownLayout","dataHook","visible","inContainer","onSelect","maxHeightPixels","document","body","EditableTableContextMenu","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTableContextMenu.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { createPortal } from 'react-dom';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { DropdownLayout, listItemActionBuilder } from '@wix/design-system';\nimport {\n  DeleteSmall,\n  AddSmall,\n  DuplicateSmall,\n} from '@wix/wix-ui-icons-common';\nimport type { EditableTableState, Cell } from '../../state/EditableTable';\n\nexport interface EditableTableContextMenuProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  position: { x: number; y: number } | null;\n  cell: Cell | null;\n  menuRef: React.Ref<HTMLDivElement>;\n  onClose: () => void;\n}\n\nconst MENU_WIDTH = 230;\nconst ITEM_HEIGHT = 36;\nconst DIVIDER_HEIGHT = 9;\nconst PADDING = 16;\nconst OFFSET_X = 4;\nconst OFFSET_Y = 4;\n\nfunction _EditableTableContextMenu<T, F extends FiltersMap>({\n  state,\n  position,\n  cell,\n  menuRef,\n  onClose,\n}: EditableTableContextMenuProps<T, F>) {\n  const {\n    cellInteraction,\n    clipboard,\n    addItemDisabled,\n    updateItemDisabled,\n    removeItemDisabled,\n  } = state;\n\n  const handleCopy = useCallback(async () => {\n    const tsv = clipboard.copy();\n    try {\n      await navigator.clipboard.writeText(tsv);\n    } catch {}\n    onClose();\n  }, [clipboard, onClose]);\n\n  const handleCut = useCallback(async () => {\n    const tsv = clipboard.cut();\n    try {\n      await navigator.clipboard.writeText(tsv);\n    } catch {}\n    onClose();\n  }, [clipboard, onClose]);\n\n  const handlePaste = useCallback(async () => {\n    if (!cellInteraction.focusedCell) {\n      return;\n    }\n    try {\n      const rawData = await navigator.clipboard.readText();\n      if (!rawData) {\n        onClose();\n        return;\n      }\n      clipboard.paste(rawData);\n    } catch {}\n    onClose();\n  }, [cellInteraction, clipboard, onClose]);\n\n  const handleClear = useCallback(() => {\n    state.clearCells(cellInteraction.selectedCellsList);\n    onClose();\n  }, [state, cellInteraction, onClose]);\n\n  if (!position || !cell) {\n    return null;\n  }\n\n  const selectedCells = cellInteraction.selectedCellsList;\n  const selectedCount = selectedCells.length;\n  const selectedRowKeys = [...new Set(selectedCells.map((c) => c.rowKey))];\n  const hasMultipleRows = selectedRowKeys.length > 1;\n\n  const options = [];\n\n  options.push(\n    listItemActionBuilder({\n      id: 'copy',\n      title: `Copy`,\n      disabled: selectedCount === 0,\n    }),\n    listItemActionBuilder({\n      id: 'cut',\n      title: `Cut`,\n      disabled: selectedCount === 0 || !!updateItemDisabled,\n    }),\n    listItemActionBuilder({\n      id: 'paste',\n      title: `Paste`,\n      disabled: !!updateItemDisabled,\n    }),\n    listItemActionBuilder({\n      id: 'clear',\n      title: selectedCount > 1 ? `Clear ${selectedCount} Cells` : 'Clear Cell',\n      disabled: selectedCount === 0 || !!updateItemDisabled,\n    }),\n  );\n\n  const hasRowOps = !addItemDisabled || !removeItemDisabled;\n  if (hasRowOps) {\n    options.push({ id: 'divider-1', value: '-' });\n  }\n\n  if (!addItemDisabled) {\n    options.push(\n      listItemActionBuilder({\n        id: 'add-above',\n        title: 'Add Row Above',\n        prefixIcon: <AddSmall />,\n      }),\n      listItemActionBuilder({\n        id: 'add-below',\n        title: 'Add Row Below',\n        prefixIcon: <AddSmall />,\n      }),\n      listItemActionBuilder({\n        id: 'duplicate',\n        title: 'Duplicate Row',\n        prefixIcon: <DuplicateSmall />,\n      }),\n    );\n  }\n\n  if (!removeItemDisabled) {\n    if (!addItemDisabled) {\n      options.push({ id: 'divider-2', value: '-' });\n    }\n    options.push(\n      listItemActionBuilder({\n        id: 'delete',\n        title: hasMultipleRows\n          ? `Delete ${selectedRowKeys.length} Rows`\n          : 'Delete Row',\n        prefixIcon: <DeleteSmall />,\n        skin: 'destructive',\n      }),\n    );\n  }\n\n  const handleSelect = (option: { id: string | number }) => {\n    switch (option.id) {\n      case 'copy':\n        handleCopy();\n        break;\n      case 'cut':\n        handleCut();\n        break;\n      case 'paste':\n        handlePaste();\n        break;\n      case 'clear':\n        handleClear();\n        break;\n      case 'add-above': {\n        const rowIdx = state.keyedItems.findIndex(\n          (ki) => ki.key === cell.rowKey,\n        );\n        const prevKey =\n          rowIdx > 0 ? state.keyedItems[rowIdx - 1].key : undefined;\n        state.addItem(prevKey);\n        onClose();\n        break;\n      }\n      case 'add-below':\n        state.addItem(cell.rowKey);\n        onClose();\n        break;\n      case 'duplicate':\n        state.duplicateItem(cell.rowKey);\n        onClose();\n        break;\n      case 'delete':\n        state.deleteItems(hasMultipleRows ? selectedRowKeys : [cell.rowKey]);\n        onClose();\n        break;\n    }\n  };\n\n  const dividerCount = options.filter(\n    (o) => 'value' in o && o.value === '-',\n  ).length;\n  const itemCount = options.length - dividerCount;\n  const estimatedHeight =\n    itemCount * ITEM_HEIGHT + dividerCount * DIVIDER_HEIGHT + PADDING;\n\n  const x =\n    position.x + OFFSET_X + MENU_WIDTH > window.innerWidth\n      ? position.x - MENU_WIDTH\n      : position.x + OFFSET_X;\n  const y =\n    position.y + OFFSET_Y + estimatedHeight > window.innerHeight\n      ? Math.max(4, position.y - estimatedHeight)\n      : position.y + OFFSET_Y;\n\n  return createPortal(\n    <div\n      ref={menuRef}\n      style={{\n        position: 'fixed',\n        left: x,\n        top: y,\n        zIndex: 1000,\n        width: MENU_WIDTH,\n      }}\n      onMouseDown={(e) => e.preventDefault()}\n    >\n      <DropdownLayout\n        dataHook=\"editable-table-context-menu\"\n        visible\n        inContainer\n        options={options}\n        onSelect={handleSelect}\n        onClose={onClose}\n        maxHeightPixels={400}\n      />\n    </div>,\n    document.body,\n  );\n}\n\nexport const EditableTableContextMenu = observer(_EditableTableContextMenu);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+exports.__esModule = true;
+exports.EditableTableContextMenuUniDriver = EditableTableContextMenuUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+function EditableTableContextMenuUniDriver(_base, body) {
+  const menuBase = body.$('[data-hook="editable-table-context-menu"]');
+  const getDropdownLayout = () => (0, _unidriver.DropdownLayoutUniDriver)(menuBase, body);
+  return {
+    isShown: async () => menuBase.exists(),
+    isOptionVisible: async optionId => {
+      if (!(await menuBase.exists())) {
+        return false;
+      }
+      return body.$(`[data-hook="dropdown-item-${optionId}"]`).exists();
+    },
+    clickOption: async optionId => {
+      const option = await getDropdownLayout().optionById(optionId);
+      await option.click();
+    },
+    getOptionText: async optionId => {
+      const option = await getDropdownLayout().optionById(optionId);
+      return option.content();
+    }
+  };
+}
+//# sourceMappingURL=EditableTableContextMenu.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","EditableTableContextMenuUniDriver","_base","body","menuBase","$","getDropdownLayout","DropdownLayoutUniDriver","isShown","exists","isOptionVisible","optionId","clickOption","option","optionById","click","getOptionText","content"],"sources":["../../../../src/components/EditableTable/EditableTableContextMenu.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { DropdownLayoutUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { DropdownLayoutUniDriver as DropdownLayoutUniDriverFactory } from '@wix/design-system/dist/types/DropdownLayout/DropdownLayout.uni.driver';\nimport { UniDriverFactory } from '../uniDriverFactory';\n\nexport function EditableTableContextMenuUniDriver(\n  _base: UniDriver,\n  body: UniDriver,\n) {\n  const menuBase = body.$('[data-hook=\"editable-table-context-menu\"]');\n\n  const getDropdownLayout = () =>\n    (\n      DropdownLayoutUniDriver as UniDriverFactory<DropdownLayoutUniDriverFactory>\n    )(menuBase, body);\n\n  return {\n    isShown: async () => menuBase.exists(),\n\n    isOptionVisible: async (optionId: string) => {\n      if (!(await menuBase.exists())) {\n        return false;\n      }\n      return body.$(`[data-hook=\"dropdown-item-${optionId}\"]`).exists();\n    },\n\n    clickOption: async (optionId: string) => {\n      const option = await getDropdownLayout().optionById(optionId);\n      await option.click();\n    },\n\n    getOptionText: async (optionId: string) => {\n      const option = await getDropdownLayout().optionById(optionId);\n      return option.content();\n    },\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAIO,SAASC,iCAAiCA,CAC/CC,KAAgB,EAChBC,IAAe,EACf;EACA,MAAMC,QAAQ,GAAGD,IAAI,CAACE,CAAC,CAAC,2CAA2C,CAAC;EAEpE,MAAMC,iBAAiB,GAAGA,CAAA,KACxB,IACEC,kCAAuB,EACvBH,QAAQ,EAAED,IAAI,CAAC;EAEnB,OAAO;IACLK,OAAO,EAAE,MAAAA,CAAA,KAAYJ,QAAQ,CAACK,MAAM,CAAC,CAAC;IAEtCC,eAAe,EAAE,MAAOC,QAAgB,IAAK;MAC3C,IAAI,EAAE,MAAMP,QAAQ,CAACK,MAAM,CAAC,CAAC,CAAC,EAAE;QAC9B,OAAO,KAAK;MACd;MACA,OAAON,IAAI,CAACE,CAAC,CAAC,6BAA6BM,QAAQ,IAAI,CAAC,CAACF,MAAM,CAAC,CAAC;IACnE,CAAC;IAEDG,WAAW,EAAE,MAAOD,QAAgB,IAAK;MACvC,MAAME,MAAM,GAAG,MAAMP,iBAAiB,CAAC,CAAC,CAACQ,UAAU,CAACH,QAAQ,CAAC;MAC7D,MAAME,MAAM,CAACE,KAAK,CAAC,CAAC;IACtB,CAAC;IAEDC,aAAa,EAAE,MAAOL,QAAgB,IAAK;MACzC,MAAME,MAAM,GAAG,MAAMP,iBAAiB,CAAC,CAAC,CAACQ,UAAU,CAACH,QAAQ,CAAC;MAC7D,OAAOE,MAAM,CAACI,OAAO,CAAC,CAAC;IACzB;EACF,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+exports.__esModule = true;
+exports.BooleanEdit = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+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); }
+const BooleanEdit = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel
+}) => {
+  const handleChange = (0, _react.useCallback)(() => {
+    onChange(!value);
+    onCommit();
+  }, [value, onChange, onCommit]);
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      onChange(!value);
+      onCommit();
+    } else if (e.key === 'Escape') {
+      e.preventDefault();
+      onCancel();
+    }
+  }, [value, onChange, onCommit, onCancel]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    onKeyDown: handleKeyDown,
+    className: _EditStCss.classes.booleanEdit,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
+    dataHook: "boolean-checkbox",
+    checked: !!value,
+    onChange: handleChange,
+    size: "small",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 7
+    }
+  }));
+};
+exports.BooleanEdit = BooleanEdit;
+//# sourceMappingURL=Edit.js.map

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

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

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

@@ -0,0 +1,5 @@
+.booleanEdit {
+  display: flex;
+  align-items: center;
+  margin-left: 12px;
+}

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

@@ -0,0 +1,23 @@
+"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_ = "Edit2756468535";
+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": "Edit2756468535__root",
+  "booleanEdit": "Edit2756468535__booleanEdit"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=Edit.st.css.js.map

package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.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/boolean/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit2756468535\";\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\":\"Edit2756468535__root\",\"booleanEdit\":\"Edit2756468535__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":[]}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.BooleanEditUniDriver = BooleanEditUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver2 = require("../../../../unidriver");
+function BooleanEditUniDriver(base, body) {
+  const checkbox = (0, _unidriver.CheckboxUniDriver)(base.$('[data-hook="boolean-checkbox"]'), body);
+  return {
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    isChecked: () => checkbox.isChecked(),
+    toggle: () => checkbox.click(),
+    /** Native dispatch — Checkbox uni.driver has no keyDown */
+    keyDown: async (key, opts) => {
+      const input = await base.$('input').getNative();
+      input.dispatchEvent(new KeyboardEvent('keydown', {
+        key,
+        bubbles: true,
+        ...opts
+      }));
+    }
+  };
+}
+//# sourceMappingURL=Edit.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","BooleanEditUniDriver","base","body","checkbox","CheckboxUniDriver","$","baseUniDriverFactory","isChecked","toggle","click","keyDown","key","opts","input","getNative","dispatchEvent","KeyboardEvent","bubbles"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { CheckboxUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function BooleanEditUniDriver(base: UniDriver, body: UniDriver) {\n  const checkbox = CheckboxUniDriver(\n    base.$('[data-hook=\"boolean-checkbox\"]'),\n    body,\n  );\n\n  return {\n    ...baseUniDriverFactory(base),\n    isChecked: () => checkbox.isChecked(),\n    toggle: () => checkbox.click(),\n    /** Native dispatch — Checkbox uni.driver has no keyDown */\n    keyDown: async (\n      key: string,\n      opts?: Pick<\n        KeyboardEventInit,\n        'shiftKey' | 'ctrlKey' | 'metaKey' | 'altKey'\n      >,\n    ) => {\n      const input = await base.$('input').getNative();\n      input.dispatchEvent(\n        new KeyboardEvent('keydown', { key, bubbles: true, ...opts }),\n      );\n    },\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,oBAAoBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACrE,MAAMC,QAAQ,GAAG,IAAAC,4BAAiB,EAChCH,IAAI,CAACI,CAAC,CAAC,gCAAgC,CAAC,EACxCH,IACF,CAAC;EAED,OAAO;IACL,GAAG,IAAAI,gCAAoB,EAACL,IAAI,CAAC;IAC7BM,SAAS,EAAEA,CAAA,KAAMJ,QAAQ,CAACI,SAAS,CAAC,CAAC;IACrCC,MAAM,EAAEA,CAAA,KAAML,QAAQ,CAACM,KAAK,CAAC,CAAC;IAC9B;IACAC,OAAO,EAAE,MAAAA,CACPC,GAAW,EACXC,IAGC,KACE;MACH,MAAMC,KAAK,GAAG,MAAMZ,IAAI,CAACI,CAAC,CAAC,OAAO,CAAC,CAACS,SAAS,CAAC,CAAC;MAC/CD,KAAK,CAACE,aAAa,CACjB,IAAIC,aAAa,CAAC,SAAS,EAAE;QAAEL,GAAG;QAAEM,OAAO,EAAE,IAAI;QAAE,GAAGL;MAAK,CAAC,CAC9D,CAAC;IACH;EACF,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.BooleanView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _system = require("@wix/wix-ui-icons-common/system");
+var _ViewStCss = require("./View.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/boolean/View.tsx";
+const BooleanView = ({
+  value
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: _ViewStCss.classes.booleanView,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 8,
+    columnNumber: 3
+  }
+}, value && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  color: "G10",
+  margin: "0px 12px 0px 6px",
+  dataHook: "boolean-check-icon",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 10,
+    columnNumber: 7
+  }
+}, /*#__PURE__*/_react.default.createElement(_system.CheckboxChecked, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 11,
+    columnNumber: 9
+  }
+})));
+exports.BooleanView = BooleanView;
+//# sourceMappingURL=View.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_system","_ViewStCss","_jsxFileName","BooleanView","value","default","createElement","className","classes","booleanView","__self","__source","fileName","lineNumber","columnNumber","Box","color","margin","dataHook","CheckboxChecked","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/View.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { CheckboxChecked } from '@wix/wix-ui-icons-common/system';\nimport type { CellViewProps } from '../../types';\nimport { classes } from './View.st.css.js';\n\nexport const BooleanView: React.FC<CellViewProps<boolean>> = ({ value }) => (\n  <div className={classes.booleanView}>\n    {value && (\n      <Box color=\"G10\" margin=\"0px 12px 0px 6px\" dataHook=\"boolean-check-icon\">\n        <CheckboxChecked />\n      </Box>\n    )}\n  </div>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAEpC,MAAMC,WAA6C,GAAGA,CAAC;EAAEC;AAAM,CAAC,kBACrER,MAAA,CAAAS,OAAA,CAAAC,aAAA;EAAKC,SAAS,EAAEC,kBAAO,CAACC,WAAY;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAV,YAAA;IAAAW,UAAA;IAAAC,YAAA;EAAA;AAAA,GACjCV,KAAK,iBACJR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAgB,GAAG;EAACC,KAAK,EAAC,KAAK;EAACC,MAAM,EAAC,kBAAkB;EAACC,QAAQ,EAAC,oBAAoB;EAAAR,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAV,YAAA;IAAAW,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACtElB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAmB,eAAe;EAAAT,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAV,YAAA;IAAAW,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CACf,CAEJ,CACN;AAACM,OAAA,CAAAjB,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css

@@ -0,0 +1,6 @@
+.booleanView {
+  display: flex;
+  align-items: center;
+  margin-left: 9px;
+  pointer-events: none;
+}

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

@@ -0,0 +1,23 @@
+"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_ = "View1734812011";
+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": "View1734812011__root",
+  "booleanView": "View1734812011__booleanView"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=View.st.css.js.map

package/dist/cjs/components/EditableTable/cellTypes/boolean/View.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/boolean/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1734812011\";\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\":\"View1734812011__root\",\"booleanView\":\"View1734812011__booleanView\"};\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":[]}

package/dist/cjs/components/EditableTable/cellTypes/boolean/View.uni.driver.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.BooleanViewUniDriver = BooleanViewUniDriver;
+var _unidriver = require("../../../../unidriver");
+function BooleanViewUniDriver(base, _body) {
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    hasCheckIcon: () => base.$('[data-hook="boolean-check-icon"]').exists()
+  };
+}
+//# sourceMappingURL=View.uni.driver.js.map

package/dist/cjs/components/EditableTable/cellTypes/boolean/View.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","BooleanViewUniDriver","base","_body","baseUniDriverFactory","hasCheckIcon","$","exists"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/View.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function BooleanViewUniDriver(base: UniDriver, _body: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n    hasCheckIcon: () => base.$('[data-hook=\"boolean-check-icon\"]').exists(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,oBAAoBA,CAACC,IAAe,EAAEC,KAAgB,EAAE;EACtE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACF,IAAI,CAAC;IAC7BG,YAAY,EAAEA,CAAA,KAAMH,IAAI,CAACI,CAAC,CAAC,kCAAkC,CAAC,CAACC,MAAM,CAAC;EACxE,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+exports.booleanCellType = void 0;
+var _types = require("../../types");
+var _View = require("./View");
+exports.BooleanView = _View.BooleanView;
+var _Edit = require("./Edit");
+exports.BooleanEdit = _Edit.BooleanEdit;
+const booleanCellType = exports.booleanCellType = (0, _types.defineCellType)({
+  type: 'boolean',
+  ViewComponent: _View.BooleanView,
+  EditComponent: _Edit.BooleanEdit,
+  serialize: value => value ? 'true' : 'false',
+  deserialize: raw => {
+    const normalized = raw.trim().toLowerCase();
+    if (normalized === '1' || normalized === 'true' || normalized === 'checked') {
+      return true;
+    }
+    if (normalized === '0' || normalized === 'false' || normalized === '') {
+      return false;
+    }
+    throw new Error();
+  },
+  editable: true,
+  clearable: true,
+  toggleValue: value => !value
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_View","exports","BooleanView","_Edit","BooleanEdit","booleanCellType","defineCellType","type","ViewComponent","EditComponent","serialize","value","deserialize","raw","normalized","trim","toLowerCase","Error","editable","clearable","toggleValue"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { BooleanView } from './View';\nimport { BooleanEdit } from './Edit';\n\nexport { BooleanView, BooleanEdit };\n\nexport const booleanCellType = defineCellType<boolean>({\n  type: 'boolean',\n  ViewComponent: BooleanView,\n  EditComponent: BooleanEdit,\n  serialize: (value) => (value ? 'true' : 'false'),\n  deserialize: (raw) => {\n    const normalized = raw.trim().toLowerCase();\n    if (\n      normalized === '1' ||\n      normalized === 'true' ||\n      normalized === 'checked'\n    ) {\n      return true;\n    }\n    if (normalized === '0' || normalized === 'false' || normalized === '') {\n      return false;\n    }\n    throw new Error();\n  },\n  editable: true,\n  clearable: true,\n  toggleValue: (value) => !value,\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAqCE,OAAA,CAAAC,WAAA,GAAAF,KAAA,CAAAE,WAAA;AACrC,IAAAC,KAAA,GAAAJ,OAAA;AAAqCE,OAAA,CAAAG,WAAA,GAAAD,KAAA,CAAAC,WAAA;AAI9B,MAAMC,eAAe,GAAAJ,OAAA,CAAAI,eAAA,GAAG,IAAAC,qBAAc,EAAU;EACrDC,IAAI,EAAE,SAAS;EACfC,aAAa,EAAEN,iBAAW;EAC1BO,aAAa,EAAEL,iBAAW;EAC1BM,SAAS,EAAGC,KAAK,IAAMA,KAAK,GAAG,MAAM,GAAG,OAAQ;EAChDC,WAAW,EAAGC,GAAG,IAAK;IACpB,MAAMC,UAAU,GAAGD,GAAG,CAACE,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;IAC3C,IACEF,UAAU,KAAK,GAAG,IAClBA,UAAU,KAAK,MAAM,IACrBA,UAAU,KAAK,SAAS,EACxB;MACA,OAAO,IAAI;IACb;IACA,IAAIA,UAAU,KAAK,GAAG,IAAIA,UAAU,KAAK,OAAO,IAAIA,UAAU,KAAK,EAAE,EAAE;MACrE,OAAO,KAAK;IACd;IACA,MAAM,IAAIG,KAAK,CAAC,CAAC;EACnB,CAAC;EACDC,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,WAAW,EAAGT,KAAK,IAAK,CAACA;AAC3B,CAAC,CAAC","ignoreList":[]}