@odoo/o-spreadsheet 19.5.0-alpha.6 → 19.5.0-alpha.8

package/dist/o_spreadsheet.xml

@@ -1,9 +1,9 @@
 <!--
  This file is generated by o-spreadsheet build tools. Do not edit it.
  @see https://github.com/odoo/o-spreadsheet
- @version 19.5.0-alpha.6
- @date 2026-07-23T07:49:15.559Z
- @hash 192a921
+ @version 19.5.0-alpha.8
+ @date 2026-08-04T07:11:41.047Z
+ @hash c1baebe
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -432,6 +432,49 @@
     />
   </t>
 
+  <t t-name="o-spreadsheet-StandaloneViewport">
+    <div
+      class="o-standalone-viewport h-100 w-100 overflow-hidden d-flex"
+      t-on-wheel="this.onMouseWheel">
+      <div
+        class="o-standalone-viewport-content position-relative flex-grow-1 overflow-hidden"
+        t-ref="this.containerRef">
+        <GridOverlay
+          onCellDoubleClicked.bind="this.onCellDoubleClicked"
+          onGridResized="() => {}"
+          hasFooter="false"
+          gridOverlayDimensions="this.gridOverlayDimensions">
+          <div
+            t-if="this.props.canResizeColumns"
+            t-foreach="this.colResizers"
+            t-as="colResizer"
+            t-key="colResizer_index"
+            class="o-col-resizer h-100"
+            t-att-class="{ 'dragging': this.dndState.col === colResizer.col }"
+            t-att-style="colResizer.style"
+            t-on-pointerdown.stop="(ev) => this.onResizerPointerDown(ev, colResizer)"
+            t-on-dblclick.stop="(ev) => this.onResizerDoubleClick(ev, colResizer)">
+            <div class="o-col-resizer-handle position-absolute h-100"/>
+          </div>
+
+          <ClickableCellsOverlay t-if="this.env.model.getters.isDashboard()"/>
+        </GridOverlay>
+        <GridPopover
+          gridRect="this.getGridRect()"
+          onMouseWheel.bind="this.onMouseWheel"
+          onClosePopover="() => this.cellPopoverStore.close()"
+        />
+        <canvas class="" t-ref="this.canvasRef"/>
+      </div>
+      <div
+        class="position-relative"
+        t-if="this.hasVerticalScrollBar"
+        t-att-style="this.scrollBarContainerStyle">
+        <VerticalScrollBar hasFooter="false"/>
+      </div>
+    </div>
+  </t>
+
   <t t-name="o-spreadsheet-StandaloneGridCanvas">
     <canvas t-ref="this.canvasRef"/>
   </t>
@@ -810,22 +853,22 @@
         <Select
           class="'mb-3'"
           values="this.separators"
-          selectedValue="this.state.separatorValue"
+          selectedValue="this.store.separatorValue"
           onChange.bind="this.onSeparatorChange"
         />
 
         <input
           class="o-input mb-3"
           type="text"
-          t-if="this.state.separatorValue === 'custom'"
-          t-att-value="this.state.customSeparator"
+          t-if="this.store.separatorValue === 'custom'"
+          t-att-value="this.store.customSeparator"
           t-on-input="this.updateCustomSeparator"
           placeholder="Add any characters or symbol"
         />
 
         <t t-set="addColumnsLabel">Add new columns to avoid overwriting cells</t>
         <Checkbox
-          value="this.state.addNewColumns"
+          value="this.store.addNewColumns"
           label="addColumnsLabel"
           onChange.bind="this.updateAddNewColumnsCheckbox"
         />
@@ -1473,7 +1516,7 @@
         />
       </t>
       <div t-if="measure.computedBy" class="d-flex flex-row small">
-        <div class="d-flex flex-column py-2 px-2 w-100" t-on-pointerdown.stop="">
+        <div class="d-flex flex-column py-2 px-2 w-100">
           <StandaloneComposer
             onConfirm.bind="this.updateMeasureFormula"
             composerContent="measure.computedBy.formula"
@@ -1552,7 +1595,7 @@
           />
           <span t-else="1" class="o-fw-bold text-truncate" t-out="this.dimensionDisplayName"/>
         </div>
-        <div class="d-flex flex-rows" t-on-pointerdown.stop="">
+        <div class="d-flex flex-rows">
           <t t-call-slot="upper-right-icons"/>
           <i
             class="o-button-icon fa fa-trash pe-1 ps-2"
@@ -1661,9 +1704,7 @@
             t-as="group"
             t-key="group_index"
             class="o-pivot-custom-group pb-1">
-            <div
-              class="d-flex align-items-center justify-content-between small"
-              t-on-pointerdown.stop="">
+            <div class="d-flex align-items-center justify-content-between small">
               <TextInput
                 value="group.name"
                 onChange="(newName) => this.onRenameGroup(group_index, newName)"
@@ -2124,6 +2165,34 @@
     </div>
   </t>
 
+  <t t-name="o-spreadsheet-DataSourcesCleanup">
+    <div class="o-data-source-cleanup">
+      <Section
+        t-foreach="this.store.unusedDataSourcesCategories"
+        t-as="category"
+        t-key="category.type"
+        title="category.label">
+        <t t-foreach="category.dataSources" t-as="dataSource" t-key="dataSource_index">
+          <Checkbox
+            name="dataSource.id"
+            label="dataSource.label"
+            value="this.isDataSourceChecked(category.type, dataSource.id)"
+            onChange="(checked) => this.onToggleDataSource(category.type, dataSource.id, checked)"
+            className="'mb-2'"
+          />
+        </t>
+        <div t-if="!category.dataSources.length" class="w-100 d-flex fst-italic text-muted">
+          No unused data source in this category.
+        </div>
+      </Section>
+      <Section t-if="this.dataSourcesToDelete.length" class="'pt-0'">
+        <button class="o-button o-button-danger" t-on-click="this.onRemoveUnusedDataSources">
+          Delete selected items
+        </button>
+      </Section>
+    </div>
+  </t>
+
   <t t-name="o-spreadsheet-ValueInRangeCriterionForm">
     <SelectionInput
       ranges="[this.props.criterion.values[0] || '']"
@@ -3921,26 +3990,12 @@
     <ChartAnnotation t-props="this.props"/>
   </t>
 
-  <t t-name="o-spreadsheet-ChartTypePicker">
-    <t t-set="selectedChartProperties" t-value="this.getSelectedChartSubtypeProperties()"/>
-    <Section title.translate="Chart type">
-      <div class="position-relative">
-        <div
-          class="o-select o-input o-type-selector"
-          t-ref="this.selectRef"
-          t-on-pointerdown.prevent="this.onPointerDown">
-          <t t-out="selectedChartProperties.displayName"/>
-        </div>
-        <div class="o-type-selector-preview position-absolute">
-          <t t-call="{{selectedChartProperties.preview}}"/>
-        </div>
-      </div>
-    </Section>
-    <Popover t-if="this.state.popoverProps" t-props="this.state.popoverProps">
+  <t t-name="o-spreadsheet-ChartTypePickerPopover">
+    <Popover t-props="this.props.popoverProps">
       <div
         t-ref="this.popoverRef"
         class="o-chart-select-popover px-3 pb-4"
-        t-att-style="this.state.popoverStyle">
+        t-att-style="this.popoverStyle">
         <t t-foreach="this.categories" t-as="category" t-key="category">
           <t t-if="this.chartTypeByCategories[category]">
             <h5 class="my-3" t-out="category_value"/>
@@ -3954,7 +4009,7 @@
                   t-att-title="properties.displayName"
                   t-on-click="() => this.onTypeChange(properties.chartSubtype)"
                   t-att-data-id="properties.chartSubtype"
-                  t-att-class="{'selected': properties === selectedChartProperties}">
+                  t-att-class="{'selected': properties.chartSubtype === this.props.selectedChartSubType}">
                   <t t-call="{{properties.preview}}"/>
                 </div>
               </t>
@@ -3965,6 +4020,32 @@
     </Popover>
   </t>
 
+  <t t-name="o-spreadsheet-ChartTypePicker">
+    <t t-set="selectedChartProperties" t-value="this.getSelectedChartSubtypeProperties()"/>
+    <Section title.translate="Chart type">
+      <div class="position-relative">
+        <div
+          class="o-select o-input o-type-selector"
+          t-ref="this.selectRef"
+          t-on-pointerdown.prevent="this.onPointerDown">
+          <t t-out="selectedChartProperties.displayName"/>
+        </div>
+        <div class="o-type-selector-preview position-absolute">
+          <t t-call="{{selectedChartProperties.preview}}"/>
+        </div>
+      </div>
+    </Section>
+    <ChartTypePickerPopover
+      t-if="this.state.popoverProps"
+      popoverProps="this.state.popoverProps"
+      onClose.bind="this.closePopover"
+      onSelectSubType.bind="this.onTypeChange"
+      parentRef="this.selectRef"
+      supportedTypes="this.getSupportedChartTypes()"
+      selectedChartSubType="selectedChartProperties.chartSubtype"
+    />
+  </t>
+
   <t t-name="o-spreadsheet-ChartPreview.LINE_CHART">
     <svg viewBox="0 0 48 48" class="o-chart-preview" xmlns="http://www.w3.org/2000/svg">
       <path fill="var(--os-gray-600)" d="M2,2 v44 h1 v-44 M3,45 h42 v1 h-42"/>
@@ -5248,7 +5329,7 @@
       <div class="o-carousel-preview-list overflow-auto bg-white" t-ref="this.previewListRef">
         <t t-foreach="this.carouselItems" t-as="item" t-key="this.getItemId(item)">
           <div
-            class="o-carousel-preview border-bottom pe-2 position-relative w-100 d-flex align-items-center"
+            class="o-carousel-preview border-bottom pe-2 position-relative w-100 d-flex flex-column"
             t-att-class="{
               'o-dragging border-top': this.dragAndDrop.draggedItemId === this.getItemId(item),
               'o-selected': this.isCarouselItemActive(item)
@@ -5259,38 +5340,61 @@
               t-on-pointerdown.stop.prevent="(ev) => this.onDragHandleMouseDown(item, ev)">
               <t t-call="o-spreadsheet-Icon.THIN_DRAG_HANDLE"/>
             </div>
-            <div
-              class="o-carousel-preview-icon ms-3 flex-shrink-0 d-flex align-items-center justify-content-center">
-              <t t-call="{{this.getItemPreview(item)}}"/>
+            <div class="d-flex o-preview-content align-items-center justify-content-center">
+              <div
+                class="o-carousel-preview-icon ms-3 flex-shrink-0 d-flex align-items-center justify-content-center">
+                <t t-call="{{this.getItemPreview(item)}}"/>
+              </div>
+              <div class="o-carousel-preview-title text-truncate ms-2">
+                <TextInput
+                  value="this.getItemTitle(item)"
+                  onChange="(newName) => this.renameCarouselItem(item, newName)"
+                  selectContentOnFocus="true"
+                />
+              </div>
+              <div class="ms-auto"/>
+              <div class="flex-shrink-0 d-flex me-1">
+                <CogWheelMenu items="this.getCogWheelMenuItems(item)"/>
+              </div>
             </div>
-            <div class="o-carousel-preview-title text-truncate ms-2">
-              <TextInput
-                value="this.getItemTitle(item)"
-                onChange="(newName) => this.renameCarouselItem(item, newName)"
-                selectContentOnFocus="true"
+            <div class="ms-4 mb-2" t-if="item.type === 'carouselDataView'">
+              <SelectionInput
+                ranges="[this.getItemRangeString(item)]"
+                hasSingleRange="true"
+                required="true"
+                onSelectionChanged.bind="this.onSelectionInputChanged"
+                onSelectionConfirmed.bind="this.onSelectionInputConfirmed"
               />
             </div>
-            <div class="ms-auto"/>
-            <div class="flex-shrink-0 d-flex me-1">
-              <CogWheelMenu items="this.getCogWheelMenuItems(item)"/>
-            </div>
           </div>
         </t>
       </div>
-      <div
-        class="o-button-link o-carousel-add-chart float-end d-flex align-items-center py-4 pe-4 gap-2"
-        t-on-click="this.addNewChartToCarousel"
-        t-att-title="this.carouselAddChartInfoMessage">
-        + Add chart
-      </div>
-      <div
-        t-if="!this.hasDataView"
-        class="o-button-link o-carousel-add-data-view float-end py-4 pe-4"
-        t-on-click="this.addDataViewToCarousel"
-        t-att-title="this.carouselDataViewMessage">
-        + Add data view
-      </div>
+      <Section class="'pt-0'">
+        <div>
+          <div
+            class="o-button-link o-carousel-add-chart float-end d-flex align-items-center my-4"
+            t-on-click="this.addNewChartToCarousel"
+            t-ref="this.addChartButton"
+            t-att-title="this.carouselAddChartInfoMessage">
+            + Add chart
+          </div>
+          <div
+            t-if="!this.hasDataView"
+            class="o-button-link o-carousel-add-data-view float-end my-4 me-4"
+            t-on-click="this.addDataViewToCarousel">
+            + Add data view
+          </div>
+        </div>
+      </Section>
     </div>
+    <ChartTypePickerPopover
+      t-if="this.state.popoverProps"
+      popoverProps="this.state.popoverProps"
+      onClose.bind="this.closePopover"
+      onSelectSubType.bind="this.onSelectChartType"
+      parentRef="this.addChartButton"
+      supportedTypes="this.supportedChartTypes"
+    />
   </t>
 
   <t t-name="o-spreadsheet-SelectionInput">
@@ -5663,11 +5767,9 @@
                 class="o-menu-item-description ms-auto text-truncate"
                 t-out="description"
               />
-              <t t-set="secondaryIcon" t-value="menuItem.secondaryIcon(this.env)"/>
               <div
-                t-if="isMenuRoot || secondaryIcon"
+                t-if="isMenuRoot"
                 class="o-menu-item-root ms-auto align-items-center d-flex gap-1">
-                <t t-if="secondaryIcon" t-call="{{secondaryIcon}}"/>
                 <t t-if="isMenuRoot" t-call="o-spreadsheet-Icon.CARET_RIGHT"/>
               </div>
             </div>
@@ -6798,11 +6900,6 @@
       />
     </svg>
   </t>
-  <t t-name="o-spreadsheet-Icon.UNUSED_PIVOT_WARNING">
-    <div class="o-unused-pivot-icon text-warning" title="This pivot is not used">
-      <t t-call="o-spreadsheet-Icon.TRIANGLE_EXCLAMATION"/>
-    </div>
-  </t>
   <t t-name="o-spreadsheet-Icon.ANGLE_DOWN">
     <div class="o-icon">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 224 256">
@@ -7408,9 +7505,6 @@
   </t>
 
   <t t-name="o-spreadsheet-GridOverlay">
-    <div class="position-absolute" t-att-style="this.style">
-      <FiguresContainer/>
-    </div>
     <div
       t-ref="this.gridOverlayRef"
       class="o-grid-overlay overflow-hidden o-zoomable"
@@ -7422,8 +7516,8 @@
       t-on-dblclick.self="this.onDoubleClick"
       t-on-contextmenu.stop.prevent="this.onContextMenu">
       <GridAddRowsFooter
