orc-shared 5.10.1-dev.7 → 5.10.1

package/dist/components/List/List.js

@@ -0,0 +1,274 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useListState = exports.default = exports.Table = exports.ROW_HEIGHT = exports.PlaceholderCell = exports.PlaceholderBox = exports.Placeholder = exports.List = exports.HEADER_HEIGHT = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _recompose = require("recompose");
+var _utils = require("../../utils");
+var _withScrollBox = _interopRequireDefault(require("../../hocs/withScrollBox"));
+var _withInfiniteScroll = _interopRequireDefault(require("../../hocs/withInfiniteScroll"));
+var _Row = _interopRequireDefault(require("./Row"));
+var _HeadRow = _interopRequireDefault(require("./HeadRow"));
+var _useViewState3 = _interopRequireDefault(require("../../hooks/useViewState"));
+var _enhanceColumnDefs = _interopRequireDefault(require("./enhanceColumnDefs"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var PlaceholderCell = exports.PlaceholderCell = _styledComponents.default.div.withConfig({
+  displayName: "List__PlaceholderCell",
+  componentId: "sc-dohdkx-0"
+})(["height:", "px;display:flex;justify-content:center;"], /* istanbul ignore next*/function (props) {
+  return props.cssHeight || 100;
+});
+var PlaceholderBox = exports.PlaceholderBox = _styledComponents.default.div.withConfig({
+  displayName: "List__PlaceholderBox",
+  componentId: "sc-dohdkx-1"
+})(["padding-top:30px;width:100%;margin:auto;"]);
+var Placeholder = exports.Placeholder = function Placeholder(_ref) {
+  var width = _ref.width,
+    height = _ref.height,
+    children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
+    colSpan: width,
+    style: {
+      padding: 0
+    }
+  }, /*#__PURE__*/_react.default.createElement(PlaceholderCell, {
+    cssHeight: height
+  }, /*#__PURE__*/_react.default.createElement(PlaceholderBox, null, children))));
+};
+Placeholder.displayName = "Placeholder";
+var Table = exports.Table = _styledComponents.default.table.withConfig({
+  displayName: "List__Table",
+  componentId: "sc-dohdkx-2"
+})(["border-spacing:0;table-layout:fixed;width:100%;font-size:13px;"]);
+var HEADER_HEIGHT = exports.HEADER_HEIGHT = 41;
+var ROW_HEIGHT = exports.ROW_HEIGHT = 51;
+var calculateVirtualization = function calculateVirtualization(virtual, scrollTop, scrollBuffer, height, rows) {
+  var virtualFilter, heightAbove, heightBelow;
+  if (virtual) {
+    var correctedScrollTop = scrollTop - HEADER_HEIGHT; // Subtract header height
+    var firstIn = Math.floor(correctedScrollTop / ROW_HEIGHT);
+    var firstShow = Math.max(firstIn - scrollBuffer, 0);
+    var lastIn = Math.ceil((correctedScrollTop + height) / ROW_HEIGHT);
+    var lastShow = Math.min(lastIn + scrollBuffer, rows.length);
+    virtualFilter = function virtualFilter(index) {
+      return index >= firstShow && index < lastShow;
+    };
+    heightAbove = firstShow * ROW_HEIGHT;
+    heightBelow = (rows.length - lastShow) * ROW_HEIGHT;
+  } else {
+    virtualFilter = function virtualFilter() {
+      return true;
+    };
+    heightAbove = 0;
+    heightBelow = 0;
+  }
+  return {
+    virtualFilter: virtualFilter,
+    heightAbove: heightAbove,
+    heightBelow: heightBelow
+  };
+};
+var useListState = exports.useListState = function useListState(name, columnDefs) {
+  var _useViewState = (0, _useViewState3.default)(name),
+    _useViewState2 = _slicedToArray(_useViewState, 2),
+    viewState = _useViewState2[0],
+    updateViewState = _useViewState2[1];
+  var _viewState$selection = viewState.selection,
+    selection = _viewState$selection === void 0 ? [] : _viewState$selection,
+    _viewState$sorting = viewState.sorting,
+    sorting = _viewState$sorting === void 0 ? {} : _viewState$sorting;
+  var enhancedColumnDefs = (0, _enhanceColumnDefs.default)(sorting, selection, updateViewState, columnDefs);
+  return [enhancedColumnDefs, selection];
+};
+__signature__(useListState, "useViewState{[viewState, updateViewState]}", function () {
+  return [_useViewState3.default];
+});
+__signature__(useListState, "useViewState{[viewState, updateViewState]}", function () {
+  return [_useViewState3.default];
+});
+var List = exports.List = function List(_ref2) {
+  var name = _ref2.name,
+    _ref2$columnDefs = _ref2.columnDefs,
+    columnDefs = _ref2$columnDefs === void 0 ? [] : _ref2$columnDefs,
+    _ref2$rows = _ref2.rows,
+    rows = _ref2$rows === void 0 ? [] : _ref2$rows,
+    rowOnClick = _ref2.rowOnClick,
+    placeholder = _ref2.placeholder,
+    _ref2$keyField = _ref2.keyField,
+    keyField = _ref2$keyField === void 0 ? ["id"] : _ref2$keyField,
+    _ref2$virtual = _ref2.virtual,
+    virtual = _ref2$virtual === void 0 ? false : _ref2$virtual,
+    _ref2$scrollTop = _ref2.scrollTop,
+    scrollTop = _ref2$scrollTop === void 0 ? 0 : _ref2$scrollTop,
+    _ref2$height = _ref2.height,
+    height = _ref2$height === void 0 ? 300 : _ref2$height,
+    _ref2$scrollBuffer = _ref2.scrollBuffer,
+    scrollBuffer = _ref2$scrollBuffer === void 0 ? 10 : _ref2$scrollBuffer,
+    _ref2$rowBackgroundGe = _ref2.rowBackgroundGetter,
+    rowBackgroundGetter = _ref2$rowBackgroundGe === void 0 ? function () {} : _ref2$rowBackgroundGe;
+  var _useListState = useListState(name, columnDefs),
+    _useListState2 = _slicedToArray(_useListState, 2),
+    enhancedColumnDefs = _useListState2[0],
+    selection = _useListState2[1];
+  if (columnDefs.length === 0) return null;
+  var rowIds = [],
+    rowElements = [];
+  var _calculateVirtualizat = calculateVirtualization(virtual, scrollTop, scrollBuffer, height, rows),
+    virtualFilter = _calculateVirtualizat.virtualFilter,
+    heightAbove = _calculateVirtualizat.heightAbove,
+    heightBelow = _calculateVirtualizat.heightBelow;
+  rows.forEach(function (row, index) {
+    var id = _utils.safeGet.apply(void 0, [row].concat(keyField)) + ""; // Ensure rowId is string
+    rowIds.push(id);
+    if (!virtualFilter(index)) return;
+    rowElements.push(/*#__PURE__*/_react.default.createElement(_Row.default, {
+      columnDefs: enhancedColumnDefs,
+      key: id,
+      rowId: id,
+      row: row,
+      rowOnClick: rowOnClick,
+      selected: selection.indexOf(id) !== -1,
+      bgColor: rowBackgroundGetter(row, index)
+    }));
+  });
+  if (virtual && heightAbove) {
+    rowElements.unshift(/*#__PURE__*/_react.default.createElement("tr", {
+      key: "virtualAbove",
+      style: {
+        height: heightAbove
+      }
+    }));
+  }
+  if (virtual && heightBelow) {
+    rowElements.push(/*#__PURE__*/_react.default.createElement("tr", {
+      key: "virtualBelow",
+      style: {
+        height: heightBelow
+      }
+    }));
+  }
+  if (rowElements.length === 0 && placeholder) {
+    rowElements.push(/*#__PURE__*/_react.default.createElement(Placeholder, {
+      key: "placeholder",
+      width: columnDefs.length,
+      height: height - HEADER_HEIGHT
+    }, placeholder));
+  }
+  return /*#__PURE__*/_react.default.createElement(Table, null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_HeadRow.default, {
+    columnDefs: columnDefs,
+    rowIds: rowIds,
+    allSelected: rows.length === selection.length && rows.length !== 0
+  })), /*#__PURE__*/_react.default.createElement("tbody", null, rowElements));
+};
+
+/* istanbul ignore next */
+__signature__(List, "useListState{[enhancedColumnDefs, selection]}", function () {
+  return [useListState];
+});
+__signature__(List, "useListState{[enhancedColumnDefs, selection]}", function () {
+  return [useListState];
+});
+var checkInfiniteScroll = (0, _recompose.branch)(function (_ref3) {
+  var scrollLoader = _ref3.scrollLoader;
+  return !!scrollLoader;
+}, _withInfiniteScroll.default);
+var StatefulList = (0, _recompose.compose)((0, _recompose.setDisplayName)("List"), checkInfiniteScroll, _withScrollBox.default)(List);
+StatefulList.propTypes = {
+  columnDefs: _propTypes.default.arrayOf(_propTypes.default.object),
+  // Each object must be a valid column definition
+  rows: _propTypes.default.arrayOf(_propTypes.default.object),
+  rowOnClick: _propTypes.default.func,
+  // Click handler for row.
+  // Fires when row is clicked, excluding select or switch columns
+  // Event target will have a 'rowId' data value which identifies the clicked row.
+  placeholder: _propTypes.default.node,
+  // A React element to render as placeholder.
+  keyField: _propTypes.default.arrayOf(_propTypes.default.string),
+  // Path to identifying data field on each row.
+  // Infinite/virtual scroll
+  // If scrollLoader is present, below props will control the scrolling
+  scrollLoader: _propTypes.default.func,
+  // Loader function. Called with page number to be loaded.
+  onScroll: _propTypes.default.func,
+  // Optional scroll event handler
+  loadTrigger: _propTypes.default.number,
+  // How many pixels from the bottom should the load be triggered. Default: 200
+  length: _propTypes.default.number,
+  // How many elements are loaded, should equal rows.length
+  latestPage: _propTypes.default.number,
+  // The latest page number loaded
+  pageLength: _propTypes.default.number // The length of a page, in row items. Default: 20.
+};
+var _default = StatefulList;
+var _default2 = _default;
+var _default3 = exports.default = _default2;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(PlaceholderCell, "PlaceholderCell", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(PlaceholderBox, "PlaceholderBox", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(Placeholder, "Placeholder", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(Table, "Table", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(HEADER_HEIGHT, "HEADER_HEIGHT", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(ROW_HEIGHT, "ROW_HEIGHT", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(calculateVirtualization, "calculateVirtualization", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(useListState, "useListState", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(List, "List", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(checkInfiniteScroll, "checkInfiniteScroll", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(StatefulList, "StatefulList", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/List/List.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(PlaceholderCell, "PlaceholderCell", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(PlaceholderBox, "PlaceholderBox", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(Placeholder, "Placeholder", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(Table, "Table", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(HEADER_HEIGHT, "HEADER_HEIGHT", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(ROW_HEIGHT, "ROW_HEIGHT", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(calculateVirtualization, "calculateVirtualization", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(useListState, "useListState", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(List, "List", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(checkInfiniteScroll, "checkInfiniteScroll", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(StatefulList, "StatefulList", "/home/vsts/work/1/s/src/components/List/List.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/List/List.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/dist/components/List/Row.js

@@ -0,0 +1,109 @@
+"use strict";
+
+exports.__esModule = true;
+exports.stringifyFieldName = exports.default = exports.TableRow = exports.Row = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _utils = require("../../utils");
+var _DataCell = _interopRequireDefault(require("./DataCell"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var stringifyFieldName = exports.stringifyFieldName = function stringifyFieldName(name) {
+  if (Array.isArray(name)) {
+    return name.join("_");
+  } else {
+    return name && name.toString();
+  }
+};
+var TableRow = exports.TableRow = _styledComponents.default.tr.withConfig({
+  displayName: "Row__TableRow",
+  componentId: "sc-fh6oyu-0"
+})(["", " ", ""], (0, _utils.ifFlag)("bgColor", function (props) {
+  return (0, _styledComponents.css)(["background-color:", ";"], props.bgColor);
+}, (0, _styledComponents.css)(["transition:background-color 0.2s ease-in;&:hover{background-color:#f3f3f3;}"])), (0, _utils.ifFlag)("onClick", (0, _styledComponents.css)(["& td{cursor:pointer;}"])));
+
+// Clicks on these elements will not be handled by the row onClick
+var formTags = ["INPUT", "SELECT", "LABEL"];
+var Row = exports.Row = function Row(_ref) {
+  var columnDefs = _ref.columnDefs,
+    row = _ref.row,
+    rowId = _ref.rowId,
+    selected = _ref.selected,
+    rowOnClick = _ref.rowOnClick,
+    bgColor = _ref.bgColor;
+  var onClick = (0, _react.useCallback)(function (event) {
+    if (formTags.indexOf(event.target.tagName) === -1) {
+      /* istanbul ignore else */
+      if (!event.target.dataset["rowId"]) {
+        event.target.dataset["rowId"] = rowId;
+      }
+      rowOnClick(event);
+    }
+  }, [rowOnClick, rowId]);
+  return /*#__PURE__*/_react.default.createElement(TableRow, {
+    onClick: rowOnClick ? onClick : undefined,
+    bgColor: bgColor
+  }, columnDefs.map(function (columnDef) {
+    return /*#__PURE__*/_react.default.createElement(_DataCell.default, {
+      key: stringifyFieldName(columnDef.fieldName),
+      rowId: rowId,
+      row: row,
+      columnDef: columnDef,
+      selected: selected
+    });
+  }));
+};
+__signature__(Row, "useCallback{onClick}");
+__signature__(Row, "useCallback{onClick}");
+var _default = Row;
+var _default2 = _default;
+var _default3 = exports.default = _default2;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(stringifyFieldName, "stringifyFieldName", "/home/vsts/work/1/s/src/components/List/Row.js");
+  reactHotLoader.register(TableRow, "TableRow", "/home/vsts/work/1/s/src/components/List/Row.js");
+  reactHotLoader.register(formTags, "formTags", "/home/vsts/work/1/s/src/components/List/Row.js");
+  reactHotLoader.register(Row, "Row", "/home/vsts/work/1/s/src/components/List/Row.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/List/Row.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(stringifyFieldName, "stringifyFieldName", "/home/vsts/work/1/s/src/components/List/Row.js");
+  reactHotLoader.register(TableRow, "TableRow", "/home/vsts/work/1/s/src/components/List/Row.js");
+  reactHotLoader.register(formTags, "formTags", "/home/vsts/work/1/s/src/components/List/Row.js");
+  reactHotLoader.register(Row, "Row", "/home/vsts/work/1/s/src/components/List/Row.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/List/Row.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/dist/components/List/enhanceColumnDefs.js

@@ -0,0 +1,111 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var toggleInArray = function toggleInArray(nameList, name) {
+  if (nameList.indexOf(name) !== -1) {
+    return nameList.filter(function (n) {
+      return n !== name;
+    });
+  } else {
+    return nameList.concat(name);
+  }
+};
+var enhanceSelectColumn = function enhanceSelectColumn(selection, updateViewState, def) {
+  return _objectSpread(_objectSpread({
+    fieldName: "selection"
+  }, def), {}, {
+    onChange: function onChange(eventOrSelection) {
+      if (Array.isArray(eventOrSelection)) {
+        updateViewState("selection", eventOrSelection);
+      } else {
+        updateViewState("selection", toggleInArray(selection, eventOrSelection.target.dataset.rowId));
+        eventOrSelection.stopPropagation();
+      }
+    }
+  });
+};
+var enhanceSortableColumn = function enhanceSortableColumn(sorting, updateViewState, def) {
+  var isSortColumn = sorting.column && def.fieldName && sorting.column.toString() === def.fieldName.toString();
+  var isAscending = isSortColumn && sorting.direction === "asc";
+  var newDef = _objectSpread(_objectSpread({}, def), {}, {
+    sort: function sort() {
+      updateViewState("sorting", {
+        column: def.fieldName,
+        direction: isAscending ? "desc" : "asc"
+      });
+      def.sort(isAscending, def.fieldName, def.type);
+    }
+  });
+  if (isSortColumn) {
+    newDef.sortDirection = sorting.direction;
+  }
+  return newDef;
+};
+var enhanceColumnDef = function enhanceColumnDef(sorting, selection, updateViewState, columnDefs) {
+  return columnDefs.map(function (def) {
+    if (def.type === "select") {
+      return enhanceSelectColumn(selection, updateViewState, def);
+    }
+    if (def.sort) {
+      return enhanceSortableColumn(sorting, updateViewState, def);
+    }
+    return def;
+  });
+};
+var _default = enhanceColumnDef;
+var _default2 = _default;
+var _default3 = exports.default = _default2;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(toggleInArray, "toggleInArray", "/home/vsts/work/1/s/src/components/List/enhanceColumnDefs.js");
+  reactHotLoader.register(enhanceSelectColumn, "enhanceSelectColumn", "/home/vsts/work/1/s/src/components/List/enhanceColumnDefs.js");
+  reactHotLoader.register(enhanceSortableColumn, "enhanceSortableColumn", "/home/vsts/work/1/s/src/components/List/enhanceColumnDefs.js");
+  reactHotLoader.register(enhanceColumnDef, "enhanceColumnDef", "/home/vsts/work/1/s/src/components/List/enhanceColumnDefs.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/List/enhanceColumnDefs.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(toggleInArray, "toggleInArray", "/home/vsts/work/1/s/src/components/List/enhanceColumnDefs.js");
+  reactHotLoader.register(enhanceSelectColumn, "enhanceSelectColumn", "/home/vsts/work/1/s/src/components/List/enhanceColumnDefs.js");
+  reactHotLoader.register(enhanceSortableColumn, "enhanceSortableColumn", "/home/vsts/work/1/s/src/components/List/enhanceColumnDefs.js");
+  reactHotLoader.register(enhanceColumnDef, "enhanceColumnDef", "/home/vsts/work/1/s/src/components/List/enhanceColumnDefs.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/List/enhanceColumnDefs.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/dist/components/List/index.js

@@ -0,0 +1,59 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _Loader = _interopRequireDefault(require("../Loader"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+/* istanbul ignore next */
+var LoadableList = (0, _Loader.default)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require("./List"));
+  });
+});
+var _default = LoadableList;
+var _default2 = _default;
+var _default3 = exports.default = _default2;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(LoadableList, "LoadableList", "/home/vsts/work/1/s/src/components/List/index.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/List/index.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(LoadableList, "LoadableList", "/home/vsts/work/1/s/src/components/List/index.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/List/index.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/dist/components/MaterialUI/DataDisplay/Table.js

@@ -353,7 +353,7 @@ var DefaultFullTable = _react.default.forwardRef(function (props, ref) {
     isEditingMode: props.isEditingMode,
     context: props.context
   })), props.tableRows.length > 0 ? null : /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(props.classes.placeholder, props.customClasses.placeholderContainer)
+    className: props.classes.placeholder
   }, props.placeholder));
 });
 var FullTableWithSavedScrollbar = _react.default.forwardRef(__signature__(__signature__(function (props, ref) {
@@ -452,7 +452,6 @@ var Table = _react.default.forwardRef(__signature__(__signature__(function (_ref
   customClasses["tableCell"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.tableCell)) || null;
   customClasses["headerCell"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.headerCell)) || null;
   customClasses["tableContainer"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.tableContainer)) || null;
-  customClasses["placeholderContainer"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.placeholderContainer)) || null;
   customClasses["container"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.container)) || null;
   customClasses["table"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.table)) || null;
   if (selectedRows && !selectedRowsChanged || !selectedRows && selectedRowsChanged) throw new Error("Both 'selectedRows' and 'selectedRowsChanged' need to be defined if one of them is.");

package/dist/components/MaterialUI/DataDisplay/TableProps.js

@@ -44,7 +44,6 @@ var TableProps = /*#__PURE__*/function (_ComponentProps) {
     _this.componentClasses.set(_this.constructor.ruleNames.tableCell, null);
     _this.componentClasses.set(_this.constructor.ruleNames.headerCell, null);
     _this.componentClasses.set(_this.constructor.ruleNames.tableContainer, null);
-    _this.componentClasses.set(_this.constructor.ruleNames.placeholderContainer, null);
     _this.componentClasses.set(_this.constructor.ruleNames.container, null);
     _this.componentClasses.set(_this.constructor.ruleNames.table, null);
     _this._isTableProps = true;
@@ -80,8 +79,7 @@ _defineProperty(TableProps, "ruleNames", {
   headerCell: "headerCell",
   tableContainer: "tableContainer",
   container: "container",
-  table: "table",
-  placeholderContainer: "placeholderContainer"
+  table: "table"
 });
 var isTableProps = exports.isTableProps = function isTableProps(value) {
   if (value == null) return true;

package/dist/components/MaterialUI/Surfaces/SectionExpansionPanel.js

@@ -89,8 +89,7 @@ var SectionExpansionPanel = function SectionExpansionPanel(_ref) {
     actions = _ref.actions,
     expansionPanelId = _ref.expansionPanelId,
     expansionPanelProps = _ref.expansionPanelProps,
-    expansionPanelActionsProps = _ref.expansionPanelActionsProps,
-    headerClassName = _ref.headerClassName;
+    expansionPanelActionsProps = _ref.expansionPanelActionsProps;
   if ((0, _expansionPanelProps.isExpansionPanelProps)(expansionPanelProps) === false) {
     throw new TypeError("expansionPanelProps property is not of type ExpansionPanelProps");
   }
@@ -143,7 +142,7 @@ var SectionExpansionPanel = function SectionExpansionPanel(_ref) {
     }),
     IconButtonProps: defaultSummaryStyles,
     classes: {
-      root: (0, _classnames.default)(classes.summaryRoot, headerClassName, constrained ? classes.constrainedSummaryRoot : ""),
+      root: (0, _classnames.default)(classes.summaryRoot, constrained ? classes.constrainedSummaryRoot : ""),
       expanded: (0, _classnames.default)(classes.panelExpanded),
       content: (0, _classnames.default)(classes.summaryContent, constrained ? classes.constrainedSummaryContent : ""),
       expandIcon: (0, _classnames.default)(classes.summaryExpandIconRoot)