@collectionspace/cspace-public-browser 1.5.1

package/lib/config/publicart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  gatewayUrl: 'http://localhost:8180/gateway/publicart'
+};
+exports.default = _default;

package/lib/constants/actionCodes.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TOGGLE_PANEL = exports.SET_SEARCH_PARAMS = exports.SET_SEARCH_PAGE_SIZE = exports.SET_SEARCH_ENTRY_FORM_PARAM = exports.SET_MEDIA = exports.SET_FILTER_SEARCH_VALUE = exports.SET_DETAIL_PARAMS = exports.SEARCH_STARTED = exports.SEARCH_REJECTED = exports.SEARCH_FULFILLED = exports.PREFS_LOADED = exports.OPEN_SEARCH = exports.INST_SEARCH_STARTED = exports.INST_SEARCH_REJECTED = exports.INST_SEARCH_FULFILLED = exports.EXPAND_PANEL = exports.DETAIL_READ_STARTED = exports.DETAIL_READ_REJECTED = exports.DETAIL_READ_FULFILLED = exports.CLEAR_DETAIL = void 0;
+const PREFS_LOADED = 'PREFS_LOADED';
+exports.PREFS_LOADED = PREFS_LOADED;
+const EXPAND_PANEL = 'EXPAND_PANEL';
+exports.EXPAND_PANEL = EXPAND_PANEL;
+const TOGGLE_PANEL = 'TOGGLE_PANEL';
+exports.TOGGLE_PANEL = TOGGLE_PANEL;
+const SET_MEDIA = 'SET_MEDIA';
+exports.SET_MEDIA = SET_MEDIA;
+const OPEN_SEARCH = 'OPEN_SEARCH';
+exports.OPEN_SEARCH = OPEN_SEARCH;
+const SET_SEARCH_PAGE_SIZE = 'SET_SEARCH_PAGE_SIZE';
+exports.SET_SEARCH_PAGE_SIZE = SET_SEARCH_PAGE_SIZE;
+const SET_SEARCH_PARAMS = 'SET_SEARCH_PARAMS';
+exports.SET_SEARCH_PARAMS = SET_SEARCH_PARAMS;
+const SEARCH_STARTED = 'SEARCH_STARTED';
+exports.SEARCH_STARTED = SEARCH_STARTED;
+const SEARCH_FULFILLED = 'SEARCH_FULFILLED';
+exports.SEARCH_FULFILLED = SEARCH_FULFILLED;
+const SEARCH_REJECTED = 'SEARCH_REJECTED';
+exports.SEARCH_REJECTED = SEARCH_REJECTED;
+const SET_SEARCH_ENTRY_FORM_PARAM = 'SET_SEARCH_ENTRY_FORM_PARAM';
+exports.SET_SEARCH_ENTRY_FORM_PARAM = SET_SEARCH_ENTRY_FORM_PARAM;
+const SET_FILTER_SEARCH_VALUE = 'SET_FILTER_SEARCH_VALUE';
+exports.SET_FILTER_SEARCH_VALUE = SET_FILTER_SEARCH_VALUE;
+const CLEAR_DETAIL = 'CLEAR_DETAIL';
+exports.CLEAR_DETAIL = CLEAR_DETAIL;
+const SET_DETAIL_PARAMS = 'SET_DETAIL_PARAMS';
+exports.SET_DETAIL_PARAMS = SET_DETAIL_PARAMS;
+const DETAIL_READ_STARTED = 'DETAIL_READ_STARTED';
+exports.DETAIL_READ_STARTED = DETAIL_READ_STARTED;
+const DETAIL_READ_FULFILLED = 'DETAIL_READ_FULFILLED';
+exports.DETAIL_READ_FULFILLED = DETAIL_READ_FULFILLED;
+const DETAIL_READ_REJECTED = 'DETAIL_READ_REJECTED';
+exports.DETAIL_READ_REJECTED = DETAIL_READ_REJECTED;
+const INST_SEARCH_STARTED = 'INST_SEARCH_STARTED';
+exports.INST_SEARCH_STARTED = INST_SEARCH_STARTED;
+const INST_SEARCH_FULFILLED = 'INST_SEARCH_FULFILLED';
+exports.INST_SEARCH_FULFILLED = INST_SEARCH_FULFILLED;
+const INST_SEARCH_REJECTED = 'INST_SEARCH_REJECTED';
+exports.INST_SEARCH_REJECTED = INST_SEARCH_REJECTED;