-        t-if="!this.env.model.getters.isReadonly()"
-        t-key="this.env.model.getters.getActiveSheetId()"
+        t-if="!this.env.model.getters.isReadonly() and this.props.hasFooter"
+        t-key="this.viewStore.displayedSheetId"
       />
       <t t-call-slot="default"/>
     </div>
@@ -7470,6 +7564,9 @@
       t-on-keydown="this.onKeydown"
       t-on-wheel.prevent="this.onMouseWheel"
       t-ref="this.gridRef">
+      <div class="position-absolute" t-att-style="this.gridOverlayDimensions">
+        <FiguresContainer/>
+      </div>
       <GridOverlay
         onCellClicked.bind="this.onCellClicked"
         onCellDoubleClicked.bind="this.onCellDoubleClicked"
@@ -7826,16 +7923,11 @@
 
   <t t-name="o-spreadsheet-CarouselFigure">
     <div
-      class="o-carousel w-100 h-100 d-flex flex-column"
+      class="o-carousel w-100 h-100 d-flex flex-column px-4 py-2"
+      t-att-style="this.carouselStyle"
       t-on-dblclick="this.onCarouselDoubleClick">
       <t t-set="selectedItem" t-value="this.selectedCarouselItem"/>
-      <div
-        class="o-carousel-header d-flex align-items-baseline flex-shrink-0 pe-1 pe-auto"
-        t-att-class="{
-          'border-bottom': this.env.model.getters.isDashboard(),
-          'o-carousel-header-floating': !this.env.model.getters.isDashboard() and selectedItem?.type === 'carouselDataView',
-         }"
-        t-att-style="this.headerStyle">
+      <div class="o-carousel-header d-flex align-items-baseline flex-shrink-0 pt-1 pe-auto">
         <div
           class="o-carousel-title text-truncate flex-shrink-0 pe-2"
           t-out="this.title"
@@ -7845,7 +7937,11 @@
         <div
           class="o-carousel-tabs d-flex flex-fill justify-content-end"
           t-ref="this.carouselTabsRef">
-          <t t-foreach="this.visibleCarouselItems" t-as="item" t-key="item_index">
+          <t
+            t-foreach="this.carousel.items"
+            t-as="item"
+            t-key="item_index"
+            t-if="this.carousel.items.length > 1">
             <div
               class="o-carousel-tab text-truncate px-2 mt-1 flex-shrink-0"
               t-att-class="{ 'selected': this.isItemSelected(item) }"
@@ -7877,7 +7973,6 @@
           t-att-class="{
             'fa-compress': this.props.isFullScreen,
             'fa-expand': !this.props.isFullScreen,
-            'invisible': this.selectedCarouselItem?.type !== 'chart',
           }"
           t-on-click="this.toggleFullScreen"
         />
@@ -7887,9 +7982,10 @@
           t-on-click="this.openContextMenu"
         />
       </div>
+      <div t-if="this.title" class="w-100 mt-2 border-bottom"/>
       <div
         t-if="!selectedItem"
-        class="o-carousel-empty w-100 flex-fill d-flex align-items-center justify-content-center">
+        class="o-carousel-empty o-carousel-content w-100 flex-fill d-flex align-items-center justify-content-center">
         <t t-call="o-spreadsheet-Icon.CAROUSEL"/>
       </div>
       <div
@@ -7912,6 +8008,17 @@
           t-key="selectedItem.chartId"
         />
       </div>
+      <div
+        t-elif="selectedItem.type === 'carouselDataView' and selectedItem.range"
+        class="o-carousel-content mb-2 mt-3 h-100 w-100 overflow-hidden">
+        <StandaloneViewport
+          range="this.removeEmptyHeadersFromRange(selectedItem.range)"
+          columnWeights="selectedItem.columnWeights"
+          canResizeColumns="this.canResizeDataViewColumns"
+          onResizeColumns.bind="this.onResizeColumns"
+          zoomLevel="this.viewStore.zoomLevel"
+        />
+      </div>
     </div>
   </t>
 
@@ -7919,8 +8026,7 @@
     <div
       class="o-figure-wrapper os-theme-dependant"
       t-att-class="{'o-figure-selected': this.isSelected}"
-      t-att-style="this.wrapperStyle"
-      t-ref="this.figureWrapperRef">
+      t-att-style="this.wrapperStyle">
       <div
         class="o-figure w-100 h-100"
         t-att-class="this.props.class"
@@ -7937,7 +8043,6 @@
           t-component="this.figureRegistry.get(this.props.figureUI.tag).Component"
           t-key="this.props.figureUI.id"
           figureUI="this.props.figureUI"
-          editFigureStyle.bind="this.editWrapperStyle"
           openContextMenu.bind="this.openContextMenu"
         />
         <MenuPopover
@@ -8166,24 +8271,13 @@
         class="mx-auto h-100 position-relative"
         t-ref="this.gridRef"
         t-att-style="this.gridContainer">
+        <div class="position-absolute" t-att-style="this.gridOverlayDimensions">
+          <FiguresContainer/>
+        </div>
         <GridOverlay
           onGridResized.bind="this.onGridResized"
           gridOverlayDimensions="this.gridOverlayDimensions">
-          <div
-            t-foreach="this.getClickableCells()"
-            t-as="clickableCell"
-            t-key="clickableCell_index"
-            class="o-dashboard-clickable-cell"
-            t-att-title="clickableCell.title"
-            t-on-click="(ev) => this.selectClickableCell(ev, clickableCell)"
-            t-on-auxclick="(ev) => this.selectClickableCell(ev, clickableCell)"
-            t-att-style="this.getCellClickableStyle(clickableCell.coordinates)">
-            <t
-              t-if="clickableCell.component"
-              t-component="clickableCell.component"
-              t-props="clickableCell.componentProps"
-            />
-          </div>
+          <ClickableCellsOverlay/>
         </GridOverlay>
         <canvas t-ref="this.canvasRef" class="os-theme-dependant"/>
         <GridPopover
@@ -8611,6 +8705,24 @@
     />
   </t>
 
+  <t t-name="o-spreadsheet-ClickableCellsOverlay">
+    <div
+      t-foreach="this.getClickableCells()"
+      t-as="clickableCell"
+      t-key="clickableCell_index"
+      class="o-dashboard-clickable-cell"
+      t-att-title="clickableCell.title"
+      t-on-click="(ev) => this.selectClickableCell(ev, clickableCell)"
+      t-on-auxclick="(ev) => this.selectClickableCell(ev, clickableCell)"
+      t-att-style="this.getCellClickableStyle(clickableCell.coordinates)">
+      <t
+        t-if="clickableCell.component"
+        t-component="clickableCell.component"
+        t-props="clickableCell.componentProps"
+      />
+    </div>
+  </t>
+
   <t t-name="o-spreadsheet-BottomBar">
     <div
       class="o-spreadsheet-bottom-bar o-two-columns d-flex flex-fill align-items-center overflow-hidden border-top"

package/dist/types/actions/action.d.ts

