@civicactions/cmsds-open-data-components 3.0.0-alpha.2 → 3.0.0-alpha.21

package/lib/templates/DatasetSearch/index.js

@@ -1,356 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-exports.selectedFacetsMessage = selectedFacetsMessage;
-exports.transformUrlParamsToSearchObject = transformUrlParamsToSearchObject;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _qs = _interopRequireDefault(require("qs"));
-
-var _dataCatalogServices = require("@civicactions/data-catalog-services");
-
-var _designSystem = require("@cmsgov/design-system");
-
-var _DatasetSearchListItem = _interopRequireDefault(require("../../components/DatasetSearchListItem"));
-
-var _DatasetSearchFacets = _interopRequireDefault(require("../../components/DatasetSearchFacets"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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) { (0, _defineProperty2["default"])(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 selectedFacetsMessage(facets, alternateTitles) {
-  var message = [];
-  var keys = Object.keys(facets);
-  keys.forEach(function (k) {
-    if (facets[k].length) {
-      message.push("".concat(alternateTitles[k], ": ").concat(facets[k].join(', ')));
-    }
-  });
-  return message.join(' & ');
-}
-
-function transformUrlParamsToSearchObject(searchParams, facetList, defaultSortOptions) {
-  var params = _qs["default"].parse(searchParams, {
-    ignoreQueryPrefix: true
-  });
-
-  var selectedFacets = {};
-  facetList.forEach(function (facet) {
-    selectedFacets[facet] = params[facet] ? params[facet] : [];
-  });
-  return {
-    page: params.page,
-    sort: !params.sort ? defaultSortOptions.defaultSort : params.sort,
-    sortOrder: !params.sortOrder ? defaultSortOptions.defaultOrder : params.sortOrder,
-    fulltext: params.fulltext,
-    selectedFacets: selectedFacets
-  };
-}
-
-var DatasetSearch = function DatasetSearch(_ref) {
-  var rootUrl = _ref.rootUrl,
-      pageTitle = _ref.pageTitle,
-      introText = _ref.introText,
-      fulltextLabel = _ref.fulltextLabel,
-      fulltextLabelClassName = _ref.fulltextLabelClassName,
-      fulltextPlaceholder = _ref.fulltextPlaceholder,
-      formClassName = _ref.formClassName,
-      additionalParams = _ref.additionalParams,
-      sortOptions = _ref.sortOptions,
-      defaultSort = _ref.defaultSort,
-      showSort = _ref.showSort;
-
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      currentResultNumbers = _useState2[0],
-      setCurrentResultNumbers = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      noResults = _useState4[0],
-      setNoResults = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(true),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      loadingData = _useState6[0],
-      setLoadingData = _useState6[1];
-
-  var loadingRef = (0, _react.useRef)();
-  var location = (0, _reactRouterDom.useLocation)();
-
-  var _useSearchParams = (0, _reactRouterDom.useSearchParams)(),
-      _useSearchParams2 = (0, _slicedToArray2["default"])(_useSearchParams, 2),
-      searchParams = _useSearchParams2[0],
-      setSearchParams = _useSearchParams2[1];
-
-  var _useState7 = (0, _react.useState)(''),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      filterText = _useState8[0],
-      setFilterText = _useState8[1];
-
-  var _useSearchAPI = (0, _dataCatalogServices.useSearchAPI)(rootUrl, _objectSpread({}, transformUrlParamsToSearchObject(location.search, ['theme', 'keyword'], defaultSort)), additionalParams),
-      fulltext = _useSearchAPI.fulltext,
-      selectedFacets = _useSearchAPI.selectedFacets,
-      loading = _useSearchAPI.loading,
-      items = _useSearchAPI.items,
-      sort = _useSearchAPI.sort,
-      totalItems = _useSearchAPI.totalItems,
-      facets = _useSearchAPI.facets,
-      updateSelectedFacets = _useSearchAPI.updateSelectedFacets,
-      setFulltext = _useSearchAPI.setFulltext,
-      setSort = _useSearchAPI.setSort,
-      sortOrder = _useSearchAPI.sortOrder,
-      setSortOrder = _useSearchAPI.setSortOrder,
-      setPage = _useSearchAPI.setPage,
-      pageSize = _useSearchAPI.pageSize,
-      page = _useSearchAPI.page,
-      resetFilters = _useSearchAPI.resetFilters;
-
-  var _separateFacets = (0, _dataCatalogServices.separateFacets)(facets),
-      theme = _separateFacets.theme,
-      keyword = _separateFacets.keyword;
-
-  function buildSearchParams(includePage) {
-    var newParams = {};
-
-    if (Number(page) !== 1 && includePage) {
-      newParams.page = page;
-    }
-
-    if (sort !== defaultSort.defaultSort) {
-      newParams.sort = sort;
-    }
-
-    if (sortOrder !== defaultSort.defaultOrder) {
-      newParams.sortOrder = sortOrder;
-    }
-
-    if (fulltext !== '') {
-      newParams.fulltext = fulltext;
-    }
-
-    if (Object.keys(selectedFacets).length) {
-      Object.keys(selectedFacets).forEach(function (key) {
-        newParams[key] = selectedFacets[key];
-      });
-    }
-
-    return _qs["default"].stringify(newParams, {
-      addQueryPrefix: includePage,
-      encode: true
-    });
-  }
-
-  (0, _react.useEffect)(function () {
-    if (fulltext !== filterText) {
-      setFilterText(fulltext);
-    }
-  }, [fulltext]);
-  (0, _react.useEffect)(function () {
-    var params = buildSearchParams(true);
-
-    if (params !== location.search) {
-      setSearchParams(params);
-    }
-  }, [page, sort, sortOrder, fulltext, selectedFacets]);
-  (0, _react.useEffect)(function () {
-    // when loading state was previously true and is now false, display data
-    if (!loading && loadingRef.current === true) {
-      setLoadingData(false);
-    }
-
-    loadingRef.current = loading;
-  }, [loading]);
-  (0, _react.useEffect)(function () {
-    var baseNumber = Number(totalItems) > 0 ? 1 : 0;
-    var startingNumber = baseNumber + (Number(pageSize) * Number(page) - Number(pageSize));
-    var endingNumber = Number(pageSize) * Number(page);
-    setCurrentResultNumbers({
-      total: Number(totalItems),
-      startingNumber: Number(totalItems) >= startingNumber ? startingNumber : 0,
-      endingNumber: Number(totalItems) < endingNumber ? Number(totalItems) : endingNumber
-    });
-
-    if (totalItems <= 0 && currentResultNumbers !== null) {
-      setNoResults(true);
-    } else {
-      setNoResults(false);
-    }
-  }, [totalItems, pageSize, page]);
-  return /*#__PURE__*/_react["default"].createElement("section", {
-    className: "ds-l-container"
-  }, /*#__PURE__*/_react["default"].createElement("h1", {
-    className: "dc-search-header ds-title ds-u-margin-y--3"
-  }, pageTitle), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ds-l-row"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ds-l-md-col--8 ds-l-sm-col--12ds-u-margin-bottom--3"
-  }, introText ? introText : null, /*#__PURE__*/_react["default"].createElement("form", {
-    onSubmit: function onSubmit(e) {
-      e.preventDefault();
-
-      (function () {
-        if (filterText !== fulltext) setLoadingData(true);
-        setFulltext(filterText);
-      });
-    },
-    className: formClassName
-  }, /*#__PURE__*/_react["default"].createElement(_designSystem.TextField, {
-    fieldClassName: "ds-u-margin--0",
-    value: filterText,
-    className: "dc-fulltext--input-container ds-u-padding-right--2",
-    label: fulltextLabel,
-    labelClassName: fulltextLabelClassName,
-    placeholder: fulltextPlaceholder,
-    name: "dataset_fulltext_search",
-    onChange: function onChange(e) {
-      return setFilterText(e.target.value);
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_designSystem.Button, {
-    type: "submit",
-    htmlFor: "dataset_fulltext_search",
-    variation: "primary",
-    onClick: function onClick() {
-      if (filterText !== fulltext) setLoadingData(true);
-      setFulltext(filterText);
-    }
-  }, "Search")), loadingData ? /*#__PURE__*/_react["default"].createElement(_designSystem.Spinner, {
-    className: "ds-u-valign--middle",
-    "aria-valuetext": "Dataset Search loading",
-    role: "status"
-  }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--end"
-  }, /*#__PURE__*/_react["default"].createElement("div", null, currentResultNumbers && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ds-u-margin-y--0"
-  }, "Showing ", currentResultNumbers.startingNumber, " -", ' ', currentResultNumbers.endingNumber, " of ", currentResultNumbers.total, " datasets"), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ds-u-margin-y--0"
-  }, selectedFacetsMessage(selectedFacets, {
-    theme: 'Categories',
-    keyword: 'Tags'
-  }))), /*#__PURE__*/_react["default"].createElement(_designSystem.Button, {
-    className: "ds-u-padding--0 dc-c-clear-filters",
-    variation: "transparent",
-    onClick: function onClick() {
-      return resetFilters();
-    }
-  }, "Clear all filters")), /*#__PURE__*/_react["default"].createElement("ol", {
-    className: "dc-dataset-search-list ds-u-padding--0"
-  }, noResults && /*#__PURE__*/_react["default"].createElement(_designSystem.Alert, {
-    variation: "error",
-    heading: "No results found."
-  }), items.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement("li", {
-      className: "ds-u-padding--0",
-      key: item.identifier
-    }, /*#__PURE__*/_react["default"].createElement(_DatasetSearchListItem["default"], {
-      item: item,
-      updateFacets: updateSelectedFacets
-    }));
-  })), totalItems && /*#__PURE__*/_react["default"].createElement(_designSystem.Pagination, {
-    id: "test-default",
-    currentPage: Number(page),
-    totalPages: Math.ceil(Number(totalItems) / pageSize),
-    onPageChange: function onPageChange(evt, page) {
-      evt.preventDefault();
-      window.scroll(0, 0);
-      setPage(page);
-    },
-    renderHref: function renderHref(page) {
-      var searchParams = buildSearchParams(false);
-      var includeAnd = searchParams ? '&' : '';
-      return "/datasets?page=".concat(page).concat(includeAnd).concat(searchParams);
-    }
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ds-l-md-col--4 ds-l-sm-col--12"
-  }, showSort && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ds-u-padding--2 ds-u-margin-bottom--4 ds-u-border--1"
-  }, /*#__PURE__*/_react["default"].createElement(_designSystem.Dropdown, {
-    options: sortOptions,
-    value: sort,
-    label: "Sort by",
-    labelClassName: "ds-u-margin-top--0",
-    name: "dataset_search_sort",
-    onChange: function onChange(e) {
-      return setSort(e.target.value);
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_designSystem.Dropdown, {
-    options: [{
-      label: 'Ascending',
-      value: 'asc'
-    }, {
-      label: 'Descending',
-      value: 'desc'
-    }],
-    value: sortOrder,
-    label: "Sort order",
-    labelClassName: "ds-u-margin-top--0",
-    name: "dataset_search_sort_order",
-    onChange: function onChange(e) {
-      return setSortOrder(e.target.value);
-    }
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ds-u-padding--2 ds-u-margin-bottom--4 ds-u-border--1"
-  }, theme ? /*#__PURE__*/_react["default"].createElement(_DatasetSearchFacets["default"], {
-    title: "Categories",
-    facets: theme,
-    onclickFunction: updateSelectedFacets,
-    selectedFacets: selectedFacets.theme,
-    loading: loading
-  }) : /*#__PURE__*/_react["default"].createElement(_designSystem.Spinner, {
-    className: "ds-u-valign--middle",
-    "aria-valuetext": "Categories loading",
-    role: "status"
-  }), keyword ? /*#__PURE__*/_react["default"].createElement(_DatasetSearchFacets["default"], {
-    title: "Tags",
-    facets: keyword,
-    onclickFunction: updateSelectedFacets,
-    selectedFacets: selectedFacets.keyword,
-    loading: loading
-  }) : /*#__PURE__*/_react["default"].createElement(_designSystem.Spinner, {
-    className: "ds-u-valign--middle",
-    "aria-valuetext": "Tags loading",
-    role: "status"
-  })))));
-};
-
-DatasetSearch.defaultProps = {
-  pageTitle: 'Datasets',
-  introText: '',
-  fulltextLabel: 'Search term',
-  fulltextLabelClassName: 'ds-u-visibility--screen-reader',
-  fulltextPlaceholder: 'Type search term here',
-  formClassName: 'ds-u-display--flex ds-u-justify-content--between ds-u-margin-bottom--2',
-  showSort: true,
-  sortOptions: [{
-    label: 'Recently Updated',
-    value: 'modified'
-  }, {
-    label: 'Title',
-    value: 'title'
-  }],
-  defaultSort: {
-    defaultSort: 'modified',
-    defaultOrder: 'desc'
-  }
-};
-var _default = DatasetSearch;
-exports["default"] = _default;

