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

package/lib/components/ResourceFilter/resourcefilter.test.js

@@ -1,440 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactHooks = require("@testing-library/react-hooks");
-
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
-var _react2 = require("@testing-library/react");
-
-require("@testing-library/jest-dom/extend-expect");
-
-var _index = _interopRequireDefault(require("./index"));
-
-/**
- * @jest-environment jsdom
- */
-// import { act } from 'react-dom/test-utils';
-var columns = ['column_1', 'column_2', 'column_3'];
-var sampleDefaultCondition = {
-  operator: '',
-  property: '',
-  value: ''
-};
-var sampleSchema = {
-  '1234-abcd': {
-    fields: {
-      column_1: {
-        description: '',
-        type: 'text'
-      },
-      column_2: {
-        description: '',
-        type: 'text'
-      },
-      column_3: {
-        description: '',
-        type: 'text'
-      }
-    }
-  }
-};
-var sampleResource = {
-  columns: columns,
-  conditions: [],
-  properties: undefined,
-  schema: sampleSchema,
-  setConditions: function setConditions() {
-    return {};
-  }
-};
-var sampleResource2 = {
-  columns: columns,
-  conditions: [{
-    operator: 'like',
-    property: 'column_2',
-    value: 'dkan'
-  }],
-  properties: undefined,
-  schema: sampleSchema,
-  setConditions: function setConditions() {
-    return {};
-  }
-};
-
-var BasicFilter = /*#__PURE__*/_react["default"].createElement(_index["default"], {
-  id: '1234-abcd',
-  filterOpen: true,
-  setFilterOpen: function setFilterOpen() {
-    return !filterOpen;
-  },
-  defaultCondition: sampleDefaultCondition,
-  resource: sampleResource,
-  includeSearchParams: true
-});
-
-var PreFilledFilter = /*#__PURE__*/_react["default"].createElement(_index["default"], {
-  id: '1234-abcd',
-  filterOpen: true,
-  setFilterOpen: function setFilterOpen() {
-    return !filterOpen;
-  },
-  defaultCondition: sampleDefaultCondition,
-  resource: sampleResource2,
-  includeSearchParams: true
-});
-
-var WrapperComponent = function WrapperComponent() {
-  var _React$useState = _react["default"].useState([]),
-      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-      conditions = _React$useState2[0],
-      setConditions = _React$useState2[1];
-
-  return /*#__PURE__*/_react["default"].createElement(_index["default"], {
-    id: '1234-abcd',
-    filterOpen: true,
-    setFilterOpen: function setFilterOpen() {
-      return !filterOpen;
-    },
-    defaultCondition: sampleDefaultCondition,
-    resource: {
-      columns: columns,
-      conditions: conditions,
-      properties: undefined,
-      schema: sampleSchema,
-      setConditions: setConditions
-    },
-    includeSearchParams: true
-  });
-};
-
-describe('Resource Filter Functions', function () {
-  test('renders with header and close button', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            (0, _react2.render)(BasicFilter);
-            expect(_react2.screen.getByRole('heading', {
-              level: 3,
-              name: 'Add filters'
-            })).toBeInTheDocument();
-            expect(_react2.screen.getByRole('button', {
-              name: 'Close help drawer'
-            })).toBeInTheDocument();
-
-          case 3:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-  test('renders with footer', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-    return _regenerator["default"].wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            (0, _react2.render)(BasicFilter);
-            expect(_react2.screen.getByRole('heading', {
-              level: 4,
-              name: 'Update actions'
-            })).toBeInTheDocument();
-            expect(_react2.screen.getByRole('button', {
-              name: 'Update table'
-            })).toBeInTheDocument();
-
-          case 3:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  })));
-  test('does not render Remove all filters button with less than 2 filters', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-    return _regenerator["default"].wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            (0, _react2.render)(BasicFilter);
-            expect(_react2.screen.queryByRole('button', {
-              name: 'Remove all filters'
-            })).not.toBeInTheDocument();
-
-          case 2:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3);
-  })));
-  test('renders an empty field on clean start', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
-    return _regenerator["default"].wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            (0, _react2.render)(BasicFilter);
-            expect(_react2.screen.getByLabelText('Filter column')).toBeInTheDocument();
-            expect(_react2.screen.getByLabelText('Filter operator')).toBeInTheDocument();
-            expect(_react2.screen.getByLabelText('Filter value')).toBeInTheDocument();
-            expect(_react2.screen.getByDisplayValue('Select column')).toBeInTheDocument();
-            expect(_react2.screen.getByDisplayValue('--')).toBeInTheDocument();
-            expect(_react2.screen.getByRole('button', {
-              name: 'Remove filter'
-            })).toBeInTheDocument();
-            expect(_react2.screen.getByRole('button', {
-              name: '+ Add another filter'
-            })).toBeInTheDocument();
-
-          case 8:
-          case "end":
-            return _context4.stop();
-        }
-      }
-    }, _callee4);
-  })));
-  test('test basic filter', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7() {
-    return _regenerator["default"].wrap(function _callee7$(_context7) {
-      while (1) {
-        switch (_context7.prev = _context7.next) {
-          case 0:
-            (0, _react2.render)(BasicFilter);
-            expect(_react2.screen.getByDisplayValue('Select column')).toBeInTheDocument();
-            expect(_react2.screen.getByRole('option', {
-              name: 'Select column'
-            }).selected).toBe(true);
-            expect(_react2.screen.getByRole('option', {
-              name: 'column_1'
-            }).selected).toBe(false);
-            expect(_react2.screen.getByRole('option', {
-              name: '--'
-            }).selected).toBe(true);
-            expect(_react2.screen.getByLabelText('Filter value')).toBeDisabled();
-            _context7.next = 8;
-            return (0, _reactHooks.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
-              return _regenerator["default"].wrap(function _callee5$(_context5) {
-                while (1) {
-                  switch (_context5.prev = _context5.next) {
-                    case 0:
-                      _userEvent["default"].selectOptions(_react2.screen.getByRole('combobox', {
-                        name: 'Filter column'
-                      }), ['column_1']);
-
-                    case 1:
-                    case "end":
-                      return _context5.stop();
-                  }
-                }
-              }, _callee5);
-            })));
-
-          case 8:
-            expect(_react2.screen.getByRole('option', {
-              name: 'Select column'
-            }).selected).toBe(false);
-            expect(_react2.screen.getByRole('option', {
-              name: 'column_1'
-            }).selected).toBe(true);
-            expect(_react2.screen.getByRole('option', {
-              name: 'Is'
-            }).selected).toBe(true);
-            expect(_react2.screen.getByLabelText('Filter value')).not.toBeDisabled();
-            _context7.next = 14;
-            return (0, _reactHooks.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6() {
-              return _regenerator["default"].wrap(function _callee6$(_context6) {
-                while (1) {
-                  switch (_context6.prev = _context6.next) {
-                    case 0:
-                      _userEvent["default"].selectOptions(_react2.screen.getByRole('combobox', {
-                        name: 'Filter column'
-                      }), ['Select column']);
-
-                    case 1:
-                    case "end":
-                      return _context6.stop();
-                  }
-                }
-              }, _callee6);
-            })));
-
-          case 14:
-            expect(_react2.screen.getByRole('option', {
-              name: 'Select column'
-            }).selected).toBe(true);
-            expect(_react2.screen.getByRole('option', {
-              name: 'column_1'
-            }).selected).toBe(false);
-            expect(_react2.screen.getByRole('option', {
-              name: '--'
-            }).selected).toBe(true);
-            expect(_react2.screen.getByLabelText('Filter value')).toBeDisabled();
-
-          case 18:
-          case "end":
-            return _context7.stop();
-        }
-      }
-    }, _callee7);
-  })));
-  test('opens pre-filled', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8() {
-    return _regenerator["default"].wrap(function _callee8$(_context8) {
-      while (1) {
-        switch (_context8.prev = _context8.next) {
-          case 0:
-            (0, _react2.render)(PreFilledFilter);
-            expect(_react2.screen.getByDisplayValue('column_2')).toBeInTheDocument();
-            expect(_react2.screen.getByRole('option', {
-              name: 'column_2'
-            }).selected).toBe(true);
-            expect(_react2.screen.getByRole('option', {
-              name: 'Contains'
-            }).selected).toBe(true);
-            expect(_react2.screen.getByLabelText('Filter value')).not.toBeDisabled();
-            expect(_react2.screen.getByDisplayValue('dkan')).toBeInTheDocument();
-
-          case 6:
-          case "end":
-            return _context8.stop();
-        }
-      }
-    }, _callee8);
-  })));
-  test('remove all works', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee11() {
-    return _regenerator["default"].wrap(function _callee11$(_context11) {
-      while (1) {
-        switch (_context11.prev = _context11.next) {
-          case 0:
-            (0, _react2.render)(PreFilledFilter);
-            expect(_react2.screen.getByRole('option', {
-              name: 'column_2'
-            }).selected).toBe(true);
-            expect(_react2.screen.getByRole('option', {
-              name: 'Contains'
-            }).selected).toBe(true);
-            expect(_react2.screen.getByDisplayValue('dkan')).toBeInTheDocument();
-            expect(_react2.screen.queryAllByLabelText('Filter value').length).toBe(1);
-            expect(_react2.screen.getByRole('button', {
-              name: '+ Add another filter'
-            })).toBeInTheDocument();
-            expect(_react2.screen.queryByRole('button', {
-              name: 'Remove all filters'
-            })).not.toBeInTheDocument();
-            _context11.next = 9;
-            return (0, _reactHooks.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee9() {
-              return _regenerator["default"].wrap(function _callee9$(_context9) {
-                while (1) {
-                  switch (_context9.prev = _context9.next) {
-                    case 0:
-                      _userEvent["default"].click(_react2.screen.getByRole('button', {
-                        name: '+ Add another filter'
-                      }));
-
-                    case 1:
-                    case "end":
-                      return _context9.stop();
-                  }
-                }
-              }, _callee9);
-            })));
-
-          case 9:
-            expect(_react2.screen.queryAllByLabelText('Filter value').length).toBe(2);
-            expect(_react2.screen.getByRole('button', {
-              name: 'Remove all filters'
-            })).toBeInTheDocument();
-            _context11.next = 13;
-            return (0, _reactHooks.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee10() {
-              return _regenerator["default"].wrap(function _callee10$(_context10) {
-                while (1) {
-                  switch (_context10.prev = _context10.next) {
-                    case 0:
-                      _userEvent["default"].click(_react2.screen.getByRole('button', {
-                        name: 'Remove all filters'
-                      }));
-
-                    case 1:
-                    case "end":
-                      return _context10.stop();
-                  }
-                }
-              }, _callee10);
-            })));
-
-          case 13:
-            expect(_react2.screen.queryAllByLabelText('Filter value').length).toBe(0);
-
-          case 14:
-          case "end":
-            return _context11.stop();
-        }
-      }
-    }, _callee11);
-  })));
-  test('url updates correctly', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee14() {
-    return _regenerator["default"].wrap(function _callee14$(_context14) {
-      while (1) {
-        switch (_context14.prev = _context14.next) {
-          case 0:
-            (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(WrapperComponent, null));
-
-            _userEvent["default"].selectOptions(_react2.screen.getByRole('combobox', {
-              name: 'Filter column'
-            }), ['column_1']);
-
-            _context14.next = 4;
-            return _userEvent["default"].type(_react2.screen.getByLabelText('Filter value'), 'dkan', {
-              delay: 1
-            });
-
-          case 4:
-            _context14.next = 6;
-            return (0, _reactHooks.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee12() {
-              return _regenerator["default"].wrap(function _callee12$(_context12) {
-                while (1) {
-                  switch (_context12.prev = _context12.next) {
-                    case 0:
-                    case "end":
-                      return _context12.stop();
-                  }
-                }
-              }, _callee12);
-            })));
-
-          case 6:
-            _userEvent["default"].click(_react2.screen.getByRole('button', {
-              name: 'Update table'
-            }, {}));
-
-            _context14.next = 9;
-            return (0, _reactHooks.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee13() {
-              return _regenerator["default"].wrap(function _callee13$(_context13) {
-                while (1) {
-                  switch (_context13.prev = _context13.next) {
-                    case 0:
-                    case "end":
-                      return _context13.stop();
-                  }
-                }
-              }, _callee13);
-            })));
-
-          case 9:
-            expect(window.location.search).toBe('?conditions[0][operator]=%3D&conditions[0][property]=column_1&conditions[0][value]=dkan');
-
-          case 10:
-          case "end":
-            return _context14.stop();
-        }
-      }
-    }, _callee14);
-  })));
-});

package/lib/components/ResourceFooter/index.js

@@ -1,34 +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 _Pagination = _interopRequireDefault(require("../Pagination"));
-
-var ResourceFooter = function ResourceFooter(_ref) {
-  var resource = _ref.resource;
-  var limit = resource.limit,
-      values = resource.values,
-      offset = resource.offset,
-      count = resource.count,
-      setOffset = resource.setOffset;
-
-  function calcPageByOffset(page) {
-    setOffset((page - 1) * limit);
-  }
-
-  return /*#__PURE__*/_react["default"].createElement("div", null, values.length > 0 && /*#__PURE__*/_react["default"].createElement(_Pagination["default"], {
-    totalPages: Math.ceil(Number(count) / limit),
-    currentPage: Number(offset) / limit + 1,
-    buttonAction: calcPageByOffset
-  }));
-};
-
-var _default = ResourceFooter;
-exports["default"] = _default;

package/lib/components/ResourceHeader/index.js

@@ -1,149 +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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _reactResponsive = require("react-responsive");
-
-var _reactPopper = require("react-popper");
-
-var _designSystem = require("@cmsgov/design-system");
-
-var _dataCatalogComponents = require("@civicactions/data-catalog-components");
-
-var _DataTableDensity = _interopRequireDefault(require("../../components/DataTableDensity"));
-
-var _ManageColumns = _interopRequireDefault(require("../../components/ManageColumns"));
-
-var _DataTableRowChanger = _interopRequireDefault(require("../../components/DataTableRowChanger"));
-
-var _download = _interopRequireDefault(require("../../assets/icons/download"));
-
-var _copy = _interopRequireDefault(require("../../assets/icons/copy"));
-
-var _settings = _interopRequireDefault(require("../../assets/icons/settings"));
-
-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; }
-
-var ResourceHeader = function ResourceHeader(_ref) {
-  var setTablePadding = _ref.setTablePadding,
-      id = _ref.id,
-      distribution = _ref.distribution,
-      includeFiltered = _ref.includeFiltered,
-      includeDensity = _ref.includeDensity,
-      includeDownload = _ref.includeDownload,
-      resource = _ref.resource,
-      tablePadding = _ref.tablePadding,
-      downloadUrl = _ref.downloadUrl;
-  var md = (0, _reactResponsive.useMediaQuery)({
-    minWidth: 0,
-    maxWidth: 768
-  });
-  var limit = resource.limit,
-      offset = resource.offset,
-      count = resource.count,
-      setLimit = resource.setLimit,
-      setOffset = resource.setOffset;
-  var intCount = count ? parseInt(count) : 0;
-
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      referenceElement = _useState2[0],
-      setReferenceElement = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      popperElement = _useState4[0],
-      setPopperElement = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(null),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      arrowElement = _useState6[0],
-      setArrowElement = _useState6[1];
-
-  var _usePopper = (0, _reactPopper.usePopper)(referenceElement, popperElement, {
-    modifiers: [{
-      name: 'arrow',
-      options: {
-        element: arrowElement
-      }
-    }]
-  }),
-      styles = _usePopper.styles,
-      attributes = _usePopper.attributes;
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "dc-c-resource-header"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ds-l-row"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ds-l-col--12"
-  }, includeFiltered && /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
-    className: "ds-c-button ds-c-button--primary",
-    to: "/dataset/".concat(id, "/data")
-  }, "View and filter data"))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ds-l-row ds-u-align-items--center"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ds-l-col--12 ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ds-u-font-weight--bold"
-  }, /*#__PURE__*/_react["default"].createElement(_dataCatalogComponents.DataTablePageResults, {
-    totalRows: parseInt(intCount),
-    limit: parseInt(limit),
-    offset: parseInt(offset)
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "dc-c-resource-header--buttons"
-  }, includeDownload && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_designSystem.Button, {
-    size: "small",
-    className: "ds-u-text-align--left ds-u-font-weight--normal ds-u-font-size--base ds-u-margin-right--1",
-    href: downloadUrl,
-    "aria-label": "Download filtered data (CSV)"
-  }, /*#__PURE__*/_react["default"].createElement(_download["default"], null), !md && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "ds-u-font-weight--semibold ds-u-margin-left--1"
-  }, "Download filtered data (CSV)")), /*#__PURE__*/_react["default"].createElement(_designSystem.Tooltip, {
-    onOpen: function onOpen() {
-      navigator.clipboard.writeText(window.location.href);
-    },
-    className: "ds-c-button ds-c-button--small ds-u-text-align--left ds-u-margin-right--1",
-    placement: "bottom",
-    dialog: true,
-    ariaLabel: "Copy link to filtered data",
-    title: "Link copied to clipboard"
-  }, /*#__PURE__*/_react["default"].createElement(_copy["default"], null), !md && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "ds-u-font-weight--semibold ds-u-margin-left--1"
-  }, "Copy link to filtered data"))), /*#__PURE__*/_react["default"].createElement(_designSystem.Tooltip, {
-    className: "ds-c-button ds-c-button--small ds-u-text-align--left",
-    placement: "bottom",
-    dialog: true,
-    ariaLabel: "Display settings",
-    title: /*#__PURE__*/_react["default"].createElement("div", {
-      className: "dc-c-display-settings"
-    }, /*#__PURE__*/_react["default"].createElement(_DataTableRowChanger["default"], {
-      limit: limit,
-      setLimit: setLimit,
-      setOffset: setOffset
-    }), includeDensity && /*#__PURE__*/_react["default"].createElement(_DataTableDensity["default"], {
-      setTablePadding: setTablePadding,
-      tablePadding: tablePadding
-    }))
-  }, /*#__PURE__*/_react["default"].createElement(_settings["default"], null), !md && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "ds-u-font-weight--semibold ds-u-margin-left--1"
-  }, "Display settings"))))));
-};
-
-var _default = ResourceHeader;
-exports["default"] = _default;

package/lib/components/ResourceInformation/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 _designSystem = require("@cmsgov/design-system");
-
-var ResourceInformation = function ResourceInformation(_ref) {
-  var resource = _ref.resource;
-  var count = resource.count,
-      columns = resource.columns;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "dc-c-resource-info-table"
-  }, /*#__PURE__*/_react["default"].createElement("h2", null, "About this Resource"), /*#__PURE__*/_react["default"].createElement(_designSystem.Table, {
-    compact: true,
-    striped: true
-  }, /*#__PURE__*/_react["default"].createElement(_designSystem.TableRow, null, /*#__PURE__*/_react["default"].createElement(_designSystem.TableCell, {
-    component: "th",
-    scope: "row"
-  }, "Rows"), /*#__PURE__*/_react["default"].createElement(_designSystem.TableCell, {
-    align: "right"
-  }, parseInt(count).toLocaleString())), /*#__PURE__*/_react["default"].createElement(_designSystem.TableRow, null, /*#__PURE__*/_react["default"].createElement(_designSystem.TableCell, {
-    component: "th",
-    scope: "row"
-  }, "Columns"), /*#__PURE__*/_react["default"].createElement(_designSystem.TableCell, {
-    align: "right"
-  }, columns.length.toLocaleString()))));
-};
-
-var _default = ResourceInformation;
-exports["default"] = _default;