Merge pull request #206 from 4dn-dcic/custom-auth0-fix

Custom auth0 ui fix

Author: Bianca-Morris

es/components/browse/EmbeddedSearchView.js

@@ -1,20 +1,22 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["href", "context", "showClearFiltersButton", "schemas", "currentAction", "facets", "navigate", "columns", "columnExtensionMap", "placeholderReplacementFxn", "keepSelectionInStorage", "windowWidth"];
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function () { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import _ from 'underscore';
@@ -28,21 +30,18 @@ import { CustomColumnController } from './components/CustomColumnController';
 import { SortController } from './components/SortController';
 import { SelectedItemsController } from './components/SelectedItemsController';
 import { WindowNavigationController } from './components/WindowNavigationController';
-import { ControlsAndResults } from './components/ControlsAndResults'; // eslint-disable-next-line no-unused-vars
+import { ControlsAndResults } from './components/ControlsAndResults';
 
+// eslint-disable-next-line no-unused-vars
 import { SearchResponse, Item, ColumnDefinition, URLParts } from './../util/typedefs';
 export { SortController, SelectedItemsController, ColumnCombiner, CustomColumnController };
 export var SearchView = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(SearchView, _React$PureComponent);
-
   var _super = _createSuper(SearchView);
-
   function SearchView() {
     _classCallCheck(this, SearchView);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(SearchView, [{
     key: "componentDidMount",
     value:
@@ -52,38 +51,40 @@ export var SearchView = /*#__PURE__*/function (_React$PureComponent) {
      * @property {Object.<ColumnDefinition>} columnExtensionMap - Object keyed by field name with overrides for column definition.
      * @property {boolean} separateSingleTermFacets - If true, will push facets w/ only 1 term available to bottom of FacetList.
      */
+
     function componentDidMount() {
       ReactTooltip.rebuild();
     }
+
     /**
      * TODO once we have @type : [..more stuff..], change to use instead of `getSchemaTypeFromSearchContext`.
      * For custom styling from CSS stylesheet (e.g. to sync override of rowHeight in both CSS and in props here)
      */
-
   }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          href = _this$props.href,
-          context = _this$props.context,
-          showClearFiltersButton = _this$props.showClearFiltersButton,
-          _this$props$schemas = _this$props.schemas,
-          schemas = _this$props$schemas === void 0 ? null : _this$props$schemas,
-          _this$props$currentAc = _this$props.currentAction,
-          currentAction = _this$props$currentAc === void 0 ? null : _this$props$currentAc,
-          propFacets = _this$props.facets,
-          _this$props$navigate = _this$props.navigate,
-          propNavigate = _this$props$navigate === void 0 ? navigate : _this$props$navigate,
-          _this$props$columns = _this$props.columns,
-          columns = _this$props$columns === void 0 ? null : _this$props$columns,
-          _this$props$columnExt = _this$props.columnExtensionMap,
-          columnExtensionMap = _this$props$columnExt === void 0 ? basicColumnExtensionMap : _this$props$columnExt,
-          placeholderReplacementFxn = _this$props.placeholderReplacementFxn,
-          keepSelectionInStorage = _this$props.keepSelectionInStorage,
-          windowWidth = _this$props.windowWidth,
-          passProps = _objectWithoutProperties(_this$props, _excluded);
-
-      var contextFacets = context.facets; // All these controllers pass props down to their children.
+        href = _this$props.href,
+        context = _this$props.context,
+        showClearFiltersButton = _this$props.showClearFiltersButton,
+        _this$props$schemas = _this$props.schemas,
+        schemas = _this$props$schemas === void 0 ? null : _this$props$schemas,
+        _this$props$currentAc = _this$props.currentAction,
+        currentAction = _this$props$currentAc === void 0 ? null : _this$props$currentAc,
+        propFacets = _this$props.facets,
+        _this$props$navigate = _this$props.navigate,
+        propNavigate = _this$props$navigate === void 0 ? navigate : _this$props$navigate,
+        _this$props$columns = _this$props.columns,
+        columns = _this$props$columns === void 0 ? null : _this$props$columns,
+        _this$props$columnExt = _this$props.columnExtensionMap,
+        columnExtensionMap = _this$props$columnExt === void 0 ? basicColumnExtensionMap : _this$props$columnExt,
+        placeholderReplacementFxn = _this$props.placeholderReplacementFxn,
+        keepSelectionInStorage = _this$props.keepSelectionInStorage,
+        windowWidth = _this$props.windowWidth,
+        passProps = _objectWithoutProperties(_this$props, _excluded);
+      var contextFacets = context.facets;
+
+      // All these controllers pass props down to their children.
       // So we don't need to be repetitive here; i.e. may assume 'context' is available
       // in each controller that's child of <ColumnCombiner {...{ context, columns, columnExtensionMap }}>.
       // As well as in ControlsAndResults.
@@ -97,7 +98,6 @@ export var SearchView = /*#__PURE__*/function (_React$PureComponent) {
         isOwnPage: true,
         facets: propFacets || contextFacets
       });
-
       var controllersAndView = /*#__PURE__*/React.createElement(WindowNavigationController, {
         href: href,
         context: context,
@@ -107,7 +107,6 @@ export var SearchView = /*#__PURE__*/function (_React$PureComponent) {
         columns: columns,
         columnExtensionMap: columnExtensionMap
       }, /*#__PURE__*/React.createElement(CustomColumnController, null, /*#__PURE__*/React.createElement(SortController, null, /*#__PURE__*/React.createElement(ControlsAndResults, childViewProps)))));
-
       if (isSelectAction(currentAction)) {
         // We don't allow "SelectionMode" unless is own page.
         // Could consider changing later once a use case exists.
@@ -122,7 +121,6 @@ export var SearchView = /*#__PURE__*/function (_React$PureComponent) {
           keepSelectionInStorage: keepSelectionInStorage
         }, controllersAndView);
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: "search-page-container"
       }, /*#__PURE__*/React.createElement(AboveSearchTablePanel, {
@@ -131,10 +129,8 @@ export var SearchView = /*#__PURE__*/function (_React$PureComponent) {
       }), controllersAndView);
     }
   }]);