package/lib/constants/ids.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SORT_ID = exports.SEARCH_QUERY_ID = exports.FILTER_PANEL_ID = void 0;
+const FILTER_PANEL_ID = 'filter';
+exports.FILTER_PANEL_ID = FILTER_PANEL_ID;
+const SEARCH_QUERY_ID = 'search';
+exports.SEARCH_QUERY_ID = SEARCH_QUERY_ID;
+const SORT_ID = 'sort';
+exports.SORT_ID = SORT_ID;

package/lib/helpers/bodyClassName.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = className => {
+  const name = className.split('--', 1)[0];
+  return `has-${name}`;
+};
+exports.default = _default;

package/lib/helpers/esQueryHelpers.js

@@ -0,0 +1,206 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.termFilterParamToQuery = exports.histogramFilterParamToQuery = exports.getTermsAgg = exports.getSort = exports.getSearchResultPayload = exports.getSearchQuery = exports.getQuery = exports.getHistogramAgg = exports.getFilterQueries = exports.getFilterAgg = exports.getAggs = exports.fulltextParamToQuery = exports.filterParamToQuery = void 0;
+var _config = _interopRequireDefault(require("../config"));
+var _ids = require("../constants/ids");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const fulltextParamToQuery = value => {
+  if (!value) {
+    return undefined;
+  }
+  const fulltextSearchFields = _config.default.get('fulltextSearchFields');
+  return {
+    bool: {
+      should: [{
+        multi_match: {
+          query: value,
+          fields: fulltextSearchFields,
+          type: 'cross_fields',
+          operator: 'and'
+        }
+      }, {
+        multi_match: {
+          query: value,
+          fields: fulltextSearchFields,
+          type: 'phrase_prefix',
+          operator: 'and'
+        }
+      }],
+      minimum_should_match: '1'
+    }
+  };
+};
+exports.fulltextParamToQuery = fulltextParamToQuery;
+const termFilterParamToQuery = (field, value) => ({
+  terms: {
+    [field]: value.toJS()
+  }
+});
+exports.termFilterParamToQuery = termFilterParamToQuery;
+const histogramFilterParamToQuery = (field, value, interval) => {
+  const clauses = value.map(v => ({
+    range: {
+      [field]: {
+        gte: v,
+        lt: v + interval
+      }
+    }
+  })).toJS();
+  if (clauses.length === 1) {
+    return clauses[0];
+  }
+  return {
+    bool: {
+      should: clauses
+    }
+  };
+};
+exports.histogramFilterParamToQuery = histogramFilterParamToQuery;
+const filterParamToQuery = (id, value) => {
+  const filterFieldConfig = _config.default.getFilterFieldConfig(id);
+  if (!filterFieldConfig) {
+    return undefined;
+  }
+  const {
+    field,
+    type
+  } = filterFieldConfig;
+  if (type === 'histogram') {
+    return histogramFilterParamToQuery(field, value, filterFieldConfig.interval);
+  }
+  return termFilterParamToQuery(field, value);
+};
+exports.filterParamToQuery = filterParamToQuery;
+const getSearchQuery = params => fulltextParamToQuery(params.get(_ids.SEARCH_QUERY_ID));
+exports.getSearchQuery = getSearchQuery;
+const getFilterQueries = params => params.delete(_ids.SEARCH_QUERY_ID).entrySeq().map(_ref => {
+  let [id, value] = _ref;
+  return filterParamToQuery(id, value);
+}).toJS();
+exports.getFilterQueries = getFilterQueries;
+const getQuery = params => {
+  const clauses = [_config.default.get('defaultQuery'), getSearchQuery(params), ...getFilterQueries(params)].filter(clause => !!clause);
+  if (clauses.length > 1) {
+    return {
+      bool: {
+        must: clauses
+      }
+    };
+  }
+  if (clauses.length > 0) {
+    return clauses[0];
+  }
+  return {
+    match_all: {}
+  };
+};
+exports.getQuery = getQuery;
+const getHistogramAgg = function (field) {
+  let interval = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  return {
+    histogram: {
+      field,
+      interval,
+      min_doc_count: 1
+    }
+  };
+};
+exports.getHistogramAgg = getHistogramAgg;
+const getTermsAgg = function (field) {
+  let order = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    _term: 'asc'
+  };
+  return {
+    terms: {
+      field,
+      order,
+      size: 300
+    }
+  };
+};
+exports.getTermsAgg = getTermsAgg;
+const getFilterAgg = filterFieldConfig => {
+  const {
+    field,
+    order,
+    type
+  } = filterFieldConfig;
+  if (type === 'histogram') {
+    return getHistogramAgg(field, filterFieldConfig.interval);
+  }
+  return getTermsAgg(field, order);
+};
+exports.getFilterAgg = getFilterAgg;
+let aggs;
+const getAggs = params => {
+  if (!aggs) {
+    aggs = {};
+    const filterFieldsConfig = _config.default.get('filters').fields;
+    Object.entries(filterFieldsConfig).forEach(_ref2 => {
+      let [id, filterFieldConfig] = _ref2;
+      const param = params.get(id);
+      const hasValue = param && param.size > 0;
+      if (!hasValue) {
+        aggs[id] = getFilterAgg(filterFieldConfig);
+      }
+    });
+  }
+  return aggs;
+};
+exports.getAggs = getAggs;
+const getSort = params => {
+  const sortOrder = params.get(_ids.SORT_ID) || _config.default.get('defaultSortOrder');
+  const effectiveSortOrder = sortOrder === 'bestmatch' && params.delete(_ids.SORT_ID).isEmpty() ? 'newest' : sortOrder;
+  switch (effectiveSortOrder) {
+    case 'bestmatch':
+      return [{
+        _score: {
+          order: 'desc'
+        }
+      }, {
+        [_config.default.get('sortField')]: {
+          order: 'asc'
+        }
+      }];
+    case 'atoz':
+      return {
+        [_config.default.get('sortField')]: {
+          order: 'asc'
+        }
+      };
+    case 'ztoa':
+      return {
+        [_config.default.get('sortField')]: {
+          order: 'desc'
+        }
+      };
+    case 'newest':
+      return {
+        'collectionspace_core:createdAt': {
+          order: 'desc'
+        }
+      };
+    case 'oldest':
+      return {
+        'collectionspace_core:createdAt': {
+          order: 'asc'
+        }
+      };
+    default:
+      return {};
+  }
+};
+exports.getSort = getSort;
+const getSearchResultPayload = (params, pageSize, offset) => ({
+  query: getQuery(params.delete(_ids.SORT_ID)),
+  from: offset,
+  size: pageSize,
+  _source: {
+    includes: _config.default.get('includeFields')
+  },
+  sort: getSort(params)
+});
+exports.getSearchResultPayload = getSearchResultPayload;

package/lib/helpers/formatHelpers.js

@@ -0,0 +1,293 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.valueWithNote = exports.valueAt = exports.unqualifiedFieldName = exports.unformatted = exports.renderLink = exports.renderJoined = exports.renderFilterLink = exports.property = exports.pickFromList = exports.pickAllFromList = exports.paragraphs = exports.objectTypeValue = exports.numericRange = exports.nameValue = exports.nameRole = exports.literal = exports.listOf = exports.list = exports.linkedDisplayName = exports.linkText = exports.linkNote = exports.lines = exports.inlineListOf = exports.inlineList = exports.html = exports.filterLink = exports.displayNameFrom = exports.displayName = exports.decade = exports.collectionValue = exports.boolean = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _get = _interopRequireDefault(require("lodash/get"));
+var _qs = _interopRequireDefault(require("qs"));
+var _reactRouterDom = require("react-router-dom");
+var _cspaceRefname = require("cspace-refname");
+var _FieldValueList = _interopRequireDefault(require("../components/detail/FieldValueList"));
+var _Link = _interopRequireDefault(require("../../styles/cspace/Link.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const renderLink = (url, text, type) => {
+  if (!url) {
+    return text;
+  }
+  if (type === 'external') {
+    const fullUrl = !url.startsWith('http') ? `http://${url}` : url;
+    const content = text || url;
+
+    // Make sure urls with no spaces are able to wrap anywhere.
+
+    const inlineStyle = content.startsWith('http') ? {
+      overflowWrap: 'anywhere'
+    } : undefined;
+    return /*#__PURE__*/_react.default.createElement("a", {
+      className: _Link.default[type],
+      href: fullUrl,
+      rel: "noopener noreferrer",
+      style: inlineStyle,
+      target: "_blank"
+    }, content);
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
+    className: type && _Link.default[type],
+    to: url
+  }, text || url);
+};
+exports.renderLink = renderLink;
+const renderFilterLink = (filterId, filterValue, linkText) => {
+  if (!filterValue) {
+    return null;
+  }
+  const values = [filterValue];
+  const query = _qs.default.stringify({
+    [filterId]: JSON.stringify(values)
+  });
+  return renderLink(`/search?${query}`, typeof linkText === 'undefined' ? filterValue : linkText);
+};
+exports.renderFilterLink = renderFilterLink;
+const renderJoined = function (parts) {
+  let separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  const nonEmptyParts = parts.filter(part => typeof part !== 'undefined' && part !== null && part !== '');
+  if (nonEmptyParts.length === 0) {
+    return null;
+  }
+  const separatorElement = separator === '\n' ? /*#__PURE__*/_react.default.createElement("br", null) : separator;
+  return nonEmptyParts.reduce((joinedParts, nextPart) =>
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-one-expression-per-line
+  _react.default.createElement("span", null, joinedParts, separatorElement, nextPart));
+};
+exports.renderJoined = renderJoined;
+const renderList = function (values) {
+  let inline = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (Array.isArray(values)) {
+    if (values.length > 1) {
+      return /*#__PURE__*/_react.default.createElement(_FieldValueList.default, {
+        inline: inline
+      }, values.map((value, index) => /*#__PURE__*/_react.default.createElement("li", {
+        key: index
+      }, value)));
+    }
+    return values[0];
+  }
+  return values;
+};
+const unformatted = data => data;
+exports.unformatted = unformatted;
+const boolean = value => {
+  switch (value) {
+    case 0:
+      return 'No';
+    case 1:
+      return 'Yes';
+    default:
+      return value;
+  }
+};
+exports.boolean = boolean;
+const literal = value => () => value;
+exports.literal = literal;
+const collectionValue = value => value.replace('_', '-');
+exports.collectionValue = collectionValue;
+const objectTypeValue = value => value.replace('_', '-');
+exports.objectTypeValue = objectTypeValue;
+const lines = values => values && values.join('\n');
+exports.lines = lines;
+const list = values => renderList(values);
+exports.list = list;
+const inlineList = values => renderJoined(values, ', ');
+exports.inlineList = inlineList;
+const listOf = format => (array, fieldName) => renderList(array.map(value => format(value, fieldName)));
+exports.listOf = listOf;
+const inlineListOf = format => (array, fieldName) => renderJoined(array.map(value => format(value, fieldName)), ', ');
+exports.inlineListOf = inlineListOf;
+const displayName = value => (0, _cspaceRefname.getDisplayName)(value) || value;
+exports.displayName = displayName;
+const displayNameFrom = name => data => displayName(data[name]);
+exports.displayNameFrom = displayNameFrom;
+const unqualifiedFieldName = (data, fieldName) => {
+  const parts = fieldName.split(':');
+  return parts.length > 1 ? parts[1] : parts[0];
+};
+exports.unqualifiedFieldName = unqualifiedFieldName;
+const filterLink = config => (data, fieldName) => {
+  const {
+    filterIdFormat = unqualifiedFieldName,
+    filterValueFormat = unformatted,
+    linkTextFormat
+  } = config;
+  const formattedFilterId = filterIdFormat(data, fieldName);
+  const formattedFilterValue = filterValueFormat(data, fieldName);
+  const formattedLinkText = linkTextFormat ? linkTextFormat(data, fieldName) : formattedFilterValue;
+  return renderFilterLink(formattedFilterId, formattedFilterValue, formattedLinkText);
+};
+exports.filterLink = filterLink;
+const linkNote = function (urlField, noteField) {
+  let separator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ' - ';
+  return object => {
+    const {
+      [noteField]: note,
+      [urlField]: url
+    } = object;
+    const link = renderLink(url);
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, link, link && note && separator, note);
+  };
+};
+exports.linkNote = linkNote;
+const linkedDisplayName = filterId => data => renderFilterLink(filterId, displayName(data));
+exports.linkedDisplayName = linkedDisplayName;
+const linkText = config => data => {
+  const {
+    urlFieldName,
+    textFieldName,
+    type
+  } = config;
+  return renderLink(data[urlFieldName], data[textFieldName], type);
+};
+exports.linkText = linkText;
+const nameValue = config => (data, fieldName) => {
+  const {
+    nameFormat,
+    valueFormat,
+    separator = ': '
+  } = config;
+  const formattedName = nameFormat(data, fieldName);
+  const formattedValue = valueFormat(data, fieldName);
+  const parts = [formattedName, formattedValue];
+  return renderJoined(parts, separator);
+};
+exports.nameValue = nameValue;
+const property = config => data => {
+  const {
+    nameFieldName,
+    valueFieldName,
+    separator = ': '
+  } = config;
+  const parts = [renderFilterLink(nameFieldName, displayName(data[nameFieldName])), data[valueFieldName]];
+  return renderJoined(parts, separator);
+};
+exports.property = property;
+const nameRole = config => data => {
+  const {
+    nameFieldName,
+    roleFieldName,
+    linkName = true,
+    separator = ' '
+  } = config;
+  const name = displayName(data[nameFieldName]);
+  let role = displayName(data[roleFieldName]);
+  if (role) {
+    role = `(${role})`;
+  }
+  const parts = [linkName ? renderFilterLink(nameFieldName, name) : name, role];
+  return renderJoined(parts, separator);
+};
+exports.nameRole = nameRole;
+const valueWithNote = config => data => {
+  const {
+    valueFieldName,
+    noteFieldName,
+    linkValue = true,
+    separator = '\n',
+    noteLabel = 'Note: '
+  } = config;
+  const value = displayName(data[valueFieldName]);
+  let note = data[noteFieldName];
+  if (note) {
+    note = `${noteLabel}${note}`;
+  }
+  const parts = [linkValue ? renderFilterLink(valueFieldName, value) : value, note];
+  return renderJoined(parts, separator);
+};
+exports.valueWithNote = valueWithNote;
+const numericRange = config => data => {
+  const {
+    linkQualifier,
+    lowFieldName,
+    highFieldName,
+    unitFieldName,
+    qualifierFieldName,
+    qualifierSeparator = ' '
+  } = config;
+  let {
+    unit
+  } = config;
+  const low = data[lowFieldName];
+  const high = data[highFieldName];
+  const range = [low, high].filter(part => !!part).join('-');
+  if (range) {
+    unit = unit || displayName(data[unitFieldName]);
+  } else {
+    unit = null;
+  }
+  const qualifier = displayName(data[qualifierFieldName]);
+  const rangeUnit = renderJoined([range, unit], ' ');
+  return renderJoined([rangeUnit, linkQualifier ? renderFilterLink(qualifierFieldName, qualifier) : qualifier], qualifierSeparator);
+};
+exports.numericRange = numericRange;
+const paragraphs = array =>
+// eslint-disable-next-line react/no-array-index-key
+array && array.length > 0 && array.map((value, index) => /*#__PURE__*/_react.default.createElement("p", {
+  key: index
+}, value));
+exports.paragraphs = paragraphs;
+const valueAt = config => data => {
+  const {
+    path,
+    format = unformatted
+  } = config;
+  const value = (0, _get.default)(data, path);
+  const fieldName = Array.isArray(path) ? path[path.length - 1] : path;
+  return format(value, fieldName);
+};
+exports.valueAt = valueAt;
+const pickFromList = config => array => {
+  const {
+    condition,
+    format
+  } = config;
+  const {
+    path,
+    value: targetValue
+  } = condition;
+  const value = array.find(candidateItem => {
+    const candidateValue = path ? (0, _get.default)(candidateItem, path) : candidateItem;
+    return candidateValue === targetValue;
+  });
+  return format ? format(value) : value;
+};
+exports.pickFromList = pickFromList;
+const pickAllFromList = config => array => {
+  const {
+    condition,
+    format
+  } = config;
+  const {
+    path,
+    value: targetValue
+  } = condition;
+  const values = array.filter(candidateItem => {
+    const candidateValue = path ? (0, _get.default)(candidateItem, path) : candidateItem;
+    return candidateValue === targetValue;
+  });
+  return renderJoined(format ? values.map(format) : values, '\n');
+};
+exports.pickAllFromList = pickAllFromList;
+const decade = startYear => {
+  const endYear = startYear + 9;
+  return `${startYear}–${endYear}`;
+};
+
+// eslint-disable-next-line react/no-danger
+exports.decade = decade;
+const html = value => /*#__PURE__*/_react.default.createElement("div", {
+  dangerouslySetInnerHTML: {
+    __html: value
+  }
+});
+exports.html = html;

