@civicactions/cmsds-open-data-components 1.7.0 → 1.8.0

package/lib/components/ResourcePreview/index.js

@@ -48,7 +48,7 @@ function DefaultColumnFilter(_ref) {
     },
     labelClassName: "ds-u-visibility--screen-reader",
     name: accessor,
-    value: filterValue || ""
+    value: filterValue || ''
   });
 }
 
@@ -60,7 +60,8 @@ var ResourcePreview = function ResourcePreview(_ref2) {
       customColumns = _ref2.customColumns,
       truncateCellHeader = _ref2.truncateCellHeader,
       columnSettings = _ref2.columnSettings,
-      columnWidths = _ref2.columnWidths;
+      columnWidths = _ref2.columnWidths,
+      customClasses = _ref2.customClasses;
 
   var previewContainer = _react["default"].useRef(null);
 
@@ -70,22 +71,23 @@ var ResourcePreview = function ResourcePreview(_ref2) {
     minWidth: 100
   }, columnWidths);
 
-  var tableClasses = {
-    tableContainerClassName: "dc-c-table-container",
-    headerCellClassName: "ds-u-border--dark ds-u-padding--2 ds-u-border-y--2 ds-u-font-weight--bold dc-c-table-header-cell",
-    headerGroupClassName: "dc-c-table-header-group",
-    headerCellTextClassName: "".concat(truncateCellHeader ? "dc-truncate" : "", " ds-u-display--inline-block"),
-    cellEvenRowClassName: "ds-u-fill--gray-lightest",
+  var tableClasses = _objectSpread({
+    tableContainerClassName: 'dc-c-table-container',
+    headerCellClassName: 'ds-u-border--dark ds-u-padding--2 ds-u-border-y--2 ds-u-font-weight--bold dc-c-table-header-cell',
+    headerGroupClassName: 'dc-c-table-header-group',
+    headerCellTextClassName: "".concat(truncateCellHeader ? 'dc-truncate' : '', " ds-u-display--inline-block"),
+    cellEvenRowClassName: 'ds-u-fill--gray-lightest',
     cellClassName: "".concat(tablePadding, " dc-truncate ds-u-padding-x--1"),
-    filterTitleClassName: "ds-u-font-weight--bold ds-u-padding-left--2  ds-u-fill--gray-lightest ds-u-display--block",
-    headerFilterClassName: "ds-u-padding-top--1 ds-u-fill--gray-lightest",
-    headerFilterCellClassName: "ds-u-padding-x--1 ds-u-padding-bottom--0 ds-u-border-bottom--0 ds-u-fill--gray-lightest",
-    columnIsSortedClassName: "dc-c-sort dc-c-sort--default",
-    columnIsSortedAscClassName: "dc-c-sort dc-c-sort--asc",
-    columnIsSortedDecClassName: "dc-c-sort dc-c-sort--desc",
-    tableColumnResizer: "dc-c-resize-handle",
-    tableColumnIsResizing: "isResizing"
-  };
+    filterTitleClassName: 'ds-u-font-weight--bold ds-u-padding-left--2  ds-u-fill--gray-lightest ds-u-display--block',
+    headerFilterClassName: 'ds-u-padding-top--1 ds-u-fill--gray-lightest',
+    headerFilterCellClassName: 'ds-u-padding-x--1 ds-u-padding-bottom--0 ds-u-border-bottom--0 ds-u-fill--gray-lightest',
+    columnIsSortedClassName: 'dc-c-sort dc-c-sort--default',
+    columnIsSortedAscClassName: 'dc-c-sort dc-c-sort--asc',
+    columnIsSortedDecClassName: 'dc-c-sort dc-c-sort--desc',
+    tableColumnResizer: 'dc-c-resize-handle',
+    tableColumnIsResizing: 'isResizing'
+  }, customClasses);
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     ref: previewContainer,
     id: "resource-preview",
