@wix/patterns 1.364.0 → 1.366.0

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

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.urlCellType = void 0;
+var _types = require("../../types");
+var _View = require("./View");
+exports.UrlView = _View.UrlView;
+var _Edit = require("./Edit");
+exports.UrlEdit = _Edit.UrlEdit;
+const URL_PATTERN = /^(https?:\/\/)?([\w-]+\.)+[\w-]+(\/[\w-./?%&=]*)?$/;
+const urlCellType = exports.urlCellType = (0, _types.defineCellType)({
+  type: 'url',
+  ViewComponent: _View.UrlView,
+  EditComponent: _Edit.UrlEdit,
+  serialize: value => value ?? '',
+  deserialize: raw => raw,
+  validate: value => {
+    if (value && !URL_PATTERN.test(value)) {
+      return 'Invalid URL format';
+    }
+    return null;
+  },
+  editable: true,
+  clearable: true,
+  onTypeToEdit: ({
+    key
+  }) => ({
+    value: key
+  })
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_View","exports","UrlView","_Edit","UrlEdit","URL_PATTERN","urlCellType","defineCellType","type","ViewComponent","EditComponent","serialize","value","deserialize","raw","validate","test","editable","clearable","onTypeToEdit","key"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { UrlView } from './View';\nimport { UrlEdit } from './Edit';\n\nexport { UrlView, UrlEdit };\n\nconst URL_PATTERN = /^(https?:\\/\\/)?([\\w-]+\\.)+[\\w-]+(\\/[\\w-./?%&=]*)?$/;\n\nexport const urlCellType = defineCellType<string>({\n  type: 'url',\n  ViewComponent: UrlView,\n  EditComponent: UrlEdit,\n  serialize: (value) => value ?? '',\n  deserialize: (raw) => raw,\n  validate: (value) => {\n    if (value && !URL_PATTERN.test(value)) {\n      return 'Invalid URL format';\n    }\n    return null;\n  },\n  editable: true,\n  clearable: true,\n  onTypeToEdit: ({ key }) => ({ value: key }),\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAiCE,OAAA,CAAAC,OAAA,GAAAF,KAAA,CAAAE,OAAA;AACjC,IAAAC,KAAA,GAAAJ,OAAA;AAAiCE,OAAA,CAAAG,OAAA,GAAAD,KAAA,CAAAC,OAAA;AAIjC,MAAMC,WAAW,GAAG,oDAAoD;AAEjE,MAAMC,WAAW,GAAAL,OAAA,CAAAK,WAAA,GAAG,IAAAC,qBAAc,EAAS;EAChDC,IAAI,EAAE,KAAK;EACXC,aAAa,EAAEP,aAAO;EACtBQ,aAAa,EAAEN,aAAO;EACtBO,SAAS,EAAGC,KAAK,IAAKA,KAAK,IAAI,EAAE;EACjCC,WAAW,EAAGC,GAAG,IAAKA,GAAG;EACzBC,QAAQ,EAAGH,KAAK,IAAK;IACnB,IAAIA,KAAK,IAAI,CAACP,WAAW,CAACW,IAAI,CAACJ,KAAK,CAAC,EAAE;MACrC,OAAO,oBAAoB;IAC7B;IACA,OAAO,IAAI;EACb,CAAC;EACDK,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,YAAY,EAAEA,CAAC;IAAEC;EAAI,CAAC,MAAM;IAAER,KAAK,EAAEQ;EAAI,CAAC;AAC5C,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+var _exportNames = {
+  defineCellType: true
+};
+exports.defineCellType = void 0;
+var _EditableTable = require("./EditableTable");
+Object.keys(_EditableTable).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _EditableTable[key]) return;
+  exports[key] = _EditableTable[key];
+});
+var _types = require("./types");
+exports.defineCellType = _types.defineCellType;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_EditableTable","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_types","defineCellType"],"sources":["../../../../src/components/EditableTable/index.ts"],"sourcesContent":["export * from './EditableTable';\nexport { defineCellType } from './types';\n"],"mappings":";;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAL,cAAA,CAAAK,GAAA;AAAA;AACA,IAAAM,MAAA,GAAAV,OAAA;AAAyCS,OAAA,CAAAE,cAAA,GAAAD,MAAA,CAAAC,cAAA","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.defineCellType = defineCellType;
+/** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */
+function defineCellType(cellType) {
+  return cellType;
+}
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["defineCellType","cellType"],"sources":["../../../../src/components/EditableTable/types.ts"],"sourcesContent":["import type { CellType, ValidationRule } from '../../state/EditableTable/types';\n\nexport interface CellViewProps<V> {\n  value: V;\n  typeConfig?: unknown;\n}\n\nexport interface CellEditProps<V> {\n  value: V;\n  onChange: (value: V) => void;\n  onCommit: () => void;\n  onCancel: () => void;\n  /** Ref to the focusable input element. Used for type-to-edit (focusing the input when user starts typing on a focused cell). */\n  inputRef?: React.MutableRefObject<any>;\n  typeConfig?: unknown;\n  /** How edit mode was triggered. Edit components can use this to customize behavior (e.g., date picker auto-opens on 'type'). */\n  editTrigger?: 'type' | 'enter' | 'doubleClick' | null;\n}\n\n/** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */\nexport function defineCellType<V>(cellType: {\n  type: CellType['type'];\n  ViewComponent: React.ComponentType<CellViewProps<V>>;\n  EditComponent?: React.ComponentType<CellEditProps<V>>;\n  serialize?: (value: V) => string;\n  deserialize?: (raw: string) => V;\n  validate?: (value: V, rules?: ValidationRule[]) => string | null;\n  editable?: boolean;\n  clearable?: boolean;\n  toggleValue?: (value: V) => V;\n  onTypeToEdit?: (params: { key: string }) => { value?: V } | undefined;\n}): CellType {\n  return cellType;\n}\n"],"mappings":";;;;AAmBA;AACO,SAASA,cAAcA,CAAIC,QAWjC,EAAY;EACX,OAAOA,QAAQ;AACjB","ignoreList":[]}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCellFocusAndEditing = useCellFocusAndEditing;
+var _react = require("react");
+function useCellFocusAndEditing({
+  state,
+  rowKey,
+  columnId,
+  cellRef,
+  editInputRef
+}) {
+  const {
+    cellInteraction
+  } = state;
+  const column = state._columnMap.get(columnId);
+  const resolved = column ? state.resolveCellType(column.cellType) : null;
+  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);
+  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);
+  const isEditable = state.isCellEditable(rowKey, columnId);
+
+  // When focused (not editing): focus the cell div so it receives keyboard events.
+  // When editing starts: focus the input (cursor at end, no select-all).
+  (0, _react.useEffect)(() => {
+    if (!isFocused) {
+      return;
+    }
+    if (isEditing) {
+      if (editInputRef.current && document.activeElement !== editInputRef.current) {
+        editInputRef.current.focus();
+      }
+    } else {
+      var _cellRef$current;
+      (_cellRef$current = cellRef.current) == null || _cellRef$current.focus();
+    }
+  }, [isFocused, isEditing, cellRef, editInputRef]);
+  const handleActivate = (0, _react.useCallback)(() => {
+    if (resolved != null && resolved.toggleValue) {
+      state.cellValue.toggleCell(rowKey, columnId);
+    } else {
+      cellInteraction.startEdit();
+    }
+  }, [resolved, state, rowKey, columnId, cellInteraction]);
+
+  // Handle Enter and type-to-edit at the cell level
+  const onKeyDown = (0, _react.useCallback)(e => {
+    if (!isFocused || !isEditable || isEditing) {
+      return;
+    }
+    if (state.updateItemDisabled) {
+      return;
+    }
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      handleActivate();
+      return;
+    }
+
+    // Type-to-edit: prevent the browser's default text insertion, start
+    // edit mode, then set the value programmatically via React state.
+    // startEdit() must come before setEditingValue() because it resets
+    // editingValue to undefined.
+    if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && !e.nativeEvent.isComposing && editInputRef.current) {
+      const clearResult = resolved == null || resolved.onTypeToEdit == null ? void 0 : resolved.onTypeToEdit({
+        key: e.key
+      });
+      if (!clearResult) {
+        return;
+      }
+      e.preventDefault();
+      cellInteraction.startEdit(undefined, undefined, 'type');
+      if ('value' in clearResult) {
+        cellInteraction.setEditingValue(clearResult.value);
+      }
+      editInputRef.current.focus();
+      e.stopPropagation();
+    }
+  }, [editInputRef, isFocused, isEditable, isEditing, state, cellInteraction, resolved, handleActivate]);
+  return (0, _react.useMemo)(() => ({
+    onKeyDown
+  }), [onKeyDown]);
+}
+//# sourceMappingURL=useCellFocusAndEditing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useCellFocusAndEditing","state","rowKey","columnId","cellRef","editInputRef","cellInteraction","column","_columnMap","get","resolved","resolveCellType","cellType","isFocused","isCellFocused","isEditing","isCellEditing","isEditable","isCellEditable","useEffect","current","document","activeElement","focus","_cellRef$current","handleActivate","useCallback","toggleValue","cellValue","toggleCell","startEdit","onKeyDown","e","updateItemDisabled","key","preventDefault","length","ctrlKey","metaKey","altKey","nativeEvent","isComposing","clearResult","onTypeToEdit","undefined","setEditingValue","value","stopPropagation","useMemo"],"sources":["../../../../src/components/EditableTable/useCellFocusAndEditing.ts"],"sourcesContent":["import { useEffect, useCallback, useMemo } from 'react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from '../../state/EditableTable';\n\ninterface UseCellFocusAndEditingParams<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n  cellRef: React.RefObject<HTMLDivElement | null>;\n  editInputRef: React.MutableRefObject<any>;\n}\n\nexport function useCellFocusAndEditing<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n  cellRef,\n  editInputRef,\n}: UseCellFocusAndEditingParams<T, F>) {\n  const { cellInteraction } = state;\n  const column = state._columnMap.get(columnId);\n  const resolved = column ? state.resolveCellType(column.cellType) : null;\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isEditable = state.isCellEditable(rowKey, columnId);\n\n  // When focused (not editing): focus the cell div so it receives keyboard events.\n  // When editing starts: focus the input (cursor at end, no select-all).\n  useEffect(() => {\n    if (!isFocused) {\n      return;\n    }\n\n    if (isEditing) {\n      if (\n        editInputRef.current &&\n        document.activeElement !== editInputRef.current\n      ) {\n        editInputRef.current.focus();\n      }\n    } else {\n      cellRef.current?.focus();\n    }\n  }, [isFocused, isEditing, cellRef, editInputRef]);\n\n  const handleActivate = useCallback(() => {\n    if (resolved?.toggleValue) {\n      state.cellValue.toggleCell(rowKey, columnId);\n    } else {\n      cellInteraction.startEdit();\n    }\n  }, [resolved, state, rowKey, columnId, cellInteraction]);\n\n  // Handle Enter and type-to-edit at the cell level\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!isFocused || !isEditable || isEditing) {\n        return;\n      }\n      if (state.updateItemDisabled) {\n        return;\n      }\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        handleActivate();\n        return;\n      }\n\n      // Type-to-edit: prevent the browser's default text insertion, start\n      // edit mode, then set the value programmatically via React state.\n      // startEdit() must come before setEditingValue() because it resets\n      // editingValue to undefined.\n      if (\n        e.key.length === 1 &&\n        !e.ctrlKey &&\n        !e.metaKey &&\n        !e.altKey &&\n        !e.nativeEvent.isComposing &&\n        editInputRef.current\n      ) {\n        const clearResult = resolved?.onTypeToEdit?.({ key: e.key });\n        if (!clearResult) {\n          return;\n        }\n\n        e.preventDefault();\n        cellInteraction.startEdit(undefined, undefined, 'type');\n        if ('value' in clearResult) {\n          cellInteraction.setEditingValue(clearResult.value);\n        }\n        editInputRef.current.focus();\n        e.stopPropagation();\n      }\n    },\n    [\n      editInputRef,\n      isFocused,\n      isEditable,\n      isEditing,\n      state,\n      cellInteraction,\n      resolved,\n      handleActivate,\n    ],\n  );\n\n  return useMemo(() => ({ onKeyDown }), [onKeyDown]);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAYO,SAASC,sBAAsBA,CAA0B;EAC9DC,KAAK;EACLC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC;AACkC,CAAC,EAAE;EACrC,MAAM;IAAEC;EAAgB,CAAC,GAAGL,KAAK;EACjC,MAAMM,MAAM,GAAGN,KAAK,CAACO,UAAU,CAACC,GAAG,CAACN,QAAQ,CAAC;EAC7C,MAAMO,QAAQ,GAAGH,MAAM,GAAGN,KAAK,CAACU,eAAe,CAACJ,MAAM,CAACK,QAAQ,CAAC,GAAG,IAAI;EACvE,MAAMC,SAAS,GAAGP,eAAe,CAACQ,aAAa,CAACZ,MAAM,EAAEC,QAAQ,CAAC;EACjE,MAAMY,SAAS,GAAGT,eAAe,CAACU,aAAa,CAACd,MAAM,EAAEC,QAAQ,CAAC;EACjE,MAAMc,UAAU,GAAGhB,KAAK,CAACiB,cAAc,CAAChB,MAAM,EAAEC,QAAQ,CAAC;;EAEzD;EACA;EACA,IAAAgB,gBAAS,EAAC,MAAM;IACd,IAAI,CAACN,SAAS,EAAE;MACd;IACF;IAEA,IAAIE,SAAS,EAAE;MACb,IACEV,YAAY,CAACe,OAAO,IACpBC,QAAQ,CAACC,aAAa,KAAKjB,YAAY,CAACe,OAAO,EAC/C;QACAf,YAAY,CAACe,OAAO,CAACG,KAAK,CAAC,CAAC;MAC9B;IACF,CAAC,MAAM;MAAA,IAAAC,gBAAA;MACL,CAAAA,gBAAA,GAAApB,OAAO,CAACgB,OAAO,aAAfI,gBAAA,CAAiBD,KAAK,CAAC,CAAC;IAC1B;EACF,CAAC,EAAE,CAACV,SAAS,EAAEE,SAAS,EAAEX,OAAO,EAAEC,YAAY,CAAC,CAAC;EAEjD,MAAMoB,cAAc,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACvC,IAAIhB,QAAQ,YAARA,QAAQ,CAAEiB,WAAW,EAAE;MACzB1B,KAAK,CAAC2B,SAAS,CAACC,UAAU,CAAC3B,MAAM,EAAEC,QAAQ,CAAC;IAC9C,CAAC,MAAM;MACLG,eAAe,CAACwB,SAAS,CAAC,CAAC;IAC7B;EACF,CAAC,EAAE,CAACpB,QAAQ,EAAET,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEG,eAAe,CAAC,CAAC;;EAExD;EACA,MAAMyB,SAAS,GAAG,IAAAL,kBAAW,EAC1BM,CAAsB,IAAK;IAC1B,IAAI,CAACnB,SAAS,IAAI,CAACI,UAAU,IAAIF,SAAS,EAAE;MAC1C;IACF;IACA,IAAId,KAAK,CAACgC,kBAAkB,EAAE;MAC5B;IACF;IAEA,IAAID,CAAC,CAACE,GAAG,KAAK,OAAO,EAAE;MACrBF,CAAC,CAACG,cAAc,CAAC,CAAC;MAClBV,cAAc,CAAC,CAAC;MAChB;IACF;;IAEA;IACA;IACA;IACA;IACA,IACEO,CAAC,CAACE,GAAG,CAACE,MAAM,KAAK,CAAC,IAClB,CAACJ,CAAC,CAACK,OAAO,IACV,CAACL,CAAC,CAACM,OAAO,IACV,CAACN,CAAC,CAACO,MAAM,IACT,CAACP,CAAC,CAACQ,WAAW,CAACC,WAAW,IAC1BpC,YAAY,CAACe,OAAO,EACpB;MACA,MAAMsB,WAAW,GAAGhC,QAAQ,YAARA,QAAQ,CAAEiC,YAAY,oBAAtBjC,QAAQ,CAAEiC,YAAY,CAAG;QAAET,GAAG,EAAEF,CAAC,CAACE;MAAI,CAAC,CAAC;MAC5D,IAAI,CAACQ,WAAW,EAAE;QAChB;MACF;MAEAV,CAAC,CAACG,cAAc,CAAC,CAAC;MAClB7B,eAAe,CAACwB,SAAS,CAACc,SAAS,EAAEA,SAAS,EAAE,MAAM,CAAC;MACvD,IAAI,OAAO,IAAIF,WAAW,EAAE;QAC1BpC,eAAe,CAACuC,eAAe,CAACH,WAAW,CAACI,KAAK,CAAC;MACpD;MACAzC,YAAY,CAACe,OAAO,CAACG,KAAK,CAAC,CAAC;MAC5BS,CAAC,CAACe,eAAe,CAAC,CAAC;IACrB;EACF,CAAC,EACD,CACE1C,YAAY,EACZQ,SAAS,EACTI,UAAU,EACVF,SAAS,EACTd,KAAK,EACLK,eAAe,EACfI,QAAQ,EACRe,cAAc,CAElB,CAAC;EAED,OAAO,IAAAuB,cAAO,EAAC,OAAO;IAAEjB;EAAU,CAAC,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;AACpD","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useClearFocusOnBlur = useClearFocusOnBlur;
+var _react = require("react");
+/**
+ * Clears cell focus when the user clicks outside the table container.
+ */
+function useClearFocusOnBlur(cellInteraction) {
+  const blurFrameId = (0, _react.useRef)(0);
+  (0, _react.useEffect)(() => {
+    return () => cancelAnimationFrame(blurFrameId.current);
+  }, []);
+  const onFocus = (0, _react.useCallback)(() => {
+    cancelAnimationFrame(blurFrameId.current);
+  }, []);
+  const onBlur = (0, _react.useCallback)(e => {
+    cancelAnimationFrame(blurFrameId.current);
+    const container = e.currentTarget;
+    blurFrameId.current = requestAnimationFrame(() => {
+      if (container.contains(document.activeElement)) {
+        return;
+      }
+      if (!cellInteraction.isEditing) {
+        cellInteraction.clearFocus();
+      }
+    });
+  }, [cellInteraction]);
+  return {
+    onFocus,
+    onBlur
+  };
+}
+//# sourceMappingURL=useClearFocusOnBlur.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useClearFocusOnBlur","cellInteraction","blurFrameId","useRef","useEffect","cancelAnimationFrame","current","onFocus","useCallback","onBlur","e","container","currentTarget","requestAnimationFrame","contains","document","activeElement","isEditing","clearFocus"],"sources":["../../../../src/components/EditableTable/useClearFocusOnBlur.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { CellInteractionState } from '../../state/EditableTable/CellInteractionState';\n\n/**\n * Clears cell focus when the user clicks outside the table container.\n */\nexport function useClearFocusOnBlur<T, F extends FiltersMap>(\n  cellInteraction: CellInteractionState<T, F>,\n) {\n  const blurFrameId = useRef(0);\n\n  useEffect(() => {\n    return () => cancelAnimationFrame(blurFrameId.current);\n  }, []);\n\n  const onFocus = useCallback(() => {\n    cancelAnimationFrame(blurFrameId.current);\n  }, []);\n\n  const onBlur = useCallback(\n    (e: React.FocusEvent<HTMLDivElement>) => {\n      cancelAnimationFrame(blurFrameId.current);\n      const container = e.currentTarget;\n\n      blurFrameId.current = requestAnimationFrame(() => {\n        if (container.contains(document.activeElement)) {\n          return;\n        }\n\n        if (!cellInteraction.isEditing) {\n          cellInteraction.clearFocus();\n        }\n      });\n    },\n    [cellInteraction],\n  );\n\n  return { onFocus, onBlur };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA;AACA;AACA;AACO,SAASC,mBAAmBA,CACjCC,eAA2C,EAC3C;EACA,MAAMC,WAAW,GAAG,IAAAC,aAAM,EAAC,CAAC,CAAC;EAE7B,IAAAC,gBAAS,EAAC,MAAM;IACd,OAAO,MAAMC,oBAAoB,CAACH,WAAW,CAACI,OAAO,CAAC;EACxD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,OAAO,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAChCH,oBAAoB,CAACH,WAAW,CAACI,OAAO,CAAC;EAC3C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,MAAM,GAAG,IAAAD,kBAAW,EACvBE,CAAmC,IAAK;IACvCL,oBAAoB,CAACH,WAAW,CAACI,OAAO,CAAC;IACzC,MAAMK,SAAS,GAAGD,CAAC,CAACE,aAAa;IAEjCV,WAAW,CAACI,OAAO,GAAGO,qBAAqB,CAAC,MAAM;MAChD,IAAIF,SAAS,CAACG,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC,EAAE;QAC9C;MACF;MAEA,IAAI,CAACf,eAAe,CAACgB,SAAS,EAAE;QAC9BhB,eAAe,CAACiB,UAAU,CAAC,CAAC;MAC9B;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACjB,eAAe,CAClB,CAAC;EAED,OAAO;IAAEM,OAAO;IAAEE;EAAO,CAAC;AAC5B","ignoreList":[]}

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

