orc-shared 5.10.0-dev.2 → 5.10.0-dev.21

package/dist/components/MaterialUI/DataDisplay/PredefinedElements/SectionToolbar.js

@@ -0,0 +1,89 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@material-ui/core/styles");
+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);
+})();
+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 useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    container: {
+      display: "flex",
+      padding: "".concat(theme.spacing(1), " ").concat(theme.spacing(2)),
+      minHeight: theme.spacing(4),
+      alignItems: "center",
+      borderBottom: "".concat(theme.spacing(0.1), " solid ").concat(theme.palette.grey.borders)
+    },
+    rightContent: {
+      justifyContent: "flex-end",
+      alignItems: "center",
+      display: "flex",
+      flex: 1
+    }
+  };
+});
+var SectionToolbar = function SectionToolbar(_ref) {
+  var children = _ref.children,
+    rightContent = _ref.rightContent;
+  var classes = useStyles();
+  var container = /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.container
+  }, children, [rightContent && /*#__PURE__*/_react.default.createElement("div", {
+    key: "rightContent",
+    className: classes.rightContent
+  }, rightContent)]);
+  return container;
+};
+__signature__(SectionToolbar, "useStyles{classes}", function () {
+  return [useStyles];
+});
+__signature__(SectionToolbar, "useStyles{classes}", function () {
+  return [useStyles];
+});
+var _default = SectionToolbar;
+var _default2 = _default;
+var _default3 = exports.default = _default2;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/SectionToolbar.js");
+  reactHotLoader.register(SectionToolbar, "SectionToolbar", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/SectionToolbar.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/SectionToolbar.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(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/SectionToolbar.js");
+  reactHotLoader.register(SectionToolbar, "SectionToolbar", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/SectionToolbar.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/SectionToolbar.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

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

@@ -14,6 +14,7 @@ var _TableProps = _interopRequireWildcard(require("./TableProps"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactResizeDetector = _interopRequireDefault(require("react-resize-detector"));
 var _lodash = require("lodash");
+var _useViewState3 = _interopRequireDefault(require("../../../hooks/useViewState"));
 var _excluded = ["deepPropsComparation", "dataRows", "isEditingMode"],
   _excluded2 = ["deepPropsComparation", "isEditingMode"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -318,16 +319,25 @@ var buildTableRows = function buildTableRows(rows, classes, customClasses, selec
   return mappedRows;
 };
 var FullTable = _react.default.forwardRef(function (props, ref) {
+  return props.saveScrollbarPosition ? /*#__PURE__*/_react.default.createElement(FullTableWithSavedScrollbar, _extends({}, props, {
+    ref: ref
+  })) : /*#__PURE__*/_react.default.createElement(DefaultFullTable, _extends({}, props, {
+    ref: ref
+  }));
+});
+var DefaultFullTable = _react.default.forwardRef(function (props, ref) {
   var scrollEvent = function scrollEvent(evt) {
     if (evt.target.scrollHeight - (evt.target.scrollTop + evt.target.offsetHeight) < 100 && props.dataRows.length === props.latestPage * props.pageLength) {
       props.scrollLoader(props.latestPage + 1);
     }
+    props.saveScrollBarPosition == null || props.saveScrollBarPosition(evt);
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     key: "actualTable",
     className: (0, _classnames.default)(props.classes.tableContainer, props.customClasses.tableContainer),
     ref: ref,
-    onScroll: scrollEvent
+    onScroll: scrollEvent,
+    "data-qa": "scrollable-table-div"
   }, /*#__PURE__*/_react.default.createElement(_reactResizeDetector.default, {
     onResize: props.onResize
   }), /*#__PURE__*/_react.default.createElement(_Table.default, {
@@ -346,7 +356,73 @@ var FullTable = _react.default.forwardRef(function (props, ref) {
     className: props.classes.placeholder
   }, props.placeholder));
 });
-var Table = function Table(_ref4) {
+var FullTableWithSavedScrollbar = _react.default.forwardRef(__signature__(__signature__(function (props, ref) {
+  if (props.saveScrollbarPosition && !props.tableName) {
+    throw new Error("prop 'tableName' is required if 'saveScrollbarPosition' is set to true.");
+  }
+  var _useViewState = (0, _useViewState3.default)(props.tableName + "ScrollbarPosition"),
+    _useViewState2 = _slicedToArray(_useViewState, 2),
+    scrollbarViewState = _useViewState2[0],
+    updateScrollbarViewState = _useViewState2[1];
+  var _useState = (0, _react.useState)(scrollbarViewState.scrollBarPosition),
+    _useState2 = _slicedToArray(_useState, 2),
+    scrollbar = _useState2[0],
+    setScrollbarPosition = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var handler = setTimeout(function () {
+      updateScrollbarViewState("scrollBarPosition", scrollbar);
+    }, 500);
+    return function () {
+      clearTimeout(handler);
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [scrollbar]);
+  var saveScrollBarPosition = function saveScrollBarPosition(evt) {
+    setScrollbarPosition(evt.target.scrollTop);
+  };
+  (0, _react.useEffect)(function () {
+    if (scrollbarViewState.scrollBarPosition > 0) {
+      // The Table component usually display the provided list ASAP however it can happen that the Table is not fully rendered with its items when we attempt to change the scrollTop value.
+      // The timer should ensure that the list is rendered before attempting to change the scrollTop if the first attempt was not able to set the scroll position
+      // 		This edge case was found using these steps:
+      //          * Create an organization with 50+ customers
+      //          * Go to the customer section of the organization and scroll down a bit
+      //          * Wait 1 second for the scroll position to be stored
+      //          * Go to the organization list (click on the tab)
+      //          * Go back to the organization (its tab should still be visible)
+      //          * We expect the customer list to remember its scroll position but it wasn't the case
+      //
+      // In addition to the timer, the tableName was added as a dependency to force the effect to execute again when it changes.
+      // The tableName value in the organization's customers page is composed with 2 parts: "OrganizationCustomers_" + organizationId. This allows 2 organizations to use different scroll position for their respective customers pages.
+      // When the page first load, it is possible for organizationId to not yet be defined (strange but it's routing related) and because of that this useEffect was executed but with an unknown scrollBarPosition.
+      // The organizationId will be set on the next render and this useEffect needs be executed again to have the list scrolled to the correct position.
+
+      var previousScrollTop = ref.current.scrollTop;
+      ref.current.scrollTop = scrollbarViewState.scrollBarPosition;
+
+      // Note AD20250714: I was not able to create a test for the code below because it needs to run in a real browser otherwise the behavior with scrollTop does not match reality
+      /* istanbul ignore if */
+      if (ref.current.scrollTop === previousScrollTop) {
+        setTimeout(function () {
+          // using a timer to give a chance to the UI to populate the list
+          ref.current.scrollTop = scrollbarViewState.scrollBarPosition;
+        }, 250);
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.tableName]); // forcing this effect to run again when the tableName changes
+
+  return /*#__PURE__*/_react.default.createElement(DefaultFullTable, _extends({}, props, {
+    ref: ref,
+    saveScrollBarPosition: saveScrollBarPosition
+  }));
+}, "useViewState{[scrollbarViewState, updateScrollbarViewState]}\nuseState{[scrollbar, setScrollbarPosition](scrollbarViewState.scrollBarPosition)}\nuseEffect{}\nuseEffect{}", function () {
+  return [_useViewState3.default];
+}), "useViewState{[scrollbarViewState, updateScrollbarViewState]}\nuseState{[scrollbar, setScrollbarPosition](scrollbarViewState.scrollBarPosition)}\nuseEffect{}\nuseEffect{}", function () {
+  return [_useViewState3.default];
+}));
+var Table = _react.default.forwardRef(__signature__(__signature__(function (_ref4, ref) {
   var tableInfo = _ref4.tableInfo,
     headers = _ref4.headers,
     rows = _ref4.rows,
@@ -369,6 +445,8 @@ var Table = function Table(_ref4) {
   var selectedRows = (tableProps == null ? void 0 : tableProps.get(_TableProps.default.propNames.selectedRows)) || null;
   var selectedRowsChanged = (tableProps == null ? void 0 : tableProps.get(_TableProps.default.propNames.selectedRowsChanged)) || null;
   var constrained = (tableProps == null ? void 0 : tableProps.get(_TableProps.default.propNames.constrained)) || false;
+  var tableName = (tableProps == null ? void 0 : tableProps.get(_TableProps.default.propNames.tableName)) || null;
+  var saveScrollbarPosition = (tableProps == null ? void 0 : tableProps.get(_TableProps.default.propNames.saveScrollbarPosition)) || false;
   customClasses["tableHeader"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.tableHeader)) || null;
   customClasses["tableRow"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.tableRow)) || null;
   customClasses["tableCell"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.tableCell)) || null;
@@ -378,17 +456,26 @@ var Table = function Table(_ref4) {
   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.");
   var refScrolled = (0, _react.useRef)();
-  var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    scrolled = _useState2[0],
-    setScrolled = _useState2[1];
-  var _useState3 = (0, _react.useState)({
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      scrollToTop: function scrollToTop() {
+        if (refScrolled.current.scrollTop > 0) {
+          refScrolled.current.scrollTop = 0;
+        }
+      }
+    };
+  });
+  var _useState3 = (0, _react.useState)(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    scrolled = _useState4[0],
+    setScrolled = _useState4[1];
+  var _useState5 = (0, _react.useState)({
       width: 0,
       height: 0
     }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    tableSize = _useState4[0],
-    setTableSize = _useState4[1];
+    _useState6 = _slicedToArray(_useState5, 2),
+    tableSize = _useState6[0],
+    setTableSize = _useState6[1];
   var _useTableSelection = (0, _useTableSelection3.useTableSelection)(rows, selectedRows, selectedRowsChanged),
     _useTableSelection2 = _slicedToArray(_useTableSelection, 3),
     selectedNumber = _useTableSelection2[0],
@@ -447,15 +534,15 @@ var Table = function Table(_ref4) {
     placeholder: placeholder,
     deepPropsComparation: deepPropsComparation,
     isEditingMode: isEditingMode,
-    context: context
+    context: context,
+    tableName: tableName,
+    saveScrollbarPosition: saveScrollbarPosition
   }));
-};
-__signature__(Table, "useRef{refScrolled}\nuseState{[scrolled, setScrolled](0)}\nuseState{[tableSize, setTableSize]({ width: 0, height: 0 })}\nuseTableSelection{[selectedNumber, tableSelectionStatus, selectionMethods]}\nuseStyles{classes}\nuseEffect{}\nuseCallback{onResize}", function () {
-  return [_useTableSelection3.useTableSelection, useStyles];
-});
-__signature__(Table, "useRef{refScrolled}\nuseState{[scrolled, setScrolled](0)}\nuseState{[tableSize, setTableSize]({ width: 0, height: 0 })}\nuseTableSelection{[selectedNumber, tableSelectionStatus, selectionMethods]}\nuseStyles{classes}\nuseEffect{}\nuseCallback{onResize}", function () {
-  return [_useTableSelection3.useTableSelection, useStyles];
-});
+}, "useRef{refScrolled}\nuseImperativeHandle{}\nuseState{[scrolled, setScrolled](0)}\nuseState{[tableSize, setTableSize]({ width: 0, height: 0 })}\nuseTableSelection{[selectedNumber, tableSelectionStatus, selectionMethods]}\nuseStyles{classes}\nuseEffect{}\nuseCallback{onResize}", function () {
+  return [_react.useImperativeHandle, _useTableSelection3.useTableSelection, useStyles];
+}), "useRef{refScrolled}\nuseImperativeHandle{}\nuseState{[scrolled, setScrolled](0)}\nuseState{[tableSize, setTableSize]({ width: 0, height: 0 })}\nuseTableSelection{[selectedNumber, tableSelectionStatus, selectionMethods]}\nuseStyles{classes}\nuseEffect{}\nuseCallback{onResize}", function () {
+  return [_react.useImperativeHandle, _useTableSelection3.useTableSelection, useStyles];
+}));
 var _default = _react.default.memo(Table, function (prev, next) {
   return readOnlyMode(prev.tableProps, next.tableProps) && rowAreIdentical(prev.rows, next.rows) && headersAreIdentical(prev.headers, next.headers);
 });
@@ -487,6 +574,8 @@ var _default3 = exports.default = _default2;
   reactHotLoader.register(buildTableHeaders, "buildTableHeaders", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/Table.js");
   reactHotLoader.register(buildTableRows, "buildTableRows", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/Table.js");
   reactHotLoader.register(FullTable, "FullTable", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/Table.js");
+  reactHotLoader.register(DefaultFullTable, "DefaultFullTable", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/Table.js");
+  reactHotLoader.register(FullTableWithSavedScrollbar, "FullTableWithSavedScrollbar", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/Table.js");
   reactHotLoader.register(Table, "Table", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/Table.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/Table.js");
 })();
@@ -521,6 +610,8 @@ var _default3 = exports.default = _default2;
   reactHotLoader.register(buildTableHeaders, "buildTableHeaders", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/Table.js");
   reactHotLoader.register(buildTableRows, "buildTableRows", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/Table.js");
   reactHotLoader.register(FullTable, "FullTable", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/Table.js");
+  reactHotLoader.register(DefaultFullTable, "DefaultFullTable", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/Table.js");
+  reactHotLoader.register(FullTableWithSavedScrollbar, "FullTableWithSavedScrollbar", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/Table.js");
   reactHotLoader.register(Table, "Table", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/Table.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/Table.js");
 })();

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

@@ -37,6 +37,8 @@ var TableProps = /*#__PURE__*/function (_ComponentProps) {
     _this.componentProps.set(_this.constructor.propNames.selectedRows, null);
     _this.componentProps.set(_this.constructor.propNames.selectedRowsChanged, null);
     _this.componentProps.set(_this.constructor.propNames.constrained, false);
+    _this.componentProps.set(_this.constructor.propNames.tableName, null);
+    _this.componentProps.set(_this.constructor.propNames.saveScrollbarPosition, null);
     _this.componentClasses.set(_this.constructor.ruleNames.tableHeader, null);
     _this.componentClasses.set(_this.constructor.ruleNames.tableRow, null);
     _this.componentClasses.set(_this.constructor.ruleNames.tableCell, null);
@@ -66,7 +68,9 @@ _defineProperty(TableProps, "propNames", {
   isEditingMode: "isEditingMode",
   selectedRows: "selectedRows",
   selectedRowsChanged: "selectedRowsChanged",
-  constrained: "constrained"
+  constrained: "constrained",
+  tableName: "tableName",
+  saveScrollbarPosition: "saveScrollbarPosition"
 });
 _defineProperty(TableProps, "ruleNames", {
   tableHeader: "tableHeader",

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

@@ -0,0 +1,198 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _TableProps = _interopRequireDefault(require("./TableProps"));
+var _tableHelpers = _interopRequireDefault(require("./tableHelpers"));
+var _useInMemoryPaging2 = _interopRequireDefault(require("../../../hooks/useInMemoryPaging"));
+var _Placeholder = _interopRequireDefault(require("./PredefinedElements/Placeholder"));
+var _comparisonHelper = require("../../../utils/comparisonHelper");
+var _reactIntl = require("react-intl");
+var _sharedMessages = _interopRequireDefault(require("../../../sharedMessages"));
+var _SearchControl = _interopRequireDefault(require("../Inputs/PredefinedElements/SearchControl"));
+var _Table = _interopRequireDefault(require("./Table"));
+var _SectionToolbar = _interopRequireDefault(require("./PredefinedElements/SectionToolbar"));
+var _TableInfoBar = _interopRequireDefault(require("./PredefinedElements/TableInfoBar"));
+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);
+})();
+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 listFilter = function listFilter(list, searchTerm, searchProperties) {
+  if (!searchTerm) {
+    return list;
+  }
+  return list.filter(function (item) {
+    return (0, _comparisonHelper.doesObjectContainsTextCaseInsensitive)(item, searchTerm, searchProperties);
+  });
+};
+function getTableInfo(totalCountLabelId, noRowsTotalCountLabelId, formatMessage, totalCount) {
+  if (totalCountLabelId && noRowsTotalCountLabelId) {
+    if (totalCount) {
+      return /*#__PURE__*/_react.default.createElement(_TableInfoBar.default, {
+        tableLabel: formatMessage(totalCountLabelId, {
+          quantity: totalCount
+        })
+      });
+    }
+    return /*#__PURE__*/_react.default.createElement(_TableInfoBar.default, {
+      tableLabel: formatMessage(noRowsTotalCountLabelId)
+    });
+  }
+  return null;
+}
+var TableWithInMemoryPaging = function TableWithInMemoryPaging(_ref) {
+  var sortedRows = _ref.sortedRows,
+    tableName = _ref.tableName,
+    _ref$searchProperties = _ref.searchProperties,
+    searchProperties = _ref$searchProperties === void 0 ? [] : _ref$searchProperties,
+    columnDefs = _ref.columnDefs,
+    toolbarRightContent = _ref.toolbarRightContent,
+    _ref$pageSize = _ref.pageSize,
+    pageSize = _ref$pageSize === void 0 ? 20 : _ref$pageSize,
+    _ref$onItemClick = _ref.onItemClick,
+    onItemClick = _ref$onItemClick === void 0 ? null : _ref$onItemClick,
+    _ref$isReadMode = _ref.isReadMode,
+    isReadMode = _ref$isReadMode === void 0 ? true : _ref$isReadMode,
+    _ref$totalCountLabelI = _ref.totalCountLabelId,
+    totalCountLabelId = _ref$totalCountLabelI === void 0 ? null : _ref$totalCountLabelI,
+    _ref$noRowsTotalCount = _ref.noRowsTotalCountLabelId,
+    noRowsTotalCountLabelId = _ref$noRowsTotalCount === void 0 ? null : _ref$noRowsTotalCount,
+    _ref$placeholderIcon = _ref.placeholderIcon,
+    placeholderIcon = _ref$placeholderIcon === void 0 ? null : _ref$placeholderIcon,
+    _ref$placeholderTitle = _ref.placeholderTitle,
+    placeholderTitle = _ref$placeholderTitle === void 0 ? null : _ref$placeholderTitle,
+    _ref$placeholderSubti = _ref.placeholderSubtitle,
+    placeholderSubtitle = _ref$placeholderSubti === void 0 ? null : _ref$placeholderSubti,
+    _ref$rowKeyField = _ref.rowKeyField,
+    rowKeyField = _ref$rowKeyField === void 0 ? "id" : _ref$rowKeyField;
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var tableRef = (0, _react.useRef)(null);
+  var initialSearchProperties = (0, _react.useRef)(searchProperties);
+  var searchPlaceholder = formatMessage(_sharedMessages.default.search);
+  var sortAndFilter = (0, _react.useCallback)(function (_ref2) {
+    var list = _ref2.list,
+      filters = _ref2.filters;
+    var searchTerm = filters.searchTerm;
+    return listFilter(list, searchTerm, initialSearchProperties.current);
+  }, [initialSearchProperties]);
+  var _useInMemoryPaging = (0, _useInMemoryPaging2.default)({
+      viewStateName: tableName,
+      tableRef: tableRef,
+      records: sortedRows,
+      pageSize: pageSize,
+      sortAndFilterFn: sortAndFilter
+    }),
+    rowsSlice = _useInMemoryPaging.rows,
+    scrollLoader = _useInMemoryPaging.scrollLoader,
+    currentPage = _useInMemoryPaging.currentPage,
+    filters = _useInMemoryPaging.filters,
+    setFilter = _useInMemoryPaging.setFilter,
+    totalCount = _useInMemoryPaging.totalCount;
+  var _buildHeaderAndRowFro = (0, _tableHelpers.default)(columnDefs, rowsSlice, isReadMode, rowKeyField),
+    headers = _buildHeaderAndRowFro.headers,
+    rows = _buildHeaderAndRowFro.rows;
+  var placeholder = /*#__PURE__*/_react.default.createElement(_Placeholder.default, {
+    icon: placeholderIcon,
+    title: placeholderTitle,
+    subtitle: placeholderSubtitle,
+    cellList: columnDefs.map(function (col) {
+      return col.placeholder;
+    })
+  });
+  var onSearch = function onSearch(searchOption, searchText) {
+    setFilter(_objectSpread(_objectSpread({}, filters), {}, {
+      searchTerm: searchText
+    }));
+  };
+  var tableProps = new _TableProps.default();
+  tableProps.set(_TableProps.default.propNames.stickyHeader, true);
+  tableProps.set(_TableProps.default.propNames.withoutTopBorder, true);
+  tableProps.set(_TableProps.default.propNames.deepPropsComparation, true);
+  tableProps.set(_TableProps.default.propNames.saveScrollbarPosition, true);
+  tableProps.set(_TableProps.default.propNames.tableName, tableName);
+  if (onItemClick) {
+    tableProps.set(_TableProps.default.propNames.onRowClick, onItemClick);
+  }
+  var hasToolbar = toolbarRightContent || searchProperties.length > 0;
+  var toolbar = hasToolbar ? /*#__PURE__*/_react.default.createElement(_SectionToolbar.default, {
+    rightContent: toolbarRightContent
+  }, searchProperties.length > 0 && /*#__PURE__*/_react.default.createElement(_SearchControl.default, {
+    placeholder: searchPlaceholder,
+    defaultValue: filters.searchTerm,
+    onSearch: onSearch,
+    focusAndSelectSearchFieldOnLoad: false
+  })) : null;
+  var tableInfo = getTableInfo(totalCountLabelId, noRowsTotalCountLabelId, formatMessage, totalCount);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, toolbar, /*#__PURE__*/_react.default.createElement(_Table.default, {
+    ref: tableRef,
+    headers: headers,
+    tableInfo: tableInfo,
+    rows: rows,
+    tableProps: tableProps,
+    placeholder: placeholder,
+    scrollLoader: scrollLoader,
+    latestPage: currentPage,
+    pageLength: pageSize
+  }));
+};
+__signature__(TableWithInMemoryPaging, "useIntl{{ formatMessage }}\nuseRef{tableRef}\nuseRef{initialSearchProperties}\nuseCallback{sortAndFilter}\nuseInMemoryPaging{{\n\t\trows: rowsSlice,\n\t\tscrollLoader,\n\t\tcurrentPage,\n\t\tfilters,\n\t\tsetFilter,\n\t\ttotalCount,\n\t}}", function () {
+  return [_reactIntl.useIntl, _useInMemoryPaging2.default];
+});
+__signature__(TableWithInMemoryPaging, "useIntl{{ formatMessage }}\nuseRef{tableRef}\nuseRef{initialSearchProperties}\nuseCallback{sortAndFilter}\nuseInMemoryPaging{{\n\t\trows: rowsSlice,\n\t\tscrollLoader,\n\t\tcurrentPage,\n\t\tfilters,\n\t\tsetFilter,\n\t\ttotalCount,\n\t}}", function () {
+  return [_reactIntl.useIntl, _useInMemoryPaging2.default];
+});
+var _default = TableWithInMemoryPaging;
+var _default2 = _default;
+var _default3 = exports.default = _default2;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(listFilter, "listFilter", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/TableWithInMemoryPaging.js");
+  reactHotLoader.register(getTableInfo, "getTableInfo", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/TableWithInMemoryPaging.js");
+  reactHotLoader.register(TableWithInMemoryPaging, "TableWithInMemoryPaging", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/TableWithInMemoryPaging.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/TableWithInMemoryPaging.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(listFilter, "listFilter", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/TableWithInMemoryPaging.js");
+  reactHotLoader.register(getTableInfo, "getTableInfo", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/TableWithInMemoryPaging.js");
+  reactHotLoader.register(TableWithInMemoryPaging, "TableWithInMemoryPaging", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/TableWithInMemoryPaging.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/TableWithInMemoryPaging.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/dist/components/MaterialUI/DataDisplay/TooltippedElements/MultipleLinesText.js

@@ -65,8 +65,11 @@ var MultipleLinesText = function MultipleLinesText(_ref) {
       setIsClamped(true);
     }
   }, [isClamped, setIsClamped]);
+  if (!children) {
+    return null;
+  }
   return /*#__PURE__*/_react.default.createElement(TooltippedTextClamp, {
-    disableCssClamp: true,
+    disableCssClamp: false,
     clamp: lineCount,
     className: (0, _classnames.default)(classes.clampedText, customStyles),
     children: children.toString(),

package/dist/components/MaterialUI/Inputs/DatePicker.js

@@ -10,9 +10,7 @@ require("react-datepicker/dist/react-datepicker.css");
 var _TimePicker = _interopRequireDefault(require("./TimePicker"));
 var _styles = require("@material-ui/core/styles");
 var _timezoneHelper = require("../../../utils/timezoneHelper");
-var _metadata = require("../../../selectors/metadata");
-var _reactRedux = require("react-redux");
-var _excluded = ["value", "useTime", "useDate", "onChange", "useTimeZone", "dateFormat", "showTimeZone", "timeInputLabel", "readOnly", "showTimeSelectOnly", "metadata", "timePickerTimeZone", "error", "timeOption"];
+var _excluded = ["value", "useTime", "useDate", "onChange", "useTimeZone", "dateFormat", "showTimeZone", "timeInputLabel", "readOnly", "showTimeSelectOnly", "metadata", "timePickerWindowsTimeZone", "error", "timeOption"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -162,20 +160,23 @@ var WrappedDatePicker = function WrappedDatePicker(_ref) {
     readOnly = _ref.readOnly,
     showTimeSelectOnly = _ref.showTimeSelectOnly,
     metadata = _ref.metadata,
-    timePickerTimeZone = _ref.timePickerTimeZone,
+    timePickerWindowsTimeZone = _ref.timePickerWindowsTimeZone,
     error = _ref.error,
     timeOption = _ref.timeOption,
     props = _objectWithoutProperties(_ref, _excluded);
   var classes = useStyles({
     readOnly: readOnly
   });
-  var timeZoneName = (0, _timezoneHelper.getTimeZoneByName)(timePickerTimeZone);
-  var startDate = value ? timePickerTimeZone && useTimeZone ? (0, _timezoneHelper.convertTimeToLocalTimeZone)(new Date(value), timeZoneName) : new Date(value) : null;
+  var ianaTimeZone = useTimeZone && timePickerWindowsTimeZone ? (0, _timezoneHelper.getIanaTimeZoneFromWindowsName)(timePickerWindowsTimeZone) : null;
+  var computeDateWithTimezone = _react.default.useCallback(function (date) {
+    return date ? ianaTimeZone ? (0, _timezoneHelper.convertTimeToLocalTimeZone)(new Date(date), ianaTimeZone) : new Date(date) : null;
+  }, [ianaTimeZone]);
+  var startDate = computeDateWithTimezone(value);
   var disabledCls = (0, _classnames.default)(_defineProperty({}, classes.disabled, props.disabled));
-  var localizedTimeZoneName = (0, _reactRedux.useSelector)((0, _metadata.namedLookupLocalizedSelector)("customer", "TimeZone", timePickerTimeZone));
+  var windowsTimeZoneName = useTime && showTimeZone ? timePickerWindowsTimeZone != null ? timePickerWindowsTimeZone : (0, _timezoneHelper.getWindowsTimeZone)() : null;
   var updateDate = function updateDate(date, metadata) {
     if (onChange) {
-      onChange(useTimeZone && timePickerTimeZone ? (0, _timezoneHelper.convertTimeToOtherTimeZone)(date, timeZoneName) : date, metadata);
+      onChange(computeDateWithTimezone(date), metadata);
     }
   };
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -193,8 +194,7 @@ var WrappedDatePicker = function WrappedDatePicker(_ref) {
     showTimeInput: useTime != null ? useTime : false,
     useTime: useTime != null ? useTime : false,
     customTimeInput: useTime ? /*#__PURE__*/_react.default.createElement(_TimePicker.default, {
-      showTimeZone: showTimeZone,
-      requestedTimeZone: localizedTimeZoneName,
+      windowsTimeZone: windowsTimeZoneName,
       timeOption: timeOption
     }) : null,
     timeInputLabel: timeInputLabel != null ? timeInputLabel : "",
@@ -209,11 +209,11 @@ var WrappedDatePicker = function WrappedDatePicker(_ref) {
     className: classes.errorText
   }, error));
 };
-__signature__(WrappedDatePicker, "useStyles{classes}\nuseSelector{localizedTimeZoneName}", function () {
-  return [useStyles, _reactRedux.useSelector];
+__signature__(WrappedDatePicker, "useStyles{classes}\nuseCallback{computeDateWithTimezone}", function () {
+  return [useStyles];
 });
-__signature__(WrappedDatePicker, "useStyles{classes}\nuseSelector{localizedTimeZoneName}", function () {
-  return [useStyles, _reactRedux.useSelector];
+__signature__(WrappedDatePicker, "useStyles{classes}\nuseCallback{computeDateWithTimezone}", function () {
+  return [useStyles];
 });
 var _default = WrappedDatePicker;
 var _default2 = _default;

package/dist/components/MaterialUI/Inputs/PredefinedElements/SearchControl.js

@@ -274,6 +274,7 @@ var SearchControl = function SearchControl(_ref) {
   })));
   var searchSection = /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "data-qa": "searchButton",
+    "data-testid": "searchButton",
     variant: "contained",
     disabled: disabled,
     classes: {

package/dist/components/MaterialUI/Inputs/Select.js

@@ -210,6 +210,7 @@ var Select = function Select(_ref) {
   var disabled = (selectProps == null ? void 0 : selectProps.get(_SelectProps.default.propNames.disabled)) || false;
   var error = selectProps == null ? void 0 : selectProps.get(_SelectProps.default.propNames.error);
   var native = selectProps == null ? void 0 : selectProps.get(_SelectProps.default.propNames.native);
+  var onClose = selectProps == null ? void 0 : selectProps.get(_SelectProps.default.propNames.onClose);
   var inputProps = selectProps == null ? void 0 : selectProps.get(_SelectProps.default.propNames.inputProps);
   var hasError = !!error;
   if (sortType === _SelectProps.sortTypeEnum.numeric) {
@@ -281,6 +282,7 @@ var Select = function Select(_ref) {
   var defaultSelect = /*#__PURE__*/_react.default.createElement(_Select.default, {
     value: value,
     onChange: handleChange,
+    onClose: onClose,
     disableUnderline: true,
     IconComponent: SelectIcon,
     MenuProps: defaultMenuProps,

package/dist/components/MaterialUI/Inputs/SelectProps.js

@@ -42,6 +42,7 @@ var SelectProps = /*#__PURE__*/function (_ComponentProps) {
     _this.componentProps.set(_this.constructor.propNames.iconSelect, null);
     _this.componentProps.set(_this.constructor.propNames.disabled, null);
     _this.componentProps.set(_this.constructor.propNames.error, null);
+    _this.componentProps.set(_this.constructor.propNames.onClose, null);
     _this.componentProps.set(_this.constructor.propNames.native, null);
     _this.componentProps.set(_this.constructor.propNames.inputProps, null);
     _this.componentClasses.set(_this.constructor.ruleNames.root, null);
@@ -68,6 +69,7 @@ _defineProperty(SelectProps, "propNames", {
   iconSelect: "iconSelect",
   disabled: "disabled",
   error: "error",
+  onClose: "onClose",
   native: "native",
   inputProps: "inputProps"
 });