@civicactions/cmsds-open-data-components 3.0.0-rc.1 → 3.1.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/main.css.map +1 -1
  3. package/dist/main.js +113 -58
  4. package/dist/main.js.map +1 -1
  5. package/dist/types.d.ts.map +1 -1
  6. package/package.json +1 -1
package/dist/main.css CHANGED
@@ -319,7 +319,7 @@ ul.dc-c-resource-full-width {
319
319
  text-decoration: none;
320
320
  }
321
321
 
322
- .dc-dataset .ds-c-tabs .ds-c-tabs__item[aria-selected="true"] svg {
322
+ .dc-dataset .ds-c-tabs .ds-c-tabs__item svg {
323
323
  fill: var(--link__color);
324
324
  }
325
325
 
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AAAA;;;;ACIA;;;;;;;;;;;;AAeI;;;;AAIA;;;;;AAIE;;;;;AAQA;;;;;AASA;;;;AAWF;;;;;AAKA;;;;;AAKA;;;;AAOE;;;;AAGE;;;;AAMJ;;;;AAKF;;;;;;;AAMA;;;;AAGA;;;;AAGE;;;;AAMJ;;;;ACxGA;;;;AAKI;;;;AAIA;;;;AAKF;;;;AAGA;;;;;AAIA;;;;ACrBF;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;AAOA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AC9BA;;;;AAIA;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;ACpCF;;;;;AAGE;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;AAcE;;;;AAQF;;;;;;;AAQF;;;;AAIA;;;;;;;AAOE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;AC/EE;;;;AAKF;;;;AAIA;;;;;ACVA;;;;ACCE;;;;;;;;;AAUF;;;;;;;AAOA;;;;AAKE;;;;AAGI;;;;AAKJ;;;;AAKF;;;;AAIA;;;;ACvCE;;;;AAGA;;;;;;;;ACHA;;;;;;;AAQF;;;;;AAGE;;;;;;;;;;;;;;;;AAiBF;;;;;;;AAKE;;;;;;;;;;;;;;;AAgBF;;;;;;;;;;;;;;AAcA;;;;;;;;AAME;;;;AAKF;;;;;AAME;;;;;;;;;;AASA;;;;;;AAKA;;;;;;;;AAUA;;;;AAKF;;;;;;;;;;;;;;;;AAeA;;;;AAIE;;;;;AAIA;;;;AAMA;;;;;AAIA;;;;AAOA;;;;;AAMF;;;;;;AAKE;;;;;;;AAOA;;;;;;;;;;;;;;;;AAeA;;;;;;;AAQF;;;;;;AAMA;;;;;AAGE;;;;AAGA;;;;;;;;AASA;;;;AAMF;EACE;;;;;AAMF;EACE;;;;;;;EAKE;;;;;EAIA;;;;;;;;EAOA;;;;;;;;;AAYF;;;;;AAGE;;;;;AAIA;;;;;;AAKE;;;;AAIF;;;;;AAGE;;;;AAIF;;;;AAYJ;;;;;;;;;AAUA;;;;AAIA;;;;AAGA;;;;AAIA;;;;;;;;;;AAQE;;;;;AAGE;;;;AAIF;;;;AAMF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;;ACpVF;;;;AAEE;;;;;;AAOF;;;;AAIA;;;;;AAGE;;;;AAKF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AASA;;;;;;;;;AAQE;;;;;AAKA;;;;AAIA;;;;;;AAMF;;;;;;ACzEA;;;;ACAA;;;;;;;;AAKE;;;;;AAGE;;;;;;;;AAQE;;;;;AASN;;;;AAIA;;;;AC7BA;;;;AAGA;;;;ACHA;;;;AAIA;;;;AAMI;;;;AAMJ","sources":["src/components/NavLink/NavLink.scss","src/templates/APIPage/swagger-ui-overrides.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/Datatable/datatable.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/Resource/Resource.scss","src/templates/Dataset/dataset.scss","src/components/MobileHeader/mobile-header.scss","src/templates/Header/header.scss","src/templates/Footer/footer.scss","src/components/ResourceHeader/resource-header.scss","src/components/Breadcrumb/breadcrumb.scss","src/templates/FilteredResource/query-builder.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n border-bottom: 2px solid #{var(--color-primary-light)};\n}","/*\nThis document provides overrides to Swagger UI, fixing accessibility issues.\n*/\n\n:root {\n //Colors\n --su-color--blue-dark: rgb(0, 51, 102);\n --su-color--brown: rgba(136, 76, 0, 1);\n --su-color--green-dark: rgb(0, 118, 65);\n --su-color--green-muted: rgb(39, 117, 100);\n --su-color--orange-dark: rgb(209, 0, 0);\n --su-color--orange-light: rgba(209, 0, 0, .1);\n --su-color--red-dark: rgb(151, 0, 0);\n --su-color--red-light: rgba(211, 0, 0, .1);\n --su-color--red: rgb(211, 0, 0);\n}\n// State `.swagger-ui` twice to include specificity and avoid multiple `!important` statements;\n.swagger-ui.swagger-ui {\n .opblock {\n .opblock-summary-method {\n color: #333;\n }\n\n &.opblock-delete {\n background-color: var(--su-color--red-light);\n border-color: var(--su-color--red);\n\n .opblock-summary-method {\n color: white;\n\n background-color: var(--su-color--red-dark);\n }\n }\n\n &.opblock-put {\n .opblock-summary-method {\n background-color: var(--su-color--brown);\n color: white;\n }\n }\n }\n\n .parameter__name {\n &.required {\n span {\n color: var(--su-color--red);\n }\n\n &:after {\n color: var(--su-color--red);\n }\n }\n }\n\n .btn {\n &.cancel {\n border-color: var(--su-color--red);\n color: var(--su-color--red);\n }\n\n &.authorize {\n border-color: var(--su-color--green-muted);\n background-color: var(--su-color--green-muted);\n }\n\n &.execute {\n background-color: var(--su-color--blue-dark)\n }\n }\n\n .info {\n .title {\n small {\n background-color: #666;\n\n &.version-stamp {\n background-color: #005830;\n }\n }\n }\n\n a {\n color: #036;\n }\n }\n\n .model-hint {\n max-width: 100%;\n word-wrap: break-word;\n white-space: normal;\n top: 1.5em;\n }\n section.models .model-container {\n overflow-x: auto;\n }\n table {\n min-width: 500px;\n\n &.model tbody tr td:first-of-type {\n min-width: 174px;\n }\n }\n}\n\n.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {\n font-weight: bold !important;\n}",".dc-c-search-list-item {\n list-style: none;\n li {\n list-style: none;\n\n a,\n button {\n text-decoration: underline !important;\n }\n a svg,\n span svg {\n fill: #{var(--link__color)};\n }\n }\n svg {\n margin-right: 8px;\n }\n span > span > button {\n font-weight: normal !important;\n padding: 0 !important;\n }\n a:visited svg {\n fill: #{var(--link__color--visited)};\n }\n}",".dkan-dataset-search {\n position: relative;\n input {\n min-width: 100%;\n @media only screen and (min-width: 544px) {\n padding-left: 32px;\n }\n }\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n}\n\n.dkan-dataset-search--facet-container {\n ul {\n list-style: none;\n padding-left: 0px;\n }\n}\n\n.dkan-dataset-search--clear-all-filters {\n width: 100%;\n}\n\n.dc-c-search-list-item li a svg,\n.dc-c-search-list-item li span svg {\n fill: #{var(--link__color)};\n}\n\n.dc-c-search-list-item li a:visited svg {\n fill: #{var(--link__color--visited)};\n}\n",".dc-dataset-search-list {\n list-style: none;\n}\n\n.dc-search-header {\n display: relative;\n &::after {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 16px 0;\n background-color: #{var(--color-primary-light)};\n }\n}\n\n.dataset-results-count {\n font-weight: bold;\n}\n\n.dkan-dataset-search--facet-container .ds-c-accordion__content {\n max-height: 32rem;\n}\n\n.dc-dataset-search--clear-all-filters {\n width: 100%;\n}\n\n.dkan-dataset-search {\n position: relative;\n input {\n min-width: 100%;\n @media only screen and (min-width: 544px) {\n padding-left: 32px;\n }\n }\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n}",".dc-c-datatable {\n width: 100%;\n border-spacing: 0px;\n th {\n position: relative;\n text-align: left;\n }\n thead th div {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n}\n\n.dc-thead--fixed-size th {\n border-left: 2px solid var(--color-border);\n}\n\n.dc-thead--fixed-size th:first-child {\n border-left: none;\n}\n\n.dc-thead--resizeable {\n .dc-c-resize-handle {\n top: 0;\n bottom: 0;\n right: 0;\n position: absolute !important;\n background-color: #{var(--color-gray-light)};\n width: 10px;\n cursor: col-resize;\n min-width: 10px;\n display: block;\n margin-left: -10px;\n padding: 0;\n border: none;\n z-index: 1;\n &.isResizing,\n &:hover {\n background-color: #{var(--color-primary)};\n }\n }\n}\n\n.dc-thead--truncated {\n th span {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n display: inline-block;\n }\n}\n\n.dc-c-datatable--even-row td {\n background-color: #{var(--table-striped__background-color)};\n}\n\n.dc-c-sort--default,\n.dc-c-sort--asc,\n.dc-c-sort--desc {\n padding-left: 8px;\n padding-right: 16px;\n border: none;\n background: none;\n &::after {\n font-family: 'Font Awesome 5 Pro';\n display: inline;\n padding-left: 8px;\n line-height: 18px;\n height: 18px;\n width: 18px;\n }\n}\n\n.dc-c-sort--default::after {\n content: '\\f0dc';\n}\n.dc-c-sort--asc::after {\n content: '\\f0de';\n}\n.dc-c-sort--desc::after {\n content: '\\f0dd';\n}\n\n\n// @media (hover: hover) {\n// .resizer {\n// opacity: 0;\n// }\n\n// *:hover > .resizer {\n// opacity: 1;\n// }\n// }",".dc-c-additional-info-table {\n table {\n width: 100%;\n }\n}\n\n.dc-c-additional-info-table a {\n word-break: break-all;\n}\n\n.ds-u-word-break-anywhere {\n word-break: break-word;\n overflow-wrap: anywhere;\n}\n","ul.dc-c-resource-full-width {\n width: 100%;\n}",".dc-resource-header {\n &::before {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 8px 0;\n background-color: #{var(--color-primary-light)};\n }\n}\n\n.dc-truncate {\n max-width: 85%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n white-space: pre-line;\n}\n\n.dc-dataset .ds-c-tabs {\n .ds-c-tabs__item {\n text-decoration:none;\n &[aria-selected=true] {\n svg {\n fill: #{var(--link__color)};\n }\n }\n }\n svg {\n margin-right: 8px;\n }\n}\n\n#main-content {\n overflow: visible;\n}\n\n.dc-c-word-break--all {\n word-break: break-all;\n}",".dc-c-mobile-header--menu {\n :focus {\n box-shadow: 0 0 0 3px transparent,0 0 4px 6px transparent;\n }\n :focus-visible {\n // Copy styling from DS items with focus\n background-color: #0000;\n border-radius: var(--button__border-radius);\n box-shadow: 0 0 0 3px var(--color-focus-light),0 0 4px 6px var(--color-focus-dark);\n outline: 3px solid #0000;\n outline-offset: 3px;\n }\n}\n",".ds-c-usa-banner__button-text {\n &::after {\n width: 0 !important;\n height: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n}\n\n.dc-c-mobile-menu--open {\n color: #{var(--color-white)};\n text-decoration: none;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f0c9';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-menu--close {\n color: #{var(--color-white)};\n text-decoration: none;\n padding-left: 0;\n padding-bottom: 16px;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f00d';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-header--menu {\n position: fixed;\n background-color: #{var(--color-gray-dark)};\n top: 0;\n bottom: 0;\n left: -100%;\n z-index: 500;\n height: 100%;\n width: 100%;\n transition: left 0.7s;\n padding: 50px 0;\n visibility: hidden;\n}\n\n.dc-c-mobile-header .dc-c-site-menu--sub-menu {\n position: relative;\n background: transparent;\n top: -24px;\n width: auto;\n left: auto;\n a {\n padding: 8px;\n }\n}\n\n.dc-c-cmsheader {\n position: relative;\n background: #{var(--color-white)};\n}\n\n.dc-c-cms-mobile-header-menu {\n &::before {\n display: block;\n margin-left: 8px;\n margin-bottom: 16px;\n width: 48px;\n height: 2px;\n background: #{var(--color-primary-light)};\n content: '';\n }\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n a,\n a:hover,\n a:focus,\n a:visited {\n background-color: transparent;\n display: inline-block;\n color: #{var(--color-white)};\n text-decoration: none;\n border-bottom: 2px solid transparent;\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #{var(--color-primary-light)};\n }\n}\n.has-submenu > button::after {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f105';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n}\n.has-submenu.open > button::after {\n content: '\\f107';\n}\n.dc-c-header--mobile-links {\n button {\n padding: 0;\n font-weight: 700;\n }\n a {\n display: block;\n }\n}\n\n.dc-c-mobile-header.menu-open {\n .dc-c-cmsheader {\n z-index: 501;\n background-color: transparent;\n }\n .dc-c-cmsheader-menu a,\n button {\n color: #{var(--color-white)};\n }\n .cms-link-container a::before {\n color: #{var(--color-white)};\n }\n .dc-c-mobile-header--menu {\n left: 0;\n visibility: visible;\n }\n}\n\n.cms-link-container {\n display: block;\n margin-right: 20px;\n // margin-top: -5px;\n border-right: none;\n a {\n text-decoration: none;\n border-bottom: none;\n\n margin-right: 20px;\n display: inline-block;\n }\n a::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f33e';\n color: #323a45;\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n img {\n height: auto;\n width: 90px;\n display: inline-block;\n vertical-align: middle;\n }\n}\n\n.cms-text-container {\n display: block;\n padding-top: 28px;\n color: #6f757c;\n}\n\n.dc-c-cmsheader-menu {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n }\n a {\n margin: 3px 7px;\n padding: 0;\n color: #323a45;\n text-decoration: none;\n border-bottom: 1px solid;\n border-bottom-color: #eee;\n border-bottom-color: rgba(255, 255, 255, 0.2);\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #323a45;\n }\n}\n\n@media (min-width: 544px) {\n .dc-c-main-navigation--search,\n .dc-c-mobile-menu--search {\n border-left: 1px solid #{var(--color-white)};\n }\n}\n\n@media (min-width: 1024px) {\n .cms-link-container {\n height: 85px;\n width: 240px;\n float: left;\n border-right: 1px solid #d6d7d9;\n a {\n margin-top: 28px;\n margin-bottom: 20px;\n }\n img {\n height: auto;\n width: auto;\n display: inline-block;\n vertical-align: middle;\n max-width: 80%;\n }\n a::before {\n font-size: 28px;\n line-height: 28px;\n width: 28px;\n height: 28px;\n margin-left: 0;\n }\n }\n}\n\n\nnav.dc-c-site-menu {\n .dc-c-header--links {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n height: 100%;\n }\n button {\n // color: #{var(--color-white)};\n text-decoration: none;\n font-size: 16px;\n border: none;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a {\n text-decoration: none;\n padding: #{var(--space, 8px 24px)};\n span {\n border-bottom: 2px solid transparent;\n }\n }\n > li:hover > button span,\n > li button:focus span,\n > li button:hover span,\n > li:hover > a span,\n > li:focus > a span,\n > li a:hover span,\n > li a:focus span {\n border-bottom: 2px solid #{var(--color-primary-light)};\n }\n }\n}\n\nnav.dc-c-site-menu .dc-c-header--links a:focus,\n.dc-c-site-title a:focus {\n background-color: transparent;\n outline: 3px solid transparent;\n box-shadow: 0 0 0 3px #{var(--color-focus-light)}, 0 0 4px 6px #{var(--color-focus-dark)};\n outline-offset: 3px;\n border-radius: #{var(--button__border-radius)};\n text-decoration: none;\n}\n\nnav > ul li ul {\n display: none;\n}\n\nnav > ul li.open ul {\n display: block;\n}\nli.has-submenu {\n position: relative;\n}\n\n.dc-c-site-menu--sub-menu {\n background: #{var(--color-primary)};\n position: absolute;\n left: 0;\n top: 48px;\n margin: 0;\n padding: 0;\n width: 300px;\n a {\n display: block;\n padding: 16px;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a:hover span,\n a:focus span {\n border-bottom: 2px solid #{var(--color-primary-light)};\n }\n}\n\n.dc-c-site-title a {\n text-decoration: none;\n}\n\n.dc-c-mobile-menu--search {\n display: inherit;\n}\n\n.dc-c-search-modal--button {\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f002';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n box-sizing: content-box\n }\n}\n",".dc-c-footer {\n background-color: white;\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n}\n\n.dc-c-footer--middle-container {\n background: linear-gradient(90deg, #f6f9fd 50%, #e8f0fa 50%);\n}\n\n.dc-c-footer__title {\n font-weight: 400;\n color: #{var(--color-gray)};\n span {\n font-weight: 700;\n }\n}\n\n.dc-c-footer__resources {\n background: #f6f9fd;\n}\n\n.dc-c-footer__utility {\n background: #{var(--color-white)};\n}\n\n.dc-c-footer__utility li {\n list-style: none;\n}\n\n.dc-c-footer__cms-information {\n background: #e8f0fa;\n}\n\n.dc-footer--heading {\n text-transform: uppercase;\n}\n\n.dc-c-emailupdates {\n background-image: linear-gradient(\n 35deg,\n #{var(--color-primary-darkest)},\n #{var(--color-primary-darker)},\n #{var(--color-primary)}\n );\n color: #{var(--color-white)};\n}\n.dc-c-footer--svg-icon {\n width: 40px;\n height: 40px;\n font-size: 42px;\n display: inline-block;\n text-align: center;\n position: relative;\n\n svg.svg-inline--fa {\n width: 1em;\n height: 1em;\n }\n\n .fa-circle {\n fill: #6f757c;\n }\n\n .fa-inverse {\n font-size: 25px;\n padding-left: 2px;\n fill: #{var(--color-white)};\n }\n}\n.svg-inline--fa {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n}\n",".ds-c-button.display-settings-font {\n font: inherit;\n}",".dc-c-breadcrumb__list {\n margin-top: 0;\n margin-bottom: 0;\n list-style-type: none;\n padding-left: 0;\n > li {\n margin-bottom: 0;\n max-width: unset;\n &::after {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f054';\n margin: 0 10px;\n font-size: 10px;\n font-weight: 600;\n }\n &:last-child {\n &::after {\n content: '';\n margin: 0;\n }\n }\n }\n display: block;\n}\n\n.dc-c-breadcrumb__list-item {\n display: inline-block;\n}\n\n.dc-c-breadcrumb__link {\n display: inline;\n}\n",".dc-query-builder > .ds-c-accordion > .ds-c-accordion__content {\n overflow: visible;\n}\n.dc-query-builder .react-datepicker select {\n background-image: none;\n}",".dc-c-resource-action {\n min-height: 100%;\n}\n\n.dc-filtered-resource-toggle {\n align-self: center;\n}\n\n.dc-c-filterd-resouce-drawer {\n .ds-c-help-drawer__footer {\n h4 {\n display: none;\n }\n }\n}\n\n.dc-c-resource-header--buttons {\n display: flex;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
1
+ {"mappings":"AAAA;;;;ACIA;;;;;;;;;;;;AAeI;;;;AAIA;;;;;AAIE;;;;;AAQA;;;;;AASA;;;;AAWF;;;;;AAKA;;;;;AAKA;;;;AAOE;;;;AAGE;;;;AAMJ;;;;AAKF;;;;;;;AAMA;;;;AAGA;;;;AAGE;;;;AAMJ;;;;ACxGA;;;;AAKI;;;;AAIA;;;;AAKF;;;;AAGA;;;;;AAIA;;;;ACrBF;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;AAOA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AC9BA;;;;AAIA;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;ACpCF;;;;;AAGE;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;AAcE;;;;AAQF;;;;;;;AAQF;;;;AAIA;;;;;;;AAOE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;AC/EE;;;;AAKF;;;;AAIA;;;;;ACVA;;;;ACCE;;;;;;;;;AAUF;;;;;;;AAOA;;;;AAKE;;;;AAEE;;;;AAIF;;;;AAKF;;;;AAIA;;;;ACrCE;;;;AAGA;;;;;;;;ACHA;;;;;;;AAQF;;;;;AAGE;;;;;;;;;;;;;;;;AAiBF;;;;;;;AAKE;;;;;;;;;;;;;;;AAgBF;;;;;;;;;;;;;;AAcA;;;;;;;;AAME;;;;AAKF;;;;;AAME;;;;;;;;;;AASA;;;;;;AAKA;;;;;;;;AAUA;;;;AAKF;;;;;;;;;;;;;;;;AAeA;;;;AAIE;;;;;AAIA;;;;AAMA;;;;;AAIA;;;;AAOA;;;;;AAMF;;;;;;AAKE;;;;;;;AAOA;;;;;;;;;;;;;;;;AAeA;;;;;;;AAQF;;;;;;AAMA;;;;;AAGE;;;;AAGA;;;;;;;;AASA;;;;AAMF;EACE;;;;;AAMF;EACE;;;;;;;EAKE;;;;;EAIA;;;;;;;;EAOA;;;;;;;;;AAYF;;;;;AAGE;;;;;AAIA;;;;;;AAKE;;;;AAIF;;;;;AAGE;;;;AAIF;;;;AAYJ;;;;;;;;;AAUA;;;;AAIA;;;;AAGA;;;;AAIA;;;;;;;;;;AAQE;;;;;AAGE;;;;AAIF;;;;AAMF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;;ACpVF;;;;AAEE;;;;;;AAOF;;;;AAIA;;;;;AAGE;;;;AAKF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AASA;;;;;;;;;AAQE;;;;;AAKA;;;;AAIA;;;;;;AAMF;;;;;;ACzEA;;;;ACAA;;;;;;;;AAKE;;;;;AAGE;;;;;;;;AAQE;;;;;AASN;;;;AAIA;;;;AC7BA;;;;AAGA;;;;ACHA;;;;AAIA;;;;AAMI;;;;AAMJ","sources":["src/components/NavLink/NavLink.scss","src/templates/APIPage/swagger-ui-overrides.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/Datatable/datatable.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/Resource/Resource.scss","src/templates/Dataset/dataset.scss","src/components/MobileHeader/mobile-header.scss","src/templates/Header/header.scss","src/templates/Footer/footer.scss","src/components/ResourceHeader/resource-header.scss","src/components/Breadcrumb/breadcrumb.scss","src/templates/FilteredResource/query-builder.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n border-bottom: 2px solid #{var(--color-primary-light)};\n}","/*\nThis document provides overrides to Swagger UI, fixing accessibility issues.\n*/\n\n:root {\n //Colors\n --su-color--blue-dark: rgb(0, 51, 102);\n --su-color--brown: rgba(136, 76, 0, 1);\n --su-color--green-dark: rgb(0, 118, 65);\n --su-color--green-muted: rgb(39, 117, 100);\n --su-color--orange-dark: rgb(209, 0, 0);\n --su-color--orange-light: rgba(209, 0, 0, .1);\n --su-color--red-dark: rgb(151, 0, 0);\n --su-color--red-light: rgba(211, 0, 0, .1);\n --su-color--red: rgb(211, 0, 0);\n}\n// State `.swagger-ui` twice to include specificity and avoid multiple `!important` statements;\n.swagger-ui.swagger-ui {\n .opblock {\n .opblock-summary-method {\n color: #333;\n }\n\n &.opblock-delete {\n background-color: var(--su-color--red-light);\n border-color: var(--su-color--red);\n\n .opblock-summary-method {\n color: white;\n\n background-color: var(--su-color--red-dark);\n }\n }\n\n &.opblock-put {\n .opblock-summary-method {\n background-color: var(--su-color--brown);\n color: white;\n }\n }\n }\n\n .parameter__name {\n &.required {\n span {\n color: var(--su-color--red);\n }\n\n &:after {\n color: var(--su-color--red);\n }\n }\n }\n\n .btn {\n &.cancel {\n border-color: var(--su-color--red);\n color: var(--su-color--red);\n }\n\n &.authorize {\n border-color: var(--su-color--green-muted);\n background-color: var(--su-color--green-muted);\n }\n\n &.execute {\n background-color: var(--su-color--blue-dark)\n }\n }\n\n .info {\n .title {\n small {\n background-color: #666;\n\n &.version-stamp {\n background-color: #005830;\n }\n }\n }\n\n a {\n color: #036;\n }\n }\n\n .model-hint {\n max-width: 100%;\n word-wrap: break-word;\n white-space: normal;\n top: 1.5em;\n }\n section.models .model-container {\n overflow-x: auto;\n }\n table {\n min-width: 500px;\n\n &.model tbody tr td:first-of-type {\n min-width: 174px;\n }\n }\n}\n\n.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {\n font-weight: bold !important;\n}",".dc-c-search-list-item {\n list-style: none;\n li {\n list-style: none;\n\n a,\n button {\n text-decoration: underline !important;\n }\n a svg,\n span svg {\n fill: #{var(--link__color)};\n }\n }\n svg {\n margin-right: 8px;\n }\n span > span > button {\n font-weight: normal !important;\n padding: 0 !important;\n }\n a:visited svg {\n fill: #{var(--link__color--visited)};\n }\n}",".dkan-dataset-search {\n position: relative;\n input {\n min-width: 100%;\n @media only screen and (min-width: 544px) {\n padding-left: 32px;\n }\n }\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n}\n\n.dkan-dataset-search--facet-container {\n ul {\n list-style: none;\n padding-left: 0px;\n }\n}\n\n.dkan-dataset-search--clear-all-filters {\n width: 100%;\n}\n\n.dc-c-search-list-item li a svg,\n.dc-c-search-list-item li span svg {\n fill: #{var(--link__color)};\n}\n\n.dc-c-search-list-item li a:visited svg {\n fill: #{var(--link__color--visited)};\n}\n",".dc-dataset-search-list {\n list-style: none;\n}\n\n.dc-search-header {\n display: relative;\n &::after {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 16px 0;\n background-color: #{var(--color-primary-light)};\n }\n}\n\n.dataset-results-count {\n font-weight: bold;\n}\n\n.dkan-dataset-search--facet-container .ds-c-accordion__content {\n max-height: 32rem;\n}\n\n.dc-dataset-search--clear-all-filters {\n width: 100%;\n}\n\n.dkan-dataset-search {\n position: relative;\n input {\n min-width: 100%;\n @media only screen and (min-width: 544px) {\n padding-left: 32px;\n }\n }\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n}",".dc-c-datatable {\n width: 100%;\n border-spacing: 0px;\n th {\n position: relative;\n text-align: left;\n }\n thead th div {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n}\n\n.dc-thead--fixed-size th {\n border-left: 2px solid var(--color-border);\n}\n\n.dc-thead--fixed-size th:first-child {\n border-left: none;\n}\n\n.dc-thead--resizeable {\n .dc-c-resize-handle {\n top: 0;\n bottom: 0;\n right: 0;\n position: absolute !important;\n background-color: #{var(--color-gray-light)};\n width: 10px;\n cursor: col-resize;\n min-width: 10px;\n display: block;\n margin-left: -10px;\n padding: 0;\n border: none;\n z-index: 1;\n &.isResizing,\n &:hover {\n background-color: #{var(--color-primary)};\n }\n }\n}\n\n.dc-thead--truncated {\n th span {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n display: inline-block;\n }\n}\n\n.dc-c-datatable--even-row td {\n background-color: #{var(--table-striped__background-color)};\n}\n\n.dc-c-sort--default,\n.dc-c-sort--asc,\n.dc-c-sort--desc {\n padding-left: 8px;\n padding-right: 16px;\n border: none;\n background: none;\n &::after {\n font-family: 'Font Awesome 5 Pro';\n display: inline;\n padding-left: 8px;\n line-height: 18px;\n height: 18px;\n width: 18px;\n }\n}\n\n.dc-c-sort--default::after {\n content: '\\f0dc';\n}\n.dc-c-sort--asc::after {\n content: '\\f0de';\n}\n.dc-c-sort--desc::after {\n content: '\\f0dd';\n}\n\n\n// @media (hover: hover) {\n// .resizer {\n// opacity: 0;\n// }\n\n// *:hover > .resizer {\n// opacity: 1;\n// }\n// }",".dc-c-additional-info-table {\n table {\n width: 100%;\n }\n}\n\n.dc-c-additional-info-table a {\n word-break: break-all;\n}\n\n.ds-u-word-break-anywhere {\n word-break: break-word;\n overflow-wrap: anywhere;\n}\n","ul.dc-c-resource-full-width {\n width: 100%;\n}",".dc-resource-header {\n &::before {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 8px 0;\n background-color: #{var(--color-primary-light)};\n }\n}\n\n.dc-truncate {\n max-width: 85%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n white-space: pre-line;\n}\n\n.dc-dataset .ds-c-tabs {\n .ds-c-tabs__item {\n text-decoration:none;\n svg {\n fill: #{var(--link__color)};\n }\n }\n svg {\n margin-right: 8px;\n }\n}\n\n#main-content {\n overflow: visible;\n}\n\n.dc-c-word-break--all {\n word-break: break-all;\n}",".dc-c-mobile-header--menu {\n :focus {\n box-shadow: 0 0 0 3px transparent,0 0 4px 6px transparent;\n }\n :focus-visible {\n // Copy styling from DS items with focus\n background-color: #0000;\n border-radius: var(--button__border-radius);\n box-shadow: 0 0 0 3px var(--color-focus-light),0 0 4px 6px var(--color-focus-dark);\n outline: 3px solid #0000;\n outline-offset: 3px;\n }\n}\n",".ds-c-usa-banner__button-text {\n &::after {\n width: 0 !important;\n height: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n}\n\n.dc-c-mobile-menu--open {\n color: #{var(--color-white)};\n text-decoration: none;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f0c9';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-menu--close {\n color: #{var(--color-white)};\n text-decoration: none;\n padding-left: 0;\n padding-bottom: 16px;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f00d';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-header--menu {\n position: fixed;\n background-color: #{var(--color-gray-dark)};\n top: 0;\n bottom: 0;\n left: -100%;\n z-index: 500;\n height: 100%;\n width: 100%;\n transition: left 0.7s;\n padding: 50px 0;\n visibility: hidden;\n}\n\n.dc-c-mobile-header .dc-c-site-menu--sub-menu {\n position: relative;\n background: transparent;\n top: -24px;\n width: auto;\n left: auto;\n a {\n padding: 8px;\n }\n}\n\n.dc-c-cmsheader {\n position: relative;\n background: #{var(--color-white)};\n}\n\n.dc-c-cms-mobile-header-menu {\n &::before {\n display: block;\n margin-left: 8px;\n margin-bottom: 16px;\n width: 48px;\n height: 2px;\n background: #{var(--color-primary-light)};\n content: '';\n }\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n a,\n a:hover,\n a:focus,\n a:visited {\n background-color: transparent;\n display: inline-block;\n color: #{var(--color-white)};\n text-decoration: none;\n border-bottom: 2px solid transparent;\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #{var(--color-primary-light)};\n }\n}\n.has-submenu > button::after {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f105';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n}\n.has-submenu.open > button::after {\n content: '\\f107';\n}\n.dc-c-header--mobile-links {\n button {\n padding: 0;\n font-weight: 700;\n }\n a {\n display: block;\n }\n}\n\n.dc-c-mobile-header.menu-open {\n .dc-c-cmsheader {\n z-index: 501;\n background-color: transparent;\n }\n .dc-c-cmsheader-menu a,\n button {\n color: #{var(--color-white)};\n }\n .cms-link-container a::before {\n color: #{var(--color-white)};\n }\n .dc-c-mobile-header--menu {\n left: 0;\n visibility: visible;\n }\n}\n\n.cms-link-container {\n display: block;\n margin-right: 20px;\n // margin-top: -5px;\n border-right: none;\n a {\n text-decoration: none;\n border-bottom: none;\n\n margin-right: 20px;\n display: inline-block;\n }\n a::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f33e';\n color: #323a45;\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n img {\n height: auto;\n width: 90px;\n display: inline-block;\n vertical-align: middle;\n }\n}\n\n.cms-text-container {\n display: block;\n padding-top: 28px;\n color: #6f757c;\n}\n\n.dc-c-cmsheader-menu {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n }\n a {\n margin: 3px 7px;\n padding: 0;\n color: #323a45;\n text-decoration: none;\n border-bottom: 1px solid;\n border-bottom-color: #eee;\n border-bottom-color: rgba(255, 255, 255, 0.2);\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #323a45;\n }\n}\n\n@media (min-width: 544px) {\n .dc-c-main-navigation--search,\n .dc-c-mobile-menu--search {\n border-left: 1px solid #{var(--color-white)};\n }\n}\n\n@media (min-width: 1024px) {\n .cms-link-container {\n height: 85px;\n width: 240px;\n float: left;\n border-right: 1px solid #d6d7d9;\n a {\n margin-top: 28px;\n margin-bottom: 20px;\n }\n img {\n height: auto;\n width: auto;\n display: inline-block;\n vertical-align: middle;\n max-width: 80%;\n }\n a::before {\n font-size: 28px;\n line-height: 28px;\n width: 28px;\n height: 28px;\n margin-left: 0;\n }\n }\n}\n\n\nnav.dc-c-site-menu {\n .dc-c-header--links {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n height: 100%;\n }\n button {\n // color: #{var(--color-white)};\n text-decoration: none;\n font-size: 16px;\n border: none;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a {\n text-decoration: none;\n padding: #{var(--space, 8px 24px)};\n span {\n border-bottom: 2px solid transparent;\n }\n }\n > li:hover > button span,\n > li button:focus span,\n > li button:hover span,\n > li:hover > a span,\n > li:focus > a span,\n > li a:hover span,\n > li a:focus span {\n border-bottom: 2px solid #{var(--color-primary-light)};\n }\n }\n}\n\nnav.dc-c-site-menu .dc-c-header--links a:focus,\n.dc-c-site-title a:focus {\n background-color: transparent;\n outline: 3px solid transparent;\n box-shadow: 0 0 0 3px #{var(--color-focus-light)}, 0 0 4px 6px #{var(--color-focus-dark)};\n outline-offset: 3px;\n border-radius: #{var(--button__border-radius)};\n text-decoration: none;\n}\n\nnav > ul li ul {\n display: none;\n}\n\nnav > ul li.open ul {\n display: block;\n}\nli.has-submenu {\n position: relative;\n}\n\n.dc-c-site-menu--sub-menu {\n background: #{var(--color-primary)};\n position: absolute;\n left: 0;\n top: 48px;\n margin: 0;\n padding: 0;\n width: 300px;\n a {\n display: block;\n padding: 16px;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a:hover span,\n a:focus span {\n border-bottom: 2px solid #{var(--color-primary-light)};\n }\n}\n\n.dc-c-site-title a {\n text-decoration: none;\n}\n\n.dc-c-mobile-menu--search {\n display: inherit;\n}\n\n.dc-c-search-modal--button {\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f002';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n box-sizing: content-box\n }\n}\n",".dc-c-footer {\n background-color: white;\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n}\n\n.dc-c-footer--middle-container {\n background: linear-gradient(90deg, #f6f9fd 50%, #e8f0fa 50%);\n}\n\n.dc-c-footer__title {\n font-weight: 400;\n color: #{var(--color-gray)};\n span {\n font-weight: 700;\n }\n}\n\n.dc-c-footer__resources {\n background: #f6f9fd;\n}\n\n.dc-c-footer__utility {\n background: #{var(--color-white)};\n}\n\n.dc-c-footer__utility li {\n list-style: none;\n}\n\n.dc-c-footer__cms-information {\n background: #e8f0fa;\n}\n\n.dc-footer--heading {\n text-transform: uppercase;\n}\n\n.dc-c-emailupdates {\n background-image: linear-gradient(\n 35deg,\n #{var(--color-primary-darkest)},\n #{var(--color-primary-darker)},\n #{var(--color-primary)}\n );\n color: #{var(--color-white)};\n}\n.dc-c-footer--svg-icon {\n width: 40px;\n height: 40px;\n font-size: 42px;\n display: inline-block;\n text-align: center;\n position: relative;\n\n svg.svg-inline--fa {\n width: 1em;\n height: 1em;\n }\n\n .fa-circle {\n fill: #6f757c;\n }\n\n .fa-inverse {\n font-size: 25px;\n padding-left: 2px;\n fill: #{var(--color-white)};\n }\n}\n.svg-inline--fa {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n}\n",".ds-c-button.display-settings-font {\n font: inherit;\n}",".dc-c-breadcrumb__list {\n margin-top: 0;\n margin-bottom: 0;\n list-style-type: none;\n padding-left: 0;\n > li {\n margin-bottom: 0;\n max-width: unset;\n &::after {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f054';\n margin: 0 10px;\n font-size: 10px;\n font-weight: 600;\n }\n &:last-child {\n &::after {\n content: '';\n margin: 0;\n }\n }\n }\n display: block;\n}\n\n.dc-c-breadcrumb__list-item {\n display: inline-block;\n}\n\n.dc-c-breadcrumb__link {\n display: inline;\n}\n",".dc-query-builder > .ds-c-accordion > .ds-c-accordion__content {\n overflow: visible;\n}\n.dc-query-builder .react-datepicker select {\n background-image: none;\n}",".dc-c-resource-action {\n min-height: 100%;\n}\n\n.dc-filtered-resource-toggle {\n align-self: center;\n}\n\n.dc-c-filterd-resouce-drawer {\n .ds-c-help-drawer__footer {\n h4 {\n display: none;\n }\n }\n}\n\n.dc-c-resource-header--buttons {\n display: flex;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
package/dist/main.js CHANGED
@@ -12,7 +12,7 @@ import {useQuery as $hgUW1$useQuery, QueryClient as $hgUW1$QueryClient, QueryCli
12
12
  import $hgUW1$dompurify from "dompurify";
13
13
  import $hgUW1$reacttexttruncate from "react-text-truncate";
14
14
  import {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
15
- import {createColumnHelper as $hgUW1$createColumnHelper, useReactTable as $hgUW1$useReactTable, getCoreRowModel as $hgUW1$getCoreRowModel, getSortedRowModel as $hgUW1$getSortedRowModel, flexRender as $hgUW1$flexRender} from "@tanstack/react-table";
15
+ import {createColumnHelper as $hgUW1$createColumnHelper, useReactTable as $hgUW1$useReactTable, getCoreRowModel as $hgUW1$getCoreRowModel, getSortedRowModel as $hgUW1$getSortedRowModel, flexRender as $hgUW1$flexRender, getPaginationRowModel as $hgUW1$getPaginationRowModel} from "@tanstack/react-table";
16
16
  import $hgUW1$reactdatepicker from "react-datepicker";
17
17
  import "react-datepicker/dist/react-datepicker.css";
18
18
  import {usePopper as $hgUW1$usePopper} from "react-popper";
@@ -537,16 +537,15 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
537
537
  const truncatedDescription = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$reacttexttruncate), {
538
538
  line: 3,
539
539
  element: "p",
540
- containerClassName: "ds-u-margin-top--0",
541
540
  truncateText: "…",
542
541
  textElement: $52c6454cae137465$var$dangerousDescriptionElement,
543
542
  text: description,
544
543
  textTruncateChild: ""
545
544
  });
546
545
  return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
547
- className: "dc-c-search-list-item",
546
+ className: "dc-c-search-list-item ds-u-padding-top--3",
548
547
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
549
- className: "dc-c-searchlist-item ds-u-border-top--1 ds-u-margin-bottom--4",
548
+ className: "dc-c-searchlist-item ds-u-border-top--1",
550
549
  children: [
551
550
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
552
551
  className: "ds-l-row ds-u-align-items--start",
@@ -577,7 +576,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
577
576
  })
578
577
  }),
