@wix/patterns 1.387.0 → 1.389.0

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

@@ -19,7 +19,7 @@ var _useClearFocusOnBlur = require("./useClearFocusOnBlur");
 var _useMouseSweepSelection = require("./useMouseSweepSelection");
 var _AddItemRow = require("./AddItemRow");
 var _useAddRow = require("./useAddRow");
-var _useBuiltInHeaderActions = require("./useBuiltInHeaderActions");
+var _useHeaderActions = require("./useHeaderActions");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/EditableTable.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 _EditableTable(props) {
@@ -40,7 +40,7 @@ function _EditableTable(props) {
     onBlur
   } = (0, _useClearFocusOnBlur.useClearFocusOnBlur)(state.cellInteraction);
   (0, _useMouseSweepSelection.useMouseSweepSelection)(state, containerRef);
-  const builtInActions = (0, _useBuiltInHeaderActions.useBuiltInHeaderActions)(state, editableColumns, hideHeaderActions);
+  const builtInActions = (0, _useHeaderActions.useHeaderActions)(state, editableColumns, hideHeaderActions);
   const {
     showAddItemRow,
     handleAddItem
@@ -59,7 +59,7 @@ function _EditableTable(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 82,
+          lineNumber: 88,
           columnNumber: 13
         }
       }) : null;
