handsontable 18.0.0 → 18.1.0-rc1

package/editorManager.js

@@ -18,9 +18,7 @@ function _check_private_redeclaration(obj, privateCollection) {
     }
 }
 function _class_private_method_get(receiver, privateSet, fn) {
-    if (!privateSet.has(receiver)) {
-        throw new TypeError("attempted to get private field on non-instance");
-    }
+    if (!privateSet.has(receiver)) throw new TypeError("attempted to get private field on non-instance");
     return fn;
 }
 function _class_private_method_init(obj, privateSet) {

package/editorManager.mjs

@@ -4,9 +4,7 @@ function _check_private_redeclaration(obj, privateCollection) {
     }
 }
 function _class_private_method_get(receiver, privateSet, fn) {
-    if (!privateSet.has(receiver)) {
-        throw new TypeError("attempted to get private field on non-instance");
-    }
+    if (!privateSet.has(receiver)) throw new TypeError("attempted to get private field on non-instance");
     return fn;
 }
 function _class_private_method_init(obj, privateSet) {

package/editors/autocompleteEditor/autocompleteEditor.js

@@ -32,15 +32,12 @@ function _check_private_redeclaration(obj, privateCollection) {
     }
 }
 function _class_apply_descriptor_get(receiver, descriptor) {
-    if (descriptor.get) {
-        return descriptor.get.call(receiver);
-    }
+    if (descriptor.get) return descriptor.get.call(receiver);
     return descriptor.value;
 }
 function _class_apply_descriptor_set(receiver, descriptor, value) {
-    if (descriptor.set) {
-        descriptor.set.call(receiver, value);
-    } else {
+    if (descriptor.set) descriptor.set.call(receiver, value);
+    else {
         if (!descriptor.writable) {
             throw new TypeError("attempted to set read only private field");
         }
@@ -48,9 +45,7 @@ function _class_apply_descriptor_set(receiver, descriptor, value) {
     }
 }
 function _class_extract_field_descriptor(receiver, privateMap, action) {
-    if (!privateMap.has(receiver)) {
-        throw new TypeError("attempted to " + action + " private field on non-instance");
-    }
+    if (!privateMap.has(receiver)) throw new TypeError("attempted to " + action + " private field on non-instance");
     return privateMap.get(receiver);
 }
 function _class_private_field_get(receiver, privateMap) {
@@ -67,9 +62,7 @@ function _class_private_field_set(receiver, privateMap, value) {
     return value;
 }
 function _class_private_method_get(receiver, privateSet, fn) {
-    if (!privateSet.has(receiver)) {
-        throw new TypeError("attempted to get private field on non-instance");
-    }
+    if (!privateSet.has(receiver)) throw new TypeError("attempted to get private field on non-instance");
     return fn;
 }
 function _class_private_method_init(obj, privateSet) {
@@ -168,6 +161,14 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
                 (0, _element.outerWidth)(this.TEXTAREA) - 2
             ] : undefined,
             autoColumnSize: true,
+            // With `trimDropdown: false` the list column is sized from its content by
+            // AutoColumnSize, so short options produced a list narrower than the edited
+            // cell (#13180). Floor the column at the cell width: the option rows stay
+            // full-width click targets, and `getTargetEditorWidth()` (which reads
+            // `getColWidth(0)`) widens the outer container to match automatically.
+            modifyColWidth: trimDropdown ? undefined : (width)=>{
+                return Math.max(width ?? 0, (0, _element.outerWidth)(this.TEXTAREA) - 2);
+            },
             renderer: (hotInstance, TD, row, col, prop, value, cellProperties)=>{
                 (0, _textRenderer.textRenderer)(hotInstance, TD, row, col, prop, value, cellProperties);
                 const { filteringCaseSensitive, allowHtml } = this.cellProperties;
@@ -302,7 +303,13 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
         let highlightIndex = null;
         let choices = choicesList;
         if (!sortByRelevanceSetting) {
-            choices = choices.toSorted((a, b)=>(0, _mixed.stringify)(a).localeCompare((0, _mixed.stringify)(b)));
+            // Sort a copy, never the passed-in array: `updateChoicesList` is public API and the caller's
+            // array (typically the `source` setting) must keep its original order. `Array#toSorted` would
+            // do this in one call but is outside the `browser-targets.js` baseline (Firefox 115+,
+            // Safari 16+), and swc lowers syntax only — it adds no instance-method polyfills.
+            choices = [
+                ...choices
+            ].sort((a, b)=>(0, _mixed.stringify)(a).localeCompare((0, _mixed.stringify)(b)));
         }
         const filteredChoiceIndexes = [];
         const locale = this.cellProperties.locale;
@@ -365,18 +372,37 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
    */ limitDropdownIfNeeded(spaceAvailable) {
         const dropdownHeight = this.getDropdownHeight();
         if (dropdownHeight > spaceAvailable) {
-            let tempHeight = 0;
-            let lastRowHeight = 0;
-            let height = 0;
-            do {
-                lastRowHeight = this.htEditor.stylesHandler.getDefaultRowHeight() ?? 0;
-                tempHeight += lastRowHeight;
-            }while (tempHeight < spaceAvailable)
-            height = tempHeight - lastRowHeight;
+            const rowHeight = this.htEditor.stylesHandler.getDefaultRowHeight() ?? 0;
+            if (rowHeight === 0) {
+                return;
+            }
+            // Show whole rows only, and stop one row short of the boundary: `Math.ceil(...) - 1` is the
+            // exact arithmetic of the do/while this replaced ("add rows until one crosses the free
+            // space, then step back a row"), so an exactly-fitting space still leaves its last row out.
+            // That margin is deliberately preserved - the list is trimmed because it overflows the
+            // workspace, and the rendered rows carry a border the raw row height does not.
+            //
+            // `Math.max(..., 1)` is the fix: without it the height collapsed to 0 whenever the free
+            // space was not taller than a single row, rendering the list as an invisible sliver that hid
+            // every choice - the flexbox-squeezed grids reported in #8872. The MultiSelect editor's
+            // dropdown clamps to one entry the same way (`dropdownController.updateDimensions()`).
+            //
+            // A caveat this cannot solve here: the grid's root element gets `overflow: clip` whenever a
+            // `height` is set, so when the free space is narrower than the forced row, that row is
+            // partly clipped by the grid's bottom edge - fully so when the space reaches 0. Making it
+            // readable in those extremes needs the dropdown to escape the clipping root (DEV-1656).
+            //
+            // No border compensation here, unlike `getTargetDropdownHeight()`'s `getTableHeight() + 1`.
+            // Adding it was measured and changes nothing a user sees: the clipping root, not the list's
+            // own budget, is what bounds the visible row, so the extra pixel only pushes the holder
+            // further past the clip (main 31->32px holder, 28px of option visible either way; classic
+            // 28->29 and 25; horizon 37->38 and 37).
+            const rowsThatFit = Math.max(Math.ceil(spaceAvailable / rowHeight) - 1, 1);
+            const height = rowsThatFit * rowHeight;
             if (this.isFlippedVertically) {
                 this.htEditor.rootElement.style.top = `${parseInt(this.htEditor.rootElement.style.top, 10) + dropdownHeight - height}px`;
             }
-            this.setDropdownHeight(tempHeight - lastRowHeight);
+            this.setDropdownHeight(height);
         }
     }
     /**

package/editors/autocompleteEditor/autocompleteEditor.mjs

@@ -4,15 +4,12 @@ function _check_private_redeclaration(obj, privateCollection) {
     }
 }
 function _class_apply_descriptor_get(receiver, descriptor) {
-    if (descriptor.get) {
-        return descriptor.get.call(receiver);
-    }
+    if (descriptor.get) return descriptor.get.call(receiver);
     return descriptor.value;
 }
 function _class_apply_descriptor_set(receiver, descriptor, value) {
-    if (descriptor.set) {
-        descriptor.set.call(receiver, value);
-    } else {
+    if (descriptor.set) descriptor.set.call(receiver, value);
+    else {
         if (!descriptor.writable) {
             throw new TypeError("attempted to set read only private field");
         }
@@ -20,9 +17,7 @@ function _class_apply_descriptor_set(receiver, descriptor, value) {
     }
 }
 function _class_extract_field_descriptor(receiver, privateMap, action) {
-    if (!privateMap.has(receiver)) {
-        throw new TypeError("attempted to " + action + " private field on non-instance");
-    }
+    if (!privateMap.has(receiver)) throw new TypeError("attempted to " + action + " private field on non-instance");
     return privateMap.get(receiver);
 }
 function _class_private_field_get(receiver, privateMap) {
@@ -39,9 +34,7 @@ function _class_private_field_set(receiver, privateMap, value) {
     return value;
 }
 function _class_private_method_get(receiver, privateSet, fn) {
-    if (!privateSet.has(receiver)) {
-        throw new TypeError("attempted to get private field on non-instance");
-    }
+    if (!privateSet.has(receiver)) throw new TypeError("attempted to get private field on non-instance");
     return fn;
 }
 function _class_private_method_init(obj, privateSet) {
@@ -153,6 +146,14 @@ var /**
                 outerWidth(this.TEXTAREA) - 2
             ] : undefined,
             autoColumnSize: true,
+            // With `trimDropdown: false` the list column is sized from its content by
+            // AutoColumnSize, so short options produced a list narrower than the edited
+            // cell (#13180). Floor the column at the cell width: the option rows stay
+            // full-width click targets, and `getTargetEditorWidth()` (which reads
+            // `getColWidth(0)`) widens the outer container to match automatically.
+            modifyColWidth: trimDropdown ? undefined : (width)=>{
+                return Math.max(width ?? 0, outerWidth(this.TEXTAREA) - 2);
+            },
             renderer: (hotInstance, TD, row, col, prop, value, cellProperties)=>{
                 textRenderer(hotInstance, TD, row, col, prop, value, cellProperties);
                 const { filteringCaseSensitive, allowHtml } = this.cellProperties;
@@ -287,7 +288,13 @@ var /**
         let highlightIndex = null;
         let choices = choicesList;
         if (!sortByRelevanceSetting) {
-            choices = choices.toSorted((a, b)=>stringify(a).localeCompare(stringify(b)));
+            // Sort a copy, never the passed-in array: `updateChoicesList` is public API and the caller's
+            // array (typically the `source` setting) must keep its original order. `Array#toSorted` would
+            // do this in one call but is outside the `browser-targets.js` baseline (Firefox 115+,
+            // Safari 16+), and swc lowers syntax only — it adds no instance-method polyfills.
+            choices = [
+                ...choices
+            ].sort((a, b)=>stringify(a).localeCompare(stringify(b)));
         }
         const filteredChoiceIndexes = [];
         const locale = this.cellProperties.locale;
@@ -350,18 +357,37 @@ var /**
    */ limitDropdownIfNeeded(spaceAvailable) {
         const dropdownHeight = this.getDropdownHeight();
         if (dropdownHeight > spaceAvailable) {
-            let tempHeight = 0;
-            let lastRowHeight = 0;
-            let height = 0;
-            do {
-                lastRowHeight = this.htEditor.stylesHandler.getDefaultRowHeight() ?? 0;
-                tempHeight += lastRowHeight;
-            }while (tempHeight < spaceAvailable)
-            height = tempHeight - lastRowHeight;
+            const rowHeight = this.htEditor.stylesHandler.getDefaultRowHeight() ?? 0;
+            if (rowHeight === 0) {
+                return;
+            }
+            // Show whole rows only, and stop one row short of the boundary: `Math.ceil(...) - 1` is the
+            // exact arithmetic of the do/while this replaced ("add rows until one crosses the free
+            // space, then step back a row"), so an exactly-fitting space still leaves its last row out.
+            // That margin is deliberately preserved - the list is trimmed because it overflows the
+            // workspace, and the rendered rows carry a border the raw row height does not.
+            //
+            // `Math.max(..., 1)` is the fix: without it the height collapsed to 0 whenever the free
+            // space was not taller than a single row, rendering the list as an invisible sliver that hid
+            // every choice - the flexbox-squeezed grids reported in #8872. The MultiSelect editor's
+            // dropdown clamps to one entry the same way (`dropdownController.updateDimensions()`).
+            //
+            // A caveat this cannot solve here: the grid's root element gets `overflow: clip` whenever a
+            // `height` is set, so when the free space is narrower than the forced row, that row is
+            // partly clipped by the grid's bottom edge - fully so when the space reaches 0. Making it
+            // readable in those extremes needs the dropdown to escape the clipping root (DEV-1656).
+            //
+            // No border compensation here, unlike `getTargetDropdownHeight()`'s `getTableHeight() + 1`.
+            // Adding it was measured and changes nothing a user sees: the clipping root, not the list's
+            // own budget, is what bounds the visible row, so the extra pixel only pushes the holder
+            // further past the clip (main 31->32px holder, 28px of option visible either way; classic
+            // 28->29 and 25; horizon 37->38 and 37).
+            const rowsThatFit = Math.max(Math.ceil(spaceAvailable / rowHeight) - 1, 1);
+            const height = rowsThatFit * rowHeight;
             if (this.isFlippedVertically) {
                 this.htEditor.rootElement.style.top = `${parseInt(this.htEditor.rootElement.style.top, 10) + dropdownHeight - height}px`;
             }
-            this.setDropdownHeight(tempHeight - lastRowHeight);
+            this.setDropdownHeight(height);
         }
     }
     /**

package/editors/baseEditor/baseEditor.d.ts

@@ -8,7 +8,17 @@ export declare const EDITOR_STATE: Readonly<{
     FINISHED: "STATE_FINISHED";
 }>;
 /**
+ * The abstract base class for Handsontable cell editors.
+ *
+ * Extend it to create an editor that controls how a cell enters edit mode, reads and writes values,
+ * and returns focus to the grid. Concrete editors implement `init()`, `getValue()`, `setValue()`,
+ * `open()`, `close()`, and `focus()`.
+ *
  * @class BaseEditor
+ * @see https://handsontable.com/docs/javascript-data-grid/cell-editor/
+ * @see https://handsontable.com/docs/javascript-data-grid/cell-function/
+ * @see https://handsontable.com/docs/javascript-data-grid/api/options/#editor
+ * @see https://handsontable.com/docs/react-data-grid/api/hooks/#afterbeginediting
  */
 export declare class BaseEditor {
     #private;
@@ -47,6 +57,8 @@ export declare class BaseEditor {
     /**
      * Callback to call after closing editor.
      *
+     * @private
+     *
      * @type {Function}
      */
     _closeCallback: ((result: boolean) => void) | null;
@@ -57,7 +69,7 @@ export declare class BaseEditor {
      */
     _closeAfterDataChange: boolean;
     /**
-     * Currently rendered cell's TD element.
+     * Currently rendered cell's `TD` element.
      *
      * @type {HTMLTableCellElement}
      */
@@ -243,13 +255,13 @@ export declare class BaseEditor {
         maxHeight: number;
     } | undefined;
     /**
-     * Gets className of the edited cell if exist.
+     * Gets the `className` of the edited cell, if it exists.
      *
      * @returns {string}
      */
     getEditedCellsLayerClass(): string;
     /**
-     * Gets HTMLTableCellElement of the edited cell if exist.
+     * Gets the `HTMLTableCellElement` of the edited cell, if it exists.
      *
      * @returns {HTMLTableCellElement|null}
      */

package/editors/baseEditor/baseEditor.js

@@ -32,9 +32,7 @@ function _check_private_redeclaration(obj, privateCollection) {
     }
 }
 function _class_private_method_get(receiver, privateSet, fn) {
-    if (!privateSet.has(receiver)) {
-        throw new TypeError("attempted to get private field on non-instance");
-    }
+    if (!privateSet.has(receiver)) throw new TypeError("attempted to get private field on non-instance");
     return fn;
 }
 function _class_private_method_init(obj, privateSet) {
@@ -439,7 +437,7 @@ class BaseEditor {
         };
     }
     /**
-   * Gets className of the edited cell if exist.
+   * Gets the `className` of the edited cell, if it exists.
    *
    * @returns {string}
    */ getEditedCellsLayerClass() {
@@ -460,7 +458,7 @@ class BaseEditor {
         }
     }
     /**
-   * Gets HTMLTableCellElement of the edited cell if exist.
+   * Gets the `HTMLTableCellElement` of the edited cell, if it exists.
    *
    * @returns {HTMLTableCellElement|null}
    */ getEditedCell() {
@@ -525,6 +523,8 @@ class BaseEditor {
         /**
    * Callback to call after closing editor.
    *
+   * @private
+   *
    * @type {Function}
    */ this._closeCallback = null;
         /**
@@ -533,7 +533,7 @@ class BaseEditor {
    * @type {boolean}
    */ this._closeAfterDataChange = true;
         /**
-   * Currently rendered cell's TD element.
+   * Currently rendered cell's `TD` element.
    *
    * @type {HTMLTableCellElement}
    */ this.TD = null;

package/editors/baseEditor/baseEditor.mjs

@@ -4,9 +4,7 @@ function _check_private_redeclaration(obj, privateCollection) {
     }
 }
 function _class_private_method_get(receiver, privateSet, fn) {
-    if (!privateSet.has(receiver)) {
-        throw new TypeError("attempted to get private field on non-instance");
-    }
+    if (!privateSet.has(receiver)) throw new TypeError("attempted to get private field on non-instance");
     return fn;
 }
 function _class_private_method_init(obj, privateSet) {
@@ -48,7 +46,17 @@ var /**
    * @returns {number}
    */ _calcCellStartOffset = /*#__PURE__*/ new WeakSet();
 /**
+ * The abstract base class for Handsontable cell editors.
+ *
+ * Extend it to create an editor that controls how a cell enters edit mode, reads and writes values,
+ * and returns focus to the grid. Concrete editors implement `init()`, `getValue()`, `setValue()`,
+ * `open()`, `close()`, and `focus()`.
+ *
  * @class BaseEditor
+ * @see https://handsontable.com/docs/javascript-data-grid/cell-editor/
+ * @see https://handsontable.com/docs/javascript-data-grid/cell-function/
+ * @see https://handsontable.com/docs/javascript-data-grid/api/options/#editor
+ * @see https://handsontable.com/docs/react-data-grid/api/hooks/#afterbeginediting
  */ export class BaseEditor {
     /**
    * Returns the unique editor type identifier for the base editor.
@@ -415,7 +423,7 @@ var /**
         };
     }
     /**
-   * Gets className of the edited cell if exist.
+   * Gets the `className` of the edited cell, if it exists.
    *
    * @returns {string}
    */ getEditedCellsLayerClass() {
@@ -436,7 +444,7 @@ var /**
         }
     }
     /**
-   * Gets HTMLTableCellElement of the edited cell if exist.
+   * Gets the `HTMLTableCellElement` of the edited cell, if it exists.
    *
    * @returns {HTMLTableCellElement|null}
    */ getEditedCell() {
@@ -501,6 +509,8 @@ var /**
         /**
    * Callback to call after closing editor.
    *
+   * @private
+   *
    * @type {Function}
    */ this._closeCallback = null;
         /**
@@ -509,7 +519,7 @@ var /**
    * @type {boolean}
    */ this._closeAfterDataChange = true;
         /**
-   * Currently rendered cell's TD element.
+   * Currently rendered cell's `TD` element.
    *
    * @type {HTMLTableCellElement}
    */ this.TD = null;

package/editors/factory.js

@@ -16,6 +16,9 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
+/**
+ * The shortcuts group used when the editor does not define its own `shortcutsGroup`.
+ */ const DEFAULT_SHORTCUTS_GROUP = 'customEditor';
 const editorBaseFactory = (params)=>{
     const CustomBaseEditor = _baseEditor.BaseEditor.prototype.extend();
     const skipSuperApply = [
@@ -52,7 +55,7 @@ const editorFactory = ({ init, afterOpen, afterInit, afterClose, beforeOpen, get
         const shortcutManager = editor.hot.getShortcutManager();
         const editorContext = shortcutManager.getContext('editor');
         const contextConfig = {
-            group: shortcutsGroup
+            group: shortcutsGroup ?? DEFAULT_SHORTCUTS_GROUP
         };
         if (shortcuts) {
             editorContext.addShortcuts(shortcuts.map((shortcut)=>({
@@ -164,7 +167,7 @@ const editorFactory = ({ init, afterOpen, afterInit, afterClose, beforeOpen, get
             editor.container.classList.remove('ht_clone_master');
             const shortcutManager = editor.hot.getShortcutManager();
             const editorContext = shortcutManager.getContext('editor');
-            editorContext.removeShortcutsByGroup(shortcutsGroup ?? '');
+            editorContext.removeShortcutsByGroup(shortcutsGroup ?? DEFAULT_SHORTCUTS_GROUP);
             if (typeof afterClose === 'function') {
                 afterClose(editor);
             }

package/editors/factory.mjs

@@ -1,6 +1,9 @@
 import { BaseEditor } from './baseEditor/baseEditor.mjs';
 import EventManager from '../eventManager.mjs';
 import { throwWithCause } from '../helpers/errors.mjs';
+/**
+ * The shortcuts group used when the editor does not define its own `shortcutsGroup`.
+ */ const DEFAULT_SHORTCUTS_GROUP = 'customEditor';
 const editorBaseFactory = (params)=>{
     const CustomBaseEditor = BaseEditor.prototype.extend();
     const skipSuperApply = [
@@ -39,7 +42,7 @@ const editorBaseFactory = (params)=>{
         const shortcutManager = editor.hot.getShortcutManager();
         const editorContext = shortcutManager.getContext('editor');
         const contextConfig = {
-            group: shortcutsGroup
+            group: shortcutsGroup ?? DEFAULT_SHORTCUTS_GROUP
         };
         if (shortcuts) {
             editorContext.addShortcuts(shortcuts.map((shortcut)=>({
@@ -151,7 +154,7 @@ const editorBaseFactory = (params)=>{
             editor.container.classList.remove('ht_clone_master');
             const shortcutManager = editor.hot.getShortcutManager();
             const editorContext = shortcutManager.getContext('editor');
-            editorContext.removeShortcutsByGroup(shortcutsGroup ?? '');
+            editorContext.removeShortcutsByGroup(shortcutsGroup ?? DEFAULT_SHORTCUTS_GROUP);
             if (typeof afterClose === 'function') {
                 afterClose(editor);
             }

package/editors/index.d.ts

@@ -5,6 +5,7 @@ import { DateEditor, EDITOR_TYPE as DATE_EDITOR } from './dateEditor';
 import { DropdownEditor, EDITOR_TYPE as DROPDOWN_EDITOR } from './dropdownEditor';
 import { HandsontableEditor, EDITOR_TYPE as HANDSONTABLE_EDITOR } from './handsontableEditor';
 import { IntlDateEditor, EDITOR_TYPE as INTL_DATE_EDITOR } from './intlDateEditor';
+import { IntlDatetimeEditor, EDITOR_TYPE as INTL_DATETIME_EDITOR } from './intlDatetimeEditor';
 import { IntlTimeEditor, EDITOR_TYPE as INTL_TIME_EDITOR } from './intlTimeEditor';
 import { NumericEditor, EDITOR_TYPE as NUMERIC_EDITOR } from './numericEditor';
 import { PasswordEditor, EDITOR_TYPE as PASSWORD_EDITOR } from './passwordEditor';
@@ -17,10 +18,10 @@ export { EDITOR_TYPE as MULTI_SELECT_EDITOR } from './multiSelectEditor';
  * Registers all available editors.
  */
 export declare function registerAllEditors(): void;
-export { AutocompleteEditor, AUTOCOMPLETE_EDITOR, BaseEditor, BASE_EDITOR, CheckboxEditor, CHECKBOX_EDITOR, DateEditor, DATE_EDITOR, DropdownEditor, DROPDOWN_EDITOR, HandsontableEditor, HANDSONTABLE_EDITOR, IntlDateEditor, INTL_DATE_EDITOR, IntlTimeEditor, INTL_TIME_EDITOR, NumericEditor, NUMERIC_EDITOR, PasswordEditor, PASSWORD_EDITOR, SelectEditor, SELECT_EDITOR, TextEditor, TEXT_EDITOR, TimeEditor, TIME_EDITOR, MultiSelectEditor, };
+export { AutocompleteEditor, AUTOCOMPLETE_EDITOR, BaseEditor, BASE_EDITOR, CheckboxEditor, CHECKBOX_EDITOR, DateEditor, DATE_EDITOR, DropdownEditor, DROPDOWN_EDITOR, HandsontableEditor, HANDSONTABLE_EDITOR, IntlDateEditor, INTL_DATE_EDITOR, IntlDatetimeEditor, INTL_DATETIME_EDITOR, IntlTimeEditor, INTL_TIME_EDITOR, NumericEditor, NUMERIC_EDITOR, PasswordEditor, PASSWORD_EDITOR, SelectEditor, SELECT_EDITOR, TextEditor, TEXT_EDITOR, TimeEditor, TIME_EDITOR, MultiSelectEditor, };
 export { RegisteredEditor, _getEditorInstance, getEditor, getEditorInstance, getRegisteredEditorNames, getRegisteredEditors, hasEditor, registerEditor, } from './registry';
 export { editorFactory } from './factory';
 /**
  * All built-in editor type names.
  */
-export type EditorType = typeof AUTOCOMPLETE_EDITOR | typeof BASE_EDITOR | typeof CHECKBOX_EDITOR | typeof DATE_EDITOR | typeof DROPDOWN_EDITOR | typeof HANDSONTABLE_EDITOR | typeof INTL_DATE_EDITOR | typeof INTL_TIME_EDITOR | typeof NUMERIC_EDITOR | typeof PASSWORD_EDITOR | typeof SELECT_EDITOR | typeof TEXT_EDITOR | typeof TIME_EDITOR | string;
+export type EditorType = typeof AUTOCOMPLETE_EDITOR | typeof BASE_EDITOR | typeof CHECKBOX_EDITOR | typeof DATE_EDITOR | typeof DROPDOWN_EDITOR | typeof HANDSONTABLE_EDITOR | typeof INTL_DATE_EDITOR | typeof INTL_DATETIME_EDITOR | typeof INTL_TIME_EDITOR | typeof NUMERIC_EDITOR | typeof PASSWORD_EDITOR | typeof SELECT_EDITOR | typeof TEXT_EDITOR | typeof TIME_EDITOR | string;

package/editors/index.js

@@ -45,6 +45,9 @@ _export(exports, {
     get HandsontableEditor () {
         return _handsontableEditor.HandsontableEditor;
     },
+    get INTL_DATETIME_EDITOR () {
+        return _intlDatetimeEditor.EDITOR_TYPE;
+    },
     get INTL_DATE_EDITOR () {
         return _intlDateEditor.EDITOR_TYPE;
     },
@@ -54,6 +57,9 @@ _export(exports, {
     get IntlDateEditor () {
         return _intlDateEditor.IntlDateEditor;
     },
+    get IntlDatetimeEditor () {
+        return _intlDatetimeEditor.IntlDatetimeEditor;
+    },
     get IntlTimeEditor () {
         return _intlTimeEditor.IntlTimeEditor;
     },
@@ -131,6 +137,7 @@ const _dateEditor = require("./dateEditor");
 const _dropdownEditor = require("./dropdownEditor");
 const _handsontableEditor = require("./handsontableEditor");
 const _intlDateEditor = require("./intlDateEditor");
+const _intlDatetimeEditor = require("./intlDatetimeEditor");
 const _intlTimeEditor = require("./intlTimeEditor");
 const _numericEditor = require("./numericEditor");
 const _passwordEditor = require("./passwordEditor");
@@ -148,6 +155,7 @@ function registerAllEditors() {
     (0, _registry.registerEditor)(_dropdownEditor.DropdownEditor);
     (0, _registry.registerEditor)(_handsontableEditor.HandsontableEditor);
     (0, _registry.registerEditor)(_intlDateEditor.IntlDateEditor);
+    (0, _registry.registerEditor)(_intlDatetimeEditor.IntlDatetimeEditor);
     (0, _registry.registerEditor)(_intlTimeEditor.IntlTimeEditor);
     (0, _registry.registerEditor)(_numericEditor.NumericEditor);
     (0, _registry.registerEditor)(_passwordEditor.PasswordEditor);

package/editors/index.mjs

@@ -5,6 +5,7 @@ import { DateEditor, EDITOR_TYPE as DATE_EDITOR } from './dateEditor/index.mjs';
 import { DropdownEditor, EDITOR_TYPE as DROPDOWN_EDITOR } from './dropdownEditor/index.mjs';
 import { HandsontableEditor, EDITOR_TYPE as HANDSONTABLE_EDITOR } from './handsontableEditor/index.mjs';
 import { IntlDateEditor, EDITOR_TYPE as INTL_DATE_EDITOR } from './intlDateEditor/index.mjs';
+import { IntlDatetimeEditor, EDITOR_TYPE as INTL_DATETIME_EDITOR } from './intlDatetimeEditor/index.mjs';
 import { IntlTimeEditor, EDITOR_TYPE as INTL_TIME_EDITOR } from './intlTimeEditor/index.mjs';
 import { NumericEditor, EDITOR_TYPE as NUMERIC_EDITOR } from './numericEditor/index.mjs';
 import { PasswordEditor, EDITOR_TYPE as PASSWORD_EDITOR } from './passwordEditor/index.mjs';
@@ -24,6 +25,7 @@ import { registerEditor } from './registry.mjs';
     registerEditor(DropdownEditor);
     registerEditor(HandsontableEditor);
     registerEditor(IntlDateEditor);
+    registerEditor(IntlDatetimeEditor);
     registerEditor(IntlTimeEditor);
     registerEditor(NumericEditor);
     registerEditor(PasswordEditor);
@@ -32,6 +34,6 @@ import { registerEditor } from './registry.mjs';
     registerEditor(TimeEditor);
     registerEditor(MultiSelectEditor);
 }
-export { AutocompleteEditor, AUTOCOMPLETE_EDITOR, BaseEditor, BASE_EDITOR, CheckboxEditor, CHECKBOX_EDITOR, DateEditor, DATE_EDITOR, DropdownEditor, DROPDOWN_EDITOR, HandsontableEditor, HANDSONTABLE_EDITOR, IntlDateEditor, INTL_DATE_EDITOR, IntlTimeEditor, INTL_TIME_EDITOR, NumericEditor, NUMERIC_EDITOR, PasswordEditor, PASSWORD_EDITOR, SelectEditor, SELECT_EDITOR, TextEditor, TEXT_EDITOR, TimeEditor, TIME_EDITOR, MultiSelectEditor };
+export { AutocompleteEditor, AUTOCOMPLETE_EDITOR, BaseEditor, BASE_EDITOR, CheckboxEditor, CHECKBOX_EDITOR, DateEditor, DATE_EDITOR, DropdownEditor, DROPDOWN_EDITOR, HandsontableEditor, HANDSONTABLE_EDITOR, IntlDateEditor, INTL_DATE_EDITOR, IntlDatetimeEditor, INTL_DATETIME_EDITOR, IntlTimeEditor, INTL_TIME_EDITOR, NumericEditor, NUMERIC_EDITOR, PasswordEditor, PASSWORD_EDITOR, SelectEditor, SELECT_EDITOR, TextEditor, TEXT_EDITOR, TimeEditor, TIME_EDITOR, MultiSelectEditor };
 export { RegisteredEditor, _getEditorInstance, getEditor, getEditorInstance, getRegisteredEditorNames, getRegisteredEditors, hasEditor, registerEditor } from './registry.mjs';
 export { editorFactory } from './factory.mjs';

package/editors/intlDatetimeEditor/index.d.mts

@@ -0,0 +1 @@
+export * from './index.js';

package/editors/intlDatetimeEditor/index.d.ts

@@ -0,0 +1 @@
+export { EDITOR_TYPE, IntlDatetimeEditor, } from './intlDatetimeEditor';

package/editors/intlDatetimeEditor/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get EDITOR_TYPE () {
+        return _intlDatetimeEditor.EDITOR_TYPE;
+    },
+    get IntlDatetimeEditor () {
+        return _intlDatetimeEditor.IntlDatetimeEditor;
+    }
+});
+const _intlDatetimeEditor = require("./intlDatetimeEditor");

package/editors/intlDatetimeEditor/index.mjs

@@ -0,0 +1 @@
+export { EDITOR_TYPE, IntlDatetimeEditor } from './intlDatetimeEditor.mjs';

package/editors/intlDatetimeEditor/intlDatetimeEditor.d.mts

@@ -0,0 +1 @@
+export * from './intlDatetimeEditor.js';

package/editors/intlDatetimeEditor/intlDatetimeEditor.d.ts

@@ -0,0 +1,42 @@
+import type { CellProperties } from '../../settings';
+import { TextEditor } from '../textEditor';
+export declare const EDITOR_TYPE = "intl-datetime";
+/**
+ * @private
+ * @class IntlDatetimeEditor
+ */
+export declare class IntlDatetimeEditor extends TextEditor {
+    /**
+     * Returns the unique editor type identifier for the intl-datetime editor.
+     */
+    static get EDITOR_TYPE(): string;
+    /**
+     * Initializes the editor and registers an afterSetTheme hook to close on theme changes.
+     */
+    init(): void;
+    /**
+     * Prepares the editor, replacing the display value with the raw ISO source data for the native input.
+     */
+    prepare(row: number, col: number, prop: string | number, td: HTMLTableCellElement, value: unknown, cellProperties: CellProperties): void;
+    /**
+     * Creates the editor's element as a native datetime-local input that shows seconds.
+     */
+    createElements(type?: string): void;
+    /**
+     * Sets the editor value, normalizing to the `YYYY-MM-DDTHH:mm:ss` form the native input expects,
+     * and warns if the value is not a valid ISO date-time string.
+     */
+    setValue(value?: unknown): void;
+    /**
+     * Returns the editor value, canonicalizing to `YYYY-MM-DDTHH:mm:ss` (native input may omit seconds).
+     */
+    getValue(): string;
+    /**
+     * Selects all text in the input element when the editor receives focus.
+     */
+    focus(): void;
+    /**
+     * Opens the editor and programmatically invokes the native picker via showPicker().
+     */
+    open(): void;
+}