orc-shared 1.5.0-dev.11 → 1.5.0-dev.12

package/dist/actions/requestsApi.js

@@ -24,6 +24,7 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
+/* istanbul ignore file */
 var acquireEntityLockRequest = {
   name: "acquireEntityLockRequest",
   buildUrl: function buildUrl(scopeId, entity, entityId) {

package/dist/components/CategoryList.js

@@ -35,6 +35,12 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 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;

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

@@ -21,6 +21,7 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
+/* eslint-disable react/style-prop-object */
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     regular: {

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

@@ -182,7 +182,9 @@ var SearchControl = function SearchControl(_ref) {
     searchOption = _ref.searchOption,
     _ref$onSearch = _ref.onSearch,
     onSearch = _ref$onSearch === void 0 ? function () {} : _ref$onSearch,
-    disabled = _ref.disabled;
+    disabled = _ref.disabled,
+    _ref$focusAndSelectSe = _ref.focusAndSelectSearchFieldOnLoad,
+    focusAndSelectSearchFieldOnLoad = _ref$focusAndSelectSe === void 0 ? true : _ref$focusAndSelectSe;
   searchOptions = !((_searchOptions = searchOptions) != null && _searchOptions.length) ? null : searchOptions;
   searchOption = getSearchOptionValue(searchOptions, searchOption);
   var _useState = (0, _react.useState)(false),
@@ -223,6 +225,13 @@ var SearchControl = function SearchControl(_ref) {
     event.preventDefault();
     event.stopPropagation();
   };
+  (0, _react.useEffect)(function () {
+    if (focusAndSelectSearchFieldOnLoad && inputRef.current) {
+      inputRef.current.focus();
+      inputRef.current.select();
+      setInputFocused(true);
+    }
+  }, [focusAndSelectSearchFieldOnLoad]);
   var SelectSection = function SelectSection() {
     if (searchOptions === null) return null;else return /*#__PURE__*/_react.default.createElement(_Select.default, {
       className: classes.selectInput,
@@ -287,10 +296,10 @@ var SearchControl = function SearchControl(_ref) {
     className: classes.container
   }, /*#__PURE__*/_react.default.createElement(SelectSection, null), inputSection, searchSection);
 };
-__signature__(SearchControl, "useState{[inputFocused, setInputFocused](false)}\nuseStyles{classes}\nuseRef{inputRef}", function () {
+__signature__(SearchControl, "useState{[inputFocused, setInputFocused](false)}\nuseStyles{classes}\nuseRef{inputRef}\nuseEffect{}", function () {
   return [useStyles];
 });
-__signature__(SearchControl, "useState{[inputFocused, setInputFocused](false)}\nuseStyles{classes}\nuseRef{inputRef}", function () {
+__signature__(SearchControl, "useState{[inputFocused, setInputFocused](false)}\nuseStyles{classes}\nuseRef{inputRef}\nuseEffect{}", function () {
   return [useStyles];
 });
 var _default = SearchControl;

package/dist/components/MaterialUI/hocs/withDeferredTooltip.js

@@ -35,7 +35,6 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 // Pay attention that if component you are passed to this HOC contains titleValue property
 // by itself then that property will be disappeared after using that HOC.
 // To fix it rename that property and pass titleValue just as a title for tooltip.
-
 var withDeferredTooltip = function withDeferredTooltip(Comp) {
   return __signature__(__signature__(function (_ref) {
     var titleValue = _ref.titleValue,

package/dist/components/Navigation/index.js

@@ -26,7 +26,6 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 // Scope concern: Changing scope means subpages may no longer be valid.
 // Grey out other-scoped tabs, change scope when opened?
 // Warn when changing scopes, close out-scope tabs?
-
 var Navigation = (0, _withErrorBoundary.default)("Navigation")(__signature__(__signature__(function (_ref) {
   var modules = _ref.modules;
   return /*#__PURE__*/_react.default.createElement(_TabBar.default, (0, _useNavigationState.useNavigationState)(modules));

package/dist/components/Routing/withWaypointing.js

@@ -27,7 +27,7 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 };
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
-};
+}; // HOC that sets the currently matched route of a component in state, including params
 var withWaypointing = function withWaypointing(Comp, isVisible, componentProps) {
   if (isVisible === void 0) {
     isVisible = true;

package/dist/whyDidYouRerender.js

@@ -8,6 +8,7 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
+/* istanbul ignore file */
 // If you want to investigate rerenderer of components, import that file before "react-hot-loader", usually in App.js
 if (process.env.NODE_ENV === "development") {
   var whyDidYouRender = require("@welldone-software/why-did-you-render");

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "orc-shared",
-	"version": "1.5.0-dev.11",
+	"version": "1.5.0-dev.12",
 	"description": "Shared code for Orckestra applications",
 	"main": "./src/index.js",
 	"exports": {

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

@@ -1,4 +1,4 @@
-import React, { useState, useRef } from "react";
+import React, { useState, useRef, useEffect } from "react";
 import { makeStyles } from "@material-ui/core/styles";
 import SelectProps from "../SelectProps";
 import Icon from "../../DataDisplay/Icon";
@@ -149,6 +149,7 @@ const SearchControl = ({
 	searchOption,
 	onSearch = () => {},
 	disabled,
+	focusAndSelectSearchFieldOnLoad = true,
 }) => {
 	searchOptions = !searchOptions?.length ? null : searchOptions;
 	searchOption = getSearchOptionValue(searchOptions, searchOption);
@@ -192,6 +193,14 @@ const SearchControl = ({
 		event.stopPropagation();
 	};
 
+	useEffect(() => {
+		if (focusAndSelectSearchFieldOnLoad && inputRef.current) {
+			inputRef.current.focus();
+			inputRef.current.select();
+			setInputFocused(true);
+		}
+	}, [focusAndSelectSearchFieldOnLoad]);
+
 	const SelectSection = () => {
 		if (searchOptions === null) return null;
 		else return <Select className={classes.selectInput} options={searchOptions} selectProps={selectProps} />;

package/src/components/MaterialUI/Inputs/PredefinedElements/SearchControl.test.js

@@ -408,7 +408,7 @@ describe("SearchControl Component", () => {
 
 		const component = (
 			<TestWrapper stylesProvider muiThemeProvider={{ theme }}>
-				<SearchControl placeholder="placeHolderTest" searchOptions={options} />
+				<SearchControl placeholder="placeHolderTest" searchOptions={options} focusAndSelectSearchFieldOnLoad={false} />
 			</TestWrapper>
 		);
 
@@ -484,6 +484,46 @@ describe("SearchControl Component", () => {
 
 		expect(component, "when mounted", "to satisfy", expected);
 	});
+
+	it("focusAndSelectSearchFieldOnLoad set to true gives focus to control", () => {
+		jest.spyOn(React, "useState").mockImplementation(useStateMock);
+
+		const options = [
+			{ value: "aValue", label: "aLabel" },
+			{ value: "anotherValue", label: "anotherLabel" },
+		];
+
+		const component = (
+			<TestWrapper stylesProvider muiThemeProvider={{ theme }}>
+				<SearchControl placeholder="placeHolderTest" searchOptions={options} focusAndSelectSearchFieldOnLoad={true} />
+			</TestWrapper>
+		);
+
+		const mountedComponent = mount(component);
+		const searchEditParent = mountedComponent.find('[data-qa="searchInput"]');
+
+		expect(searchEditParent.props()["data-qa-is-focused"], "to be", true);
+	});
+
+	it("focusAndSelectSearchFieldOnLoad set to false does not give focus to control", () => {
+		jest.spyOn(React, "useState").mockImplementation(useStateMock);
+
+		const options = [
+			{ value: "aValue", label: "aLabel" },
+			{ value: "anotherValue", label: "anotherLabel" },
+		];
+
+		const component = (
+			<TestWrapper stylesProvider muiThemeProvider={{ theme }}>
+				<SearchControl placeholder="placeHolderTest" searchOptions={options} focusAndSelectSearchFieldOnLoad={false} />
+			</TestWrapper>
+		);
+
+		const mountedComponent = mount(component);
+		const searchEditParent = mountedComponent.find('[data-qa="searchInput"]');
+
+		expect(searchEditParent.props()["data-qa-is-focused"], "to be", false);
+	});
 });
 
 describe("getSearchOptionValue function", () => {