@@ -70,7 +70,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 98,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -84,7 +84,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 99,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TableVirtual.TableVirtual, (0, _extends2.default)({}, tableBaseProps, {
@@ -92,10 +92,12 @@ function _EditableTable(props) {
     columns: tableColumns,
     forceResize: true,
     horizontalScroll: true,
+    showSelection: true,
+    showRowNumbers: true,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 108,
       columnNumber: 9
     }
   }), showAddItemRow && /*#__PURE__*/_react.default.createElement(_AddItemRow.AddItemRow, {
@@ -103,7 +105,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 117,
       columnNumber: 30
     }
   }))), /*#__PURE__*/_react.default.createElement(_EditableTableContextMenu.EditableTableContextMenu, {
@@ -115,7 +117,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 120,
       columnNumber: 7
     }
   }), state.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -124,7 +126,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 128,
       columnNumber: 9
     }
   })), state.fieldActions.confirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -137,7 +139,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 134,
       columnNumber: 9
     }
   })), children);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useBuiltInHeaderActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","editableColumns","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useBuiltInHeaderActions","showAddItemRow","handleAddItem","useAddRow","tableColumns","useMemo","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","PatternsFieldsProvider","ref","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","AddItemRow","onAdd","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","fieldActions","confirmModal","primaryButtonProps","disabled","deleteTask","status","isLoading","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n  type EditableColumn,\n  EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useBuiltInHeaderActions } from './useBuiltInHeaderActions';\n\nexport interface EditableTableProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n    TableVirtualProps<T, F>,\n    'columns' | 'state' | 'onRowClick' | 'forceResize' | 'horizontalScroll'\n  > {\n  /** EditableTableState instance, created via useEditableTableCollection */\n  state: EditableTableState<T, F>;\n\n  /** Column definitions with cell types */\n  columns: EditableColumn<T>[];\n\n  /** When true, hides the built-in header actions popover for all columns. */\n  hideHeaderActions?: boolean;\n\n  /** data-hook for testkit selectors */\n  dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const {\n    state,\n    columns: editableColumns,\n    hideHeaderActions,\n    dataHook,\n    children,\n    ...tableBaseProps\n  } = props;\n\n  useEditableTableCollectionSyncProps(props);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const keyboard = useKeyboardNavigation(state);\n  useClipboardHandler(state, containerRef);\n  const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);\n  useMouseSweepSelection(state, containerRef);\n\n  const builtInActions = useBuiltInHeaderActions(\n    state,\n    editableColumns,\n    hideHeaderActions,\n  );\n\n  const { showAddItemRow, handleAddItem } = useAddRow(state);\n\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n        titleSuffix: builtInActions[col.id],\n        render: (_item: T, rowNum: number) => {\n          const rowKey = state.keyedItems[rowNum]?.key;\n          return rowKey ? (\n            <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n          ) : null;\n        },\n      })) as TableColumn<T>[],\n    [editableColumns, state, builtInActions],\n  );\n\n  const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n  return (\n    <PatternsFieldsProvider>\n      <div\n        ref={containerRef}\n        data-hook={dataHook}\n        tabIndex={0}\n        onKeyDown={keyboard.onKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onContextMenu={contextMenu.handleContextMenu}\n      >\n        <TableVirtual\n          {...tableBaseProps}\n          state={state.tableState}\n          columns={tableColumns}\n          forceResize\n          horizontalScroll\n        >\n          {showAddItemRow && <AddItemRow onAdd={handleAddItem} />}\n        </TableVirtual>\n      </div>\n      <EditableTableContextMenu\n        state={state}\n        position={contextMenu.position}\n        cell={contextMenu.cell}\n        menuRef={contextMenu.menuRef}\n        onClose={contextMenu.handleClose}\n      />\n      {state.deleteConfirmModal.value && (\n        <MessageActionModal\n          state={state.deleteConfirmModal}\n          {...state.deleteConfirmModal.value}\n        />\n      )}\n      {state.fieldActions.confirmModal.value && (\n        <MessageActionModal\n          state={state.fieldActions.confirmModal}\n          {...state.fieldActions.confirmModal.value}\n          primaryButtonProps={{\n            ...state.fieldActions.confirmModal.value.primaryButtonProps,\n            disabled: state.fieldActions.deleteTask.status.isLoading,\n          }}\n        />\n      )}\n      {children}\n    </PatternsFieldsProvider>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useHeaderActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","editableColumns","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useHeaderActions","showAddItemRow","handleAddItem","useAddRow","tableColumns","useMemo","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","PatternsFieldsProvider","ref","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","showSelection","showRowNumbers","AddItemRow","onAdd","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","fieldActions","confirmModal","primaryButtonProps","disabled","deleteTask","status","isLoading","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n  type EditableColumn,\n  EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useHeaderActions } from './useHeaderActions';\n\nexport interface EditableTableProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n    TableVirtualProps<T, F>,\n    | 'columns'\n    | 'state'\n    | 'onRowClick'\n    | 'forceResize'\n    | 'horizontalScroll'\n    | 'showSelection'\n    | 'showRowNumbers'\n  > {\n  /** EditableTableState instance, created via useEditableTableCollection */\n  state: EditableTableState<T, F>;\n\n  /** Column definitions with cell types */\n  columns: EditableColumn<T>[];\n\n  /** When true, hides the built-in header actions popover for all columns. */\n  hideHeaderActions?: boolean;\n\n  /** data-hook for testkit selectors */\n  dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const {\n    state,\n    columns: editableColumns,\n    hideHeaderActions,\n    dataHook,\n    children,\n    ...tableBaseProps\n  } = props;\n\n  useEditableTableCollectionSyncProps(props);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const keyboard = useKeyboardNavigation(state);\n  useClipboardHandler(state, containerRef);\n  const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);\n  useMouseSweepSelection(state, containerRef);\n\n  const builtInActions = useHeaderActions(\n    state,\n    editableColumns,\n    hideHeaderActions,\n  );\n\n  const { showAddItemRow, handleAddItem } = useAddRow(state);\n\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n        titleSuffix: builtInActions[col.id],\n        render: (_item: T, rowNum: number) => {\n          const rowKey = state.keyedItems[rowNum]?.key;\n          return rowKey ? (\n            <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n          ) : null;\n        },\n      })) as TableColumn<T>[],\n    [editableColumns, state, builtInActions],\n  );\n\n  const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n  return (\n    <PatternsFieldsProvider>\n      <div\n        ref={containerRef}\n        data-hook={dataHook}\n        tabIndex={0}\n        onKeyDown={keyboard.onKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onContextMenu={contextMenu.handleContextMenu}\n      >\n        <TableVirtual\n          {...tableBaseProps}\n          state={state.tableState}\n          columns={tableColumns}\n          forceResize\n          horizontalScroll\n          showSelection\n          showRowNumbers\n        >\n          {showAddItemRow && <AddItemRow onAdd={handleAddItem} />}\n        </TableVirtual>\n      </div>\n      <EditableTableContextMenu\n        state={state}\n        position={contextMenu.position}\n        cell={contextMenu.cell}\n        menuRef={contextMenu.menuRef}\n        onClose={contextMenu.handleClose}\n      />\n      {state.deleteConfirmModal.value && (\n        <MessageActionModal\n          state={state.deleteConfirmModal}\n          {...state.deleteConfirmModal.value}\n        />\n      )}\n      {state.fieldActions.confirmModal.value && (\n        <MessageActionModal\n          state={state.fieldActions.confirmModal}\n          {...state.fieldActions.confirmModal.value}\n          primaryButtonProps={{\n            ...state.fieldActions.confirmModal.value.primaryButtonProps,\n            disabled: state.fieldActions.deleteTask.status.isLoading,\n          }}\n        />\n      )}\n      {children}\n    </PatternsFieldsProvider>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,107 +1,22 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.HeaderActionsPopover = HeaderActionsPopover;
-var _react = _interopRequireWildcard(require("react"));
-var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _FieldActions = require("../FieldActions");
 var _HeaderActionsPopoverStCss = require("./HeaderActionsPopover.st.css.js");
-var _useCloseOnAncestorScroll = require("./useCloseOnAncestorScroll");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/HeaderActionsPopover.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 HeaderActionsPopover({
-  actions,
-  dataHook
-}) {
-  const [menuOpen, setMenuOpen] = (0, _react.useState)(false);
-  const [popoverKey, setPopoverKey] = (0, _react.useState)(0);
-  const wrapperRef = (0, _react.useRef)(null);
-  const closePopover = (0, _react.useCallback)(() => {
-    setMenuOpen(false);
-    setPopoverKey(k => k + 1);
-  }, []);
-  (0, _useCloseOnAncestorScroll.useCloseOnAncestorScroll)(wrapperRef, closePopover, menuOpen);
-  const menuItems = actions.filter(group => group.length > 0).reduce((result, group, index, array) => {
-    const items = group.map((action, i) => /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
-      key: `${index}-${i}`,
-      text: action.label,
-      onClick: action.onClick,
-      prefixIcon: action.icon,
-      disabled: action.disabled,
-      disabledDescription: action.disabledTooltip,
-      skin: action.skin,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 32,
-        columnNumber: 9
-      }
-    }));
-    const divider = index < array.length - 1 ? [/*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
-      key: `divider-${index}`,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 44,
-        columnNumber: 14
-      }
-    })] : [];
-    return [...result, ...items, ...divider];
-  }, []);
-  if (menuItems.length === 0) {
-    return null;
-  }
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    _react.default.createElement("div", {
-      ref: wrapperRef,
-      className: (0, _HeaderActionsPopoverStCss.st)(_HeaderActionsPopoverStCss.classes.root, {
-        menuOpen
-      }),
-      "data-hook": dataHook,
-      onClick: e => e.stopPropagation(),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 55,
-        columnNumber: 5
-      }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
-      key: popoverKey,
-      dataHook: dataHook ? `${dataHook}-menu` : undefined,
-      textSize: "small",
-      triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
-        size: "tiny",
-        skin: "dark",
-        priority: "tertiary",
-        ariaLabel: "Column actions",
-        dataHook: dataHook ? `${dataHook}-more-button` : undefined,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 66,
-          columnNumber: 11
-        }
-      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 73,
-          columnNumber: 13
-        }
-      })),
-      appendTo: "window",
-      placement: "bottom-end",
-      onShow: () => setMenuOpen(true),
-      onHide: () => setMenuOpen(false),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 61,
-        columnNumber: 7
-      }
-    }, menuItems))
-  );
+function HeaderActionsPopover(props) {
+  return /*#__PURE__*/_react.default.createElement(_FieldActions.HeaderActionsPopover, (0, _extends2.default)({}, props, {
+    className: _HeaderActionsPopoverStCss.classes.root,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 9,
+      columnNumber: 10
+    }
+  }));
 }
 //# sourceMappingURL=HeaderActionsPopover.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_HeaderActionsPopoverStCss","_useCloseOnAncestorScroll","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HeaderActionsPopover","actions","dataHook","menuOpen","setMenuOpen","useState","popoverKey","setPopoverKey","wrapperRef","useRef","closePopover","useCallback","k","useCloseOnAncestorScroll","menuItems","filter","group","length","reduce","result","index","array","items","map","action","createElement","PopoverMenu","MenuItem","key","text","label","onClick","prefixIcon","icon","disabled","disabledDescription","disabledTooltip","skin","__self","__source","fileName","lineNumber","columnNumber","divider","Divider","ref","className","st","classes","root","stopPropagation","undefined","textSize","triggerElement","IconButton","size","priority","ariaLabel","MoreSmall","appendTo","placement","onShow","onHide"],"sources":["../../../../src/components/EditableTable/HeaderActionsPopover.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, type ReactNode } from 'react';\nimport { PopoverMenu, IconButton } from '@wix/design-system';\nimport { MoreSmall } from '@wix/wix-ui-icons-common';\nimport type { HeaderAction } from './headerActionTypes';\nimport { st, classes } from './HeaderActionsPopover.st.css.js';\nimport { useCloseOnAncestorScroll } from './useCloseOnAncestorScroll';\n\nexport interface HeaderActionsPopoverProps {\n  actions: HeaderAction[][];\n  dataHook?: string;\n}\n\nexport function HeaderActionsPopover({\n  actions,\n  dataHook,\n}: HeaderActionsPopoverProps) {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [popoverKey, setPopoverKey] = useState(0);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const closePopover = useCallback(() => {\n    setMenuOpen(false);\n    setPopoverKey((k) => k + 1);\n  }, []);\n\n  useCloseOnAncestorScroll(wrapperRef, closePopover, menuOpen);\n\n  const menuItems = actions\n    .filter((group) => group.length > 0)\n    .reduce<ReactNode[]>((result, group, index, array) => {\n      const items = group.map((action, i) => (\n        <PopoverMenu.MenuItem\n          key={`${index}-${i}`}\n          text={action.label}\n          onClick={action.onClick}\n          prefixIcon={action.icon}\n          disabled={action.disabled}\n          disabledDescription={action.disabledTooltip}\n          skin={action.skin}\n        />\n      ));\n      const divider =\n        index < array.length - 1\n          ? [<PopoverMenu.Divider key={`divider-${index}`} />]\n          : [];\n      return [...result, ...items, ...divider];\n    }, []);\n\n  if (menuItems.length === 0) {\n    return null;\n  }\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div\n      ref={wrapperRef}\n      className={st(classes.root, { menuOpen })}\n      data-hook={dataHook}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <PopoverMenu\n        key={popoverKey}\n        dataHook={dataHook ? `${dataHook}-menu` : undefined}\n        textSize=\"small\"\n        triggerElement={\n          <IconButton\n            size=\"tiny\"\n            skin=\"dark\"\n            priority=\"tertiary\"\n            ariaLabel=\"Column actions\"\n            dataHook={dataHook ? `${dataHook}-more-button` : undefined}\n          >\n            <MoreSmall />\n          </IconButton>\n        }\n        appendTo=\"window\"\n        placement=\"bottom-end\"\n        onShow={() => setMenuOpen(true)}\n        onHide={() => setMenuOpen(false)}\n      >\n        {menuItems}\n      </PopoverMenu>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_FieldActions","_HeaderActionsPopoverStCss","_jsxFileName","HeaderActionsPopover","props","default","createElement","_extends2","className","classes","root","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/EditableTable/HeaderActionsPopover.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  HeaderActionsPopover as SharedHeaderActionsPopover,\n  type HeaderActionsPopoverProps,\n} from '../FieldActions';\nimport { classes } from './HeaderActionsPopover.st.css.js';\n\nexport function HeaderActionsPopover(props: HeaderActionsPopoverProps) {\n  return <SharedHeaderActionsPopover {...props} className={classes.root} />;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAIA,IAAAE,0BAAA,GAAAF,OAAA;AAA2D,IAAAG,YAAA;AAEpD,SAASC,oBAAoBA,CAACC,KAAgC,EAAE;EACrE,oBAAOP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAG,oBAA0B,MAAAI,SAAA,CAAAF,OAAA,MAAKD,KAAK;IAAEI,SAAS,EAAEC,kCAAO,CAACC,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CAAC;AAC3E","ignoreList":[]}

package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css

@@ -1,12 +1,10 @@
 .root {
-  -st-states: menuOpen;
-  opacity: 0;
-  transition: opacity 0.15s;
-}
+    opacity: 0;
+    transition: opacity 0.15s;
+  }
 
-/* Reveal when the table header cell is hovered or the menu is open */
-:global(th):hover .root,
-.root:menuOpen,
-.root:focus-within {
-  opacity: 1;
-}
+  :global(th):hover .root,
+  .root[data-menu-open="true"],
+  .root:focus-within {
+    opacity: 1;
+  }

package/dist/cjs/components/EditableTable/HeaderActionsPopover.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_ = "HeaderActionsPopover3638225715";
+var _namespace_ = "HeaderActionsPopover3127711114";
 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": "HeaderActionsPopover3638225715__root"
+  "root": "HeaderActionsPopover3127711114__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/HeaderActionsPopover.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/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover3638225715\";\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\":\"HeaderActionsPopover3638225715__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover3127711114\";\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\":\"HeaderActionsPopover3127711114__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/CellViewLayout.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_ = "CellViewLayout3566532917";
+var _namespace_ = "CellViewLayout3312877165";
 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": "CellViewLayout3566532917__root"
+  "root": "CellViewLayout3312877165__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.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_ = "Edit3615457965";
+var _namespace_ = "Edit2776254426";
 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": "Edit3615457965__root",
-  "booleanEdit": "Edit3615457965__booleanEdit"
+  "root": "Edit2776254426__root",
+  "booleanEdit": "Edit2776254426__booleanEdit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3615457965\";\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\":\"Edit3615457965__root\",\"booleanEdit\":\"Edit3615457965__booleanEdit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,aAAa,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit2776254426\";\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\":\"Edit2776254426__root\",\"booleanEdit\":\"Edit2776254426__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/View.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_ = "View3415268382";
+var _namespace_ = "View4114941033";
 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": "View3415268382__root",
