@wix/design-system 1.0.4 → 1.1.0

package/dist/cjs/Stepper/components/StepMarker.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_0_4_StepMarker";
+var _namespace_ = "wds_1_1_0_StepMarker";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_StepMarker__root"};
+module.exports.classes = {"root":"wds_1_1_0_StepMarker__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Table/DataTable/DataTable.js

@@ -271,15 +271,29 @@ class DataTable extends _react.default.Component {
           columnNumber: 7
         }
       }, _ref => {
+        var _BodyElementType$prop;
         var {
           maskingClassNames
         } = _ref;
-        return /*#__PURE__*/_react.default.createElement(BodyElementType, {
+        return BodyElementType != null && (_BodyElementType$prop = BodyElementType.propTypes) != null && _BodyElementType$prop.styleRowCallbacks ? /*#__PURE__*/_react.default.createElement(BodyElementType, {
+          styleRowCallbacks: rows.map((rowData, index) => this.renderRowWrapper({
+            rowData,
+            rowNum: index,
+            maskingClassNames,
+            isApplyCellWidth: true
+          })),
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 308,
-            columnNumber: 11
+            lineNumber: 309,
+            columnNumber: 13
+          }
+        }) : /*#__PURE__*/_react.default.createElement(BodyElementType, {
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 320,
+            columnNumber: 13
           }
         }, rows.map((rowData, index) => this.renderRow({
           rowData,
@@ -308,7 +322,7 @@ class DataTable extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 330,
+          lineNumber: 343,
           columnNumber: 5
         }
       }, _ref3 => {
@@ -324,14 +338,34 @@ class DataTable extends _react.default.Component {
         });
       });
     };
-    this.renderRow = _ref4 => {
+    this.renderRowWrapper = _ref4 => {
       var {
         rowData,
         rowNum,
-        style,
         maskingClassNames,
-        isDragOverlay
+        isDragOverlay,
+        isApplyCellWidth
       } = _ref4;
+      return (style, cellStyle) => this.renderRow({
+        rowData,
+        rowNum,
+        style,
+        cellStyle,
+        maskingClassNames,
+        isDragOverlay,
+        isApplyCellWidth
+      });
+    };
+    this.renderRow = _ref5 => {
+      var {
+        rowData,
+        rowNum,
+        style,
+        maskingClassNames,
+        isDragOverlay,
+        cellStyle,
+        isApplyCellWidth
+      } = _ref5;
       var {
         onRowClick,
         onMouseEnterRow,
@@ -361,11 +395,11 @@ class DataTable extends _react.default.Component {
         rowEventHandler: onMouseLeaveRow,
         eventHandler: 'onMouseLeave'
       }];
-      handlers.forEach(_ref5 => {
+      handlers.forEach(_ref6 => {
         var {
           rowEventHandler,
           eventHandler
-        } = _ref5;
+        } = _ref6;
         if (rowEventHandler) {
           optionalRowProps[eventHandler] = event => {
             if (event.isDefaultPrevented()) {
@@ -408,7 +442,7 @@ class DataTable extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 422,
+          lineNumber: 456,
           columnNumber: 7
         }
       }), columns.map((column, colNum) => this.renderCell({
@@ -417,7 +451,9 @@ class DataTable extends _react.default.Component {
         rowNum,
         colNum,
         maskingClassNames,
-        isDragOverlay
+        isDragOverlay,
+        overriddenStyle: cellStyle,
+        isApplyCellWidth
       })));
       if (dragAndDrop) {
         var {
@@ -432,7 +468,7 @@ class DataTable extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 447,
+            lineNumber: 483,
             columnNumber: 9
           }
         }, tr);
@@ -446,7 +482,7 @@ class DataTable extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 464,
+            lineNumber: 500,
             columnNumber: 9
           }
         }, /*#__PURE__*/_react.default.createElement("td", {
@@ -456,7 +492,7 @@ class DataTable extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 465,
+            lineNumber: 501,
             columnNumber: 11
           }
         }, /*#__PURE__*/_react.default.createElement("div", {
@@ -464,7 +500,7 @@ class DataTable extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 473,
+            lineNumber: 509,
             columnNumber: 13
           }
         }, /*#__PURE__*/_react.default.createElement(_Toggle.default, {
@@ -474,19 +510,19 @@ class DataTable extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 474,
+            lineNumber: 510,
             columnNumber: 15
           }
         }, rowDetails(rowData, rowNum))))));
       }
       return rowsToRender;
     };
-    this.getCellClasses = _ref6 => {
+    this.getCellClasses = _ref7 => {
       var {
         column,
         colNum,
         rowData
-      } = _ref6;
+      } = _ref7;
       var {
         stickyColumns,
         rowDetails
@@ -506,7 +542,7 @@ class DataTable extends _react.default.Component {
         [this.style.rowDetailsExtended]: !!selectedRows.get(rowData) && rowDetails(rowData)
       });
     };
-    this.renderCell = _ref7 => {
+    this.renderCell = _ref8 => {
       var _column$key;
       var {
         rowData,
@@ -514,8 +550,10 @@ class DataTable extends _react.default.Component {
         rowNum,
         colNum,
         maskingClassNames,
-        isDragOverlay
-      } = _ref7;
+        isDragOverlay,
+        overriddenStyle = {},
+        isApplyCellWidth = false
+      } = _ref8;
       var {
         virtualized,
         stickyColumns,
@@ -531,27 +569,32 @@ class DataTable extends _react.default.Component {
         colNum,
         rowData
       });
+      var widthStyle = isApplyCellWidth ? column.width ? {
+        width: column.width
+      } : {
+        flex: 1
+      } : {};
       return /*#__PURE__*/_react.default.createElement("td", {
         key: (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : colNum,
         "data-mask": !!maskingClassNames,
         "data-hook": column.dataHook,
-        style: _objectSpread(_objectSpread({}, style), stickyColumnStyle),
+        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, style), stickyColumnStyle), overriddenStyle), widthStyle),
         width: width,
         className: (0, _DataTableSt.st)(cellClasses, {}, maskingClassNames),
         onClick: column.onCellClick ? event => column.onCellClick(column, rowData, rowNum, event) : undefined,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 548,
+          lineNumber: 592,
           columnNumber: 7
         }
       }, column.render && column.render(rowData, rowNum));
     };
-    this.calcLastPage = _ref8 => {
+    this.calcLastPage = _ref9 => {
       var {
         data,
         itemsPerPage
-      } = _ref8;
+      } = _ref9;
       return Math.ceil(data.length / itemsPerPage) - 1;
     };
     this.loadMore = () => {
@@ -573,12 +616,12 @@ class DataTable extends _react.default.Component {
         selectedRows: newSelectedRows
       });
     };
-    this.renderVirtualizedRow = _ref9 => {
+    this.renderVirtualizedRow = _ref10 => {
       var {
         data,
         index,
         style
-      } = _ref9;
+      } = _ref10;
       return this.renderRow({
         rowData: data.data[index],
         rowNum: index,
@@ -590,11 +633,11 @@ class DataTable extends _react.default.Component {
     this.virtualizedTableElementWithRefForward = /*#__PURE__*/_react.default.forwardRef((props, ref) => this.renderVirtualizedTableElement(_objectSpread(_objectSpread({}, props), {}, {
       ref
     })));
-    this.renderVirtualizedTableElement = _ref10 => {
+    this.renderVirtualizedTableElement = _ref11 => {
       var {
           children
-        } = _ref10,
-        rest = (0, _objectWithoutProperties2.default)(_ref10, _excluded);
+        } = _ref11,
+        rest = (0, _objectWithoutProperties2.default)(_ref11, _excluded);
       var {
         dragAndDrop,
         data,
@@ -608,14 +651,14 @@ class DataTable extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 623,
+          lineNumber: 669,
           columnNumber: 7
         }
       }), /*#__PURE__*/_react.default.createElement(TableHeader, (0, _extends2.default)({}, this.props, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 624,
+          lineNumber: 670,
           columnNumber: 10
         }
       })), children);
@@ -635,7 +678,7 @@ class DataTable extends _react.default.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 633,
+            lineNumber: 679,
             columnNumber: 9
           }
         }, table);
@@ -654,7 +697,7 @@ class DataTable extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 656,
+          lineNumber: 702,
           columnNumber: 7
         }
       }, /*#__PURE__*/_react.default.createElement(_reactWindow.VariableSizeList, {
@@ -670,7 +713,7 @@ class DataTable extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 657,
+          lineNumber: 703,
           columnNumber: 9
         }
       }, this.renderVirtualizedMemoizedRow));
@@ -772,7 +815,7 @@ class TableHeader extends _react.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 706,
+          lineNumber: 752,
           columnNumber: 7
         }
       }, /*#__PURE__*/_react.default.createElement(Arrow, {
@@ -781,7 +824,7 @@ class TableHeader extends _react.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 707,
+          lineNumber: 753,
           columnNumber: 9
         }
       }));
@@ -802,7 +845,7 @@ class TableHeader extends _react.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 722,
+          lineNumber: 768,
           columnNumber: 7
         }
       });
@@ -845,7 +888,7 @@ class TableHeader extends _react.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 762,
+          lineNumber: 808,
           columnNumber: 7
         }
       }), /*#__PURE__*/_react.default.createElement("div", {
@@ -857,7 +900,7 @@ class TableHeader extends _react.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 776,
+          lineNumber: 822,
           columnNumber: 9
         }
       }, column.title, this.renderSortingArrow(column.sortDescending, colNum), this.renderInfoTooltip(column.infoTooltipProps, colNum)));
@@ -883,7 +926,7 @@ class TableHeader extends _react.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 799,
+        lineNumber: 845,
         columnNumber: 9
       }
     }) : null;
@@ -894,14 +937,14 @@ class TableHeader extends _react.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 810,
+        lineNumber: 856,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement("tr", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 815,
+        lineNumber: 861,
         columnNumber: 9
       }
     }, dragHandleHeaderCell, columns.map(this.renderHeaderCell)));
@@ -951,7 +994,7 @@ DataTable.defaultProps = {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 851,
+      lineNumber: 897,
       columnNumber: 11
     }
   }, "Loading ..."),