579
578
  /*#__PURE__*/ (0, $hgUW1$jsxs)("ul", {
580
- className: "ds-l-row ds-u-padding--0 ds-u-flex-direction--row",
579
+ className: "ds-l-row ds-u-padding--0 ds-u-flex-direction--row ds-u-margin-top--4",
581
580
  children: [
582
581
  /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
583
582
  className: linkContainerClasses,
@@ -753,13 +752,13 @@ var $0a551147dc92a718$export$2e2bcd8739ae039 = $0a551147dc92a718$var$SearchButto
753
752
  const $5723016a5461c1ca$var$PageHeader = (props)=>{
754
753
  const { headerText: headerText } = props;
755
754
  return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
756
- className: "ds-l-container ds-u-padding-top--4",
755
+ className: "ds-l-container",
757
756
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
758
757
  className: "ds-l-row",
759
758
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
760
759
  className: "ds-l-md-col--8",
761
760
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
762
- className: "dc-c-entity__name ds-text-heading--3xl ds-u-margin-bottom--6",
761
+ className: "dc-c-entity__name ds-text-heading--3xl ds-u-margin-bottom--4",
763
762
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
764
763
  className: "ds-u-margin-right--2",
765
764
  "data-testid": "profile-full-name",
@@ -1002,11 +1001,11 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
1002
1001
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
1003
1002
  className: "ds-l-row",
1004
1003
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
1005
- className: "ds-l-col--12 ds-u-margin-bottom--3",
1004
+ className: "ds-l-col--12",
1006
1005
  children: [
1007
1006
  introText ? introText : null,
1008
1007
  showLargeFileWarning && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
1009
- className: "ds-l-row ds-u-margin-bottom--6",
1008
+ className: "ds-l-row ds-u-margin-bottom--2 ds-u-margin-top--4",
1010
1009
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
1011
1010
  className: "ds-l-md-col--12",
1012
1011
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Accordion), {
@@ -1024,7 +1023,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
1024
1023
  e.preventDefault();
1025
1024
  setFullText(filterText);
1026
1025
  },
1027
- className: "dkan-dataset-search ds-l-form-row ds-u-padding-bottom--6 ds-u-border-bottom--1",
1026
+ className: "dkan-dataset-search ds-l-form-row ds-u-padding-bottom--4 ds-u-border-bottom--1",
1028
1027
  children: [
1029
1028
  /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
1030
1029
  className: "ds-c-field__before fas fa-search ds-u-display--none ds-u-sm-display--inline-block"
@@ -1046,7 +1045,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
1046
1045
  })
1047
1046
  }),
1048
1047
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
1049
- className: "ds-l-row ds-u-padding-top--6",
1048
+ className: "ds-l-row ds-u-padding-top--4",
1050
1049
  children: [
1051
1050
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
1052
1051
  className: "ds-l-col--12 ds-l-sm-col--4",
@@ -1114,7 +1113,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
1114
1113
  ]
1115
1114
  }),