@@ -34,10 +34,6 @@ export interface ActionSpec {
      */
     icon?: string | ((env: SpreadsheetChildEnv) => string);
     iconColor?: Color;
-    /**
-     * Can be defined to display another icon on the right of the item.
-     */
-    secondaryIcon?: string | ((env: SpreadsheetChildEnv) => string);
     /**
      * is the action allowed when running spreadsheet in readonly mode
      */
@@ -77,7 +73,6 @@ export interface Action {
     isActive?: (env: SpreadsheetChildEnv) => boolean;
     icon: (env: SpreadsheetChildEnv) => string;
     iconColor?: Color;
-    secondaryIcon: (env: SpreadsheetChildEnv) => string;
     isReadonlyAllowed: boolean;
     isEnabledOnLockedSheet: boolean;
     execute?: (env: SpreadsheetChildEnv, isMiddleClick?: boolean) => unknown;
@@ -87,11 +82,10 @@ export interface Action {
     onStartHover?: (env: SpreadsheetChildEnv) => void;
     onStopHover?: (env: SpreadsheetChildEnv) => void;
 }
-export interface ComputedAction extends Omit<Action, "name" | "description" | "icon" | "secondaryIcon" | "children"> {
+export interface ComputedAction extends Omit<Action, "name" | "description" | "icon" | "children"> {
     name: string;
     description: string;
     icon: string;
-    secondaryIcon: string;
 }
 export type ActionBuilder = (env: SpreadsheetChildEnv) => ActionSpec[];
 type ActionChildren = (ActionSpec | ActionBuilder)[];

package/dist/types/actions/data_actions.d.ts

@@ -4,6 +4,7 @@ export declare const sortAscending: ActionSpec;
 export declare const dataCleanup: ActionSpec;
 export declare const removeDuplicates: ActionSpec;
 export declare const trimWhitespace: ActionSpec;
+export declare const cleanupDataSources: ActionSpec;
 export declare const sortDescending: ActionSpec;
 export declare const createRemoveFilter: ActionSpec;
 export declare const createRemoveFilterTool: ActionSpec;

package/dist/types/actions/menu_items_actions.d.ts

@@ -1,6 +1,7 @@
 import { Format } from "../types/format";
 import { Dimension, Style } from "../types/misc";
 import { SpreadsheetChildEnv } from "../types/spreadsheet_env";
+import { Table } from "../types/table";
 import { ActionSpec } from "./action";
 export declare function setFormatter(env: SpreadsheetChildEnv, format: Format): void;
 export declare function setStyle(env: SpreadsheetChildEnv, style: Style): void;
@@ -49,6 +50,7 @@ export declare const INSERT_LINK_NAME: (env: SpreadsheetChildEnv) => string;
 export declare const SELECTED_TABLE_HAS_FILTERS: (env: SpreadsheetChildEnv) => boolean;
 export declare const SELECTION_CONTAINS_SINGLE_TABLE: (env: SpreadsheetChildEnv) => boolean;
 export declare const IS_SELECTION_CONTINUOUS: (env: SpreadsheetChildEnv) => boolean;
+export declare const FIRST_TABLE_IN_SELECTION: (env: SpreadsheetChildEnv) => Table | undefined;
 export declare const ADD_DATA_FILTER: (env: SpreadsheetChildEnv) => void;
 export declare const REMOVE_DATA_FILTER: (env: SpreadsheetChildEnv) => void;
 export declare const INSERT_TABLE: (env: SpreadsheetChildEnv) => void;

package/dist/types/collaborative/ot/ot_helpers.d.ts

@@ -1,5 +1,7 @@
-import { CoreCommand } from "../../types/commands";
+import { CoreCommand, SheetDependentCommand } from "../../types/commands";
 import { UnboundedZone, Zone } from "../../types/misc";
 import { RangeData } from "../../types/range";
+export type TransformResult = "SKIP_TRANSFORMATION" | "IGNORE_COMMAND";
 export declare function transformZone<Z extends Zone | UnboundedZone>(zone: Z, executed: CoreCommand): Z | undefined;
 export declare function transformRangeData(range: RangeData, executed: CoreCommand): RangeData | undefined;
+export declare function transformSheetId(toTransform: Extract<CoreCommand, SheetDependentCommand>, executed: CoreCommand): CoreCommand | TransformResult;

package/dist/types/components/clickable_cells_overlay/clickable_cells_overlay.d.ts

@@ -0,0 +1,20 @@
+import { Component } from "../../owl3_compatibility_layer";
+import { Rect } from "../../types/rendering";
+import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
+import { Store } from "../../types/store_engine";
+import { ClickableCell, ClickableCellsStore } from "../dashboard/clickable_cell_store";
+export declare class ClickableCellsOverlay extends Component<SpreadsheetChildEnv> {
+    static template: string;
+    static components: {};
+    clickableCellsStore: Store<ClickableCellsStore>;
+    setup(): void;
+    getCellClickableStyle(coordinates: Rect): string;
+    /**
+     * Get all the boxes for the cell in the sheet view that are clickable.
+     * This function is used to render an overlay over each clickable cell in
+     * order to display a pointer cursor.
+     *
+     */
+    getClickableCells(): ClickableCell[];
+    selectClickableCell(ev: MouseEvent, clickableCell: ClickableCell): void;
+}

package/dist/types/components/dashboard/dashboard.d.ts

@@ -1,7 +1,9 @@
 import { Component } from "../../owl3_compatibility_layer";
-import { DOMCoordinates, DOMDimension, Rect } from "../../types/rendering";
+import { DOMCoordinates, DOMDimension } from "../../types/rendering";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 import { Store } from "../../types/store_engine";
+import { ClickableCellsOverlay } from "../clickable_cells_overlay/clickable_cells_overlay";
+import { FiguresContainer } from "../figures/figure_container/figure_container";
 import { DelayedHoveredCellStore } from "../grid/delayed_hovered_cell_store";
 import { GridOverlay } from "../grid_overlay/grid_overlay";
 import { GridPopover } from "../grid_popover/grid_popover";
@@ -9,7 +11,6 @@ import { CellPopoverStore } from "../popover/cell_popover_store";
 import { Popover } from "../popover/popover";
 import { HorizontalScrollBar } from "../scrollbar/scrollbar_horizontal";
 import { VerticalScrollBar } from "../scrollbar/scrollbar_vertical";
-import { ClickableCell, ClickableCellsStore } from "./clickable_cell_store";
 export declare class SpreadsheetDashboard extends Component<SpreadsheetChildEnv> {
     static template: string;
     static components: {
@@ -18,6 +19,8 @@ export declare class SpreadsheetDashboard extends Component<SpreadsheetChildEnv>
         Popover: typeof Popover;
         VerticalScrollBar: typeof VerticalScrollBar;
         HorizontalScrollBar: typeof HorizontalScrollBar;
+        ClickableCellsOverlay: typeof ClickableCellsOverlay;
+        FiguresContainer: typeof FiguresContainer;
     };
     protected props: import("@odoo/owl").Props<{
         getGridSize: () => DOMDimension;
@@ -26,22 +29,12 @@ export declare class SpreadsheetDashboard extends Component<SpreadsheetChildEnv>
     onMouseWheel: (ev: WheelEvent) => void;
     canvasPosition: DOMCoordinates;
     hoveredCell: Store<DelayedHoveredCellStore>;
-    clickableCellsStore: Store<ClickableCellsStore>;
     private viewStore;
     private gridRef;
     private canvasRef;
     setup(): void;
     get gridContainer(): string;
     get gridOverlayDimensions(): string;
-    getCellClickableStyle(coordinates: Rect): string;
-    /**
-     * Get all the boxes for the cell in the sheet view that are clickable.
-     * This function is used to render an overlay over each clickable cell in
-     * order to display a pointer cursor.
-     *
-     */
-    getClickableCells(): ClickableCell[];
-    selectClickableCell(ev: MouseEvent, clickableCell: ClickableCell): void;
     onClosePopover(): void;
     onGridResized(): void;
     private moveCanvas;

package/dist/types/components/error_tooltip/error_tooltip.d.ts

@@ -10,6 +10,8 @@ export declare class ErrorToolTip extends Component<SpreadsheetChildEnv> {
         cellPosition: import("../..").CellPosition;
         onClosed?: (() => void) | undefined;
     }>;
+    private viewStore;
+    setup(): void;
     get dataValidationErrorMessage(): string | undefined;
     get evaluationError(): import("../..").EvaluatedCell | undefined;
     get errorOriginPositionString(): string;