package/lib/helpers/searchDimensions.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calculateSearchPageSize = calculateSearchPageSize;
+exports.tileWidth = exports.tileHeight = exports.tileBodyHeight = void 0;
+var _dimensions = _interopRequireDefault(require("../../styles/dimensions.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* global window */
+
+const {
+  searchResultTileWidth: cssTileWidth,
+  searchResultTileBodyHeight: cssTileBodyHeight
+} = _dimensions.default;
+const tileWidth = parseInt(cssTileWidth, 10);
+exports.tileWidth = tileWidth;
+const tileBodyHeight = parseInt(cssTileBodyHeight, 10);
+exports.tileBodyHeight = tileBodyHeight;
+const tileHeight = tileWidth + tileBodyHeight;
+exports.tileHeight = tileHeight;
+function calculateSearchPageSize() {
+  const width = window.innerWidth;
+  const height = window.innerHeight;
+  const ratio = window.devicePixelRatio || 1;
+  const pageSize = width / tileWidth * (height / tileHeight + 2) / ratio;
+  return Math.max(Math.ceil(pageSize), 12);
+}

package/lib/helpers/urlHelpers.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.searchParamsToQueryString = exports.locationToSearchParams = exports.locationToDetailParams = exports.blobUrl = void 0;
+var _qs = _interopRequireDefault(require("qs"));
+var _immutable = _interopRequireDefault(require("immutable"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const blobUrl = (gatewayUrl, mediaCsid, derivative) => `${gatewayUrl}/cspace-services/media/${mediaCsid}/blob/derivatives/${derivative}/content`;
+exports.blobUrl = blobUrl;
+const searchParamsToQueryString = params => _qs.default.stringify(params.map(value => value && JSON.stringify(value)).filter(value => !!value).toJS(), {
+  format: 'RFC1738'
+});
+exports.searchParamsToQueryString = searchParamsToQueryString;
+const locationToSearchParams = location => _immutable.default.Map(_qs.default.parse(location.search, {
+  ignoreQueryPrefix: true
+})).filter(value => !!value).map(value => _immutable.default.fromJS(JSON.parse(value)));
+exports.locationToSearchParams = locationToSearchParams;
+const locationToDetailParams = (location, match) => {
+  let params = _immutable.default.fromJS(match.params);
+  const {
+    hash,
+    state
+  } = location;
+  if (hash) {
+    params = params.set('#', hash.substring(1));
+  }
+  if (state) {
+    const {
+      index,
+      searchParams
+    } = state;
+    if (typeof index !== 'undefined') {
+      params = params.set('index', index);
+    }
+    if (typeof searchParams !== 'undefined') {
+      params = params.set('searchParams', _immutable.default.fromJS(searchParams));
+    }
+  }
+  return params;
+};
+exports.locationToDetailParams = locationToDetailParams;