1116
1115
  /*#__PURE__*/ (0, $hgUW1$jsxs)("ol", {
1117
- className: "dc-dataset-search-list ds-u-padding--0",
1116
+ className: "dc-dataset-search-list ds-u-padding--0 ds-u-margin-top--0",
1118
1117
  "data-testid": "results-list",
1119
1118
  children: [
1120
1119
  noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
@@ -2020,13 +2019,28 @@ const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows , lim
2020
2019
  };
2021
2020
  const page = offset / limit;
2022
2021
  const startTotal = ()=>page * limit + 1;
2023
- return /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
2022
+ return /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
2024
2023
  className: className,
2025
- children: `${startTotal().toLocaleString()} - ${ofTotal().toLocaleString()} of ${numTotalRows.toLocaleString()} rows`
2024
+ children: [
2025
+ "Displaying",
2026
+ " ",
2027
+ /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
2028
+ className: "ds-u-font-weight--bold",
2029
+ children: `${startTotal().toLocaleString()} - ${ofTotal().toLocaleString()}`
2030
+ }),
2031
+ " ",
2032
+ "of ",
2033
+ /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
2034
+ className: "ds-u-font-weight--bold",
2035
+ children: `${numTotalRows.toLocaleString()}`
2036
+ }),
2037
+ " ",
2038
+ "results"
2039
+ ]
2026
2040
  });
