awing-library 2.1.2-dev.75 → 2.1.2-dev.77

package/dist/esm/AWING/TableEditableCollapsible/interface.d.ts

@@ -20,6 +20,7 @@ export interface ColumnDefinition<T extends object> {
     contentGetter?: (obj: T, idx?: number) => ReactNode;
     fieldName?: string;
     isTooltip?: boolean;
+    label?: string;
     getTitleTooltip?: (value: T[keyof T]) => NonNullable<ReactNode>;
 }
 export type TableEditableProps<T> = {

package/dist/esm/index.js

@@ -177760,6 +177760,7 @@ function TableRowEditable(props) {
             const isMergeColumn = fieldName === mergeRowsBy;
             const isDisplay = isMergeColumn ? itemIndex === 0 || convertItems[itemIndex - 1][fieldName] !== row[fieldName] : true;
             const numOfRowSpan = isMergeColumn ? convertItems.filter(c => c[fieldName] === row[fieldName]).length : 1;
+            console.log('colDef', colDef);
             return isDisplay && jsxRuntimeExports.jsx(TableCell, Object.assign({
               sx: {
                 border: '1px solid rgb(224, 224, 224)'
@@ -177864,7 +177865,7 @@ function TableRowEditable(props) {
               },
               display: "flex",
               flexWrap: "wrap",
-              gap: 2,
+              gap: 1,
               children: fieldDefinitions === null || fieldDefinitions === void 0 ? void 0 : fieldDefinitions.map((colDef, idx) => {
                 var _a, _b, _c, _d;
                 if (colDef.contentGetter) {
@@ -177872,20 +177873,32 @@ function TableRowEditable(props) {
                   const fieldName = (_a = colDef.fieldName) !== null && _a !== void 0 ? _a : '';
                   const isMergeColumn = fieldName === mergeRowsBy;
                   const isDisplay = isMergeColumn ? itemIndex === 0 || convertItems[itemIndex - 1][fieldName] !== row[fieldName] : true;
-                  return isDisplay && jsxRuntimeExports.jsx(Box$1, {
-                    sx: {
-                      flex: '0 1 calc(33.333% - 16px)',
-                      boxSizing: 'border-box',
-                      p: 2
-                    },
-                    children: colDef.isTooltip ? jsxRuntimeExports.jsx(StyleTooltip, {
-                      title: colDef.getTitleTooltip && colDef.getTitleTooltip(content),
-                      placement: "top-start",
-                      children: jsxRuntimeExports.jsx("div", {
-                        children: content
-                      })
-                    }) : colDef.contentGetter(row, rowIdx)
-                  }, idx);
+                  return isDisplay && jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+                    children: jsxRuntimeExports.jsxs(Box$1, {
+                      sx: {
+                        flex: '0 1 calc(33.333% - 16px)',
+                        boxSizing: 'border-box',
+                        p: 2
+                      },
+                      children: [!!colDef.label && jsxRuntimeExports.jsx(FormLabel$1, {
+                        sx: {
+                          fontSize: '0.7rem'
+                        },
+                        children: colDef.label
+                      }), jsxRuntimeExports.jsx(Stack, {
+                        sx: {
+                          textAlign: "left"
+                        },
+                        children: colDef.isTooltip ? jsxRuntimeExports.jsx(StyleTooltip, {
+                          title: colDef.getTitleTooltip && colDef.getTitleTooltip(content),
+                          placement: "top-start",
+                          children: jsxRuntimeExports.jsx("div", {
+                            children: content
+                          })
+                        }) : colDef.contentGetter(row, rowIdx)
+                      })]
+                    }, idx)
+                  });
                 }
                 if (colDef.editFieldDefinition) {
                   const {
@@ -177900,7 +177913,8 @@ function TableRowEditable(props) {
                     sx: {
                       flex: '0 1 calc(33.333% - 16px)',
                       boxSizing: 'border-box',
-                      p: 2
+                      p: 2,
+                      textAlign: "left!important"
                     },
                     children: jsxRuntimeExports.jsx(TableCellEditable, {
                       isContainer: true,

package/dist/index.d.ts

@@ -1822,6 +1822,7 @@ interface ColumnDefinition<T extends object> {
     contentGetter?: (obj: T, idx?: number) => ReactNode;
     fieldName?: string;
     isTooltip?: boolean;
+    label?: string;
     getTitleTooltip?: (value: T[keyof T]) => NonNullable<ReactNode>;
 }
 type TableEditableProps<T> = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "awing-library",
-    "version": "2.1.2-dev.75",
+    "version": "2.1.2-dev.77",
     "main": "dist/esm/index.js",
     "module": "dist/esm/index.js",
     "types": "dist/index.d.ts",