-  "booleanView": "View3415268382__booleanView"
+  "root": "View4114941033__root",
+  "booleanView": "View4114941033__booleanView"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View3415268382\";\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\":\"View3415268382__root\",\"booleanView\":\"View3415268382__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":[]}
+{"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_ = \"View4114941033\";\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\":\"View4114941033__root\",\"booleanView\":\"View4114941033__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/date/Edit.js

@@ -4,7 +4,7 @@ exports.__esModule = true;
 exports.DateEdit = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
-var _useCloseOnAncestorScroll = require("../../useCloseOnAncestorScroll");
+var _useCloseOnAncestorScroll = require("../../../../hooks/useCloseOnAncestorScroll");
 var _EditStCss = require("./Edit.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/date/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); }
@@ -63,7 +63,7 @@ const DateEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 70,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
@@ -75,7 +75,7 @@ const DateEdit = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 81,
+          lineNumber: 85,
           columnNumber: 19
         }
       }),
@@ -100,7 +100,7 @@ const DateEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 80,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useCloseOnAncestorScroll","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isValidDate","value","date","Date","isNaN","getTime","DateEdit","onChange","onCommit","onCancel","inputRef","editTrigger","datePickerRef","useRef","validDate","useEffect","kind","_datePickerRef$curren","current","openCalendar","wrapperRef","closeCalendar","useCallback","_datePickerRef$curren2","_closeCalendar","useCloseOnAncestorScroll","dateValue","handleChange","handleKeyDown","key","preventDefault","createElement","ref","onKeyDown","style","width","height","display","alignItems","__self","__source","fileName","lineNumber","columnNumber","DatePicker","size","inputProps","border","prefix","el","undefined","popoverProps","appendTo","moveBy","y","className","classes","dateInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/Edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { DatePicker } from '@wix/design-system';\nimport type { CellEditProps } from '../../types';\nimport { useCloseOnAncestorScroll } from '../../useCloseOnAncestorScroll';\nimport { classes } from './Edit.st.css.js';\n\nfunction isValidDate(value: Date | string | null | undefined): boolean {\n  if (!value) {\n    return true;\n  }\n  const date = value instanceof Date ? value : new Date(value);\n  return !isNaN(date.getTime());\n}\n\nexport const DateEdit: React.FC<CellEditProps<Date | string | null>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n  editTrigger,\n}) => {\n  const datePickerRef = useRef<DatePicker | null>(null);\n  const validDate = isValidDate(value);\n\n  // Auto-open calendar when entering edit mode via type-to-edit\n  useEffect(() => {\n    if (editTrigger && typeof editTrigger === 'object' && editTrigger.kind === 'type') {\n      datePickerRef.current?.openCalendar();\n    }\n  }, [editTrigger]);\n\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  // WDS DatePicker types declare closeCalendar but only _closeCalendar exists at runtime.\n  const closeCalendar = useCallback(\n    () => (datePickerRef.current as any)?._closeCalendar?.(),\n    [],\n  );\n  useCloseOnAncestorScroll(wrapperRef, closeCalendar, !!editTrigger);\n\n  const dateValue = value\n    ? value instanceof Date\n      ? value\n      : new Date(value)\n    : null;\n\n  const handleChange = useCallback(\n    (date: Date) => {\n      onChange(date);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [onCancel],\n  );\n\n  return (\n    <div\n      ref={wrapperRef}\n      onKeyDown={handleKeyDown}\n      style={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        alignItems: 'center',\n      }}\n    >\n      <DatePicker\n        ref={datePickerRef}\n        size=\"small\"\n        inputProps={{\n          border: 'none',\n          prefix: <span />,\n          ...(validDate\n            ? {}\n            : { value: typeof value === 'string' ? value : '' }),\n          inputRef: (el: HTMLInputElement) => {\n            if (inputRef) {\n              inputRef.current = el;\n            }\n          },\n        }}\n        value={dateValue && !isNaN(dateValue.getTime()) ? dateValue : undefined}\n        onChange={handleChange}\n        popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}\n        className={classes.dateInput}\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useCloseOnAncestorScroll","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isValidDate","value","date","Date","isNaN","getTime","DateEdit","onChange","onCommit","onCancel","inputRef","editTrigger","datePickerRef","useRef","validDate","useEffect","kind","_datePickerRef$curren","current","openCalendar","wrapperRef","closeCalendar","useCallback","_datePickerRef$curren2","_closeCalendar","useCloseOnAncestorScroll","dateValue","handleChange","handleKeyDown","key","preventDefault","createElement","ref","onKeyDown","style","width","height","display","alignItems","__self","__source","fileName","lineNumber","columnNumber","DatePicker","size","inputProps","border","prefix","el","undefined","popoverProps","appendTo","moveBy","y","className","classes","dateInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/Edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { DatePicker } from '@wix/design-system';\nimport type { CellEditProps } from '../../types';\nimport { useCloseOnAncestorScroll } from '../../../../hooks/useCloseOnAncestorScroll';\nimport { classes } from './Edit.st.css.js';\n\nfunction isValidDate(value: Date | string | null | undefined): boolean {\n  if (!value) {\n    return true;\n  }\n  const date = value instanceof Date ? value : new Date(value);\n  return !isNaN(date.getTime());\n}\n\nexport const DateEdit: React.FC<CellEditProps<Date | string | null>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n  editTrigger,\n}) => {\n  const datePickerRef = useRef<DatePicker | null>(null);\n  const validDate = isValidDate(value);\n\n  // Auto-open calendar when entering edit mode via type-to-edit\n  useEffect(() => {\n    if (\n      editTrigger &&\n      typeof editTrigger === 'object' &&\n      editTrigger.kind === 'type'\n    ) {\n      datePickerRef.current?.openCalendar();\n    }\n  }, [editTrigger]);\n\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  // WDS DatePicker types declare closeCalendar but only _closeCalendar exists at runtime.\n  const closeCalendar = useCallback(\n    () => (datePickerRef.current as any)?._closeCalendar?.(),\n    [],\n  );\n  useCloseOnAncestorScroll(wrapperRef, closeCalendar, !!editTrigger);\n\n  const dateValue = value\n    ? value instanceof Date\n      ? value\n      : new Date(value)\n    : null;\n\n  const handleChange = useCallback(\n    (date: Date) => {\n      onChange(date);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [onCancel],\n  );\n\n  return (\n    <div\n      ref={wrapperRef}\n      onKeyDown={handleKeyDown}\n      style={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        alignItems: 'center',\n      }}\n    >\n      <DatePicker\n        ref={datePickerRef}\n        size=\"small\"\n        inputProps={{\n          border: 'none',\n          prefix: <span />,\n          ...(validDate\n            ? {}\n            : { value: typeof value === 'string' ? value : '' }),\n          inputRef: (el: HTMLInputElement) => {\n            if (inputRef) {\n              inputRef.current = el;\n            }\n          },\n        }}\n        value={dateValue && !isNaN(dateValue.getTime()) ? dateValue : undefined}\n        onChange={handleChange}\n        popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}\n        className={classes.dateInput}\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Edit2107511674";
+var _namespace_ = "Edit3429442494";
 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": "Edit2107511674__root",
-  "dateInput": "Edit2107511674__dateInput"
+  "root": "Edit3429442494__root",
+  "dateInput": "Edit3429442494__dateInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit2107511674\";\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\":\"Edit2107511674__root\",\"dateInput\":\"Edit2107511674__dateInput\"};\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,WAAW,EAAC;AAA2B,CAAC;AACrF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3429442494\";\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\":\"Edit3429442494__root\",\"dateInput\":\"Edit3429442494__dateInput\"};\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,WAAW,EAAC;AAA2B,CAAC;AACrF,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/date/View.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_ = "View297002052";
+var _namespace_ = "View1963242972";
 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": "View297002052__root"
+  "root": "View1963242972__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View297002052\";\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\":\"View297002052__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,eAAe;AACjC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqB,CAAC;AAC5C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1963242972\";\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\":\"View1963242972__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,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;AAAsB,CAAC;AAC7C,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/email/Edit.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Edit1408306505";
+var _namespace_ = "Edit1006158419";
 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": "Edit1408306505__root",
-  "emailInput": "Edit1408306505__emailInput"
+  "root": "Edit1006158419__root",
+  "emailInput": "Edit1006158419__emailInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};