@@ -0,0 +1,71 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useClipboardHandler = useClipboardHandler;
+var _react = require("react");
+function useClipboardHandler(state, containerRef) {
+  const {
+    cellInteraction,
+    clipboard
+  } = state;
+  const handleCopy = (0, _react.useCallback)(e => {
+    var _e$clipboardData;
+    if (cellInteraction.selectedCells.size === 0) {
+      return;
+    }
+    if (cellInteraction.isEditing) {
+      return;
+    }
+    e.preventDefault();
+    const tsv = clipboard.copy();
+    (_e$clipboardData = e.clipboardData) == null || _e$clipboardData.setData('text/plain', tsv);
+  }, [cellInteraction, clipboard]);
+  const handleCut = (0, _react.useCallback)(e => {
+    var _e$clipboardData2;
+    if (cellInteraction.selectedCells.size === 0) {
+      return;
+    }
+    if (cellInteraction.isEditing) {
+      return;
+    }
+    if (state.updateItemDisabled) {
+      return;
+    }
+    e.preventDefault();
+    const tsv = clipboard.cut();
+    (_e$clipboardData2 = e.clipboardData) == null || _e$clipboardData2.setData('text/plain', tsv);
+  }, [cellInteraction, clipboard, state]);
+  const handlePaste = (0, _react.useCallback)(e => {
+    var _e$clipboardData3;
+    if (!cellInteraction.focusedCell) {
+      return;
+    }
+    if (cellInteraction.isEditing) {
+      return;
+    }
+    if (state.updateItemDisabled) {
+      return;
+    }
+    e.preventDefault();
+    const rawData = ((_e$clipboardData3 = e.clipboardData) == null ? void 0 : _e$clipboardData3.getData('text/plain')) ?? '';
+    if (!rawData) {
+      return;
+    }
+    clipboard.paste(rawData);
+  }, [cellInteraction, clipboard, state]);
+  (0, _react.useEffect)(() => {
+    const container = containerRef == null ? void 0 : containerRef.current;
+    if (!container) {
+      return;
+    }
+    container.addEventListener('copy', handleCopy);
+    container.addEventListener('cut', handleCut);
+    container.addEventListener('paste', handlePaste);
+    return () => {
+      container.removeEventListener('copy', handleCopy);
+      container.removeEventListener('cut', handleCut);
+      container.removeEventListener('paste', handlePaste);
+    };
+  }, [handleCopy, handleCut, handlePaste, containerRef]);
+}
+//# sourceMappingURL=useClipboardHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useClipboardHandler","state","containerRef","cellInteraction","clipboard","handleCopy","useCallback","e","_e$clipboardData","selectedCells","size","isEditing","preventDefault","tsv","copy","clipboardData","setData","handleCut","_e$clipboardData2","updateItemDisabled","cut","handlePaste","_e$clipboardData3","focusedCell","rawData","getData","paste","useEffect","container","current","addEventListener","removeEventListener"],"sources":["../../../../src/components/EditableTable/useClipboardHandler.ts"],"sourcesContent":["import { useEffect, useCallback } from 'react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from '../../state/EditableTable';\n\nexport function useClipboardHandler<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n  containerRef: React.RefObject<HTMLDivElement | null>,\n) {\n  const { cellInteraction, clipboard } = state;\n\n  const handleCopy = useCallback(\n    (e: ClipboardEvent) => {\n      if (cellInteraction.selectedCells.size === 0) {\n        return;\n      }\n      if (cellInteraction.isEditing) {\n        return;\n      }\n\n      e.preventDefault();\n      const tsv = clipboard.copy();\n      e.clipboardData?.setData('text/plain', tsv);\n    },\n    [cellInteraction, clipboard],\n  );\n\n  const handleCut = useCallback(\n    (e: ClipboardEvent) => {\n      if (cellInteraction.selectedCells.size === 0) {\n        return;\n      }\n      if (cellInteraction.isEditing) {\n        return;\n      }\n      if (state.updateItemDisabled) {\n        return;\n      }\n\n      e.preventDefault();\n      const tsv = clipboard.cut();\n      e.clipboardData?.setData('text/plain', tsv);\n    },\n    [cellInteraction, clipboard, state],\n  );\n\n  const handlePaste = useCallback(\n    (e: ClipboardEvent) => {\n      if (!cellInteraction.focusedCell) {\n        return;\n      }\n      if (cellInteraction.isEditing) {\n        return;\n      }\n      if (state.updateItemDisabled) {\n        return;\n      }\n\n      e.preventDefault();\n      const rawData = e.clipboardData?.getData('text/plain') ?? '';\n      if (!rawData) {\n        return;\n      }\n\n      clipboard.paste(rawData);\n    },\n    [cellInteraction, clipboard, state],\n  );\n\n  useEffect(() => {\n    const container = containerRef?.current;\n    if (!container) {\n      return;\n    }\n\n    container.addEventListener('copy', handleCopy);\n    container.addEventListener('cut', handleCut);\n    container.addEventListener('paste', handlePaste);\n\n    return () => {\n      container.removeEventListener('copy', handleCopy);\n      container.removeEventListener('cut', handleCut);\n      container.removeEventListener('paste', handlePaste);\n    };\n  }, [handleCopy, handleCut, handlePaste, containerRef]);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIO,SAASC,mBAAmBA,CACjCC,KAA+B,EAC/BC,YAAoD,EACpD;EACA,MAAM;IAAEC,eAAe;IAAEC;EAAU,CAAC,GAAGH,KAAK;EAE5C,MAAMI,UAAU,GAAG,IAAAC,kBAAW,EAC3BC,CAAiB,IAAK;IAAA,IAAAC,gBAAA;IACrB,IAAIL,eAAe,CAACM,aAAa,CAACC,IAAI,KAAK,CAAC,EAAE;MAC5C;IACF;IACA,IAAIP,eAAe,CAACQ,SAAS,EAAE;MAC7B;IACF;IAEAJ,CAAC,CAACK,cAAc,CAAC,CAAC;IAClB,MAAMC,GAAG,GAAGT,SAAS,CAACU,IAAI,CAAC,CAAC;IAC5B,CAAAN,gBAAA,GAAAD,CAAC,CAACQ,aAAa,aAAfP,gBAAA,CAAiBQ,OAAO,CAAC,YAAY,EAAEH,GAAG,CAAC;EAC7C,CAAC,EACD,CAACV,eAAe,EAAEC,SAAS,CAC7B,CAAC;EAED,MAAMa,SAAS,GAAG,IAAAX,kBAAW,EAC1BC,CAAiB,IAAK;IAAA,IAAAW,iBAAA;IACrB,IAAIf,eAAe,CAACM,aAAa,CAACC,IAAI,KAAK,CAAC,EAAE;MAC5C;IACF;IACA,IAAIP,eAAe,CAACQ,SAAS,EAAE;MAC7B;IACF;IACA,IAAIV,KAAK,CAACkB,kBAAkB,EAAE;MAC5B;IACF;IAEAZ,CAAC,CAACK,cAAc,CAAC,CAAC;IAClB,MAAMC,GAAG,GAAGT,SAAS,CAACgB,GAAG,CAAC,CAAC;IAC3B,CAAAF,iBAAA,GAAAX,CAAC,CAACQ,aAAa,aAAfG,iBAAA,CAAiBF,OAAO,CAAC,YAAY,EAAEH,GAAG,CAAC;EAC7C,CAAC,EACD,CAACV,eAAe,EAAEC,SAAS,EAAEH,KAAK,CACpC,CAAC;EAED,MAAMoB,WAAW,GAAG,IAAAf,kBAAW,EAC5BC,CAAiB,IAAK;IAAA,IAAAe,iBAAA;IACrB,IAAI,CAACnB,eAAe,CAACoB,WAAW,EAAE;MAChC;IACF;IACA,IAAIpB,eAAe,CAACQ,SAAS,EAAE;MAC7B;IACF;IACA,IAAIV,KAAK,CAACkB,kBAAkB,EAAE;MAC5B;IACF;IAEAZ,CAAC,CAACK,cAAc,CAAC,CAAC;IAClB,MAAMY,OAAO,GAAG,EAAAF,iBAAA,GAAAf,CAAC,CAACQ,aAAa,qBAAfO,iBAAA,CAAiBG,OAAO,CAAC,YAAY,CAAC,KAAI,EAAE;IAC5D,IAAI,CAACD,OAAO,EAAE;MACZ;IACF;IAEApB,SAAS,CAACsB,KAAK,CAACF,OAAO,CAAC;EAC1B,CAAC,EACD,CAACrB,eAAe,EAAEC,SAAS,EAAEH,KAAK,CACpC,CAAC;EAED,IAAA0B,gBAAS,EAAC,MAAM;IACd,MAAMC,SAAS,GAAG1B,YAAY,oBAAZA,YAAY,CAAE2B,OAAO;IACvC,IAAI,CAACD,SAAS,EAAE;MACd;IACF;IAEAA,SAAS,CAACE,gBAAgB,CAAC,MAAM,EAAEzB,UAAU,CAAC;IAC9CuB,SAAS,CAACE,gBAAgB,CAAC,KAAK,EAAEb,SAAS,CAAC;IAC5CW,SAAS,CAACE,gBAAgB,CAAC,OAAO,EAAET,WAAW,CAAC;IAEhD,OAAO,MAAM;MACXO,SAAS,CAACG,mBAAmB,CAAC,MAAM,EAAE1B,UAAU,CAAC;MACjDuB,SAAS,CAACG,mBAAmB,CAAC,KAAK,EAAEd,SAAS,CAAC;MAC/CW,SAAS,CAACG,mBAAmB,CAAC,OAAO,EAAEV,WAAW,CAAC;IACrD,CAAC;EACH,CAAC,EAAE,CAAChB,UAAU,EAAEY,SAAS,EAAEI,WAAW,EAAEnB,YAAY,CAAC,CAAC;AACxD","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useEditableTableCollectionSyncProps = useEditableTableCollectionSyncProps;
+var _react = require("react");
+function useEditableTableCollectionSyncProps(props) {
+  const {
+    state,
+    columns
+  } = props;
+  (0, _react.useEffect)(() => state.init(columns), [state, columns]);
+}
+//# sourceMappingURL=useEditableTableCollectionSyncProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useEditableTableCollectionSyncProps","props","state","columns","useEffect","init"],"sources":["../../../../src/components/EditableTable/useEditableTableCollectionSyncProps.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableProps } from './EditableTable';\n\nexport function useEditableTableCollectionSyncProps<T, F extends FiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const { state, columns } = props;\n\n  useEffect(() => state.init(columns), [state, columns]);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIO,SAASC,mCAAmCA,CACjDC,KAA+B,EAC/B;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGF,KAAK;EAEhC,IAAAG,gBAAS,EAAC,MAAMF,KAAK,CAACG,IAAI,CAACF,OAAO,CAAC,EAAE,CAACD,KAAK,EAAEC,OAAO,CAAC,CAAC;AACxD","ignoreList":[]}

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

@@ -0,0 +1,96 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useEditableTableContextMenu = useEditableTableContextMenu;
+var _react = require("react");
+const MOUSE_LEAVE_PADDING = 30;
+const isInsidePaddedRect = (e, rect, padding) => e.clientX >= rect.left - padding && e.clientX <= rect.right + padding && e.clientY >= rect.top - padding && e.clientY <= rect.bottom + padding;
+function useEditableTableContextMenu(cellInteraction) {
+  const [position, setPosition] = (0, _react.useState)(null);
+  const [cell, setCell] = (0, _react.useState)(null);
+  const menuRef = (0, _react.useRef)(null);
+  const cellElRef = (0, _react.useRef)(null);
+  const handleContextMenu = (0, _react.useCallback)(e => {
+    const cellEl = e.target.closest('[data-row-key][data-column-id]');
+    if (!cellEl) {
+      return;
+    }
+    e.preventDefault();
+    const rowKey = cellEl.getAttribute('data-row-key');
+    const columnId = cellEl.getAttribute('data-column-id');
+    if (!cellInteraction.isCellSelected(rowKey, columnId)) {
+      cellInteraction.focusCell(rowKey, columnId);
+    }
+    cellElRef.current = cellEl;
+    setPosition({
+      x: e.clientX,
+      y: e.clientY
+    });
+    setCell({
+      rowKey,
+      columnId
+    });
+  }, [cellInteraction]);
+  const handleClose = (0, _react.useCallback)(() => {
+    setPosition(null);
+    setCell(null);
+    cellElRef.current = null;
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!position) {
+      return;
+    }
+    const isInside = target => {
+      var _menuRef$current;
+      return (_menuRef$current = menuRef.current) == null ? void 0 : _menuRef$current.contains(target);
+    };
+    const onMouseDown = e => {
+      if (!isInside(e.target)) {
+        handleClose();
+      }
+    };
+    const onScroll = e => {
+      if (!isInside(e.target)) {
+        handleClose();
+      }
+    };
+    const onMouseMove = e => {
+      if (!menuRef.current) {
+        return;
+      }
+      const menuRect = menuRef.current.getBoundingClientRect();
+      // Skip until the menu has been laid out
+      if (menuRect.width === 0 || menuRect.height === 0) {
+        return;
+      }
+      // Stay open if cursor is near the menu
+      if (isInsidePaddedRect(e, menuRect, MOUSE_LEAVE_PADDING)) {
+        return;
+      }
+      // Stay open if cursor is on the cell that triggered the menu
+      if (cellElRef.current) {
+        const cellRect = cellElRef.current.getBoundingClientRect();
+        if (isInsidePaddedRect(e, cellRect, 0)) {
+          return;
+        }
+      }
+      handleClose();
+    };
+    document.addEventListener('mousedown', onMouseDown);
+    document.addEventListener('scroll', onScroll, true);
+    document.addEventListener('mousemove', onMouseMove);
+    return () => {
+      document.removeEventListener('mousedown', onMouseDown);
+      document.removeEventListener('scroll', onScroll, true);
+      document.removeEventListener('mousemove', onMouseMove);
+    };
+  }, [position, handleClose]);
+  return {
+    position,
+    cell,
+    menuRef,
+    handleContextMenu,
+    handleClose
+  };
+}
+//# sourceMappingURL=useEditableTableContextMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","MOUSE_LEAVE_PADDING","isInsidePaddedRect","e","rect","padding","clientX","left","right","clientY","top","bottom","useEditableTableContextMenu","cellInteraction","position","setPosition","useState","cell","setCell","menuRef","useRef","cellElRef","handleContextMenu","useCallback","cellEl","target","closest","preventDefault","rowKey","getAttribute","columnId","isCellSelected","focusCell","current","x","y","handleClose","useEffect","isInside","_menuRef$current","contains","onMouseDown","onScroll","onMouseMove","menuRect","getBoundingClientRect","width","height","cellRect","document","addEventListener","removeEventListener"],"sources":["../../../../src/components/EditableTable/useEditableTableContextMenu.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { CellInteractionState } from '../../state/EditableTable/CellInteractionState';\nimport type { Cell } from '../../state/EditableTable';\n\nconst MOUSE_LEAVE_PADDING = 30;\n\nconst isInsidePaddedRect = (e: MouseEvent, rect: DOMRect, padding: number) =>\n  e.clientX >= rect.left - padding &&\n  e.clientX <= rect.right + padding &&\n  e.clientY >= rect.top - padding &&\n  e.clientY <= rect.bottom + padding;\n\nexport function useEditableTableContextMenu<T, F extends FiltersMap>(\n  cellInteraction: CellInteractionState<T, F>,\n) {\n  const [position, setPosition] = useState<{ x: number; y: number } | null>(\n    null,\n  );\n  const [cell, setCell] = useState<Cell | null>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const cellElRef = useRef<Element | null>(null);\n\n  const handleContextMenu = useCallback(\n    (e: React.MouseEvent) => {\n      const cellEl = (e.target as HTMLElement).closest(\n        '[data-row-key][data-column-id]',\n      );\n      if (!cellEl) {\n        return;\n      }\n\n      e.preventDefault();\n      const rowKey = cellEl.getAttribute('data-row-key')!;\n      const columnId = cellEl.getAttribute('data-column-id')!;\n      if (!cellInteraction.isCellSelected(rowKey, columnId)) {\n        cellInteraction.focusCell(rowKey, columnId);\n      }\n      cellElRef.current = cellEl;\n      setPosition({ x: e.clientX, y: e.clientY });\n      setCell({ rowKey, columnId });\n    },\n    [cellInteraction],\n  );\n\n  const handleClose = useCallback(() => {\n    setPosition(null);\n    setCell(null);\n    cellElRef.current = null;\n  }, []);\n\n  useEffect(() => {\n    if (!position) {\n      return;\n    }\n\n    const isInside = (target: EventTarget | null) =>\n      menuRef.current?.contains(target as Node);\n\n    const onMouseDown = (e: MouseEvent) => {\n      if (!isInside(e.target)) {\n        handleClose();\n      }\n    };\n\n    const onScroll = (e: Event) => {\n      if (!isInside(e.target)) {\n        handleClose();\n      }\n    };\n\n    const onMouseMove = (e: MouseEvent) => {\n      if (!menuRef.current) {\n        return;\n      }\n      const menuRect = menuRef.current.getBoundingClientRect();\n      // Skip until the menu has been laid out\n      if (menuRect.width === 0 || menuRect.height === 0) {\n        return;\n      }\n      // Stay open if cursor is near the menu\n      if (isInsidePaddedRect(e, menuRect, MOUSE_LEAVE_PADDING)) {\n        return;\n      }\n      // Stay open if cursor is on the cell that triggered the menu\n      if (cellElRef.current) {\n        const cellRect = cellElRef.current.getBoundingClientRect();\n        if (isInsidePaddedRect(e, cellRect, 0)) {\n          return;\n        }\n      }\n      handleClose();\n    };\n\n    document.addEventListener('mousedown', onMouseDown);\n    document.addEventListener('scroll', onScroll, true);\n    document.addEventListener('mousemove', onMouseMove);\n\n    return () => {\n      document.removeEventListener('mousedown', onMouseDown);\n      document.removeEventListener('scroll', onScroll, true);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, [position, handleClose]);\n\n  return { position, cell, menuRef, handleContextMenu, handleClose };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,92 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useKeyboardNavigation = useKeyboardNavigation;
+var _react = require("react");
+function useKeyboardNavigation(state) {
+  const {
+    cellInteraction,
+    clipboard
+  } = state;
+  const onKeyDown = (0, _react.useCallback)(e => {
+    const {
+      focusedCell,
+      isEditing
+    } = cellInteraction;
+    if (!focusedCell) {
+      return;
+    }
+
+    // Don't intercept keys when editing (let the editor handle them)
+    if (isEditing) {
+      if (e.key === 'Escape') {
+        e.preventDefault();
+        cellInteraction.cancelEdit();
+      } else if (e.key === 'Tab') {
+        e.preventDefault();
+        cellInteraction.commitEdit();
+        if (e.shiftKey) {
+          cellInteraction.moveToPreviousCell();
+        } else {
+          cellInteraction.moveToNextCell();
+        }
+      }
+      return;
+    }
+    const isCtrlOrCmd = e.ctrlKey || e.metaKey;
+    const extend = e.shiftKey;
+    switch (e.key) {
+      case 'ArrowUp':
+        e.preventDefault();
+        cellInteraction.moveFocus('up', extend);
+        break;
+      case 'ArrowDown':
+        e.preventDefault();
+        cellInteraction.moveFocus('down', extend);
+        break;
+      case 'ArrowLeft':
+        e.preventDefault();
+        cellInteraction.moveFocus('left', extend);
+        break;
+      case 'ArrowRight':
+        e.preventDefault();
+        cellInteraction.moveFocus('right', extend);
+        break;
+      case 'Tab':
+        e.preventDefault();
+        if (e.shiftKey) {
+          cellInteraction.moveToPreviousCell();
+        } else {
+          cellInteraction.moveToNextCell();
+        }
+        break;
+      case 'Escape':
+        e.preventDefault();
+        if (clipboard.hasCopiedCells) {
+          clipboard.clear();
+        } else {
+          cellInteraction.clearFocus();
+        }
+        break;
+      case 'Delete':
+      case 'Backspace':
+        e.preventDefault();
+        if (!state.updateItemDisabled) {
+          state.clearCells(cellInteraction.selectedCellsList);
+        }
+        break;
+      case 'a':
+        if (isCtrlOrCmd) {
+          e.preventDefault();
+          cellInteraction.selectAll();
+        }
+        break;
+      default:
+        break;
+    }
+  }, [cellInteraction, clipboard, state]);
+  return {
+    onKeyDown
+  };
+}
+//# sourceMappingURL=useKeyboardNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useKeyboardNavigation","state","cellInteraction","clipboard","onKeyDown","useCallback","e","focusedCell","isEditing","key","preventDefault","cancelEdit","commitEdit","shiftKey","moveToPreviousCell","moveToNextCell","isCtrlOrCmd","ctrlKey","metaKey","extend","moveFocus","hasCopiedCells","clear","clearFocus","updateItemDisabled","clearCells","selectedCellsList","selectAll"],"sources":["../../../../src/components/EditableTable/useKeyboardNavigation.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport type { FiltersMap } from '@wix/bex-core';\n\nexport function useKeyboardNavigation<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n) {\n  const { cellInteraction, clipboard } = state;\n\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { focusedCell, isEditing } = cellInteraction;\n      if (!focusedCell) {\n        return;\n      }\n\n      // Don't intercept keys when editing (let the editor handle them)\n      if (isEditing) {\n        if (e.key === 'Escape') {\n          e.preventDefault();\n          cellInteraction.cancelEdit();\n        } else if (e.key === 'Tab') {\n          e.preventDefault();\n          cellInteraction.commitEdit();\n          if (e.shiftKey) {\n            cellInteraction.moveToPreviousCell();\n          } else {\n            cellInteraction.moveToNextCell();\n          }\n        }\n        return;\n      }\n\n      const isCtrlOrCmd = e.ctrlKey || e.metaKey;\n      const extend = e.shiftKey;\n\n      switch (e.key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          cellInteraction.moveFocus('up', extend);\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          cellInteraction.moveFocus('down', extend);\n          break;\n        case 'ArrowLeft':\n          e.preventDefault();\n          cellInteraction.moveFocus('left', extend);\n          break;\n        case 'ArrowRight':\n          e.preventDefault();\n          cellInteraction.moveFocus('right', extend);\n          break;\n        case 'Tab':\n          e.preventDefault();\n          if (e.shiftKey) {\n            cellInteraction.moveToPreviousCell();\n          } else {\n            cellInteraction.moveToNextCell();\n          }\n          break;\n        case 'Escape':\n          e.preventDefault();\n          if (clipboard.hasCopiedCells) {\n            clipboard.clear();\n          } else {\n            cellInteraction.clearFocus();\n          }\n          break;\n        case 'Delete':\n        case 'Backspace':\n          e.preventDefault();\n          if (!state.updateItemDisabled) {\n            state.clearCells(cellInteraction.selectedCellsList);\n          }\n          break;\n        case 'a':\n          if (isCtrlOrCmd) {\n            e.preventDefault();\n            cellInteraction.selectAll();\n          }\n          break;\n        default:\n          break;\n      }\n    },\n    [cellInteraction, clipboard, state],\n  );\n\n  return { onKeyDown };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIO,SAASC,qBAAqBA,CACnCC,KAA+B,EAC/B;EACA,MAAM;IAAEC,eAAe;IAAEC;EAAU,CAAC,GAAGF,KAAK;EAE5C,MAAMG,SAAS,GAAG,IAAAC,kBAAW,EAC1BC,CAAsB,IAAK;IAC1B,MAAM;MAAEC,WAAW;MAAEC;IAAU,CAAC,GAAGN,eAAe;IAClD,IAAI,CAACK,WAAW,EAAE;MAChB;IACF;;IAEA;IACA,IAAIC,SAAS,EAAE;MACb,IAAIF,CAAC,CAACG,GAAG,KAAK,QAAQ,EAAE;QACtBH,CAAC,CAACI,cAAc,CAAC,CAAC;QAClBR,eAAe,CAACS,UAAU,CAAC,CAAC;MAC9B,CAAC,MAAM,IAAIL,CAAC,CAACG,GAAG,KAAK,KAAK,EAAE;QAC1BH,CAAC,CAACI,cAAc,CAAC,CAAC;QAClBR,eAAe,CAACU,UAAU,CAAC,CAAC;QAC5B,IAAIN,CAAC,CAACO,QAAQ,EAAE;UACdX,eAAe,CAACY,kBAAkB,CAAC,CAAC;QACtC,CAAC,MAAM;UACLZ,eAAe,CAACa,cAAc,CAAC,CAAC;QAClC;MACF;MACA;IACF;IAEA,MAAMC,WAAW,GAAGV,CAAC,CAACW,OAAO,IAAIX,CAAC,CAACY,OAAO;IAC1C,MAAMC,MAAM,GAAGb,CAAC,CAACO,QAAQ;IAEzB,QAAQP,CAAC,CAACG,GAAG;MACX,KAAK,SAAS;QACZH,CAAC,CAACI,cAAc,CAAC,CAAC;QAClBR,eAAe,CAACkB,SAAS,CAAC,IAAI,EAAED,MAAM,CAAC;QACvC;MACF,KAAK,WAAW;QACdb,CAAC,CAACI,cAAc,CAAC,CAAC;QAClBR,eAAe,CAACkB,SAAS,CAAC,MAAM,EAAED,MAAM,CAAC;QACzC;MACF,KAAK,WAAW;QACdb,CAAC,CAACI,cAAc,CAAC,CAAC;QAClBR,eAAe,CAACkB,SAAS,CAAC,MAAM,EAAED,MAAM,CAAC;QACzC;MACF,KAAK,YAAY;QACfb,CAAC,CAACI,cAAc,CAAC,CAAC;QAClBR,eAAe,CAACkB,SAAS,CAAC,OAAO,EAAED,MAAM,CAAC;QAC1C;MACF,KAAK,KAAK;QACRb,CAAC,CAACI,cAAc,CAAC,CAAC;QAClB,IAAIJ,CAAC,CAACO,QAAQ,EAAE;UACdX,eAAe,CAACY,kBAAkB,CAAC,CAAC;QACtC,CAAC,MAAM;UACLZ,eAAe,CAACa,cAAc,CAAC,CAAC;QAClC;QACA;MACF,KAAK,QAAQ;QACXT,CAAC,CAACI,cAAc,CAAC,CAAC;QAClB,IAAIP,SAAS,CAACkB,cAAc,EAAE;UAC5BlB,SAAS,CAACmB,KAAK,CAAC,CAAC;QACnB,CAAC,MAAM;UACLpB,eAAe,CAACqB,UAAU,CAAC,CAAC;QAC9B;QACA;MACF,KAAK,QAAQ;MACb,KAAK,WAAW;QACdjB,CAAC,CAACI,cAAc,CAAC,CAAC;QAClB,IAAI,CAACT,KAAK,CAACuB,kBAAkB,EAAE;UAC7BvB,KAAK,CAACwB,UAAU,CAACvB,eAAe,CAACwB,iBAAiB,CAAC;QACrD;QACA;MACF,KAAK,GAAG;QACN,IAAIV,WAAW,EAAE;UACfV,CAAC,CAACI,cAAc,CAAC,CAAC;UAClBR,eAAe,CAACyB,SAAS,CAAC,CAAC;QAC7B;QACA;MACF;QACE;IACJ;EACF,CAAC,EACD,CAACzB,eAAe,EAAEC,SAAS,EAAEF,KAAK,CACpC,CAAC;EAED,OAAO;IAAEG;EAAU,CAAC;AACtB","ignoreList":[]}

package/dist/cjs/components/EntityPage/EntityPagePlain.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_ = "EntityPagePlain2305275193";
+var _namespace_ = "EntityPagePlain1681091989";
 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": "EntityPagePlain2305275193__root"
+  "root": "EntityPagePlain1681091989__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain2305275193\";\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\":\"EntityPagePlain2305275193__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain1681091989\";\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\":\"EntityPagePlain1681091989__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

package/dist/cjs/components/Fade/Fade.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_ = "Fade2577267590";
+var _namespace_ = "Fade817618918";
 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": "Fade2577267590__root"
+  "root": "Fade817618918__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade2577267590\";\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\":\"Fade2577267590__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade817618918\";\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\":\"Fade817618918__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":[]}

package/dist/cjs/components/Heading/Heading.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_ = "Heading774911002";
+var _namespace_ = "Heading2420093600";
 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": "Heading774911002__root"
+  "root": "Heading2420093600__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading774911002\";\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\":\"Heading774911002__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,kBAAkB;AACpC,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;AAAwB,CAAC;AAC/C,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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading2420093600\";\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\":\"Heading2420093600__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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":[]}