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

package/dist/scss/components/breadcrumb.scss

@@ -30,4 +30,3 @@
 .dc-c-breadcrumb__link {
   display: inline;
 }
-

package/dist/scss/components/dataset-search-list-item.scss

@@ -1,7 +1,6 @@
-@import "~@cmsgov/design-system/dist/scss/settings/variables/color";
+@import '~@cmsgov/design-system/dist/scss/settings/variables/color';
 
 .dc-dataset-searchlist-item {
-  
   h2 a {
     text-decoration: none;
     &:hover {
@@ -18,4 +17,4 @@
     border: none;
     color: $color-base;
   }
-}
+}

package/dist/scss/components/dataset-tags.scss

@@ -1,4 +1,4 @@
 .dc-c-dataset-tags--tag {
   display: inline-block;
   background: $color-primary-alt-lightest;
-}
+}

package/dist/scss/components/datatable.scss

@@ -10,7 +10,7 @@
       top: 0;
       transform: translateX(50%);
       z-index: 1;
-      touch-action:none;
+      touch-action: none;
       &.isResizing {
         background: #adb0b5;
       }

package/dist/scss/components/index.scss

@@ -1,9 +1,9 @@
-@import "./datatable.scss";
-@import "./dataset-tags.scss";
-@import "./dataset-downloads.scss";
-@import "./pagination.scss";
-@import "./dataset-search-list-item.scss";
-@import "./dataset-search-facets.scss";
-@import "./additional-information-table.scss";
-@import "./breadcrumb.scss";
-@import "./resource-information-table.scss";
+@import './datatable.scss';
+@import './dataset-tags.scss';
+@import './dataset-downloads.scss';
+@import './pagination.scss';
+@import './dataset-search-list-item.scss';
+@import './dataset-search-facets.scss';
+@import './additional-information-table.scss';
+@import './breadcrumb.scss';
+@import './resource-information-table.scss';

package/dist/scss/components/pagination.scss