-
   return SearchView;
 }(React.PureComponent);
-
 _defineProperty(SearchView, "propTypes", {
   'context': PropTypes.object.isRequired,
   'columns': PropTypes.object,
@@ -156,7 +152,6 @@ _defineProperty(SearchView, "propTypes", {
   // Passed down to AboveSearchTablePanel StaticSection
   'keepSelectionInStorage': PropTypes.bool
 });
-
 _defineProperty(SearchView, "defaultProps", {
   'href': null,
   // `props.context.columns` is used in place of `props.columns` if `props.columns` is falsy.

es/components/browse/SearchView.js

@@ -1,14 +1,16 @@
-import _extends from "@babel/runtime/helpers/extends";
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import _ from 'underscore';
 import { patchedConsoleInstance as console } from './../../util/patched-console';
 import { BasicStaticSectionBody } from './../../static-pages/BasicStaticSectionBody';
 export var AboveSearchTablePanel = /*#__PURE__*/React.memo(function (_ref) {
   var context = _ref.context,
-      placeholderReplacementFxn = _ref.placeholderReplacementFxn;
+    placeholderReplacementFxn = _ref.placeholderReplacementFxn;
   var search_header = context.search_header;
-  if (!search_header) return null; // TODO: Add in custom front-end controls if/when applicable.
+  if (!search_header) return null;
+
+  // TODO: Add in custom front-end controls if/when applicable.
   // If we migrate 'full screen', 'select x for download' etc buttons/controls here (desireable) we need to make sure it communicates with external state container for the SearchResultTable.
   // SearchResultTable would likely need to expose some functions which would be accessible via instance reference to SearchResultTable and passed up as callback props into this one.
 
@@ -23,12 +25,11 @@ AboveSearchTablePanel.propTypes = {
   'context': PropTypes.object.isRequired,
   'placeholderReplacementFxn': PropTypes.func
 };
-
 function SearchHeaderSection(_ref2) {
   var propTitle = _ref2.title,
-      propContent = _ref2.content,
-      filetype = _ref2.filetype,
-      placeholderReplacementFxn = _ref2.placeholderReplacementFxn;
+    propContent = _ref2.content,
+    filetype = _ref2.filetype,
+    placeholderReplacementFxn = _ref2.placeholderReplacementFxn;
   var title = propTitle ? /*#__PURE__*/React.createElement("h4", {
     className: "text-300"
   }, propTitle) : null;