2027
2041
  };
2028
2042
  $2ed0091f7e32d1e6$var$DataTablePageResults.defaultProps = {
2029
- className: "data-table-results ds-u-margin-bottom--2"
2043
+ className: "data-table-results"
2030
2044
  };
2031
2045
  $2ed0091f7e32d1e6$var$DataTablePageResults.propTypes = {
2032
2046
  className: (0, $hgUW1$proptypes).string,
@@ -2894,55 +2908,88 @@ var $cf6eaefd6b928de3$export$2e2bcd8739ae039 = $cf6eaefd6b928de3$var$DatasetAPI;
2894
2908
 
2895
2909
 
2896
2910
 
2897
- const $6012b86ffcaf3f71$var$DataDictionary = ({ datasetDictionary: datasetDictionary , title: title })=>{
2911
+
2912
+ const $6012b86ffcaf3f71$var$DataDictionary = ({ datasetDictionary: datasetDictionary , title: title , pageSize: pageSize = 20 })=>{
2913
+ const [pagination, setPagination] = (0, $hgUW1$useState)({
2914
+ pageIndex: 1,
2915
+ pageSize: pageSize
2916
+ });
2917
+ const columnHelper = (0, $hgUW1$createColumnHelper)();
2898
2918
  const tableColumns = [
2899
- {
2900
- colName: "name",
2901
- UIName: "Name"
2902
- },
2903
- {
2904
- colName: "title",
2905
- UIName: "Title"
2906
- },
2907
- {
2908
- colName: "type",
2909
- UIName: "Type"
2910
- },
2911
- {
2912
- colName: "format",
2913
- UIName: "Format"
2914
- }
2919
+ columnHelper.accessor("name", {
2920
+ header: "Name"
2921
+ }),
2922
+ columnHelper.accessor("title", {
2923
+ header: "Title"
2924
+ }),
2925
+ columnHelper.accessor("type", {
2926
+ header: "Type"
2927
+ }),
2928
+ columnHelper.accessor("format", {
2929
+ header: "Format"
2930
+ })
2915
2931
  ];
2932
+ const table = (0, $hgUW1$useReactTable)({
2933
+ data: datasetDictionary,
2934
+ columns: tableColumns,
2935
+ getCoreRowModel: (0, $hgUW1$getCoreRowModel)(),
2936
+ getPaginationRowModel: (0, $hgUW1$getPaginationRowModel)(),
2937
+ onPaginationChange: setPagination,
2938
+ state: {
2939
+ pagination: pagination
2940
+ }
2941
+ });
2916
2942
  return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
2917
2943
  children: [
2918
2944
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2919
2945
  className: "ds-text-heading--2xl ds-u-margin-y--3",
2920
2946
  children: title
2921
2947
  }),
2922
- /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
2923
- children: [
2924
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableHead), {
2925
- children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableRow), {
2926
- children: tableColumns.map((col)=>{
2927
- return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
2928
- children: col.UIName
2948
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
2949
+ className: "ds-u-overflow--auto ds-u-border-x--1",
2950
+ children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
2951
+ className: "dc-c-datatable",
2952
+ children: [
2953
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableHead), {
2954
+ children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableRow), {
2955
+ children: headerGroup.headers.map((header)=>{
2956
+ return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
2957
+ children: (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext())
2958
+ });
2959
+ })
2960
+ }))
2961
+ }),
2962
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableBody), {
2963
+ children: table.getRowModel().rows.map((row, index)=>{
2964
+ const even = (index + 1) % 2 === 0;
2965
+ return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableRow), {
2966
+ className: `${even ? "dc-c-datatable--even-row" : ""}`,
2967
+ children: row.getVisibleCells().map((cell)=>{
2968
+ return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
2969
+ key: cell.id,
2970
+ children: (0, $hgUW1$flexRender)(cell.column.columnDef.cell, cell.getContext())
2971
+ });
2972
+ })
2929
2973
  });