@@ -1,4 +1,4 @@
-@import "~@cmsgov/design-system/dist/scss/settings/variables/color";
+@import '~@cmsgov/design-system/dist/scss/settings/variables/color';
 
 .dc-pagination {
   ol {
@@ -16,7 +16,7 @@
   .dc-pagination--next__button {
     height: 100%;
     &:disabled {
-      background: transparent!important;
+      background: transparent !important;
       &::before,
       &::after {
         color: $color-base;

package/dist/scss/index.scss

@@ -1,2 +1,2 @@
-@import "./components";
-@import "./templates";
+@import './components';
+@import './templates';

package/dist/scss/templates/dataset-search.scss

@@ -1,4 +1,4 @@
-@import "~@cmsgov/design-system/dist/scss/settings/variables/color";
+@import '~@cmsgov/design-system/dist/scss/settings/variables/color';
 
 .dc-dataset-search-list {
   list-style: none;
@@ -18,7 +18,7 @@
 .dc-search-header {
   display: relative;
   &::after {
-    content: "";
+    content: '';
     display: block;
     width: 48px;
     height: 4px;
@@ -29,4 +29,4 @@
 
 .dataset-results-count {
   font-weight: bold;
-}
+}

package/dist/scss/templates/dataset.scss

@@ -1,6 +1,6 @@
 .dc-resource-header {
   &::before {
-    content: "";
+    content: '';
     display: block;
     width: 48px;
     height: 4px;

package/dist/scss/templates/filtered-resource.scss

@@ -12,4 +12,4 @@
       display: none;
     }
   }
-}
+}

package/dist/scss/templates/footer.scss

@@ -1,4 +1,4 @@
-@import "~@cmsgov/design-system/dist/scss/settings/variables/color";
+@import '~@cmsgov/design-system/dist/scss/settings/variables/color';
 
 .dc-c-footer {
   background-color: white;
@@ -43,7 +43,12 @@
 }
 
 .dc-c-emailupdates {
-  background-image: linear-gradient(35deg,$color-primary-darkest, $color-primary-darker, $color-primary);
+  background-image: linear-gradient(
+    35deg,
+    $color-primary-darkest,
+    $color-primary-darker,
+    $color-primary
+  );
   color: $color-white;
 }
 .dc-c-footer--svg-icon {
@@ -60,15 +65,14 @@
   }
 
   .fa-circle {
-    fill: #6F757C;
+    fill: #6f757c;
   }
 
   .fa-inverse {
     font-size: 25px;
     padding-left: 2px;
-    fill:$color-white;
+    fill: $color-white;
   }
-
 }
 .svg-inline--fa {
   bottom: 0;

package/dist/scss/templates/header.scss

@@ -1,11 +1,11 @@
-@import "~@cmsgov/design-system/dist/scss/settings/variables/color";
+@import '~@cmsgov/design-system/dist/scss/settings/variables/color';
 
 .dc-c-mobile-menu--open {
   color: $color-white;
   text-decoration: none;
   &::before {
-    font-family: "Font Awesome 5 Pro";
-    content: "\f0c9";
+    font-family: 'Font Awesome 5 Pro';
+    content: '\f0c9';
     color: $color-white;
     font-size: 18px;
     padding-right: 10px;
@@ -26,8 +26,8 @@
   padding-left: 0;
   padding-bottom: 16px;
   &::before {
-    font-family: "Font Awesome 5 Pro";
-    content: "\f00d";
+    font-family: 'Font Awesome 5 Pro';
+    content: '\f00d';
     color: $color-white;
     font-size: 18px;
     padding-right: 10px;
@@ -78,7 +78,7 @@
     width: 48px;
     height: 2px;
     background: $color-primary-alt-light;
-    content: "";
+    content: '';
   }
   ul {
     list-style: none;
@@ -100,8 +100,8 @@
   }
 }
 .has-submenu > button::after {
-  font-family: "Font Awesome 5 Pro";
-  content: "\f105";
+  font-family: 'Font Awesome 5 Pro';
+  content: '\f105';
   color: $color-white;
   font-size: 18px;
   padding-right: 10px;
@@ -115,7 +115,7 @@
   font-weight: lighter;
 }
 .has-submenu.open > button::after {
-  content: "\f107";
+  content: '\f107';
 }
 .dc-c-header--mobile-links {
   button {
@@ -157,8 +157,8 @@
     display: inline-block;
   }
   a::before {
-    font-family: "Font Awesome 5 Pro";
-    content: "\f33e";
+    font-family: 'Font Awesome 5 Pro';
+    content: '\f33e';
     color: #323a45;
     font-size: 18px;
     padding-right: 10px;
@@ -340,8 +340,8 @@ div.ds-c-dialog button {
   top: 24px;
   right: 24px;
   &::after {
-    font-family: "Font Awesome 5 Pro";
-    content: "\f00d";
+    font-family: 'Font Awesome 5 Pro';
+    content: '\f00d';
     height: 22px;
     font-size: 20px;
     line-height: 20px;
@@ -357,8 +357,8 @@ div.ds-c-dialog button {
 
 .dc-c-search-modal--button {
   &::before {
-    font-family: "Font Awesome 5 Pro";
-    content: "\f002";
+    font-family: 'Font Awesome 5 Pro';
+    content: '\f002';
     color: $color-white;
     font-size: 18px;
     padding-right: 10px;

package/dist/scss/templates/index.scss

@@ -1,6 +1,6 @@
-@import "./dataset-search.scss";
-@import "./footer.scss";
-@import "./header.scss";
-@import "./filtered-resource.scss";
-@import "./dataset.scss";
-@import "./swagger.scss";
+@import './dataset-search.scss';
+@import './footer.scss';
+@import './header.scss';
+@import './filtered-resource.scss';
+@import './dataset.scss';
+@import './swagger.scss';

package/dist/scss/templates/swagger.scss

@@ -1,4 +1,4 @@
-// Swagger overrides 
+// Swagger overrides
 .swagger-ui .opblock .opblock-summary-path {
   flex-shrink: 1 !important;
   max-width: calc(100% - 110px) !important;
@@ -8,4 +8,4 @@
   @media (min-width: 765px) {
     min-width: 80px !important;
   }
-}
+}

package/lib/assets/icons/close.jsx

@@ -1,13 +1,25 @@
 import React from 'react';
 
 const CloseIcon = () => (
-  <svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
+  <svg
+    width="15px"
+    height="15px"
+    viewBox="0 0 15 15"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
     <title>Artboard</title>
     <desc>Created with Sketch.</desc>
     <g id="Artboard" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
-        <path d="M14.6467778,11.2126037 C14.8818403,11.4476661 15,11.7342663 15,12.0711472 C15,12.4080282 14.8818403,12.6946283 14.6467778,12.9296908 L12.9296908,14.6467778 C12.6933713,14.8830973 12.4067711,15.001257 12.0698902,15.001257 C11.7342663,15.001257 11.4476661,14.8830973 11.2126037,14.6467778 L7.49937149,10.9348026 L3.7873963,14.6467778 C3.55233386,14.8830973 3.26573368,15.001257 2.92885276,15.001257 C2.59197184,15.001257 2.30662868,14.8830973 2.07030923,14.6467778 L0.353222157,12.9296908 C0.116902707,12.6946283 0,12.4080282 0,12.0711472 C0,11.7342663 0.116902707,11.4476661 0.353222157,11.2126037 L4.06519735,7.50062851 L0.353222157,3.78865331 C0.116902707,3.55233386 0,3.2669907 0,2.92885276 C0,2.59322886 0.116902707,2.30662868 0.353222157,2.07156624 L2.07030923,0.353222157 C2.30662868,0.118159725 2.59197184,0 2.92885276,0 C3.26573368,0 3.55233386,0.118159725 3.7873963,0.353222157 L7.49937149,4.06519735 L11.2126037,0.353222157 C11.4476661,0.118159725 11.7342663,0 12.0698902,0 C12.4067711,0 12.6933713,0.118159725 12.9296908,0.353222157 L14.6467778,2.07156624 C14.8818403,2.30662868 15,2.59322886 15,2.92885276 C15,3.2669907 14.8818403,3.55233386 14.6467778,3.78865331 L10.9348026,7.50062851 L14.6467778,11.2126037 Z" id="Path" fill="#000000" fill-rule="nonzero"></path>
+      <path
+        d="M14.6467778,11.2126037 C14.8818403,11.4476661 15,11.7342663 15,12.0711472 C15,12.4080282 14.8818403,12.6946283 14.6467778,12.9296908 L12.9296908,14.6467778 C12.6933713,14.8830973 12.4067711,15.001257 12.0698902,15.001257 C11.7342663,15.001257 11.4476661,14.8830973 11.2126037,14.6467778 L7.49937149,10.9348026 L3.7873963,14.6467778 C3.55233386,14.8830973 3.26573368,15.001257 2.92885276,15.001257 C2.59197184,15.001257 2.30662868,14.8830973 2.07030923,14.6467778 L0.353222157,12.9296908 C0.116902707,12.6946283 0,12.4080282 0,12.0711472 C0,11.7342663 0.116902707,11.4476661 0.353222157,11.2126037 L4.06519735,7.50062851 L0.353222157,3.78865331 C0.116902707,3.55233386 0,3.2669907 0,2.92885276 C0,2.59322886 0.116902707,2.30662868 0.353222157,2.07156624 L2.07030923,0.353222157 C2.30662868,0.118159725 2.59197184,0 2.92885276,0 C3.26573368,0 3.55233386,0.118159725 3.7873963,0.353222157 L7.49937149,4.06519735 L11.2126037,0.353222157 C11.4476661,0.118159725 11.7342663,0 12.0698902,0 C12.4067711,0 12.6933713,0.118159725 12.9296908,0.353222157 L14.6467778,2.07156624 C14.8818403,2.30662868 15,2.59322886 15,2.92885276 C15,3.2669907 14.8818403,3.55233386 14.6467778,3.78865331 L10.9348026,7.50062851 L14.6467778,11.2126037 Z"
+        id="Path"
+        fill="#000000"
+        fill-rule="nonzero"
+      ></path>
     </g>
   </svg>
-)
+);
 
-export default CloseIcon;
+export default CloseIcon;

package/lib/components/DataTableRowChanger/index.js

@@ -30,7 +30,7 @@ var DataTableRowChanger = function DataTableRowChanger(_ref) {
       size: "small",
       variation: "transparent",
       className: "".concat(limit === r ? 'ds-u-font-weight--bold ds-u-border-bottom--2' : '', " ds-u-text-decoration--none ds-u-padding--0 ds-u-margin-right--1")
-    }, r, ' ', /*#__PURE__*/_react["default"].createElement("span", {
+    }, r, " ", /*#__PURE__*/_react["default"].createElement("span", {
       className: "ds-u-visibility--screen-reader"
     }, "rows per page"));
   }));

package/lib/components/DatasetAdditionalInformation/index.js

@@ -40,7 +40,7 @@ var DatasetAdditionalInformation = function DatasetAdditionalInformation(_ref) {
           to: "/datasets?keyword[]=".concat(k.data)
         }, k.data);
       } else {
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, ", ", /*#__PURE__*/_react["default"].createElement(_router.Link, {
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, ",", ' ', /*#__PURE__*/_react["default"].createElement(_router.Link, {
           key: k.data,
           to: "/datasets?keyword[]=".concat(k.data)
         }, k.data));

package/lib/components/DatasetSearchFacets/dataset_search_facets.test.js

@@ -44,7 +44,7 @@ describe('<DatasetSearchFacets />', function () {
       }
     }));
     expect(_react2.screen.getByRole('button', {
-      name: "Facets"
+      name: 'Facets'
     })).toBeInTheDocument();
     expect(_react2.screen.getByLabelText('facet-1 (2)')).toBeInTheDocument();
     expect(_react2.screen.getByLabelText('facet-2 (3)')).toBeInTheDocument();
@@ -61,14 +61,14 @@ describe('<DatasetSearchFacets />', function () {
     expect(_react2.screen.getAllByRole('checkbox')).toHaveLength(2);
 
     _react2.fireEvent.click(_react2.screen.getByRole('button', {
-      name: "Facets"
+      name: 'Facets'
     }));
 
     expect(_react2.screen.queryByLabelText('facet-1 (2)')).toBeNull();
     expect(_react2.screen.queryAllByRole('checkbox')).toHaveLength(0);
 
     _react2.fireEvent.click(_react2.screen.getByRole('button', {
-      name: "Facets"
+      name: 'Facets'
     }));
 
     expect(_react2.screen.getAllByRole('checkbox')).toHaveLength(2);

package/lib/components/DatasetSearchListItem/datasetsearchlistitem.test.js

@@ -11,11 +11,11 @@ require("@testing-library/jest-dom/extend-expect");
 var _index = _interopRequireDefault(require("./index"));
 
 var singleItem = {
-  title: "Dataset Title",
-  modified: "2020-10-22",
-  description: "This is my description.",
-  theme: ["dkan"],
-  keyword: ["my keyword"]
+  title: 'Dataset Title',
+  modified: '2020-10-22',
+  description: 'This is my description.',
+  theme: ['dkan'],
+  keyword: ['my keyword']
 };
 describe('<DatasetSearchListItem />', function () {
   test('Renders correctly', function () {
@@ -33,10 +33,10 @@ describe('<DatasetSearchListItem />', function () {
       expect(getByText(listItemOptions[idx])).toBeInTheDocument();
     });
     expect(_react2.screen.getByRole('heading', {
-      name: "Dataset Title"
+      name: 'Dataset Title'
     })).toBeInTheDocument();
     expect(_react2.screen.getByRole('link', {
-      name: "Dataset Title"
+      name: 'Dataset Title'
     })).toBeInTheDocument();
     expect(_react2.screen.getByText('Updated October 22, 2020')).toBeInTheDocument();
     expect(_react2.screen.getByText('This is my description.')).toBeInTheDocument();

package/lib/components/Hero/index.js

@@ -55,17 +55,17 @@ var Hero = function Hero(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "ds-u-padding--0 ds-u-margin-right--1",
     style: {
-      flex: "1 1 100%",
-      maxWidth: "100%"
+      flex: '1 1 100%',
+      maxWidth: '100%'
     }
   }, /*#__PURE__*/_react["default"].createElement(_designSystem.TextField, {
     label: textfieldLabel,
     labelClassName: "ds-u-visibility--screen-reader",
     name: "search_text_input",
     style: {
-      maxWidth: "none",
-      height: "61px",
-      margin: "0 20px 0 0"
+      maxWidth: 'none',
+      height: '61px',
+      margin: '0 20px 0 0'
     },
     onChange: function onChange(e) {
       return setSearchValue(e.target.value);

package/lib/components/ResourceConditionField/index.js

@@ -37,42 +37,42 @@ function buildOperatorOptions(type) {
 
     case 'string':
       return [{
-        label: "Is",
-        value: "="
+        label: 'Is',
+        value: '='
       }, {
-        label: "Contains",
-        value: "like"
+        label: 'Contains',
+        value: 'like'
       }, {
-        label: "Is Not",
-        value: "<>"
+        label: 'Is Not',
+        value: '<>'
       }, {
-        label: "Or",
-        value: "in"
+        label: 'Or',
+        value: 'in'
       }];
 
     case 'date':
       return [{
-        label: "Is",
-        value: "="
+        label: 'Is',
+        value: '='
       }, {
-        label: "Is Not",
-        value: "<>"
+        label: 'Is Not',
+        value: '<>'
       }, {
-        label: "Greater Than",
-        value: ">"
+        label: 'Greater Than',
+        value: '>'
       }, {
-        label: "Less Than",
-        value: "<"
+        label: 'Less Than',
+        value: '<'
       }];
 
     default:
       // These 2 should be safe for all data types
       return [{
-        label: "Is",
-        value: "="
+        label: 'Is',
+        value: '='
       }, {
-        label: "Is Not",
-        value: "<>"
+        label: 'Is Not',
+        value: '<>'
       }];
   }
 }
@@ -84,7 +84,7 @@ function cleanText(value, operator) {
     newValue = newValue.join(',');
   }
 
-  return newValue.replace(/(^\%+|\%+$)/mg, '');
+  return newValue.replace(/(^\%+|\%+$)/gm, '');
 }
 
 var ResourceConditionField = function ResourceConditionField(_ref) {

package/lib/components/ResourceFilter/index.js

@@ -90,7 +90,7 @@ var ResourceFilter = function ResourceFilter(_ref) {
             cond.value = cond.value.join();
           }
 
-          cond.value = cond.value.replace(/(^\%+|\%+$)/mg, '');
+          cond.value = cond.value.replace(/(^\%+|\%+$)/gm, '');
         }
 
         if (cond.operator.toLowerCase() === 'like') {
@@ -98,7 +98,7 @@ var ResourceFilter = function ResourceFilter(_ref) {
             cond.value = cond.value.join();
           }
 
-          var cleanedValue = cond.value.replace(/(^\%+|\%+$)/mg, '');
+          var cleanedValue = cond.value.replace(/(^\%+|\%+$)/gm, '');
           cond.value = "%".concat(cleanedValue, "%");
         }
 
@@ -110,7 +110,7 @@ var ResourceFilter = function ResourceFilter(_ref) {
 
         if (Array.isArray(cond.value)) {
           cond.value = cond.value.map(function (v) {
-            return v.trim().replace(/(^\%+|\%+$)/mg, '');
+            return v.trim().replace(/(^\%+|\%+$)/gm, '');
           });
         }
 

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

@@ -24,26 +24,26 @@ var _index = _interopRequireDefault(require("./index"));
  * @jest-environment jsdom
  */
 // import { act } from 'react-dom/test-utils';
-var columns = ["column_1", "column_2", "column_3"];
+var columns = ['column_1', 'column_2', 'column_3'];
 var sampleDefaultCondition = {
   operator: '',
   property: '',
   value: ''
 };
 var sampleSchema = {
-  "1234-abcd": {
+  '1234-abcd': {
     fields: {
       column_1: {
-        description: "",
-        type: "text"
+        description: '',
+        type: 'text'
       },
       column_2: {
-        description: "",
-        type: "text"
+        description: '',
+        type: 'text'
       },
       column_3: {
-        description: "",
-        type: "text"
+        description: '',
+        type: 'text'
       }
     }
   }
@@ -72,7 +72,7 @@ var sampleResource2 = {
 };
 
 var BasicFilter = /*#__PURE__*/_react["default"].createElement(_index["default"], {
-  id: "1234-abcd",
+  id: '1234-abcd',
   filterOpen: true,
   setFilterOpen: function setFilterOpen() {
     return !filterOpen;
@@ -83,7 +83,7 @@ var BasicFilter = /*#__PURE__*/_react["default"].createElement(_index["default"]
 });
 
 var PreFilledFilter = /*#__PURE__*/_react["default"].createElement(_index["default"], {
-  id: "1234-abcd",
+  id: '1234-abcd',
   filterOpen: true,
   setFilterOpen: function setFilterOpen() {
     return !filterOpen;
@@ -100,7 +100,7 @@ var WrapperComponent = function WrapperComponent() {
       setConditions = _React$useState2[1];
 
   return /*#__PURE__*/_react["default"].createElement(_index["default"], {
-    id: "1234-abcd",
+    id: '1234-abcd',
     filterOpen: true,
     setFilterOpen: function setFilterOpen() {
       return !filterOpen;
@@ -126,10 +126,10 @@ describe('Resource Filter Functions', function () {
             (0, _react2.render)(BasicFilter);
             expect(_react2.screen.getByRole('heading', {
               level: 3,
-              name: "Add filters"
+              name: 'Add filters'
             })).toBeInTheDocument();
             expect(_react2.screen.getByRole('button', {
-              name: "Close help drawer"
+              name: 'Close help drawer'
             })).toBeInTheDocument();
 
           case 3:
@@ -147,10 +147,10 @@ describe('Resource Filter Functions', function () {
             (0, _react2.render)(BasicFilter);
             expect(_react2.screen.getByRole('heading', {
               level: 4,
-              name: "Update actions"
+              name: 'Update actions'
             })).toBeInTheDocument();
             expect(_react2.screen.getByRole('button', {
-              name: "Update table"
+              name: 'Update table'
             })).toBeInTheDocument();
 
           case 3:
@@ -167,7 +167,7 @@ describe('Resource Filter Functions', function () {
           case 0:
             (0, _react2.render)(BasicFilter);
             expect(_react2.screen.queryByRole('button', {
-              name: "Remove all filters"
+              name: 'Remove all filters'
             })).not.toBeInTheDocument();
 
           case 2:
@@ -189,10 +189,10 @@ describe('Resource Filter Functions', function () {
             expect(_react2.screen.getByDisplayValue('Select column')).toBeInTheDocument();
             expect(_react2.screen.getByDisplayValue('--')).toBeInTheDocument();
             expect(_react2.screen.getByRole('button', {
-              name: "Remove filter"
+              name: 'Remove filter'
             })).toBeInTheDocument();
             expect(_react2.screen.getByRole('button', {
-              name: "+ Add another filter"
+              name: '+ Add another filter'
             })).toBeInTheDocument();
 
           case 8: