orc-shared 5.10.1-dev.6 → 5.10.1-dev.8

package/dist/components/List/Row.js

@@ -1,109 +0,0 @@
-"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

@@ -1,111 +0,0 @@
-"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

@@ -1,59 +0,0 @@
-"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/src/components/CategoryList.js

@@ -1,140 +0,0 @@
-/*
-	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
-*/
-import React from "react";
-import styled, { css } from "styled-components";
-import { compose, setDisplayName } from "recompose";
-import { safeGet, ifFlag, getThemeProp } from "../utils";
-import withScrollBox from "../hocs/withScrollBox";
-import useViewState from "../hooks/useViewState";
-import Icon from "./Icon";
-import Row from "./List/Row";
-import HeadRow from "./List/HeadRow";
-import { useListState, Table, Placeholder, HEADER_HEIGHT } from "./List/List";
-
-const arrayToggle = (array, item) => (array.includes(item) ? array.filter(x => x !== item) : array.concat(item));
-
-export const CategoryRow = styled.tr``;
-
-export const CategoryHeader = styled.td`
-	border: 0 solid ${getThemeProp(["colors", "borderLight"], "#cccccc")};
-	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;
-	${ifFlag(
-		"closed",
-		css`
-			border-bottom: 1px solid ${getThemeProp(["colors", "borderLight"], "#cccccc")};
-		`,
-	)}
-	cursor: pointer;
-`;
-
-export const CategoryIndicator = styled(Icon).attrs(props => ({
-	id: ifFlag(
-		"closed",
-		getThemeProp(["icons", "indicators", "right"], "chevron-right"),
-		getThemeProp(["icons", "indicators", "down"], "chevron-down"),
-	)(props),
-}))`
-	font-size: 12px;
-	position: absolute;
-	left: 22px;
-	top: 15px;
-`;
-
-export const CategoryList = ({
-	name,
-	columnDefs = [],
-	rows = [],
-	rowOnClick,
-	placeholder,
-	keyField = ["id"],
-	categoryField = ["category"],
-	openAll = false,
-	height,
-	rowBackgroundGetter = () => {},
-}) => {
-	const [enhancedColumnDefs, selection] = useListState(name, columnDefs);
-	const [{ closedCategories = [] }, updateViewState] = useViewState(name);
-	if (columnDefs.length === 0) return null;
-	const rowIds = [],
-		rowCategories = {};
-	rows.forEach((row, index) => {
-		const id = safeGet(row, ...keyField) + ""; // Ensure rowId is string
-		const category = safeGet(row, ...categoryField) || "";
-		rowIds.push(id);
-		if (!rowCategories[category]) {
-			rowCategories[category] = [];
-		}
-		rowCategories[category].push(
-			<Row
-				columnDefs={enhancedColumnDefs}
-				key={id}
-				rowId={id}
-				row={row}
-				rowOnClick={rowOnClick}
-				selected={selection.indexOf(id) !== -1}
-				bgColor={rowBackgroundGetter(row, index)}
-			/>,
-		);
-	});
-	const rowElements = [];
-	if (Object.keys(rowCategories).length === 0) {
-		if (placeholder) {
-			rowElements.push(
-				<Placeholder key="placeholder" width={columnDefs.length} height={height - HEADER_HEIGHT}>
-					{placeholder}
-				</Placeholder>,
-			);
-		}
-	} else {
-		Object.entries(rowCategories).forEach(([key, rows]) => {
-			const clickHandler = () => updateViewState("closedCategories", arrayToggle(closedCategories, key));
-			const closed = !openAll && closedCategories.includes(key);
-			rowElements.push(
-				<CategoryRow key={"category_" + key}>
-					<CategoryHeader
-						data-test-id={"category_" + key}
-						closed={closed}
-						colSpan={columnDefs.length}
-						onClick={clickHandler}
-					>
-						<CategoryIndicator closed={closed} />
-						{key}
-					</CategoryHeader>
-				</CategoryRow>,
-			);
-			if (!closed) {
-				rowElements.push(...rows);
-			}
-		});
-	}
-	return (
-		<Table>
-			<thead>
-				<HeadRow
-					columnDefs={enhancedColumnDefs}
-					rowIds={rowIds}
-					allSelected={rows.length === selection.length && rows.length !== 0}
-				/>
-			</thead>
-			<tbody>{rowElements}</tbody>
-		</Table>
-	);
-};
-
-const StatefulCategoryList = compose(setDisplayName("CategoryList"), withScrollBox)(CategoryList);
-
-export default StatefulCategoryList;