2930
2974
  })
2931
2975
  })
2932
- }),
2933
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableBody), {
2934
- children: datasetDictionary.map((row)=>{
2935
- return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableRow), {
2936
- children: tableColumns.map((col)=>{
2937
- return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
2938
- children: row[col.colName]
2939
- });
2940
- })
2941
- });
2942
- })
2943
- })
2944
- ]
2945
- })
2976
+ ]
2977
+ })
2978
+ }),
2979
+ datasetDictionary.length > pageSize ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
2980
+ totalPages: Math.ceil(datasetDictionary.length / pagination.pageSize),
2981
+ currentPage: pagination.pageIndex + 1,
2982
+ onPageChange: (evt, page)=>{
2983
+ evt.preventDefault();
2984
+ setPagination({
2985
+ pageIndex: page - 1,
2986
+ pageSize: pageSize
2987
+ });
2988
+ },
2989
+ renderHref: (page)=>{
2990
+ return "";
2991
+ }
2992
+ }) : ""
2946
2993
  ]
2947
2994
  });
2948
2995
  };
@@ -2964,7 +3011,7 @@ const $a0f13962e513caa1$var$getSiteWideDataDictionary = (rootUrl, dataDictionary
2964
3011
  dataDictionaryLoading: isLoading
2965
3012
  };
