orc-shared 5.10.1-dev.7 → 5.10.1

package/dist/components/AppFrame/MenuItem.js

@@ -7,7 +7,6 @@ var _styles = require("@material-ui/core/styles");
 var _reactRouterDom = require("react-router-dom");
 var _reactIntl = require("react-intl");
 var _Icon = _interopRequireDefault(require("../MaterialUI/DataDisplay/Icon"));
-var _toastHelper = require("../../utils/toastHelper");
 var _excluded = ["staticContext", "dispatch", "component"],
   _excluded2 = ["open", "label", "icon", "alert", "isHidden", "href", "menuToggle", "active"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -30,6 +29,14 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
+var getToastColor = function getToastColor(theme, alertType) {
+  var toastBorderColors = {
+    error: theme.palette.error.main,
+    warn: theme.palette.warning.main,
+    confirm: theme.palette.success.main
+  };
+  return toastBorderColors[alertType] || "red";
+};
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     block: function block(props) {
@@ -47,7 +54,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       };
     },
     alert: function alert(props) {
-      var toastColor = (0, _toastHelper.getToastColor)(theme, props.alertType);
+      var toastColor = getToastColor(theme, props.alertType);
       return {
         borderRadius: "50%",
         border: "4px solid ".concat(toastColor),
@@ -61,7 +68,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       };
     },
     alertMessage: function alertMessage(props) {
-      var toastColor = (0, _toastHelper.getToastColor)(theme, props.alertType);
+      var toastColor = getToastColor(theme, props.alertType);
       return {
         position: "absolute",
         zIndex: 10000,
@@ -179,6 +186,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
+  reactHotLoader.register(getToastColor, "getToastColor", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");
   reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");
   reactHotLoader.register(FilteredLink, "FilteredLink", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");
   reactHotLoader.register(MenuItem, "MenuItem", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");
@@ -195,6 +203,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
+  reactHotLoader.register(getToastColor, "getToastColor", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");
   reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");
   reactHotLoader.register(FilteredLink, "FilteredLink", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");
   reactHotLoader.register(MenuItem, "MenuItem", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");

package/dist/components/CategoryList.js

@@ -0,0 +1,197 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.CategoryRow = exports.CategoryList = exports.CategoryIndicator = exports.CategoryHeader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _recompose = require("recompose");
+var _utils = require("../utils");
+var _withScrollBox = _interopRequireDefault(require("../hocs/withScrollBox"));
+var _useViewState3 = _interopRequireDefault(require("../hooks/useViewState"));
+var _Icon = _interopRequireDefault(require("./Icon"));
+var _Row = _interopRequireDefault(require("./List/Row"));
+var _HeadRow = _interopRequireDefault(require("./List/HeadRow"));
+var _List = require("./List/List");
+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 _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;
+};
+/*
+	Multiple lists with a single header, aligned with each other
+	No virtualization or page loading
+	Categories can be folded up to hide content
+	Sortable, within categories
+*/
+var arrayToggle = function arrayToggle(array, item) {
+  return array.includes(item) ? array.filter(function (x) {
+    return x !== item;
+  }) : array.concat(item);
+};
+var CategoryRow = exports.CategoryRow = _styledComponents.default.tr.withConfig({
+  displayName: "CategoryList__CategoryRow",
+  componentId: "sc-rh0l6t-0"
+})([""]);
+var CategoryHeader = exports.CategoryHeader = _styledComponents.default.td.withConfig({
+  displayName: "CategoryList__CategoryHeader",
+  componentId: "sc-rh0l6t-1"
+})(["border:0 solid ", ";border-top-width:1px;tr:first-child &{border-top-width:0;}tr:last-child &{border-bottom-width:1px;}position:relative;padding:11px 45px;background-color:#f1eae0;", " cursor:pointer;"], (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc"), (0, _utils.ifFlag)("closed", (0, _styledComponents.css)(["border-bottom:1px solid ", ";"], (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc"))));
+var CategoryIndicator = exports.CategoryIndicator = (0, _styledComponents.default)(_Icon.default).attrs(function (props) {
+  return {
+    id: (0, _utils.ifFlag)("closed", (0, _utils.getThemeProp)(["icons", "indicators", "right"], "chevron-right"), (0, _utils.getThemeProp)(["icons", "indicators", "down"], "chevron-down"))(props)
+  };
+}).withConfig({
+  displayName: "CategoryList__CategoryIndicator",
+  componentId: "sc-rh0l6t-2"
+})(["font-size:12px;position:absolute;left:22px;top:15px;"]);
+var CategoryList = exports.CategoryList = function CategoryList(_ref) {
+  var name = _ref.name,
+    _ref$columnDefs = _ref.columnDefs,
+    columnDefs = _ref$columnDefs === void 0 ? [] : _ref$columnDefs,
+    _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? [] : _ref$rows,
+    rowOnClick = _ref.rowOnClick,
+    placeholder = _ref.placeholder,
+    _ref$keyField = _ref.keyField,
+    keyField = _ref$keyField === void 0 ? ["id"] : _ref$keyField,
+    _ref$categoryField = _ref.categoryField,
+    categoryField = _ref$categoryField === void 0 ? ["category"] : _ref$categoryField,
+    _ref$openAll = _ref.openAll,
+    openAll = _ref$openAll === void 0 ? false : _ref$openAll,
+    height = _ref.height,
+    _ref$rowBackgroundGet = _ref.rowBackgroundGetter,
+    rowBackgroundGetter = _ref$rowBackgroundGet === void 0 ? function () {} : _ref$rowBackgroundGet;
+  var _useListState = (0, _List.useListState)(name, columnDefs),
+    _useListState2 = _slicedToArray(_useListState, 2),
+    enhancedColumnDefs = _useListState2[0],
+    selection = _useListState2[1];
+  var _useViewState = (0, _useViewState3.default)(name),
+    _useViewState2 = _slicedToArray(_useViewState, 2),
+    _useViewState2$0$clos = _useViewState2[0].closedCategories,
+    closedCategories = _useViewState2$0$clos === void 0 ? [] : _useViewState2$0$clos,
+    updateViewState = _useViewState2[1];
+  if (columnDefs.length === 0) return null;
+  var rowIds = [],
+    rowCategories = {};
+  rows.forEach(function (row, index) {
+    var id = _utils.safeGet.apply(void 0, [row].concat(keyField)) + ""; // Ensure rowId is string
+    var category = _utils.safeGet.apply(void 0, [row].concat(categoryField)) || "";
+    rowIds.push(id);
+    if (!rowCategories[category]) {
+      rowCategories[category] = [];
+    }
+    rowCategories[category].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)
+    }));
+  });
+  var rowElements = [];
+  if (Object.keys(rowCategories).length === 0) {
+    if (placeholder) {
+      rowElements.push(/*#__PURE__*/_react.default.createElement(_List.Placeholder, {
+        key: "placeholder",
+        width: columnDefs.length,
+        height: height - _List.HEADER_HEIGHT
+      }, placeholder));
+    }
+  } else {
+    Object.entries(rowCategories).forEach(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        key = _ref3[0],
+        rows = _ref3[1];
+      var clickHandler = function clickHandler() {
+        return updateViewState("closedCategories", arrayToggle(closedCategories, key));
+      };
+      var closed = !openAll && closedCategories.includes(key);
+      rowElements.push(/*#__PURE__*/_react.default.createElement(CategoryRow, {
+        key: "category_" + key
+      }, /*#__PURE__*/_react.default.createElement(CategoryHeader, {
+        "data-test-id": "category_" + key,
+        closed: closed,
+        colSpan: columnDefs.length,
+        onClick: clickHandler
+      }, /*#__PURE__*/_react.default.createElement(CategoryIndicator, {
+        closed: closed
+      }), key)));
+      if (!closed) {
+        rowElements.push.apply(rowElements, rows);
+      }
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_List.Table, null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_HeadRow.default, {
+    columnDefs: enhancedColumnDefs,
+    rowIds: rowIds,
+    allSelected: rows.length === selection.length && rows.length !== 0
+  })), /*#__PURE__*/_react.default.createElement("tbody", null, rowElements));
+};
+__signature__(CategoryList, "useListState{[enhancedColumnDefs, selection]}\nuseViewState{[{ closedCategories = [] }, updateViewState]}", function () {
+  return [_List.useListState, _useViewState3.default];
+});
+__signature__(CategoryList, "useListState{[enhancedColumnDefs, selection]}\nuseViewState{[{ closedCategories = [] }, updateViewState]}", function () {
+  return [_List.useListState, _useViewState3.default];
+});
+var StatefulCategoryList = (0, _recompose.compose)((0, _recompose.setDisplayName)("CategoryList"), _withScrollBox.default)(CategoryList);
+var _default = StatefulCategoryList;
+var _default2 = _default;
+var _default3 = exports.default = _default2;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(arrayToggle, "arrayToggle", "/home/vsts/work/1/s/src/components/CategoryList.js");
+  reactHotLoader.register(CategoryRow, "CategoryRow", "/home/vsts/work/1/s/src/components/CategoryList.js");
+  reactHotLoader.register(CategoryHeader, "CategoryHeader", "/home/vsts/work/1/s/src/components/CategoryList.js");
+  reactHotLoader.register(CategoryIndicator, "CategoryIndicator", "/home/vsts/work/1/s/src/components/CategoryList.js");
+  reactHotLoader.register(CategoryList, "CategoryList", "/home/vsts/work/1/s/src/components/CategoryList.js");
+  reactHotLoader.register(StatefulCategoryList, "StatefulCategoryList", "/home/vsts/work/1/s/src/components/CategoryList.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/CategoryList.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(arrayToggle, "arrayToggle", "/home/vsts/work/1/s/src/components/CategoryList.js");
+  reactHotLoader.register(CategoryRow, "CategoryRow", "/home/vsts/work/1/s/src/components/CategoryList.js");
+  reactHotLoader.register(CategoryHeader, "CategoryHeader", "/home/vsts/work/1/s/src/components/CategoryList.js");
+  reactHotLoader.register(CategoryIndicator, "CategoryIndicator", "/home/vsts/work/1/s/src/components/CategoryList.js");
+  reactHotLoader.register(CategoryList, "CategoryList", "/home/vsts/work/1/s/src/components/CategoryList.js");
+  reactHotLoader.register(StatefulCategoryList, "StatefulCategoryList", "/home/vsts/work/1/s/src/components/CategoryList.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/CategoryList.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/dist/components/List/DataCell.js

@@ -0,0 +1,129 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.TableData = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _reactIntl = require("react-intl");
+var _utils = require("../../utils");
+var _Switch = _interopRequireDefault(require("../Switch"));
+var _Checkbox = _interopRequireDefault(require("../Checkbox"));
+var _Text = _interopRequireDefault(require("../Text"));
+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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 arrify = function arrify(thing) {
+  return Array.isArray(thing) ? thing : [thing];
+};
+var renderByType = function renderByType(value, def, rowId, selected, row) {
+  var transformedValue = def.transform ? def.transform(value) : value;
+  switch (def.type) {
+    case "custom":
+      {
+        var Comp = def.component;
+        return /*#__PURE__*/_react.default.createElement(Comp, _extends({}, row, def.funcs));
+      }
+    case "currency":
+      {
+        var currency = def.currency;
+        if (Array.isArray(currency)) {
+          currency = _utils.safeGet.apply(void 0, [row].concat(currency));
+        }
+        return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedNumber, {
+          style: "currency" // eslint-disable-line react/style-prop-object
+          ,
+          currency: currency,
+          value: transformedValue || "0"
+        });
+      }
+    case "date":
+      return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedDate, {
+        value: transformedValue
+      });
+    case "datetime":
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedDate, {
+        value: transformedValue
+      }), " ", /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedTime, {
+        value: transformedValue
+      }));
+    case "select":
+      return /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+        id: "select_" + rowId,
+        value: selected,
+        "data-row-id": rowId,
+        onChange: def.onChange
+      });
+    case "switch":
+      return /*#__PURE__*/_react.default.createElement(_Switch.default, _extends({
+        value: !!transformedValue
+      }, def.switch, {
+        "data-row-id": rowId,
+        onChange: def.onChange
+      }));
+    default:
+      return transformedValue ? /*#__PURE__*/_react.default.createElement(_Text.default, {
+        message: transformedValue
+      }) : null;
+  }
+};
+var TableData = exports.TableData = _styledComponents.default.td.withConfig({
+  displayName: "DataCell__TableData",
+  componentId: "sc-n6hj69-0"
+})(["border:0 solid ", ";border-top-width:1px;tr:first-child &{border-top-width:0;}tr:last-child &{border-bottom-width:1px;}height:20px;padding:15px 20px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;"], (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc"));
+var DataCell = function DataCell(_ref) {
+  var columnDef = _ref.columnDef,
+    row = _ref.row,
+    rowId = _ref.rowId,
+    selected = _ref.selected;
+  return /*#__PURE__*/_react.default.createElement(TableData, null, renderByType(_utils.safeGet.apply(void 0, [row].concat(arrify(columnDef.fieldName))) || columnDef.defaultValue, columnDef, rowId, selected, row));
+};
+var _default = DataCell;
+var _default2 = _default;
+var _default3 = exports.default = _default2;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(arrify, "arrify", "/home/vsts/work/1/s/src/components/List/DataCell.js");
+  reactHotLoader.register(renderByType, "renderByType", "/home/vsts/work/1/s/src/components/List/DataCell.js");
+  reactHotLoader.register(TableData, "TableData", "/home/vsts/work/1/s/src/components/List/DataCell.js");
+  reactHotLoader.register(DataCell, "DataCell", "/home/vsts/work/1/s/src/components/List/DataCell.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/List/DataCell.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(arrify, "arrify", "/home/vsts/work/1/s/src/components/List/DataCell.js");
+  reactHotLoader.register(renderByType, "renderByType", "/home/vsts/work/1/s/src/components/List/DataCell.js");
+  reactHotLoader.register(TableData, "TableData", "/home/vsts/work/1/s/src/components/List/DataCell.js");
+  reactHotLoader.register(DataCell, "DataCell", "/home/vsts/work/1/s/src/components/List/DataCell.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/List/DataCell.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/dist/components/List/HeadCell.js

@@ -0,0 +1,125 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.UpMark = exports.TableHeader = exports.SortMark = exports.MarkBox = exports.HeadBox = exports.DownMark = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _Text = _interopRequireDefault(require("../Text"));
+var _Checkbox = _interopRequireDefault(require("../Checkbox"));
+var _utils = require("../../utils");
+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 _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 UpMark = exports.UpMark = _styledComponents.default.div.withConfig({
+  displayName: "HeadCell__UpMark",
+  componentId: "sc-1vadnsc-0"
+})(["display:inline-block;margin:0.05em;margin-left:0.5em;height:0;border:0.25em solid transparent;border-top-width:0;border-bottom-color:", ";"], (0, _utils.getThemeProp)(["colors", "border"], "#999999"));
+var DownMark = exports.DownMark = _styledComponents.default.div.withConfig({
+  displayName: "HeadCell__DownMark",
+  componentId: "sc-1vadnsc-1"
+})(["display:inline-block;margin:0.05em;margin-left:0.5em;height:0;border:0.25em solid transparent;border-bottom-width:0;border-top-color:", ";"], (0, _utils.getThemeProp)(["colors", "border"], "#999999"));
+var MarkBox = exports.MarkBox = _styledComponents.default.div.withConfig({
+  displayName: "HeadCell__MarkBox",
+  componentId: "sc-1vadnsc-2"
+})(["display:flex;flex-direction:column;justify-content:space-around;"]);
+var SortMark = exports.SortMark = function SortMark(_ref) {
+  var direction = _ref.direction;
+  switch (direction) {
+    case "desc":
+      return /*#__PURE__*/_react.default.createElement(DownMark, null);
+    case "asc":
+      return /*#__PURE__*/_react.default.createElement(UpMark, null);
+    default:
+      return /*#__PURE__*/_react.default.createElement(MarkBox, null, /*#__PURE__*/_react.default.createElement(UpMark, null), /*#__PURE__*/_react.default.createElement(DownMark, null));
+  }
+};
+var TableHeader = exports.TableHeader = _styledComponents.default.th.withConfig({
+  displayName: "HeadCell__TableHeader",
+  componentId: "sc-1vadnsc-3"
+})(["background-color:#f7f7f7;position:sticky;top:0;z-index:10;padding:0;", ";", ";"], (0, _utils.ifFlag)("select", (0, _styledComponents.css)(["width:56px;"])), (0, _utils.ifFlag)("width", (0, _styledComponents.css)(["width:", ";"], function (props) {
+  return props.width + "";
+})));
+var HeadBox = exports.HeadBox = _styledComponents.default.div.withConfig({
+  displayName: "HeadCell__HeadBox",
+  componentId: "sc-1vadnsc-4"
+})(["display:flex;align-items:center;height:20px;width:calc(100% - 40px);padding:10px 20px;border-bottom:1px solid ", ";& > span{overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis;}"], (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc"));
+var HeadCell = function HeadCell(_ref2) {
+  var columnDef = _ref2.columnDef,
+    _ref2$rowIds = _ref2.rowIds,
+    rowIds = _ref2$rowIds === void 0 ? [] : _ref2$rowIds,
+    allSelected = _ref2.allSelected;
+  return /*#__PURE__*/_react.default.createElement(TableHeader, {
+    onClick: columnDef.sort,
+    select: columnDef.type === "select",
+    width: columnDef.width
+  }, /*#__PURE__*/_react.default.createElement(HeadBox, null, columnDef.type === "select" ? /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+    id: "select_headRow",
+    value: !!allSelected,
+    onChange: function onChange() {
+      return columnDef.onChange(allSelected ? [] : rowIds);
+    }
+  }) : columnDef.label ? [/*#__PURE__*/_react.default.createElement(_Text.default, {
+    key: "msg",
+    message: columnDef.label
+  }), columnDef.sort ? /*#__PURE__*/_react.default.createElement(SortMark, {
+    key: "sort",
+    direction: columnDef.sortDirection
+  }) : null] : null));
+};
+var _default = HeadCell;
+var _default2 = _default;
+var _default3 = exports.default = _default2;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(UpMark, "UpMark", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
+  reactHotLoader.register(DownMark, "DownMark", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
+  reactHotLoader.register(MarkBox, "MarkBox", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
+  reactHotLoader.register(SortMark, "SortMark", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
+  reactHotLoader.register(TableHeader, "TableHeader", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
+  reactHotLoader.register(HeadBox, "HeadBox", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
+  reactHotLoader.register(HeadCell, "HeadCell", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/List/HeadCell.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(UpMark, "UpMark", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
+  reactHotLoader.register(DownMark, "DownMark", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
+  reactHotLoader.register(MarkBox, "MarkBox", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
+  reactHotLoader.register(SortMark, "SortMark", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
+  reactHotLoader.register(TableHeader, "TableHeader", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
+  reactHotLoader.register(HeadBox, "HeadBox", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
+  reactHotLoader.register(HeadCell, "HeadCell", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/List/HeadCell.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/dist/components/List/HeadRow.js

@@ -0,0 +1,73 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.HeadTableRow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Row = require("./Row");
+var _HeadCell = _interopRequireDefault(require("./HeadCell"));
+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 HeadTableRow = exports.HeadTableRow = (0, _styledComponents.default)(_Row.TableRow).withConfig({
+  displayName: "HeadRow__HeadTableRow",
+  componentId: "sc-pgk6c-0"
+})(["border-width:0;"]);
+var HeadRow = function HeadRow(_ref) {
+  var columnDefs = _ref.columnDefs,
+    rowIds = _ref.rowIds,
+    allSelected = _ref.allSelected;
+  return /*#__PURE__*/_react.default.createElement(HeadTableRow, null, columnDefs.map(function (columnDef) {
+    return /*#__PURE__*/_react.default.createElement(_HeadCell.default, {
+      key: columnDef.type === "select" ? "select" : (0, _Row.stringifyFieldName)(columnDef.fieldName),
+      columnDef: columnDef,
+      rowIds: rowIds,
+      allSelected: allSelected
+    });
+  }));
+};
+var _default = HeadRow;
+var _default2 = _default;
+var _default3 = exports.default = _default2;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(HeadTableRow, "HeadTableRow", "/home/vsts/work/1/s/src/components/List/HeadRow.js");
+  reactHotLoader.register(HeadRow, "HeadRow", "/home/vsts/work/1/s/src/components/List/HeadRow.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/List/HeadRow.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(HeadTableRow, "HeadTableRow", "/home/vsts/work/1/s/src/components/List/HeadRow.js");
+  reactHotLoader.register(HeadRow, "HeadRow", "/home/vsts/work/1/s/src/components/List/HeadRow.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/List/HeadRow.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();