arengibook 2.0.20-table → 2.0.22-table

package/dist/index.js

@@ -44173,7 +44173,7 @@ var ToastPresets = {
   }
 };
 
-var css_248z$1 = ".arengi-table td {\n  overflow: visible !important;\n}\n\n.arengi-table .p-cell-editing input,\n.arengi-table .p-cell-editing .p-inputtext,\n.arengi-table .p-cell-editing .p-dropdown,\n.arengi-table .p-cell-editing .p-multiselect,\n.arengi-table .p-cell-editing .p-calendar {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n.cell-devise {\n  display: flex;\n  flex-direction: column;\n  gap: 0.1rem;\n  font-size: 0.875rem;\n}\n.cell-devise--editable {\n  cursor: pointer;\n}\n.cell-devise--empty {\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  cursor: pointer;\n}\n.cell-devise .span-sub {\n  font-size: 0.75rem;\n  color: #71717a;\n}\n\n.devise-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  padding: 0.25rem 0;\n}\n.devise-editor-fields {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  width: 100%;\n  position: relative;\n}\n.devise-editor-fields .p-dropdown-panel {\n  position: absolute;\n  z-index: 1000;\n  top: 100%;\n  left: 0;\n  width: 100%;\n}\n.devise-editor-save {\n  align-self: flex-end;\n}\n\n.arengi-table .p-cell-editing .devise-editor-fields input,\n.arengi-table .p-cell-editing .devise-editor-fields .p-inputtext,\n.arengi-table .p-cell-editing .devise-editor-fields .p-dropdown {\n  width: 100%;\n  min-width: 0;\n}\n\n.doc-cell-empty {\n  color: #aaa;\n  font-size: 0.85rem;\n}\n\n.doc-cell {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n.doc-cell-summary {\n  display: flex;\n  align-items: center;\n  gap: 0.35rem;\n  font-size: 0.875rem;\n}\n.doc-cell-summary .pi-paperclip {\n  color: #71717a;\n  font-size: 0.8rem;\n}\n.doc-cell-list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.15rem;\n  padding-left: 1.1rem;\n  font-size: 0.8rem;\n}\n.doc-cell-list a {\n  color: #3b82f6;\n  text-decoration: none;\n}\n.doc-cell-list a:hover {\n  text-decoration: underline;\n}\n\n.doc-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  padding: 0.25rem 0;\n}\n.doc-editor-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.8rem;\n}\n.doc-editor-table td {\n  padding: 0.2rem 0.35rem;\n  vertical-align: middle;\n}\n.doc-editor-table td a {\n  color: #3b82f6;\n  text-decoration: none;\n  word-break: break-all;\n}\n.doc-editor-table td a:hover {\n  text-decoration: underline;\n}\n.doc-editor-table td:last-child {\n  width: 2rem;\n  text-align: center;\n}\n.doc-editor-add {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3rem;\n  cursor: pointer;\n  align-self: flex-start;\n}\n\n.tab_label {\n  display: inline-block;\n  padding: 3px 8px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  border-radius: 10px;\n}";
+var css_248z$1 = ".arengi-table td {\n  overflow: visible !important;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column {\n  z-index: 1;\n  background-color: var(--surface-0, #ffffff);\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr.p-row-odd > td.p-frozen-column {\n  background-color: var(--surface-b, #f8f9fa);\n}\n\n.arengi-table .p-cell-editing input,\n.arengi-table .p-cell-editing .p-inputtext,\n.arengi-table .p-cell-editing .p-dropdown,\n.arengi-table .p-cell-editing .p-multiselect,\n.arengi-table .p-cell-editing .p-calendar {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n.cell-devise {\n  display: flex;\n  flex-direction: column;\n  gap: 0.1rem;\n  font-size: 0.875rem;\n}\n.cell-devise--editable {\n  cursor: pointer;\n}\n.cell-devise--empty {\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  cursor: pointer;\n}\n.cell-devise .span-sub {\n  font-size: 0.75rem;\n  color: #71717a;\n}\n\n.devise-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  padding: 0.25rem 0;\n}\n.devise-editor-fields {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  width: 100%;\n  position: relative;\n}\n.devise-editor-fields .p-dropdown-panel {\n  position: absolute;\n  z-index: 1000;\n  top: 100%;\n  left: 0;\n  width: 100%;\n}\n.devise-editor-save {\n  align-self: flex-end;\n}\n\n.arengi-table .p-cell-editing .devise-editor-fields input,\n.arengi-table .p-cell-editing .devise-editor-fields .p-inputtext,\n.arengi-table .p-cell-editing .devise-editor-fields .p-dropdown {\n  width: 100%;\n  min-width: 0;\n}\n\n.doc-cell-empty {\n  color: #aaa;\n  font-size: 0.85rem;\n}\n\n.doc-cell {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n.doc-cell-summary {\n  display: flex;\n  align-items: center;\n  gap: 0.35rem;\n  font-size: 0.875rem;\n}\n.doc-cell-summary .pi-paperclip {\n  color: #71717a;\n  font-size: 0.8rem;\n}\n.doc-cell-list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.15rem;\n  padding-left: 1.1rem;\n  font-size: 0.8rem;\n}\n.doc-cell-list a {\n  color: #3b82f6;\n  text-decoration: none;\n}\n.doc-cell-list a:hover {\n  text-decoration: underline;\n}\n\n.doc-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  padding: 0.25rem 0;\n}\n.doc-editor-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.8rem;\n}\n.doc-editor-table td {\n  padding: 0.2rem 0.35rem;\n  vertical-align: middle;\n}\n.doc-editor-table td a {\n  color: #3b82f6;\n  text-decoration: none;\n  word-break: break-all;\n}\n.doc-editor-table td a:hover {\n  text-decoration: underline;\n}\n.doc-editor-table td:last-child {\n  width: 2rem;\n  text-align: center;\n}\n.doc-editor-add {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3rem;\n  cursor: pointer;\n  align-self: flex-start;\n}\n\n.tab_label {\n  display: inline-block;\n  padding: 3px 8px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  border-radius: 10px;\n}";
 styleInject(css_248z$1);
 
 function _extends$2() {
@@ -47942,7 +47942,7 @@ var Table = function Table(_ref1) {
     _ref1$editable = _ref1.editable,
     editable = _ref1$editable === void 0 ? false : _ref1$editable,
     _ref1$rowEdit = _ref1.rowEdit,
-    rowEdit = _ref1$rowEdit === void 0 ? true : _ref1$rowEdit,
+    rowEdit = _ref1$rowEdit === void 0 ? false : _ref1$rowEdit,
     onChange = _ref1.onChange,
     onCellChange = _ref1.onCellChange,
     carto = _ref1.carto;
@@ -48234,7 +48234,7 @@ var Table = function Table(_ref1) {
 
   // --- Cell editors by type ---
 
-  var textEditor = useCallback(function (options) {
+  useCallback(function (options) {
     var _options$value2;
     return /*#__PURE__*/React__default.createElement(InputText, {
       value: (_options$value2 = options.value) !== null && _options$value2 !== void 0 ? _options$value2 : '',
@@ -48244,7 +48244,7 @@ var Table = function Table(_ref1) {
       autoFocus: true
     });
   }, []);
-  var dateEditor = useCallback(function (options) {
+  useCallback(function (options) {
     // Convertit la valeur (string dd/mm/YYYY ou YYYY-MM-DD) en objet Date pour le DatePicker
     // Fallback sur aujourd'hui si la valeur est absente ou invalide (N/A, Invalid Date…)
     var dateObj = null;
@@ -48274,7 +48274,7 @@ var Table = function Table(_ref1) {
       }
     });
   }, []);
-  var selectEditor = useCallback(function (col) {
+  useCallback(function (col) {
     return function (options) {
       return /*#__PURE__*/React__default.createElement(Dropdown, _extends$I({}, DropdownPresets.Base, {
         value: options.value,
@@ -48285,7 +48285,7 @@ var Table = function Table(_ref1) {
       }));
     };
   }, []);
-  var numericEditor = useCallback(function (col) {
+  useCallback(function (col) {
     return function (options) {
       var _options$value3;
       return /*#__PURE__*/React__default.createElement(InputText, {
@@ -48304,7 +48304,7 @@ var Table = function Table(_ref1) {
       });
     };
   }, []);
-  var selectMultipleEditor = useCallback(function (col) {
+  useCallback(function (col) {
     return function (options) {
       var _options$value4;
       return /*#__PURE__*/React__default.createElement(MultiSelect, _extends$I({}, MultiSelectPresets.Base, {
@@ -48335,34 +48335,15 @@ var Table = function Table(_ref1) {
   var getEditorTemplate = useCallback(function (col) {
     var colEditable = editable ? col.editable !== false : col.editable === true;
     if (!colEditable) return undefined;
-    // In rowEdit mode, all columns except devise/treeSelect use SelfEditableCell or DocumentBodyCell
-    // which manage their own editing state — no PrimeReact editor needed.
-    if (rowEdit) {
-      if (col.type === 'devise') return deviseEditor(col);
-      if (col.type === 'treeSelect') return treeSelectEditor(col);
-      return undefined;
-    }
-    switch (col.type) {
-      case 'date':
-        return dateEditor;
-      case 'select':
-        return selectEditor(col);
-      case 'selectMultiple':
-        return selectMultipleEditor(col);
-      case 'numeric':
-        return numericEditor(col);
-      case 'calcul':
-        return undefined;
-      case 'documents':
-        return documentEditor(col);
-      case 'devise':
-        return deviseEditor(col);
-      case 'treeSelect':
-        return treeSelectEditor(col);
-      default:
-        return textEditor;
-    }
-  }, [editable, rowEdit, textEditor, dateEditor, selectEditor, selectMultipleEditor, numericEditor, documentEditor, deviseEditor, treeSelectEditor]);
+    // devise and treeSelect always use their PrimeReact editor (not handled by SelfEditableCell)
+    if (col.type === 'devise') return deviseEditor(col);
+    if (col.type === 'treeSelect') return treeSelectEditor(col);
+    // documents in cell mode keeps its native editor; in rowEdit it's wrapped by DocumentBodyCell
+    if (!rowEdit && col.type === 'documents') return documentEditor(col);
+    // All other editable types (text, select, selectMultiple, date, numeric) are
+    // handled by SelfEditableCell — no PrimeReact editor to avoid click conflict.
+    return undefined;
+  }, [editable, rowEdit, deviseEditor, treeSelectEditor, documentEditor]);
   var onCellEditComplete = useCallback(function (e) {
     var _onCellChangeRef$curr;
     var rowData = e.rowData,
@@ -48449,8 +48430,8 @@ var Table = function Table(_ref1) {
         break;
     }
 
-    // In rowEdit mode, wrap editable columns with SelfEditableCell for click-to-edit
-    if (rowEdit && colEditable) {
+    // Wrap editable columns with SelfEditableCell for click-to-edit (both rowEdit and cell modes)
+    if (colEditable) {
       return function (rowData) {
         return /*#__PURE__*/React__default.createElement(SelfEditableCell, {
           rowData: rowData,
@@ -48579,11 +48560,7 @@ var Table = function Table(_ref1) {
       }
     }, "Tout s\xE9lectionner"))
   })));
-  return /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/React__default.createElement(DataTable, {
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(DataTable, {
     value: data,
     header: header,
     paginator: paginator,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "2.0.20-table",
+  "version": "2.0.22-table",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {