@odoo/o-spreadsheet 17.5.0-alpha.2 → 17.5.0-alpha.4

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 17.5.0-alpha.2
- @date 2024-07-24T10:26:42.931Z
- @hash 15fd5a8
+ @version 17.5.0-alpha.4
+ @date 2024-08-06T12:06:44.967Z
+ @hash a941df3
 -->
 <odoo>
   <t t-name="o-spreadsheet-ActionButton">
@@ -571,18 +571,19 @@
       t-esc="cellReference"
     />
     <div class="o-grid-composer" t-att-style="containerStyle" t-ref="gridComposer">
-      <CellComposer t-props="composerProps"/>
+      <Composer t-props="composerProps"/>
     </div>
   </t>
 
   <t t-name="o-spreadsheet-StandaloneComposer">
     <div class="o-standalone-composer" t-on-click.stop="" t-att-class="containerClass">
-      <CellComposer
+      <Composer
         focus="focus"
         inputStyle="composerStyle"
         onComposerContentFocused.bind="onFocus"
         composerStore="standaloneComposerStore"
         placeholder="props.placeholder"
+        delimitation="spreadsheetRect"
       />
     </div>
   </t>
@@ -592,12 +593,12 @@
       class="o-topbar-composer bg-white user-select-text"
       t-on-click.stop=""
       t-att-style="containerStyle">
-      <CellComposer
+      <Composer
         focus="focus"
         inputStyle="composerStyle"
         onComposerContentFocused.bind="onFocus"
-        delimitation="delimitation"
         composerStore="composerStore"
+        placeholder="composerStore.placeholder"
       />
     </div>
   </t>
@@ -1973,7 +1974,11 @@
       <i class="fa fa-refresh"/>
     </div>
   </t>
-
+  <t t-name="o-spreadsheet-Icon.EXCHANGE">
+    <div class="o-icon">
+      <i class="fa fa-exchange"/>
+    </div>
+  </t>
   <t t-name="o-spreadsheet-Icon.ARROW_DOWN">
     <svg
       class="o-cf-icon arrow-down"
@@ -2393,6 +2398,7 @@
       <div
         t-ref="menu"
         class="o-menu"
+        t-att-style="menuStyle"
         t-on-scroll="onScroll"
         t-on-wheel.stop=""
         t-on-click.stop=""
@@ -2452,6 +2458,7 @@
         onClose.bind="close"
         menuId="props.menuId"
         onMouseOver.bind="onMouseOverChildMenu"
+        width="props.width"
       />
     </Popover>
   </t>
@@ -3135,6 +3142,53 @@
               t-on-change="(ev) => this.updateDataSeriesLabel(ev)"
             />
           </Section>
+          <Section class="'pt-0 px-0 o-show-trend-line'" t-if="!props.definition.horizontal">
+            <t t-set="showTrendLineLabel">Show trend line</t>
+            <t t-set="trend" t-value="getTrendLineConfiguration()"/>
+            <t t-set="trendType" t-value="getTrendType(trend)"/>
+            <Checkbox
+              name="'showTrendLine'"
+              label="showTrendLineLabel"
+              value="trend !== undefined and trend.display"
+              onChange.bind="toggleDataTrend"
+            />
+            <div t-if="trend !== undefined and trend.display">
+              <div class="d-flex py-1">
+                <div class="w-100 pe-1">
+                  <span class="o-section-title">Type</span>
+                  <select class="o-input trend-type-selector" t-on-change="this.onChangeTrendType">
+                    <option value="linear" t-att-selected="trendType === 'linear'">Linear</option>
+                    <option value="exponential" t-att-selected="trendType === 'exponential'">
+                      Exponential
+                    </option>
+                    <option value="polynomial" t-att-selected="trendType === 'polynomial'">
+                      Polynomial
+                    </option>
+                    <option value="logarithmic" t-att-selected="trendType === 'logarithmic'">
+                      Logarithmic
+                    </option>
+                  </select>
+                </div>
+                <div class="w-50" t-if="trendType === 'polynomial'">
+                  <span class="o-section-title">Degree</span>
+                  <input
+                    t-att-value="trend.order"
+                    type="number"
+                    class="w-100 o-input o-number-input trend-order-input"
+                    t-on-change="this.onChangePolynomialDegree"
+                    min="1"
+                  />
+                </div>
+              </div>
+              <div class="d-flex align-items-center">
+                <span class="o-section-title mb-0 pe-2">Trend line color</span>
+                <RoundColorPicker
+                  currentColor="getTrendLineColor()"
+                  onColorPicked.bind="updateTrendLineColor"
+                />
+              </div>
+            </div>
+          </Section>
         </Section>
       </t>
     </SidePanelCollapsible>
@@ -3675,20 +3729,15 @@
   </t>
 
   <t t-name="o-spreadsheet-CogWheelMenu">
-    <span class="fa fa-cog os-cog-wheel-menu-icon" t-on-click="togglePopover" t-ref="button"/>
-    <Popover t-if="popover.isOpen" t-props="popoverProps">
-      <div class="d-flex flex-column align-items-start os-cog-wheel-menu my-2">
-        <div
-          t-foreach="props.items"
-          t-as="item"
-          t-key="item.name"
-          t-on-click="() => this.onClick(item)"
-          class="btn btn-link me-3">
-          <i t-if="item.icon" t-att-class="'me-2 fa ' + item.icon"/>
-          <t t-esc="item.name"/>
-        </div>
-      </div>
-    </Popover>
+    <span class="fa fa-cog os-cog-wheel-menu-icon" t-on-click="toggleMenu" t-ref="button"/>
+    <Menu
+      t-if="menuState.isOpen"
+      menuId="menuId"
+      position="menuState.position"
+      menuItems="menuState.menuItems"
+      onClose="() => this.menuState.isOpen=false"
+      width="160"
+    />
   </t>
 
   <t t-name="o-spreadsheet-SidePanelCollapsible">
@@ -4678,9 +4727,12 @@
   <t t-name="o-spreadsheet-PivotDimension">
     <div
       class="border py-1 px-2 d-flex flex-column shadow-sm pivot-dimension"
-      t-att-class="{'bg-danger': !props.dimension.isValid}">
+      t-att-class="{'pivot-dimension-invalid': !props.dimension.isValid}">
       <div class="d-flex flex-row justify-content-between align-items-center">
         <div class="d-flex align-items-center overflow-hidden text-nowrap">
+          <span class="text-danger me-1" t-if="!props.dimension.isValid">
+            <t t-call="o-spreadsheet-Icon.TRIANGLE_EXCLAMATION"/>
+          </span>
           <TextInput
             t-if="props.onNameUpdated"
             value="props.dimension.displayName"
@@ -4690,7 +4742,7 @@
           <span t-else="1" class="fw-bold" t-esc="props.dimension.displayName"/>
         </div>
         <i
-          class="btn fa fa-times pe-0"
+          class="btn fa fa-times pe-0 ms-auto"
           t-if="props.onRemoved"
           t-on-click="() => props.onRemoved(props.dimension)"
         />
@@ -4997,7 +5049,7 @@
         <div class="o-sidePanelClose" t-on-click="close">✕</div>
       </div>
       <div class="o-sidePanelBody-container d-flex flex-grow-1 ">
-        <div class="o-sidePanel-handle-container d-flex align-items-center">
+        <div class="o-sidePanel-handle-container">
           <div
             class="o-sidePanel-handle"
             t-on-pointerdown="startHandleDrag"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "17.5.0-alpha.2",
+  "version": "17.5.0-alpha.4",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o-spreadsheet.cjs.js",
@@ -102,7 +102,7 @@
     "xmlSelfClosingSpace": false
   },
   "dependencies": {
-    "@odoo/owl": "2.2.10",
+    "@odoo/owl": "2.3.0",
     "bootstrap": "^5.3.3",
     "font-awesome": "^4.7.0",
     "rbush": "^3.0.1"