@odoo/o-spreadsheet 17.3.0-alpha.0 → 17.3.0-alpha.1

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.3.0-alpha.0
- @date 2024-03-20T13:43:11.141Z
- @hash 073e154
+ @version 17.3.0-alpha.1
+ @date 2024-03-25T09:44:13.802Z
+ @hash 4095c41
 -->
 <odoo>
   <t t-name="o-spreadsheet-ActionButton">
@@ -507,7 +507,7 @@
           }">
       <t t-set="context" t-value="getContext()"/>
       <div
-        class="o-formula-assistant bg-white"
+        class="o-formula-assistant"
         t-if="context.functionName"
         t-on-pointermove="onMouseMove"
         t-att-class="{'opacity-25': assistantState.allowCellSelectionBehind}">
@@ -1008,7 +1008,12 @@
       class="o-grid-add-rows mt-2 ms-2 w-100 d-flex position-relative align-items-center"
       t-att-style="addRowsPosition"
       t-on-pointerdown.stop.prevent="">
-      <button t-on-click="onConfirm" t-att-disabled="state.errorFlag" class="o-button">Add</button>
+      <button
+        t-on-click="onConfirm"
+        t-att-disabled="state.errorFlag"
+        class="o-button o-button-grey">
+        Add
+      </button>
       <input
         type="text"
         class="o-grid-add-rows-input o-input mt-0 me-2"
@@ -2158,7 +2163,7 @@ https://fontawesome.com/license -->
     <svg class="o-icon" viewBox="0 0 24 24">
       <path
         fill="currentColor"
-        d="M18.707 7.293a1 1 0 0 1 0 1.414L11.414 16a2 2 0 0 1-2.828 0l-3.293-3.293a1 1 0 1 1 1.414-1.414L10 14.586l7.293-7.293a1 1 0 0 1 1.414 0z"
+        d="M18.707 7.293a1 1 0 0 1 0 1.414L11.414 16a1.8 2 0 0 1-2.828 0l-3.293-3.293a1 1 0 1 1 1.414-1.414L10 14.586l7.293-7.293a1 1 0 0 1 1.414 0z"
       />
     </svg>
   </t>
@@ -2312,6 +2317,14 @@ https://fontawesome.com/license -->
       />
     </svg>
   </t>
+  <t t-name="o-spreadsheet-Icon.CIRCLE_INFO">
+    <svg class="o-icon" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fill="currentColor"
+        d="M9 .55a8.4 8.4 0 1 0 8.4 8.4A8.4 8.4 0 0 0 9 .55M7.6 4.155a1.4 1.4 0 1 1 1.4 1.4 1.4 1.4 0 0 1-1.4-1.4m4.9 8.995a.7.7 0 0 1-.7.7H6.9a.7.7 0 1 1 0-1.4h1.4v-4.2h-.7a.7.7 0 0 1 0-1.4h2.8v5.6h1.4a.7.7 0 0 1 .7.7"
+      />
+    </svg>
+  </t>
 
   <t t-name="o-spreadsheet-LinkDisplay">
     <div class="o-link-tool d-flex align-items-center">
@@ -2394,8 +2407,8 @@ https://fontawesome.com/license -->
         onClose="() => this.menu.isOpen=false"
       />
       <div class="o-buttons">
-        <button t-on-click="cancel" class="o-button o-cancel">Cancel</button>
-        <button t-on-click="save" class="o-button o-save" t-att-disabled="!link.url">
+        <button t-on-click="cancel" class="o-button o-button-grey o-cancel">Cancel</button>
+        <button t-on-click="save" class="o-button o-button-grey o-save" t-att-disabled="!link.url">
           Confirm
         </button>
       </div>
@@ -3340,8 +3353,12 @@ https://fontawesome.com/license -->
           <t t-set="rule" t-value="state.rules.iconSet"/>
         </t>
         <div class="o-sidePanelButtons">
-          <button t-on-click="props.onExitEdition" class="o-button o-cf-cancel">Cancel</button>
-          <button t-on-click="saveConditionalFormat" class="o-button primary o-cf-save">
+          <button t-on-click="props.onExitEdition" class="o-button o-button-grey o-cf-cancel">
+            Cancel
+          </button>
+          <button
+            t-on-click="saveConditionalFormat"
+            class="o-button o-button-grey primary o-cf-save">
             Save
           </button>
         </div>
@@ -3685,7 +3702,7 @@ https://fontawesome.com/license -->
       </Section>
       <div class="o-sidePanelButtons">
         <button
-          class="o-button"
+          class="o-button o-button-grey"
           t-on-click="() => this.apply()"
           t-att-disabled="!formatProposals.length || isSameFormat">
           Apply
@@ -3804,7 +3821,7 @@ https://fontawesome.com/license -->
       </div>
       <div class="mb-2"/>
     </t>
-    <button class="o-dv-list-add-value o-button mb-3" t-on-click="onAddAnotherValue">
+    <button class="o-dv-list-add-value o-button o-button-grey mb-3" t-on-click="onAddAnotherValue">
       Add another item
     </button>
 
@@ -3871,10 +3888,10 @@ https://fontawesome.com/license -->
       </Section>
 
       <div class="o-sidePanelButtons">
-        <button t-on-click="props.onExit" class="o-dv-cancel o-button">Cancel</button>
+        <button t-on-click="props.onExit" class="o-dv-cancel o-button o-button-grey">Cancel</button>
         <button
           t-on-click="onSave"
-          class="o-dv-save o-button primary"
+          class="o-dv-save o-button o-button-grey primary"
           t-att-class="{'o-disabled': !canSave }">
           Save
         </button>
@@ -3973,13 +3990,13 @@ https://fontawesome.com/license -->
         <button
           t-att-disabled="!hasSearchResult"
           t-on-click="() => store.selectPreviousMatch()"
-          class="o-button">
+          class="o-button o-button-grey">
           Previous
         </button>
         <button
           t-att-disabled="!hasSearchResult"
           t-on-click="() => store.selectNextMatch()"
-          class="o-button">
+          class="o-button o-button-grey">
           Next
         </button>
       </div>
@@ -3999,13 +4016,13 @@ https://fontawesome.com/license -->
         <button
           t-att-disabled="store.selectedMatchIndex === null"
           t-on-click="() => store.replace()"
-          class="o-button">
+          class="o-button o-button-grey">
           Replace
         </button>
         <button
           t-att-disabled="store.selectedMatchIndex === null"
           t-on-click="() => store.replaceAll()"
-          class="o-button">
+          class="o-button o-button-grey">
           Replace all
         </button>
       </div>
@@ -4063,7 +4080,7 @@ https://fontawesome.com/license -->
 
       <div class="o-sidePanelButtons">
         <button
-          class="o-button"
+          class="o-button o-button-grey"
           t-att-class="{'o-disabled': !canConfirm}"
           t-on-click="onRemoveDuplicates">
           Remove duplicates
@@ -4181,7 +4198,7 @@ https://fontawesome.com/license -->
 
         <div class="o-sidePanelButtons">
           <button
-            class="o-button"
+            class="o-button o-button-grey"
             t-att-class="{'o-disabled': isConfirmDisabled}"
             t-on-click="confirm">
             Confirm
@@ -4264,7 +4281,7 @@ https://fontawesome.com/license -->
       <Section>
         <t t-set-slot="title">Data range</t>
         <SelectionInput
-          t-key="props.table.id"
+          t-key="props.table.type"
           ranges="[this.state.tableXc]"
           hasSingleRange="true"
           onSelectionChanged="(ranges) => this.onRangeChanged(ranges)"
@@ -4277,6 +4294,20 @@ https://fontawesome.com/license -->
           value="tableConfig.automaticAutofill"
           onChange="(val) => this.updateTableConfig('automaticAutofill', val)"
         />
+        <div class="d-flex flex-row align-items-center">
+          <Checkbox
+            label="getCheckboxLabel('isDynamic')"
+            name="'isDynamic'"
+            value="props.table.type === 'dynamic'"
+            onChange.bind="this.updateTableIsDynamic"
+            disabled="!this.canBeDynamic"
+          />
+          <div
+            class="o-info-icon d-flex flex-row align-items-center text-muted ps-1"
+            t-att-title="dynamicTableTooltip">
+            <t t-call="o-spreadsheet-Icon.CIRCLE_INFO"/>
+          </div>
+        </div>
       </Section>
       <div class="o-sidePanelButtons">
         <button t-on-click="deleteTable" class="o-table-delete o-button">Delete table</button>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "17.3.0-alpha.0",
+  "version": "17.3.0-alpha.1",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o-spreadsheet.cjs.js",