2966
3013
  };
2967
- const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalParams: additionalParams , customColumns: customColumns , setDatasetTitle: setDatasetTitle , customMetadataMapping: customMetadataMapping , apiPageUrl: apiPageUrl = "/api" , dataDictionaryUrl: dataDictionaryUrl })=>{
3014
+ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalParams: additionalParams , customColumns: customColumns , setDatasetTitle: setDatasetTitle , customMetadataMapping: customMetadataMapping , apiPageUrl: apiPageUrl = "/api" , dataDictionaryUrl: dataDictionaryUrl , borderlessTabs: borderlessTabs = false , defaultPageSize: defaultPageSize = 25 })=>{
2968
3015
  const options = location.search ? {
2969
3016
  ...(0, $hgUW1$qs).parse(location.search, {
2970
3017
  ignoreQueryPrefix: true
@@ -2983,7 +3030,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
2983
3030
  if (distributions.length) distribution = distributions[0];
2984
3031
  const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)("", rootUrl, {
2985
3032
  ...options,
2986
- limit: 25,
3033
+ limit: defaultPageSize,
2987
3034
  manual: true
2988
3035
  }, additionalParams);
2989
3036
  const { siteWideDataDictionary: siteWideDataDictionary } = dataDictionaryUrl ? $a0f13962e513caa1$var$getSiteWideDataDictionary(rootUrl, dataDictionaryUrl) : {
@@ -3061,7 +3108,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
3061
3108
  className: "ds-l-md-col--9",
3062
3109
  children: [
3063
3110
  /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
3064
- className: "ds-u-margin-bottom--7 ds-h1 title-underline ds-u-margin-top--3",
3111
+ className: "ds-u-margin-bottom--4 ds-h1 title-underline",
3065
3112
  children: title
3066
3113
  }),
3067
3114
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -3087,6 +3134,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
3087
3134
  distribution.data.format === "csv" && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
3088
3135
  id: "data-table",
3089
3136
  tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
3137
+ className: "ds-u-color--primary",
3090
3138
  children: [
3091
3139
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $b38839fd67928f42$export$2e2bcd8739ae039), {
3092
3140
  id: "data-table"
@@ -3094,6 +3142,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
3094
3142
  "Data Table"
3095
3143
  ]
3096
3144
  }),
3145
+ className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
3097
3146
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a35cf16d1488f54e$export$2e2bcd8739ae039), {
3098
3147
  id: id,
3099
3148
  distribution: distribution,
@@ -3105,6 +3154,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
3105
3154
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
3106
3155
  id: "overview",
3107
3156
  tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
3157
+ className: "ds-u-color--primary",
3108
3158
  children: [
3109
3159
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $b38839fd67928f42$export$2e2bcd8739ae039), {
3110
3160
  id: "overview"
@@ -3112,6 +3162,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
3112
3162
  "Overview"
3113
3163
  ]
3114
3164
  }),