@@ -123,7 +125,7 @@ var ResourcePreview = function ResourcePreview(_ref2) {
 
 ResourcePreview.defaultProps = {
   options: {
-    layout: "flex",
+    layout: 'flex',
     columnFilter: false,
     columnSort: true,
     columnResize: true

package/lib/components/SubMenu/index.js

@@ -46,15 +46,15 @@ var SubMenu = function SubMenu(_ref) {
       }
     }
 
-    document.addEventListener("mousedown", handleClickOutside);
-    menu.current.addEventListener("focusout", handleFocusOut);
+    document.addEventListener('mousedown', handleClickOutside);
+    menu.current.addEventListener('focusout', handleFocusOut);
     return function () {
-      document.removeEventListener("mousedown", handleClickOutside);
-      menu.current.removeEventListener("focusout", handleFocusOut);
+      document.removeEventListener('mousedown', handleClickOutside);
+      menu.current.removeEventListener('focusout', handleFocusOut);
     };
   }, [menu, isExpanded]);
   return /*#__PURE__*/_react["default"].createElement("li", {
-    className: "has-submenu ".concat(isExpanded ? "open" : ""),
+    className: "has-submenu ".concat(isExpanded ? 'open' : ''),
     ref: menu
   }, /*#__PURE__*/_react["default"].createElement(_designSystem.Button, {
     size: "small",

package/lib/components/TransformedDate/index.js

@@ -27,7 +27,7 @@ TransformedDate.defaultProps = {
     year: 'numeric',
     month: 'long',
     day: 'numeric',
-    timeZone: "UTC"
+    timeZone: 'UTC'
   }
 };
 var _default = TransformedDate;

package/lib/templates/Dataset/DatasetBody.js

@@ -52,12 +52,12 @@ var DatasetBody = function DatasetBody(_ref) {
       columnWidths = _ref.columnWidths;
   var apiDocs = (0, _react.useRef)();
 
-  var _useState = (0, _react.useState)("ds-u-padding-y--1"),
+  var _useState = (0, _react.useState)('ds-u-padding-y--1'),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       tablePadding = _useState2[0],
       setTablePadding = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(""),
+  var _useState3 = (0, _react.useState)(''),
       _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
       fileFormat = _useState4[0],
       setFileFormat = _useState4[1];
@@ -69,18 +69,18 @@ var DatasetBody = function DatasetBody(_ref) {
     distribution = distribution_array[0];
   }
 
-  var resource = (0, _dataCatalogServices.useDatastore)("", process.env.REACT_APP_ROOT_URL, {
+  var resource = (0, _dataCatalogServices.useDatastore)('', process.env.REACT_APP_ROOT_URL, {
     limit: 10,
     manual: true
   }, additionalParams);
   (0, _react.useEffect)(function () {
     if (distribution.identifier) {
-      var localFileFormat = "";
+      var localFileFormat = '';
 
       if (distribution.data.format) {
         localFileFormat = distribution.data.format.toUpperCase();
       } else if (distribution.data.mediaType) {
-        var mediaType = distribution.data.mediaType.split("/");
+        var mediaType = distribution.data.mediaType.split('/');
 
         if (mediaType.length && mediaType[1]) {
           localFileFormat = mediaType[1].toUpperCase();
@@ -89,7 +89,7 @@ var DatasetBody = function DatasetBody(_ref) {
 
       setFileFormat(localFileFormat);
 
-      if (localFileFormat === "CSV") {
+      if (localFileFormat === 'CSV') {
         resource.setResource(distribution.identifier);
         resource.setManual(false);
       }
@@ -117,7 +117,7 @@ var DatasetBody = function DatasetBody(_ref) {
     dangerouslySetInnerHTML: {
       __html: dataset.description
     }
-  }), Object.keys(distribution).length && fileFormat === "CSV" ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("h2", {
+  }), Object.keys(distribution).length && fileFormat === 'CSV' ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("h2", {
     className: "dc-resource-header"
   }, "Resource Preview"), resource.columns ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_ResourceHeader["default"], {
     id: id,
@@ -134,7 +134,7 @@ var DatasetBody = function DatasetBody(_ref) {
     customColumns: (0, _functions.buildCustomColHeaders)(customColumns, resource.columns, resource.schema[distribution_array[0].identifier]),
     columnSettings: columnSettings,
     options: {
-      layout: "flex",
+      layout: 'flex',
       columnFilter: false,
       columnSort: true,
       columnResize: true
@@ -147,22 +147,22 @@ var DatasetBody = function DatasetBody(_ref) {
   })) : /*#__PURE__*/_react["default"].createElement(Spinner, {
     "aria-valuetext": "Dataset loading",
     role: "status"
-  })) : "", dataset.identifier && /*#__PURE__*/_react["default"].createElement(_DatasetAdditionalInformation["default"], {
+  })) : '', dataset.identifier && /*#__PURE__*/_react["default"].createElement(_DatasetAdditionalInformation["default"], {
     datasetInfo: dataset
-  }), Object.keys(distribution).length && fileFormat === "CSV" && dataset.identifier ? /*#__PURE__*/_react["default"].createElement("div", {
+  }), Object.keys(distribution).length && fileFormat === 'CSV' && 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",
+    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
-  })) : ""), /*#__PURE__*/_react["default"].createElement("div", {
+  })) : ''), /*#__PURE__*/_react["default"].createElement("div", {
     className: "ds-l-md-col--3 ds-l-sm-col--12"
   }, Object.keys(distribution).length ? /*#__PURE__*/_react["default"].createElement(_DatasetDownloads["default"], {
     downloadURL: distribution.data.downloadURL,
     type: fileFormat
-  }) : "", /*#__PURE__*/_react["default"].createElement(_DatasetTags["default"], {
+  }) : '', /*#__PURE__*/_react["default"].createElement(_DatasetTags["default"], {
     keywords: dataset.keyword
-  }), Object.keys(distribution).length && fileFormat === "CSV" ? /*#__PURE__*/_react["default"].createElement("div", {
+  }), Object.keys(distribution).length && fileFormat === 'CSV' ? /*#__PURE__*/_react["default"].createElement("div", {
     className: "dc-c-dataset-tags ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1"
   }, /*#__PURE__*/_react["default"].createElement("h2", {
     className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2"
@@ -170,11 +170,11 @@ var DatasetBody = function DatasetBody(_ref) {
     variation: "transparent",
     onClick: function onClick() {
       return window.scrollTo({
-        behavior: "smooth",
+        behavior: 'smooth',
         top: apiDocs.current.offsetTop
       });
     }
-  }, "Scroll to dataset API")) : "")));
+  }, "Scroll to dataset API")) : '')));
 };
 
 DatasetBody.propTypes = {

package/lib/templates/Dataset/index.js

@@ -33,7 +33,7 @@ var Dataset = function Dataset(_ref) {
       columnWidths = _ref.columnWidths;
   var metastore = (0, _dataCatalogServices.useMetastoreDataset)(id, rootUrl, additionalParams);
   var dataset = metastore.dataset;
-  var title = dataset.title ? dataset.title : "";
+  var title = dataset.title ? dataset.title : '';
   (0, _react.useEffect)(function () {
     if (title) {
       if (setDatasetTitle) {

package/lib/templates/DatasetSearch/index.js

@@ -37,11 +37,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 defaultSort = {
-  defaultSort: "modified",
-  defaultOrder: "desc"
-};
-
 function updateUrl(selectedFacets, fulltext, sort) {
   var newParams = _objectSpread({}, selectedFacets);
 
@@ -64,10 +59,10 @@ function selectedFacetsMessage(facets, alternateTitles) {
   var keys = Object.keys(facets);
   keys.forEach(function (k) {
     if (facets[k].length) {
-      message.push("".concat(alternateTitles[k], ": ").concat(facets[k].join(", ")));
+      message.push("".concat(alternateTitles[k], ": ").concat(facets[k].join(', ')));
     }
   });
-  return message.join(" & ");
+  return message.join(' & ');
 }
 
 function transformUrlParamsToSearchObject(searchParams, facetList, sortOptions) {
@@ -97,16 +92,16 @@ var DatasetSearch = function DatasetSearch(_ref) {
       fulltextPlaceholder = _ref.fulltextPlaceholder,
       formClassName = _ref.formClassName,
       additionalParams = _ref.additionalParams,
-      sortOptions = _ref.sortOptions;
-
-  var sortOpt = _objectSpread(_objectSpread({}, defaultSort), sortOptions);
+      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 _useSearchAPI = (0, _dataCatalogServices.useSearchAPI)(rootUrl, _objectSpread({}, transformUrlParamsToSearchObject(location.search, ["theme", "keyword"], sortOpt)), additionalParams),
+  var _useSearchAPI = (0, _dataCatalogServices.useSearchAPI)(rootUrl, _objectSpread({}, transformUrlParamsToSearchObject(location.search, ['theme', 'keyword'], defaultSort)), additionalParams),
       fulltext = _useSearchAPI.fulltext,
       selectedFacets = _useSearchAPI.selectedFacets,
       loading = _useSearchAPI.loading,
@@ -128,7 +123,7 @@ var DatasetSearch = function DatasetSearch(_ref) {
       theme = _separateFacets.theme,
       keyword = _separateFacets.keyword;
 
-  var _useState3 = (0, _react.useState)(""),
+  var _useState3 = (0, _react.useState)(''),
       _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
       filterText = _useState4[0],
       setFilterText = _useState4[1];
@@ -142,7 +137,7 @@ var DatasetSearch = function DatasetSearch(_ref) {
   _react["default"].useEffect(function () {
     var url = new URL(window.location);
     var searchParams = updateUrl(selectedFacets, fulltext, sort);
-    window.history.pushState({}, "", "".concat(url.origin).concat(url.pathname).concat(searchParams));
+    window.history.pushState({}, '', "".concat(url.origin).concat(url.pathname).concat(searchParams));
   }, [fulltext, selectedFacets, sort]);
 
   (0, _react.useEffect)(function () {
@@ -159,11 +154,7 @@ var DatasetSearch = function DatasetSearch(_ref) {
   function changePage(page) {
     setPage(page);
     window.scroll(0, 0);
-  } // function updateSort(value) {
-  //   setSortOrder(value);
-  //   setSort(value);
-  // }
-
+  }
 
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: "ds-l-container"
@@ -204,11 +195,11 @@ var DatasetSearch = function DatasetSearch(_ref) {
     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", {
+  }, "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"
+    theme: 'Categories',
+    keyword: 'Tags'
   }))), /*#__PURE__*/_react["default"].createElement(_designSystem.Button, {
     className: "ds-u-padding--0 dc-c-clear-filters",
     variation: "transparent",
@@ -230,16 +221,10 @@ var DatasetSearch = function DatasetSearch(_ref) {
     buttonAction: changePage
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "ds-l-md-col--4 ds-l-sm-col--12"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, 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: [{
-      label: "Recently Updated",
-      value: "modified"
-    }, {
-      label: "Title",
-      value: "title"
-    }],
+    options: sortOptions,
     value: sort,
     label: "Sort by",
     labelClassName: "ds-u-margin-top--0",
@@ -249,11 +234,11 @@ var DatasetSearch = function DatasetSearch(_ref) {
     }
   }), /*#__PURE__*/_react["default"].createElement(_designSystem.Dropdown, {
     options: [{
-      label: "Ascending",
-      value: "asc"
+      label: 'Ascending',
+      value: 'asc'
     }, {
-      label: "Descending",
-      value: "desc"
+      label: 'Descending',
+      value: 'desc'
     }],
     value: sortOrder,
     label: "Sort order",
@@ -286,12 +271,24 @@ var DatasetSearch = function DatasetSearch(_ref) {
 };
 
 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"
+  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/FilteredResource/FilteredResourceBody.js

@@ -52,9 +52,10 @@ var FilteredResourceBody = function FilteredResourceBody(_ref) {
       additionalParams = _ref.additionalParams,
       customColumns = _ref.customColumns,
       columnSettings = _ref.columnSettings,
-      columnWidths = _ref.columnWidths;
+      columnWidths = _ref.columnWidths,
+      customTitle = _ref.customTitle;
 
-  var _React$useState = _react["default"].useState("ds-u-padding-y--1"),
+  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];
@@ -81,7 +82,7 @@ var FilteredResourceBody = function FilteredResourceBody(_ref) {
   })) : {
     conditions: []
   };
-  var resource = (0, _dataCatalogServices.useDatastore)("", process.env.REACT_APP_ROOT_URL, _objectSpread(_objectSpread({}, options), {}, {
+  var resource = (0, _dataCatalogServices.useDatastore)('', process.env.REACT_APP_ROOT_URL, _objectSpread(_objectSpread({}, options), {}, {
     limit: 25,
     manual: true
   }), additionalParams);
@@ -104,7 +105,7 @@ var FilteredResourceBody = function FilteredResourceBody(_ref) {
     className: "ds-u-padding-y--3 ds-u-display--block"
   }, "Back to ", dataset.title), /*#__PURE__*/_react["default"].createElement("h1", {
     className: "ds-title"
-  }, pageTitle), /*#__PURE__*/_react["default"].createElement("p", {
+  }, customTitle ? customTitle : pageTitle), /*#__PURE__*/_react["default"].createElement("p", {
     className: "ds-u-margin-top--0",
     dangerouslySetInnerHTML: {
       __html: distribution.data.description
@@ -154,7 +155,7 @@ var FilteredResourceBody = function FilteredResourceBody(_ref) {
     className: "ds-u-text-align--left ds-u-font-weight--normal",
     onClick: function onClick() {
       return window.scrollTo({
-        behavior: "smooth",
+        behavior: 'smooth',
         top: apiDocs.current.offsetTop
       });
     }
@@ -177,7 +178,7 @@ var FilteredResourceBody = function FilteredResourceBody(_ref) {
     customColumns: (0, _functions.buildCustomColHeaders)(customColumns, resource.columns, resource.schema[distribution_array[distIndex].identifier]),
     columnSettings: columnSettings,
     options: {
-      layout: "flex",
+      layout: 'flex',
       columnFilter: false,
       columnSort: true,
       columnResize: true
@@ -197,14 +198,14 @@ var FilteredResourceBody = function FilteredResourceBody(_ref) {
   }), 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",
+    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"
+  apiDocPage: '/api'
 };
 var _default = FilteredResourceBody;
 exports["default"] = _default;

package/lib/templates/FilteredResource/functions.js

@@ -1,18 +1,29 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildCustomColHeaders = buildCustomColHeaders;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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 buildCustomColHeaders(customHeaders, columns, schema) {
   return columns.map(function (column) {
     var customHeaderIndex = customHeaders.findIndex(function (header) {
-      return header.id === column;
+      return header.accessor === column;
     });
 
     if (customHeaderIndex > -1) {
-      return customHeaders[customHeaderIndex];
+      return _objectSpread({
+        Header: schema && schema.fields[column].description ? schema.fields[column].description : column,
+        accessor: column
+      }, customHeaders[customHeaderIndex]);
     }
 
     return {

package/lib/templates/FilteredResource/index.js

@@ -32,7 +32,8 @@ var FilteredResource = function FilteredResource(_ref) {
       customColumns = _ref.customColumns,
       setDatasetTitle = _ref.setDatasetTitle,
       columnSettings = _ref.columnSettings,
-      columnWidths = _ref.columnWidths;
+      columnWidths = _ref.columnWidths,
+      customTitle = _ref.customTitle;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -47,7 +48,7 @@ var FilteredResource = function FilteredResource(_ref) {
   var _useMetastoreDataset = (0, _dataCatalogServices.useMetastoreDataset)(id, process.env.REACT_APP_ROOT_URL, additionalParams),
       dataset = _useMetastoreDataset.dataset;
 
-  var distIndex = dist_id === "data" ? 0 : dist_id;
+  var distIndex = dist_id === 'data' ? 0 : dist_id;
   (0, _react.useEffect)(function () {
     if (dataset.error) {
       setError(true);
@@ -85,7 +86,8 @@ var FilteredResource = function FilteredResource(_ref) {
     additionalParams: additionalParams,
     customColumns: customColumns ? customColumns : [],
     columnSettings: columnSettings,
-    columnWidths: columnWidths
+    columnWidths: columnWidths,
+    customTitle: customTitle
   })));
 };
 

package/lib/templates/Footer/index.js

@@ -65,15 +65,15 @@ var Footer = function Footer(_ref) {
   }, emailButton))))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "dc-c-footer--middle-container"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(md ? "ds-l-container" : "")
+    className: "".concat(md ? 'ds-l-container' : '')
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "ds-l-row ds-u-margin--0"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "dc-c-footer__resources ds-l-md-col--7 ds-l-sm-col--12 ds-u-padding-top--7 ds-u-padding-bottom--4 ".concat(md ? "ds-u-padding-x--0" : "", " ").concat(sm ? "ds-u-padding-x--4" : "")
+    className: "dc-c-footer__resources ds-l-md-col--7 ds-l-sm-col--12 ds-u-padding-top--7 ds-u-padding-bottom--4 ".concat(md ? 'ds-u-padding-x--0' : '', " ").concat(sm ? 'ds-u-padding-x--4' : '')
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "ds-l-lg-col--9 ds-l-md-col--11 ds-u-padding-x--0"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ds-u-display--flex ".concat(xs ? "ds-u-flex-direction--column" : "ds-u-flex-direction--row")
+    className: "ds-u-display--flex ".concat(xs ? 'ds-u-flex-direction--column' : 'ds-u-flex-direction--row')
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "ds-u-margin-right--6 ds-u-margin-bottom--2"
   }, /*#__PURE__*/_react["default"].createElement("h2", {
@@ -94,7 +94,7 @@ var Footer = function Footer(_ref) {
     className: "ds-u-font-size--small"
   }, footerAdditionalResourcesLinks.filter(function (link) {
     var noOnClick = Object.keys(link).findIndex(function (l) {
-      return l === "onClick";
+      return l === 'onClick';
     });
 
     if (noOnClick === -1 || link.onClick && link.dataTag) {
@@ -107,7 +107,7 @@ var Footer = function Footer(_ref) {
         key: link.id
       }, /*#__PURE__*/_react["default"].createElement("a", (0, _extends2["default"])({
         href: link.url
-      }, (0, _defineProperty2["default"])({}, "data-" + link.dataTag.name, link.dataTag.value), {
+      }, (0, _defineProperty2["default"])({}, 'data-' + link.dataTag.name, link.dataTag.value), {
         onClick: link.onClick
       }), link.label));
     }
@@ -120,7 +120,7 @@ var Footer = function Footer(_ref) {
       className: "dc-menu-item"
     }));
   })))))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "dc-c-footer__cms-information ds-l-md-col--5 ds-l-sm-col--12 ".concat(md ? "ds-u-padding-left--7" : "", " ").concat(sm ? " ds-u-padding-left--4" : "", " ds-u-padding-y--7")
+    className: "dc-c-footer__cms-information ds-l-md-col--5 ds-l-sm-col--12 ".concat(md ? 'ds-u-padding-left--7' : '', " ").concat(sm ? ' ds-u-padding-left--4' : '', " ds-u-padding-y--7")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "ds-u-font-size--small"
   }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("a", {
@@ -177,7 +177,7 @@ var Footer = function Footer(_ref) {
     "data-fa-i2svg": ""
   }, /*#__PURE__*/_react["default"].createElement("title", {
     id: "svg-inline--fa-title-iRCARP7h6Kp3"
-  }, socialMediaLinks.facebook.title ? socialMediaLinks.facebook.title : "CMS Facebook"), /*#__PURE__*/_react["default"].createElement("g", {
+  }, socialMediaLinks.facebook.title ? socialMediaLinks.facebook.title : 'CMS Facebook'), /*#__PURE__*/_react["default"].createElement("g", {
     transform: "translate(160 256)"
   }, /*#__PURE__*/_react["default"].createElement("g", {
     transform: "translate(0, 0)  scale(0.78125, 0.78125)  rotate(0 0 0)"
@@ -215,7 +215,7 @@ var Footer = function Footer(_ref) {
     "data-fa-i2svg": ""
   }, /*#__PURE__*/_react["default"].createElement("title", {
     id: "svg-inline--fa-title-4z03ITiPPTVF"
-  }, socialMediaLinks.twitter.title ? socialMediaLinks.twitter.title : "CMS Twitter"), /*#__PURE__*/_react["default"].createElement("g", {
+  }, socialMediaLinks.twitter.title ? socialMediaLinks.twitter.title : 'CMS Twitter'), /*#__PURE__*/_react["default"].createElement("g", {
     transform: "translate(256 256)"
   }, /*#__PURE__*/_react["default"].createElement("g", {
     transform: "translate(0, 0)  scale(0.78125, 0.78125)  rotate(0 0 0)"
@@ -253,7 +253,7 @@ var Footer = function Footer(_ref) {
     "data-fa-i2svg": ""
   }, /*#__PURE__*/_react["default"].createElement("title", {
     id: "svg-inline--fa-title-Nm2qsuSKvuRZ"
-  }, socialMediaLinks.linkedin.title ? socialMediaLinks.linkedin.title : "CMS LinkedIn"), /*#__PURE__*/_react["default"].createElement("g", {
+  }, socialMediaLinks.linkedin.title ? socialMediaLinks.linkedin.title : 'CMS LinkedIn'), /*#__PURE__*/_react["default"].createElement("g", {
     transform: "translate(224 256)"
   }, /*#__PURE__*/_react["default"].createElement("g", {
     transform: "translate(0, 0)  scale(0.78125, 0.78125)  rotate(0 0 0)"
@@ -289,7 +289,7 @@ var Footer = function Footer(_ref) {
     "data-fa-i2svg": ""
   }, /*#__PURE__*/_react["default"].createElement("title", {
     id: "svg-inline--fa-title-youtube"
-  }, socialMediaLinks.youtube.title ? socialMediaLinks.youtube.title : "CMS youtube"), /*#__PURE__*/_react["default"].createElement("path", {
+  }, socialMediaLinks.youtube.title ? socialMediaLinks.youtube.title : 'CMS youtube'), /*#__PURE__*/_react["default"].createElement("path", {
     fill: "currentColor",
     d: "M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"
   }))))))))))), /*#__PURE__*/_react["default"].createElement("div", {
@@ -299,7 +299,7 @@ var Footer = function Footer(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "ds-l-col--12 ds-u-padding-y--3"
   }, /*#__PURE__*/_react["default"].createElement("ul", {
-    className: "ds-u-padding--0 ds-u-display--flex ".concat(md ? "ds-u-flex-direction--row" : "ds-u-flex-direction--column", " ds-u-flex-wrap--wrap")
+    className: "ds-u-padding--0 ds-u-display--flex ".concat(md ? 'ds-u-flex-direction--row' : 'ds-u-flex-direction--column', " ds-u-flex-wrap--wrap")
   }, footerUtilityLinks.map(function (link) {
     return /*#__PURE__*/_react["default"].createElement("li", {
       key: link.id
@@ -312,10 +312,10 @@ var Footer = function Footer(_ref) {
 
 Footer.defaultProps = {
   showEmail: true,
-  emailTitle: "Get Email Updates",
-  emailBody: "Sign up to get the latest information from CMS by choosing the topics and frequency of emails that are best for you.",
-  emailLink: "",
-  emailButton: "Sign up for email updates",
+  emailTitle: 'Get Email Updates',
+  emailBody: 'Sign up to get the latest information from CMS by choosing the topics and frequency of emails that are best for you.',
+  emailLink: '',
+  emailButton: 'Sign up for email updates',
   socialMediaLinks: null,
   trademarkContent: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, "A federal government website managed and paid for by the U.S. Centers for Medicare & Medicaid Services."), /*#__PURE__*/_react["default"].createElement("p", null, "7500 Security Boulevard, Baltimore, MD 21244"))
 };