@crystaldesign/grid 24.4.0-beta.7 → 24.4.0-beta.8

package/build/esm/index.js

@@ -207,7 +207,8 @@ function Table(_ref2) {
     toggleSelected = _ref2$toggleSelected === void 0 ? function () {} : _ref2$toggleSelected,
     renderSubComponent = _ref2.renderSubComponent,
     dragDropRows = _ref2.dragDropRows,
-    onDragEndAction = _ref2.onDragEndAction;
+    onDragEndAction = _ref2.onDragEndAction,
+    rowHight = _ref2.rowHight;
   var classes = useStyles$6();
   var onDragEnd = function onDragEnd(result) {
     if (!result.destination) {
@@ -311,7 +312,8 @@ function Table(_ref2) {
             toggleSelected: toggleSelected
           }, row.id);
         }), isLoading && /*#__PURE__*/jsx(Loading, {
-          headerGroups: headerGroups
+          headerGroups: headerGroups,
+          rowHight: rowHight
         })]
       })), dragDropRows && /*#__PURE__*/jsx(DragDropContext, {
         onDragEnd: onDragEnd,
@@ -506,7 +508,8 @@ var cellStyleHelper = function cellStyleHelper(cell) {
   };
 };
 function Loading(_ref5) {
-  var headerGroups = _ref5.headerGroups;
+  var headerGroups = _ref5.headerGroups,
+    rowHight = _ref5.rowHight;
   //TODO make it more dynamic, so that skeleton looks closer to actual data
   var row = /*#__PURE__*/jsx(TableRow, {
     children: headerGroups[headerGroups.length - 1].headers.flatMap(function (h) {
@@ -518,7 +521,8 @@ function Loading(_ref5) {
             padding: 0,
             position: 'relative',
             backgroundColor: 'white',
-            zIndex: 4
+            zIndex: 4,
+            height: rowHight
           }
         }, h.id + '1'));
         cells.push( /*#__PURE__*/jsx(TableCell, {
@@ -528,7 +532,8 @@ function Loading(_ref5) {
             position: 'sticky',
             backgroundColor: 'white',
             zIndex: 3,
-            right: 242
+            right: 242,
+            height: rowHight
           },
           children: /*#__PURE__*/jsx("div", {
             style: {
@@ -547,7 +552,8 @@ function Loading(_ref5) {
           position: h.fixed ? 'sticky' : 'relative',
           right: h.fixed ? 0 : undefined,
           backgroundColor: h.fixed ? 'white' : undefined,
-          zIndex: h.fixed ? 4 : 3
+          zIndex: h.fixed ? 4 : 3,
+          height: rowHight
         },
         children: /*#__PURE__*/jsx(Skeleton, {})
       }, h.id));
@@ -3503,6 +3509,4 @@ var useStyles = makeStyles(function () {
   });
 });
 
-//changes
-
 export { Grid as default };

package/build/types/grid/src/ui/components/Table.d.ts

@@ -35,6 +35,7 @@ export interface TableProps<D extends object> {
     renderSubComponent?: (row?: Row<D>) => JSX.Element;
     dragDropRows?: boolean;
     onDragEndAction?: (from: number, to: number, rows: Row<D>[]) => void;
+    rowHight?: string | number;
 }
 export default function MemoizedTable<D extends object>({ headerGroups, rows, isLoading, selectedFlatRows, ...others }: TableProps<D>): JSX.Element;
 //# sourceMappingURL=Table.d.ts.map

package/build/types/grid/src/ui/components/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/Table.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,UAAU,IAAI,YAAY,EAAE,WAAW,EAAE,GAAG,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAUjI,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,MAAM;IAC1C;;OAEG;IACH,aAAa,EAAE,CAAC,UAAU,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IACjE;;OAEG;IACH,iBAAiB,EAAE,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,cAAc,CAAC;IAC3E;;OAEG;IACH,UAAU,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAErB,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IAEnD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;CACtE;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,MAAM,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,eAKpI"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/Table.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,UAAU,IAAI,YAAY,EAAE,WAAW,EAAE,GAAG,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAUjI,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,MAAM;IAC1C;;OAEG;IACH,aAAa,EAAE,CAAC,UAAU,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IACjE;;OAEG;IACH,iBAAiB,EAAE,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,cAAc,CAAC;IAC3E;;OAEG;IACH,UAAU,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAErB,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IAEnD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;IAErE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,MAAM,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,eAKpI"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/grid",
-  "version": "24.4.0-beta.7",
+  "version": "24.4.0-beta.8",
   "license": "COMMERCIAL",
   "devDependencies": {
     "@material-ui/pickers": "^3.2.10",
@@ -13,7 +13,7 @@
     "react-dom": "17.0.2"
   },
   "dependencies": {
-    "@crystaldesign/searchfield": "24.4.0-beta.7",
+    "@crystaldesign/searchfield": "24.4.0-beta.8",
     "@date-io/core": "^1.3.13",
     "@date-io/date-fns": "^1.3.13",
     "@tinymce/tinymce-react": "^3.13.0",
@@ -43,5 +43,5 @@
   },
   "module": "build/esm/index.js",
   "types": "./build/types/grid/src/index.d.ts",
-  "gitHead": "cde7a93dcd91cea515cd12187d80e0b563d305d5"
+  "gitHead": "ab9368e26698225d1994360125b11005bd0c14e0"
 }