3165
+ className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
3115
3166
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $364dc44850cd8f7f$export$2e2bcd8739ae039), {
3116
3167
  resource: resource,
3117
3168
  dataset: dataset,
@@ -3119,9 +3170,10 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
3119
3170
  metadataMapping: metadataMapping
3120
3171
  })
3121
3172
  }),
3122
- datasetDictionary && datasetDictionary.length && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
3173
+ datasetDictionary && datasetDictionary.length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
3123
3174
  id: "data-dictionary",
3124
3175
  tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
3176
+ className: "ds-u-color--primary",
3125
3177
  children: [
3126
3178
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $b38839fd67928f42$export$2e2bcd8739ae039), {
3127
3179
  id: "data-dictionary"
@@ -3129,14 +3181,16 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
3129
3181
  "Data Dictionary"
3130
3182
  ]
3131
3183
  }),
3184
+ className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
3132
3185
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6012b86ffcaf3f71$export$2e2bcd8739ae039), {
3133
3186
  datasetDictionary: datasetDictionary,
3134
3187
  title: "Data Dictionary"
3135
3188
  })
3136
- }),
3189
+ }) : null,
3137
3190
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
3138
3191
  id: "api",
3139
3192
  tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
3193
+ className: "ds-u-color--primary",
3140
3194
  children: [
3141
3195
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $b38839fd67928f42$export$2e2bcd8739ae039), {
3142
3196
  id: "api"
@@ -3144,6 +3198,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id , rootUrl: rootUrl , additionalP
3144
3198
  "API"
3145
3199
  ]
3146
3200
  }),
3201
+ className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
3147
3202
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf6eaefd6b928de3$export$2e2bcd8739ae039), {
3148
3203
  id: id,
3149
3204
  rootUrl: rootUrl,