awing-library 2.1.2-dev.80 → 2.1.2-dev.82

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

@@ -7,6 +7,7 @@ export type CellDefinition<T extends object> = FieldDefinitionProps<T> & {
     isTooltip?: boolean;
     row?: Partial<T>;
     getTitleTooltip?: (value: T[keyof T]) => NonNullable<ReactNode>;
+    maxWidth?: string | number;
 };
 export interface ColumnDefinition<T extends object> {
     headerName: ReactNode;
@@ -97,4 +98,5 @@ export interface TableCellEditableProps<T extends object> {
     isCollapsed?: boolean;
     numOfRowSpan?: number;
     onToggleCollapsible?: () => void;
+    maxWidth?: string | number;
 }

package/dist/esm/index.js

@@ -123438,6 +123438,7 @@ function SelectInput(fieldDefinition) {
       onValidateCustom
     } = fieldDefinition,
     other = __rest$1(fieldDefinition, ["name", "multiple", "value", "onChange", "error", "disableHelperText", "helperText", "options", "row", "onDisabledSelectItem", "required", "onValidateCustom"]);
+  console.log("111 fieldDefinition", fieldDefinition, other);
   const onValidate = val => {
     const newValue = val;
     if (onValidateCustom) {
@@ -123603,6 +123604,7 @@ function InputFactory(fieldDefinition) {
   const {
     type
   } = fieldDefinition;
+  console.log("fieldDefinition", fieldDefinition);
   switch (type) {
     case FIELD_TYPE.LOGIC_EXPRESSION:
       {
@@ -177628,7 +177630,8 @@ function TableCellEditable(props) {
     numOfRowSpan,
     isShowCollapsible,
     isCollapsed,
-    onToggleCollapsible
+    onToggleCollapsible,
+    maxWidth
   } = props;
   const {
     TableCellProps,
@@ -177652,6 +177655,7 @@ function TableCellEditable(props) {
     });
     return jsxRuntimeExports.jsx(InputFactory, Object.assign({}, inputProps, {
       sx: {
+        maxWidth,
         '& .MuiInput-input': {
           textAlign: isContainer ? 'left' : undefined
         }
@@ -177766,7 +177770,6 @@ 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)'
@@ -177774,7 +177777,8 @@ function TableRowEditable(props) {
             }, colDef.TableCellProps, {
               rowSpan: numOfRowSpan
             }, idx === 0 ? {
-              width: '15%'
+              width: '15%',
+              maxWidth: "200px"
             } : {}, {
               children: jsxRuntimeExports.jsxs(Box$1, {
                 display: "flex",
@@ -177802,7 +177806,8 @@ function TableRowEditable(props) {
           }
           if (colDef.editFieldDefinition) {
             const {
-              fieldName
+              fieldName,
+              maxWidth
             } = colDef.editFieldDefinition;
             const currentValue = (_b = row[fieldName]) !== null && _b !== void 0 ? _b : '';
             const isMergeColumn = fieldName === mergeRowsBy;
@@ -177810,6 +177815,7 @@ function TableRowEditable(props) {
             const numOfRowSpan = isMergeColumn ? convertItems.filter(c => c[fieldName] === row[fieldName]).length : 1;
             const error = ((_c = dataValidation === null || dataValidation === void 0 ? void 0 : dataValidation[rowIdx]) === null || _c === void 0 ? void 0 : _c[fieldName]) !== undefined && !((_d = dataValidation === null || dataValidation === void 0 ? void 0 : dataValidation[rowIdx]) === null || _d === void 0 ? void 0 : _d[fieldName]);
             return isDisplay && jsxRuntimeExports.jsx(TableCellEditable, {
+              maxWidth: maxWidth,
               isShowCollapsible: idx === 0,
               isCollapsed: open,
               onToggleCollapsible: () => setOpen(!open),
@@ -178337,7 +178343,9 @@ function TableEditable(props) {
     children: [jsxRuntimeExports.jsxs(TableContainer, {
       component: Paper$1,
       sx: {
-        // overflow: 'hidden',
+        overflow: 'hidden',
+        width: 'fit-content',
+        maxWidth: '100%'
       },
       children: [selected && onSelectedChange && selected.length > 0 && selectionActions && jsxRuntimeExports.jsx(TopBarActions, {
         selected: selected,

package/dist/index.d.ts

@@ -1809,6 +1809,7 @@ type CellDefinition<T extends object> = FieldDefinitionProps$1<T> & {
     isTooltip?: boolean;
     row?: Partial<T>;
     getTitleTooltip?: (value: T[keyof T]) => NonNullable<ReactNode>;
+    maxWidth?: string | number;
 };
 interface ColumnDefinition<T extends object> {
     headerName: ReactNode;
@@ -1880,6 +1881,7 @@ interface TableCellEditableProps<T extends object> {
     isCollapsed?: boolean;
     numOfRowSpan?: number;
     onToggleCollapsible?: () => void;
+    maxWidth?: string | number;
 }
 
 declare function TableEditable<T>(props: TableEditableProps<T>): react_jsx_runtime.JSX.Element;

package/package.json

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