package/lib/templates/DrupalPage/index.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _dataCatalogServices = require("@civicactions/data-catalog-services");
-
-var DrupalPage = function DrupalPage(_ref) {
-  var path = _ref.path,
-      rootURL = _ref.rootURL,
-      uuid = _ref.uuid,
-      entityType = _ref.entityType,
-      bundle = _ref.bundle,
-      options = _ref.options;
-
-  var _useDrupalEntity = (0, _dataCatalogServices.useDrupalEntity)(rootURL, uuid, entityType, bundle, options),
-      entity = _useDrupalEntity.entity;
-
-  var bodyContent = Object.keys(entity).length ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "dc-page ds-l-container"
-  }, /*#__PURE__*/_react["default"].createElement("h1", null, entity.attributes.title), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "dc-page-content",
-    dangerouslySetInnerHTML: {
-      __html: entity.attributes.body.processed
-    }
-  })) : '';
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, bodyContent);
-};
-
-var _default = DrupalPage;
-exports["default"] = _default;

package/lib/templates/FilteredResource/FilteredResourceBody.js

@@ -1,160 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _qs = _interopRequireDefault(require("qs"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _swaggerUiReact = _interopRequireDefault(require("swagger-ui-react"));
-
-var _dataCatalogServices = require("@civicactions/data-catalog-services");
-
-var _designSystem = require("@cmsgov/design-system");
-
-var _ResourceFilter = _interopRequireDefault(require("../../components/ResourceFilter"));
-
-var _ResourceHeader = _interopRequireDefault(require("../../components/ResourceHeader"));
-
-var _ResourcePreview = _interopRequireDefault(require("../../components/ResourcePreview"));
-
-var _ResourceFooter = _interopRequireDefault(require("../../components/ResourceFooter"));
-
-var _functions = require("./functions");
-
-var _QueryBuilder = _interopRequireDefault(require("./QueryBuilder"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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) { (0, _defineProperty2["default"])(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; }
-
-var FilteredResourceBody = function FilteredResourceBody(_ref) {
-  var id = _ref.id,
-      dataset = _ref.dataset,
-      distIndex = _ref.distIndex,
-      location = _ref.location,
-      apiDocPage = _ref.apiDocPage,
-      additionalParams = _ref.additionalParams,
-      customColumns = _ref.customColumns,
-      columnSettings = _ref.columnSettings,
-      columnWidths = _ref.columnWidths,
-      customTitle = _ref.customTitle;
-  var navigate = (0, _reactRouterDom.useNavigate)();
-
-  var _React$useState = _react["default"].useState('ds-u-padding-y--1'),
-      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-      tablePadding = _React$useState2[0],
-      setTablePadding = _React$useState2[1];
-
-  var apiDocs = (0, _react.useRef)();
-
-  var _React$useState3 = _react["default"].useState(false),
-      _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-      filtersOpen = _React$useState4[0],
-      setFiltersOpen = _React$useState4[1];
-
-  var distribution = {};
-  var distribution_array = dataset.distribution ? dataset.distribution : [];
-
-  if (distribution_array.length) {
-    distribution = distribution_array.find(function (dist) {
-      return dist.identifier === distribution_array[distIndex].identifier;
-    });
-  }
-
-  var buttonRef = null;
-  var options = location.search ? _objectSpread({}, _qs["default"].parse(location.search, {
-    ignoreQueryPrefix: true
-  })) : {
-    conditions: []
-  };
-  var conditions = options.conditions.length ? options.conditions : [];
-  var resource = (0, _dataCatalogServices.useDatastore)('', process.env.REACT_APP_ROOT_URL, _objectSpread(_objectSpread({}, options), {}, {
-    limit: 25,
-    manual: true
-  }), additionalParams);
-  (0, _react.useEffect)(function () {
-    if (distribution.identifier) {
-      resource.setResource(distribution.identifier);
-      resource.setManual(false);
-    }
-  }, [distribution]);
-  var downloadUrl = "".concat(process.env.REACT_APP_ROOT_URL, "/datastore/query/").concat(id, "/").concat(distIndex, "/download?").concat(_qs["default"].stringify({
-    conditions: resource.conditions
-  }, {
-    encode: true
-  }), "&format=csv");
-  var pageTitle = distribution.data.title && distribution.data.title.toLowerCase() !== 'csv' ? distribution.data.title : dataset.title;
-  return /*#__PURE__*/_react["default"].createElement("section", {
-    className: "ds-l-container ds-u-padding-bottom--3 ds-u-margin-bottom--2"
-  }, Object.keys(distribution).length && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
-    to: "/dataset/".concat(id),
-    className: "ds-u-padding-y--3 ds-u-display--block"
-  }, "Back to ", dataset.title), /*#__PURE__*/_react["default"].createElement("h1", {
-    className: "ds-title"
-  }, customTitle ? customTitle : pageTitle), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ds-u-margin-top--0 dc-c-metadata-description",
-    dangerouslySetInnerHTML: {
-      __html: distribution.data.description
-    }
-  }), resource.columns && Object.keys(resource.schema).length && /*#__PURE__*/_react["default"].createElement(_QueryBuilder["default"], {
-    resource: resource,
-    id: distribution.identifier,
-    customColumns: customColumns
-  }), resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_ResourceHeader["default"], {
-    includeDensity: true,
-    setTablePadding: setTablePadding,
-    distribution: distribution,
-    resource: resource,
-    downloadUrl: downloadUrl,
-    tablePadding: tablePadding,
-    includeDownload: true
-  }), /*#__PURE__*/_react["default"].createElement(_ResourcePreview["default"], {
-    id: distribution.identifier,
-    tablePadding: tablePadding,
-    resource: resource,
-    customColumns: (0, _functions.buildCustomColHeaders)(customColumns, resource.columns, resource.schema[distribution_array[distIndex].identifier]),
-    columnSettings: columnSettings,
-    options: {
-      layout: 'flex',
-      columnFilter: false,
-      columnSort: true,
-      columnResize: true
-    },
-    columnWidths: columnWidths
-  }), /*#__PURE__*/_react["default"].createElement(_ResourceFooter["default"], {
-    resource: resource
-  })) : /*#__PURE__*/_react["default"].createElement(_designSystem.Spinner, {
-    role: "status",
-    "aria-valuetext": "Resource loading"
-  }), dataset.identifier && /*#__PURE__*/_react["default"].createElement("div", {
-    ref: apiDocs
-  }, /*#__PURE__*/_react["default"].createElement("h2", null, "Try the API"), /*#__PURE__*/_react["default"].createElement(_swaggerUiReact["default"], {
-    url: "".concat(process.env.REACT_APP_ROOT_URL, "/metastore/schemas/dataset/items/").concat(dataset.identifier, "/docs").concat(additionalParams && additionalParams.ACA ? '?ACA=' + additionalParams.ACA + '&redirect=false' : ''),
-    docExpansion: 'list',
-    defaultModelsExpandDepth: -1
-  }))));
-};
-
-FilteredResourceBody.defaultProps = {
-  apiDocPage: '/api'
-};
-var _default = FilteredResourceBody;
-exports["default"] = _default;