@civicactions/cmsds-open-data-components 3.8.4 → 3.9.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 (7) hide show
  1. package/dist/main.css +11 -1
  2. package/dist/main.css.map +1 -1
  3. package/dist/main.js +112 -126
  4. package/dist/main.js.map +1 -1
  5. package/dist/types.d.ts +1 -1
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +1 -1
package/dist/main.css CHANGED
@@ -99,6 +99,16 @@
99
99
  }
100
100
  }
101
101
 
102
+ .dkan-c-nav-submenu.has-submenu {
103
+ display: block !important;
104
+ }
105
+
106
+ @media only screen and (width >= 544px) {
107
+ .dkan-dataset-search input {
108
+ padding-left: 32px;
109
+ }
110
+ }
111
+
102
112
  .dkan-c-site-menu--sub-menu {
103
113
  list-style: none;
104
114
  display: none;
@@ -1137,7 +1147,7 @@ ul.dc-c-resource-full-width {
1137
1147
  --header-nav-link--mobile-color: var(--color-white);
1138
1148
  --header-mobile-bg-color: var(--color-gray-dark);
1139
1149
  --header-submenu--bg-color: var(--color-primary);
1140
- --header-submenu--width: 300px;
1150
+ --header-submenu--width: 333px;
1141
1151
  --header-nav-search--color: var(--color-white);
1142
1152
  --tag-line--color: #6f757c;
1143
1153
  --tag-line--border-color: #6f757c;
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["66671e0fb4f6ef44","src/components/HeaderTagline/header-tagline.scss","src/components/HeaderNavIconLink/header-nav-icon-link.scss","src/components/CMSTopNav/cms-topnav.scss","src/components/SubMenu/submenu.scss","src/components/HeaderSearch/header-search.scss","src/components/HeaderNav/header-nav.scss","src/components/MobileMenuButton/mobile-menu-button.scss","src/components/NavBar/navbar.scss","src/components/SidebarNavigation/sidebar-navigation.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetListItem/dataset-list-item.scss","src/templates/APIPage/swagger-ui-overrides.scss","src/components/ResourceHeader/resource-header.scss","src/components/Datatable/datatable.scss","src/components/ManageColumns/ManageColumns.scss","src/components/FullScreenDataTable/FullScreenDataTable.scss","src/components/Breadcrumb/breadcrumb.scss","src/components/SearchInput/search-input.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/Resource/Resource.scss","src/components/DataDictionaryTable/dataDictionaryTable.scss","src/components/DatasetDictionaryTable/dataDictionary.scss","src/templates/Dataset/dataset.scss","src/templates/Header/header.scss","src/components/NavLink/NavLink.scss","src/templates/FilteredResource/query-builder.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["@import \"5a0544d83d9d1014\";\n@import \"b87885de2f8b5433\";\n@import \"7f6943971d89bba6\";\n@import \"2f5205d79ceb3608\";\n@import \"7b7c8b0df223a131\";\n@import \"29c08bb4928c86a9\";\n@import \"33f61c049b288427\";\n@import \"8de2d412e6cb09ca\";\n@import \"deb7fb77a9a39a18\";\n@import \"7e153e7ec014239d\";\n@import \"eab1ff0a90f53ec6\";\n@import \"e9f6c11d546332d9\";\n@import \"4aaf9b6e7d02ddbc\";\n@import \"abe4b1357605f482\";\n@import \"e0db2df3aeed891f\";\n@import \"9392ba47b8b5bf2a\";\n@import \"fcd187e2206cc6bb\";\n@import \"befaac9e892f85f3\";\n@import \"c879096dce4fac15\";\n@import \"0942f6189f250c2d\";\n@import \"401f704da451978e\";\n@import \"afb93adf2372c8fa\";\n@import \"0038627699fe7360\";\n@import \"d35618c6100ac41e\";\n@import \"c21b52fda9bf8379\";\n@import \"9581ea82efe9ba05\";\n@import \"5c4d0463a5a7f5df\";\n@import \"273e90f78d9897be\";\n@import \"11a474311c5aac64\";\n@import \"e4bccea31c84a01a\";\n",".dkan-c-cms-topnav--tagline {\n color: #{var(--tag-line--color)};\n}\n\n.dkan-c-header--mobile {\n .dkan-c-cms-topnav--tagline {\n display: none;\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-cms-topnav--tagline {\n display: inline-flex;\n align-items: center;\n border-left: 1px solid #{var(--tag-line--border-color)};\n }\n}\n",":root {\n --header-nav-icon-link--desktop-width: 240px;\n --header-nav-icon-link--mobile-width: 90px;\n}\n\n.dkan-c-header-nav-icon-link {\n display: inline-flex;\n align-items: center;\n border-right: none;\n a {\n text-decoration: none;\n border-bottom: none;\n display: inline-block;\n }\n a:focus,\n a:hover {\n background-color: transparent;\n }\n &.show-back-arrow a::before {\n font-family: 'Font Awesome 6 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 display: inline-block;\n vertical-align: middle;\n }\n}\n\n.dkan-c-header--mobile {\n .dkan-c-header-nav-icon-link img {\n width: #{var(--header-nav-icon-link--mobile-width)};\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-header-nav-icon-link img {\n width: #{var(--header-nav-icon-link--desktop-width)};\n }\n}\n",".dkan-c-cms-topnav {\n height: 51px;\n}\n\n.dkan-c-cms-topnav > div {\n height: 100%;\n}\n\n.dkan-c-cms-topnav .dkan-c-cms-topnav-menu a {\n display: inline-block;\n margin: 3px 7px;\n}\n\n.dkan-c-cms-topnav--menu ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.dkan-c-cms-topnav .dkan-c-cms-topnav--tagline {\n height: 100%;\n margin-left: 16px;\n}\n\n@media screen and (max-width: 544px) {\n .dkan-c-cms-topnav {\n display: none;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .dkan-c-cms-topnav {\n height: 85px;\n }\n}\n",".dkan-c-site-menu--sub-menu {\n list-style: none;\n display: none;\n}\n\n.dkan-c-nav-submenu {\n position: relative;\n}\n\n.dkan-c-nav-submenu.open .dkan-c-site-menu--sub-menu {\n display: block;\n}\n\n.dkan-c-header--mobile {\n .dkan-c-site-menu--sub-menu a svg {\n display: none;\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-site-menu--sub-menu {\n background: #{var(--header-submenu--bg-color)};\n position: absolute;\n left: 0;\n top: 48px;\n margin: 0;\n padding: 16px;\n width: #{var(--header-submenu--width)};\n a {\n text-align: left;\n display: flex;\n padding: 16px;\n span {\n margin-left: 8px;\n border-bottom-width: 2px;\n border-bottom-style: solid;\n border-bottom-color: transparent;\n }\n }\n a:hover,\n a:focus {\n span {\n border-bottom-color: #{var(--header-nav-link--mobile-color)};\n }\n }\n z-index: 999;\n }\n\n}\n",".dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n span {\n border-bottom-width: 2px;\n border-bottom-style: solid;\n border-bottom-color: transparent;\n }\n}\n\n.dkan-c-header--mobile {\n .dkan-c-nav-menu--mobile {\n display: none;\n }\n\n .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button {\n text-decoration: none;\n color: #{var(--header-nav-link--mobile-color)};\n &:hover,\n &:focus {\n color: #{var(--header-nav-link--mobile-color)};\n span {\n border-bottom-color: #{var(--header-nav-link--mobile-color)};\n }\n }\n }\n}\n\n.dkan-c-header-search--modal-button {\n &::before {\n font-family: 'Font Awesome 6 Pro';\n content: '\\f002';\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\n.dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n color: #{var(--header-nav-search--color)};\n text-decoration: none;\n &:focus,\n &:hover {\n color: #{var(--header-nav-search--color)};\n span {\n border-bottom-color: #{var(--header-nav-search--color)};\n }\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-main-navigation--search {\n border-left: 2px solid #{var(--header-nav-search--color)};\n }\n .dkan-c-nav-menu--desktop .dkan-c-main-navigation--search {\n display: none;\n }\n \n}\n\n",".dkan-c-header--link-list {\n list-style: none;\n}\n\n.dkan-c-header--wrapper {\n flex-wrap: nowrap !important;\n}\n\n.dkan-c-header--link-list .dkan-c-header--link,\n.dkan-c-header--link-list .dkan-c-header--link + ul a {\n span {\n border-bottom-width: 2px;\n border-bottom-style: solid;\n border-bottom-color: transparent;\n }\n}\n\n\n\n.dkan-c-header--mobile {\n .dkan-c-header--link-list .dkan-c-header--link,\n .dkan-c-header--link-list .dkan-c-header--link + ul a {\n text-decoration: none;\n color: #{var(--header-nav-link--mobile-color)};\n &:hover,\n &:focus {\n color: #{var(--header-nav-link--mobile-color)};\n span {\n border-bottom-color: #{var(--header-nav-link--mobile-color)};\n }\n }\n }\n\n .dkan-c-nav-menu ul {\n padding-inline-start: 0;\n }\n\n .dkan-c-nav-menu--close {\n display: none;\n }\n\n .dkan-c-nav-menu--open {\n flex: none;\n max-width: 100%;\n display: block;\n position: fixed;\n background-color: #{var(--header-mobile-bg-color)};\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 50px 0;\n z-index: 500;\n // TODO: Need to rework, doesn't do anything with display none/block.\n transition-property: left;\n transition-duration: #{var(--mobile-nav-animation-time)};\n }\n\n .dkan-c-nav-menu .dkan-c-top-nav {\n padding-top: 8px;\n display: inherit;\n &::before {\n background: #{var(--color-primary-light)};\n content: \"\";\n width: 48px;\n height: 2px;\n margin-left: 24px;\n display: block;\n position: absolute;\n }\n \n ul {\n padding-top: 16px;\n }\n }\n}\n\n.dkan-c-header--desktop {\n ul.dkan-c-header--link-list .dkan-c-header--link,\n ul.dkan-c-header--link-list .dkan-c-header--link + ul a {\n text-decoration: none;\n color: #{var(--header-nav-link--color)};\n padding: #{var(--space, 8px 8px)};\n &:hover {\n span {\n border-bottom-color: #{var(--header-nav-link--color)};\n }\n }\n }\n\n .dkan-c-header--link-list {\n margin-block: 0;\n }\n\n .dkan-c-main-nav {\n display: flex;\n flex-direction: row;\n justify-content: end;\n }\n\n .dkan-c-nav-menu--mobile-close-button {\n display: none;\n }\n\n .dkan-c-header--link-list {\n display: flex;\n flex-direction: row;\n }\n\n .dkan-c-nav-menu .dkan-c-top-nav {\n display: none;\n }\n}\n\n\n\n",":root {\n --mobile-menu-button--color: #{var(--color-white)};\n --mobile-menu-button--hover-color: #{var(--color-white)};\n}\n\n.dkan-c-header--desktop {\n .dkan-c-mobile-menu-button {\n display: none;\n }\n}\n\n.dkan-c-header--mobile {\n .dkan-c-mobile-menu-button {\n display: inherit;\n }\n}\n\nbutton.dkan-c-mobile-menu-button {\n color: #{var(--mobile-menu-button--color)};\n &::before {\n font-family: 'Font Awesome 6 Pro';\n color: #{var(--mobile-menu-button--color)};\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 &:hover {\n color: #{var(--mobile-menu-button--hover-color)};\n &::before {\n color: #{var(--mobile-menu-button--hover-color)};\n }\n }\n}\n\nbutton.dkan-c-mobile-menu-button--open {\n &::before {\n content: '\\f0c9';\n }\n}\n",".dkan-c-cms-topnav-menu ul {\n list-style: none;\n margin: 0;\n padding: 0;\n justify-content: end;\n}\n","div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {\n border-top: 8px solid var(--color-secondary) !important;\n border-radius: 4px;\n}\n\n.dkan-c-sidebar-nav ul {\n list-style: none;\n display: block;\n margin: 0;\n padding: 0;\n}\n\n.dkan-c-sidebar-nav-link,\n.dkan-c-sidebar-nav-link:visited {\n color: var(--color-base);\n text-decoration: none;\n &:hover {\n text-decoration: underline;\n }\n}\n\n.dkan-c-sidebar-nav-link-status {\n border: 2px solid var(--color-gray-lighter);\n border-radius: 2px;\n}\n\n.active .dkan-c-sidebar-nav-link-status {\n border: 2px solid var(--color-primary-darker);\n border-radius: 2px;\n}\n\n.dkan-c-sidebar-nav--mobile {\n margin-bottom: 32px;\n .dkan-c-sidebar-nav-menu--open {\n display: inherit;\n }\n \n .dkan-c-sidebar-nav-menu--close {\n display: none;\n }\n\n .dkan-c-sidebar-nav--mobile-header {\n display: flex;\n margin-top: -32px;\n }\n}\n\n.dkan-c-sidebar-nav--desktop .dkan-c-sidebar-nav--mobile-header {\n display: none;\n}\n\n\n.dkan-c-sidebar-nav--mobile {\n display: inherit;\n}\n",".dc-c-search-list-item {\n list-style: none;\n ul {\n gap: 0;\n }\n li {\n list-style: none;\n\n &:first-child > span {\n padding-left: 0;\n }\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 button, span > a {\n font-weight: normal !important;\n }\n a:visited svg {\n fill: #{var(--link__color--visited)};\n }\n\n .ds-c-button {\n text-decoration: none !important;\n \n svg,\n &:visited svg {\n fill: #{var(--color-white)};\n }\n\n }\n}",".dc-c-list-item {\n list-style: none;\n ul {\n gap: 0;\n }\n li {\n list-style: none;\n\n &:first-child > span {\n padding-left: 0;\n }\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 button, span > a {\n font-weight: normal !important;\n }\n a:visited svg {\n fill: #{var(--link__color--visited)};\n }\n\n // If the dataset title is right after the date, remove the top margin.\n span[id^=\"dataset-\"] + h2 {\n margin-top: 0;\n }\n\n .ds-c-button {\n text-decoration: none !important;\n \n svg,\n &:visited svg {\n fill: #{var(--color-white)};\n }\n\n }\n}\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 > span {\n span {\n background-color: #666;\n border-radius: 67px;\n display: inline-block;\n font-size: 14px;\n color: white;\n margin: 0 0 0 5px;\n padding: 2px 8px;\n position: relative;\n top: -5px;\n vertical-align: super;\n &.version-stamp--openapi {\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 .table-container, .responses-inner {\n overflow: scroll;\n }\n}\n\n.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {\n font-weight: bold !important;\n}\n\n.swagger-ui div.wrapper {\n padding-left: 0;\n padding-right: 0;\n}\n\n// Fix issue on mobile with text on accordion looking weird.\n\n@media (width <= 544px) {\n .swagger-ui .opblock-tag-section .opblock-tag small {\n flex: initial;\n }\n}\n",".ds-c-button.display-settings-font {\n font: inherit;\n}",".dc-c-datatable {\n width: 100%;\n border-spacing: 0px;\n thead > .dc-c-sticky-header {\n position: sticky;\n top: 0;\n background-color: white;\n }\n th {\n position: relative;\n text-align: left;\n }\n thead th div {\n display: flex;\n align-items: center;\n cursor: default;\n }\n}\n\n.dc-c-datatable-wrapper {\n overflow: auto;\n display: grid;\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\nthead.dc-thead--truncated {\n th > div {\n align-items: stretch; \n\n > div {\n overflow: hidden;\n flex: 1 1 auto;\n position: relative;\n \n > span {\n white-space: nowrap;\n text-overflow: ellipsis;\n display: inline-block;\n overflow: hidden;\n position: absolute;\n left: 0;\n width: 100%;\n \n .ds-c-tooltip__container {\n white-space: wrap;\n font-weight: normal;\n }\n }\n }\n }\n th p {\n white-space: normal;\n }\n}\n\ndiv.dc-c-datadictionary-table thead.dc-thead--truncated th > div > div {\n overflow: visible;\n > span {\n overflow: visible;\n }\n}\n\n.dc-c-datatable--even-row td {\n background-color: #{var(--table__background-color--striped)};\n}\n\n.dc-c-datatable--highlight-row td {\n background-color: #{var(--color-info-lighter)}\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 6 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","dialog.dkan-manage-columns-dialog {\n height: 80vh;\n width: 100%;\n .ds-c-dialog__window {\n min-width: 768px; // TODO responsive\n padding: 0;\n .ds-c-dialog__header {\n padding: 24px;\n }\n }\n .dkan-manage-columns-list {\n list-style: none;\n gap: 0;\n max-height: 350px; // TODO responsive\n margin: 0;\n padding: 0;\n overflow-y: auto;\n\n li {\n cursor: pointer;\n }\n\n .ds-c-choice-wrapper {\n margin-top: 0;\n }\n\n .dkan-manage-columns-reorder-button {\n background: none;\n border: none;\n\n &.grabbed {\n background-color: var(--color-primary-lighter);\n }\n }\n }\n}\n\n@media screen and (max-width: 767px) {\n dialog.dkan-manage-columns-dialog {\n height: 100%;\n .ds-c-dialog__window {\n margin-top: 0;\n width: 100%;\n min-width: auto;\n height: 100%;\n }\n .ds-c-dialog__body > div:not(.ds-c-dialog__actions) {\n display: flex;\n flex-direction: column;\n }\n .dkan-manage-columns-list {\n max-height: calc(100vh - 435px); /* approx height of all other dialog elements */\n }\n\n .ds-c-dialog__actions {\n position:absolute;\n bottom: 0;\n background-color: white;\n padding-top: 16px;\n }\n }\n}","dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window {\n width: 100%;\n max-width: 100%;\n margin: 0;\n\n form {\n max-width: 1024px;\n }\n\n .dkan-datatable-fullscreen-mode {\n max-height: calc(100vh - 415px);\n min-height: calc(100vh - 415px);\n overflow: hidden;\n\n .dc-c-datatable-wrapper {\n max-height: calc(100vh - 473px);\n }\n }\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 6 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",".search-input-container {\n\n width: 100%;\n position: relative;\n\n > div:has(input) {\n width: 100%;\n }\n \n input {\n max-width: none;\n width: 100%;\n border-radius: 37px !important;\n padding: 16px;\n }\n\n .left-padding input {\n @media (min-width: 544px) {\n padding-left: 50px;\n }\n }\n\n .right-padding input {\n padding-right: 74px;\n @media (min-width: 544px) {\n padding-right: 197px;\n }\n }\n \n button {\n position: absolute;\n right: 2px;\n top: 4px;\n border-radius: 37px !important;\n padding: 16px;\n background-color: #0D2499;\n\n @media (max-width: 544px) {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n }\n\n &:hover,\n &:active {\n border-color: #000f5c;\n background-color: #000f5c !important;\n }\n\n &:focus {\n background-color: #0D2499;\n }\n \n span {\n display: block;\n height: 21px;\n }\n\n svg {\n margin-top: -2px;\n }\n\n .magnifying-glass-icon {\n\n @media (min-width: 544px) {\n display: none;\n }\n\n path {\n fill: #fff;\n }\n }\n\n .sm-label {\n @media (max-width: 544px) {\n display: none;\n }\n }\n\n &.on-dark {\n border-color: #C6F6DB;\n background-color: #C6F6DB;\n color: var(--component-button-solid-dark-alt-color, #262626);\n\n path {\n fill: var(--component-button-solid-dark-alt-color, #262626);\n }\n \n &:hover,\n &:active {\n border-color: #95cfae;\n background-color: #95cfae !important;\n color: var(--component-button-solid-dark-alt-color, #262626);\n }\n }\n }\n\n > .magnifying-glass-icon {\n position: absolute;\n left: 16px;\n top: 16px;\n\n path {\n fill: #0D2499;\n }\n }\n\n .rounded-border {\n position: absolute;\n inset: 4px 0 0;\n border-radius: 37px;\n border: 2px solid var(--color-granite-200, #C0C0C0);\n pointer-events: none;\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",".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 div.--alt-style input {\n @media only screen and (max-width: 544px) {\n --text-input__border-radius: 50px;\n --text-input__border-color: #c6b7b7;\n height: 61px;\n }\n }\n\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n .dc-c-search-button-mobile {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n position: absolute;\n right: 18px;\n top: 2px;\n z-index: 1000;\n height: 57px;\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}","ul.dc-c-resource-full-width {\n width: 100%;\n}\n",".dc-c-datadictionary-table .dc-c-datatable th, .dc-c-datadictionary-table .dc-c-datatable td {\n border-left: 0;\n border-right: 0;\n}",".dc-c-tooltip-width-override .ds-c-tooltip {\n width: 500px;\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 overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n white-space: pre-line;\n ul {\n list-style-type: unset;\n }\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}",":root {\n --mobile-nav-animation-time: 1s;\n --cms-top-nav-height: 87px;\n --main-nav-height: 100px;\n --header-bg-color: #{var(--color-primary)};\n --header-bg-image: linear-gradient(90deg, var(--color-primary-darkest) 10%, var(--color-primary) 90%);\n --header-nav-link--color: #{var(--color-white)};\n --header-nav-link--mobile-color: #{var(--color-white)};\n --header-mobile-bg-color: #{var(--color-gray-dark)};\n --header-submenu--bg-color: #{var(--color-primary)};\n --header-submenu--width: 300px;\n --header-nav-search--color: #{var(--color-white)};\n --tag-line--color: #6f757c;\n --tag-line--border-color: #6f757c;\n}\n\n.dkan-c-main-navigation > div > div {\n height: #{var(--main-nav-height)};\n}\n\n.dkan-c-header .dkan-c-main-navigation {\n background-color: #{var(--header-bg-color)};\n background-image: #{var(--header-bg-image)};\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 6 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 6 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-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\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-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\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\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 6 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","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}",".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-header .data-table-results {\n margin: 0;\n}\n\n.dc-c-resource-header--buttons {\n display: flex;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
1
+ {"mappings":"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","sources":["66671e0fb4f6ef44","src/components/HeaderTagline/header-tagline.scss","src/components/HeaderNavIconLink/header-nav-icon-link.scss","src/components/CMSTopNav/cms-topnav.scss","src/components/DatasetListSubmenu/dataset-list-submenu.scss","src/components/SubMenu/submenu.scss","src/components/HeaderSearch/header-search.scss","src/components/HeaderNav/header-nav.scss","src/components/MobileMenuButton/mobile-menu-button.scss","src/components/NavBar/navbar.scss","src/components/SidebarNavigation/sidebar-navigation.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetListItem/dataset-list-item.scss","src/templates/APIPage/swagger-ui-overrides.scss","src/components/ResourceHeader/resource-header.scss","src/components/Datatable/datatable.scss","src/components/ManageColumns/ManageColumns.scss","src/components/FullScreenDataTable/FullScreenDataTable.scss","src/components/Breadcrumb/breadcrumb.scss","src/components/SearchInput/search-input.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/Resource/Resource.scss","src/components/DataDictionaryTable/dataDictionaryTable.scss","src/components/DatasetDictionaryTable/dataDictionary.scss","src/templates/Dataset/dataset.scss","src/templates/Header/header.scss","src/components/NavLink/NavLink.scss","src/templates/FilteredResource/query-builder.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["@import \"5a0544d83d9d1014\";\n@import \"b87885de2f8b5433\";\n@import \"7f6943971d89bba6\";\n@import \"2f5205d79ceb3608\";\n@import \"4cf3c31add4615a9\";\n@import \"7b7c8b0df223a131\";\n@import \"29c08bb4928c86a9\";\n@import \"33f61c049b288427\";\n@import \"8de2d412e6cb09ca\";\n@import \"deb7fb77a9a39a18\";\n@import \"7e153e7ec014239d\";\n@import \"eab1ff0a90f53ec6\";\n@import \"e9f6c11d546332d9\";\n@import \"4aaf9b6e7d02ddbc\";\n@import \"abe4b1357605f482\";\n@import \"e0db2df3aeed891f\";\n@import \"9392ba47b8b5bf2a\";\n@import \"fcd187e2206cc6bb\";\n@import \"befaac9e892f85f3\";\n@import \"c879096dce4fac15\";\n@import \"0942f6189f250c2d\";\n@import \"401f704da451978e\";\n@import \"afb93adf2372c8fa\";\n@import \"0038627699fe7360\";\n@import \"d35618c6100ac41e\";\n@import \"c21b52fda9bf8379\";\n@import \"9581ea82efe9ba05\";\n@import \"5c4d0463a5a7f5df\";\n@import \"273e90f78d9897be\";\n@import \"11a474311c5aac64\";\n@import \"e4bccea31c84a01a\";\n",".dkan-c-cms-topnav--tagline {\n color: #{var(--tag-line--color)};\n}\n\n.dkan-c-header--mobile {\n .dkan-c-cms-topnav--tagline {\n display: none;\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-cms-topnav--tagline {\n display: inline-flex;\n align-items: center;\n border-left: 1px solid #{var(--tag-line--border-color)};\n }\n}\n",":root {\n --header-nav-icon-link--desktop-width: 240px;\n --header-nav-icon-link--mobile-width: 90px;\n}\n\n.dkan-c-header-nav-icon-link {\n display: inline-flex;\n align-items: center;\n border-right: none;\n a {\n text-decoration: none;\n border-bottom: none;\n display: inline-block;\n }\n a:focus,\n a:hover {\n background-color: transparent;\n }\n &.show-back-arrow a::before {\n font-family: 'Font Awesome 6 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 display: inline-block;\n vertical-align: middle;\n }\n}\n\n.dkan-c-header--mobile {\n .dkan-c-header-nav-icon-link img {\n width: #{var(--header-nav-icon-link--mobile-width)};\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-header-nav-icon-link img {\n width: #{var(--header-nav-icon-link--desktop-width)};\n }\n}\n",".dkan-c-cms-topnav {\n height: 51px;\n}\n\n.dkan-c-cms-topnav > div {\n height: 100%;\n}\n\n.dkan-c-cms-topnav .dkan-c-cms-topnav-menu a {\n display: inline-block;\n margin: 3px 7px;\n}\n\n.dkan-c-cms-topnav--menu ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.dkan-c-cms-topnav .dkan-c-cms-topnav--tagline {\n height: 100%;\n margin-left: 16px;\n}\n\n@media screen and (max-width: 544px) {\n .dkan-c-cms-topnav {\n display: none;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .dkan-c-cms-topnav {\n height: 85px;\n }\n}\n",".dkan-c-nav-submenu.has-submenu {\n display: block !important;\n}\n\n.dc-dataset-search-list {\n list-style: none;\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}\n",".dkan-c-site-menu--sub-menu {\n list-style: none;\n display: none;\n}\n\n.dkan-c-nav-submenu {\n position: relative;\n}\n\n.dkan-c-nav-submenu.open .dkan-c-site-menu--sub-menu {\n display: block;\n}\n\n.dkan-c-header--mobile {\n .dkan-c-site-menu--sub-menu a svg {\n display: none;\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-site-menu--sub-menu {\n background: #{var(--header-submenu--bg-color)};\n position: absolute;\n left: 0;\n top: 48px;\n margin: 0;\n padding: 16px;\n width: #{var(--header-submenu--width)};\n a {\n text-align: left;\n display: flex;\n padding: 16px;\n span {\n margin-left: 8px;\n border-bottom-width: 2px;\n border-bottom-style: solid;\n border-bottom-color: transparent;\n }\n }\n a:hover,\n a:focus {\n span {\n border-bottom-color: #{var(--header-nav-link--mobile-color)};\n }\n }\n z-index: 999;\n }\n\n}\n",".dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n span {\n border-bottom-width: 2px;\n border-bottom-style: solid;\n border-bottom-color: transparent;\n }\n}\n\n.dkan-c-header--mobile {\n .dkan-c-nav-menu--mobile {\n display: none;\n }\n\n .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button {\n text-decoration: none;\n color: #{var(--header-nav-link--mobile-color)};\n &:hover,\n &:focus {\n color: #{var(--header-nav-link--mobile-color)};\n span {\n border-bottom-color: #{var(--header-nav-link--mobile-color)};\n }\n }\n }\n}\n\n.dkan-c-header-search--modal-button {\n &::before {\n font-family: 'Font Awesome 6 Pro';\n content: '\\f002';\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\n.dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n color: #{var(--header-nav-search--color)};\n text-decoration: none;\n &:focus,\n &:hover {\n color: #{var(--header-nav-search--color)};\n span {\n border-bottom-color: #{var(--header-nav-search--color)};\n }\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-main-navigation--search {\n border-left: 2px solid #{var(--header-nav-search--color)};\n }\n .dkan-c-nav-menu--desktop .dkan-c-main-navigation--search {\n display: none;\n }\n \n}\n\n",".dkan-c-header--link-list {\n list-style: none;\n}\n\n.dkan-c-header--wrapper {\n flex-wrap: nowrap !important;\n}\n\n.dkan-c-header--link-list .dkan-c-header--link,\n.dkan-c-header--link-list .dkan-c-header--link + ul a {\n span {\n border-bottom-width: 2px;\n border-bottom-style: solid;\n border-bottom-color: transparent;\n }\n}\n\n\n\n.dkan-c-header--mobile {\n .dkan-c-header--link-list .dkan-c-header--link,\n .dkan-c-header--link-list .dkan-c-header--link + ul a {\n text-decoration: none;\n color: #{var(--header-nav-link--mobile-color)};\n &:hover,\n &:focus {\n color: #{var(--header-nav-link--mobile-color)};\n span {\n border-bottom-color: #{var(--header-nav-link--mobile-color)};\n }\n }\n }\n\n .dkan-c-nav-menu ul {\n padding-inline-start: 0;\n }\n\n .dkan-c-nav-menu--close {\n display: none;\n }\n\n .dkan-c-nav-menu--open {\n flex: none;\n max-width: 100%;\n display: block;\n position: fixed;\n background-color: #{var(--header-mobile-bg-color)};\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 50px 0;\n z-index: 500;\n // TODO: Need to rework, doesn't do anything with display none/block.\n transition-property: left;\n transition-duration: #{var(--mobile-nav-animation-time)};\n }\n\n .dkan-c-nav-menu .dkan-c-top-nav {\n padding-top: 8px;\n display: inherit;\n &::before {\n background: #{var(--color-primary-light)};\n content: \"\";\n width: 48px;\n height: 2px;\n margin-left: 24px;\n display: block;\n position: absolute;\n }\n \n ul {\n padding-top: 16px;\n }\n }\n}\n\n.dkan-c-header--desktop {\n ul.dkan-c-header--link-list .dkan-c-header--link,\n ul.dkan-c-header--link-list .dkan-c-header--link + ul a {\n text-decoration: none;\n color: #{var(--header-nav-link--color)};\n padding: #{var(--space, 8px 8px)};\n &:hover {\n span {\n border-bottom-color: #{var(--header-nav-link--color)};\n }\n }\n }\n\n .dkan-c-header--link-list {\n margin-block: 0;\n }\n\n .dkan-c-main-nav {\n display: flex;\n flex-direction: row;\n justify-content: end;\n }\n\n .dkan-c-nav-menu--mobile-close-button {\n display: none;\n }\n\n .dkan-c-header--link-list {\n display: flex;\n flex-direction: row;\n }\n\n .dkan-c-nav-menu .dkan-c-top-nav {\n display: none;\n }\n}\n\n\n\n",":root {\n --mobile-menu-button--color: #{var(--color-white)};\n --mobile-menu-button--hover-color: #{var(--color-white)};\n}\n\n.dkan-c-header--desktop {\n .dkan-c-mobile-menu-button {\n display: none;\n }\n}\n\n.dkan-c-header--mobile {\n .dkan-c-mobile-menu-button {\n display: inherit;\n }\n}\n\nbutton.dkan-c-mobile-menu-button {\n color: #{var(--mobile-menu-button--color)};\n &::before {\n font-family: 'Font Awesome 6 Pro';\n color: #{var(--mobile-menu-button--color)};\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 &:hover {\n color: #{var(--mobile-menu-button--hover-color)};\n &::before {\n color: #{var(--mobile-menu-button--hover-color)};\n }\n }\n}\n\nbutton.dkan-c-mobile-menu-button--open {\n &::before {\n content: '\\f0c9';\n }\n}\n",".dkan-c-cms-topnav-menu ul {\n list-style: none;\n margin: 0;\n padding: 0;\n justify-content: end;\n}\n","div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {\n border-top: 8px solid var(--color-secondary) !important;\n border-radius: 4px;\n}\n\n.dkan-c-sidebar-nav ul {\n list-style: none;\n display: block;\n margin: 0;\n padding: 0;\n}\n\n.dkan-c-sidebar-nav-link,\n.dkan-c-sidebar-nav-link:visited {\n color: var(--color-base);\n text-decoration: none;\n &:hover {\n text-decoration: underline;\n }\n}\n\n.dkan-c-sidebar-nav-link-status {\n border: 2px solid var(--color-gray-lighter);\n border-radius: 2px;\n}\n\n.active .dkan-c-sidebar-nav-link-status {\n border: 2px solid var(--color-primary-darker);\n border-radius: 2px;\n}\n\n.dkan-c-sidebar-nav--mobile {\n margin-bottom: 32px;\n .dkan-c-sidebar-nav-menu--open {\n display: inherit;\n }\n \n .dkan-c-sidebar-nav-menu--close {\n display: none;\n }\n\n .dkan-c-sidebar-nav--mobile-header {\n display: flex;\n margin-top: -32px;\n }\n}\n\n.dkan-c-sidebar-nav--desktop .dkan-c-sidebar-nav--mobile-header {\n display: none;\n}\n\n\n.dkan-c-sidebar-nav--mobile {\n display: inherit;\n}\n",".dc-c-search-list-item {\n list-style: none;\n ul {\n gap: 0;\n }\n li {\n list-style: none;\n\n &:first-child > span {\n padding-left: 0;\n }\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 button, span > a {\n font-weight: normal !important;\n }\n a:visited svg {\n fill: #{var(--link__color--visited)};\n }\n\n .ds-c-button {\n text-decoration: none !important;\n \n svg,\n &:visited svg {\n fill: #{var(--color-white)};\n }\n\n }\n}",".dc-c-list-item {\n list-style: none;\n ul {\n gap: 0;\n }\n li {\n list-style: none;\n\n &:first-child > span {\n padding-left: 0;\n }\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 button, span > a {\n font-weight: normal !important;\n }\n a:visited svg {\n fill: #{var(--link__color--visited)};\n }\n\n // If the dataset title is right after the date, remove the top margin.\n span[id^=\"dataset-\"] + h2 {\n margin-top: 0;\n }\n\n .ds-c-button {\n text-decoration: none !important;\n \n svg,\n &:visited svg {\n fill: #{var(--color-white)};\n }\n\n }\n}\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 > span {\n span {\n background-color: #666;\n border-radius: 67px;\n display: inline-block;\n font-size: 14px;\n color: white;\n margin: 0 0 0 5px;\n padding: 2px 8px;\n position: relative;\n top: -5px;\n vertical-align: super;\n &.version-stamp--openapi {\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 .table-container, .responses-inner {\n overflow: scroll;\n }\n}\n\n.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {\n font-weight: bold !important;\n}\n\n.swagger-ui div.wrapper {\n padding-left: 0;\n padding-right: 0;\n}\n\n// Fix issue on mobile with text on accordion looking weird.\n\n@media (width <= 544px) {\n .swagger-ui .opblock-tag-section .opblock-tag small {\n flex: initial;\n }\n}\n",".ds-c-button.display-settings-font {\n font: inherit;\n}",".dc-c-datatable {\n width: 100%;\n border-spacing: 0px;\n thead > .dc-c-sticky-header {\n position: sticky;\n top: 0;\n background-color: white;\n }\n th {\n position: relative;\n text-align: left;\n }\n thead th div {\n display: flex;\n align-items: center;\n cursor: default;\n }\n}\n\n.dc-c-datatable-wrapper {\n overflow: auto;\n display: grid;\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\nthead.dc-thead--truncated {\n th > div {\n align-items: stretch; \n\n > div {\n overflow: hidden;\n flex: 1 1 auto;\n position: relative;\n \n > span {\n white-space: nowrap;\n text-overflow: ellipsis;\n display: inline-block;\n overflow: hidden;\n position: absolute;\n left: 0;\n width: 100%;\n \n .ds-c-tooltip__container {\n white-space: wrap;\n font-weight: normal;\n }\n }\n }\n }\n th p {\n white-space: normal;\n }\n}\n\ndiv.dc-c-datadictionary-table thead.dc-thead--truncated th > div > div {\n overflow: visible;\n > span {\n overflow: visible;\n }\n}\n\n.dc-c-datatable--even-row td {\n background-color: #{var(--table__background-color--striped)};\n}\n\n.dc-c-datatable--highlight-row td {\n background-color: #{var(--color-info-lighter)}\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 6 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","dialog.dkan-manage-columns-dialog {\n height: 80vh;\n width: 100%;\n .ds-c-dialog__window {\n min-width: 768px; // TODO responsive\n padding: 0;\n .ds-c-dialog__header {\n padding: 24px;\n }\n }\n .dkan-manage-columns-list {\n list-style: none;\n gap: 0;\n max-height: 350px; // TODO responsive\n margin: 0;\n padding: 0;\n overflow-y: auto;\n\n li {\n cursor: pointer;\n }\n\n .ds-c-choice-wrapper {\n margin-top: 0;\n }\n\n .dkan-manage-columns-reorder-button {\n background: none;\n border: none;\n\n &.grabbed {\n background-color: var(--color-primary-lighter);\n }\n }\n }\n}\n\n@media screen and (max-width: 767px) {\n dialog.dkan-manage-columns-dialog {\n height: 100%;\n .ds-c-dialog__window {\n margin-top: 0;\n width: 100%;\n min-width: auto;\n height: 100%;\n }\n .ds-c-dialog__body > div:not(.ds-c-dialog__actions) {\n display: flex;\n flex-direction: column;\n }\n .dkan-manage-columns-list {\n max-height: calc(100vh - 435px); /* approx height of all other dialog elements */\n }\n\n .ds-c-dialog__actions {\n position:absolute;\n bottom: 0;\n background-color: white;\n padding-top: 16px;\n }\n }\n}","dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window {\n width: 100%;\n max-width: 100%;\n margin: 0;\n\n form {\n max-width: 1024px;\n }\n\n .dkan-datatable-fullscreen-mode {\n max-height: calc(100vh - 415px);\n min-height: calc(100vh - 415px);\n overflow: hidden;\n\n .dc-c-datatable-wrapper {\n max-height: calc(100vh - 473px);\n }\n }\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 6 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",".search-input-container {\n\n width: 100%;\n position: relative;\n\n > div:has(input) {\n width: 100%;\n }\n \n input {\n max-width: none;\n width: 100%;\n border-radius: 37px !important;\n padding: 16px;\n }\n\n .left-padding input {\n @media (min-width: 544px) {\n padding-left: 50px;\n }\n }\n\n .right-padding input {\n padding-right: 74px;\n @media (min-width: 544px) {\n padding-right: 197px;\n }\n }\n \n button {\n position: absolute;\n right: 2px;\n top: 4px;\n border-radius: 37px !important;\n padding: 16px;\n background-color: #0D2499;\n\n @media (max-width: 544px) {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n }\n\n &:hover,\n &:active {\n border-color: #000f5c;\n background-color: #000f5c !important;\n }\n\n &:focus {\n background-color: #0D2499;\n }\n \n span {\n display: block;\n height: 21px;\n }\n\n svg {\n margin-top: -2px;\n }\n\n .magnifying-glass-icon {\n\n @media (min-width: 544px) {\n display: none;\n }\n\n path {\n fill: #fff;\n }\n }\n\n .sm-label {\n @media (max-width: 544px) {\n display: none;\n }\n }\n\n &.on-dark {\n border-color: #C6F6DB;\n background-color: #C6F6DB;\n color: var(--component-button-solid-dark-alt-color, #262626);\n\n path {\n fill: var(--component-button-solid-dark-alt-color, #262626);\n }\n \n &:hover,\n &:active {\n border-color: #95cfae;\n background-color: #95cfae !important;\n color: var(--component-button-solid-dark-alt-color, #262626);\n }\n }\n }\n\n > .magnifying-glass-icon {\n position: absolute;\n left: 16px;\n top: 16px;\n\n path {\n fill: #0D2499;\n }\n }\n\n .rounded-border {\n position: absolute;\n inset: 4px 0 0;\n border-radius: 37px;\n border: 2px solid var(--color-granite-200, #C0C0C0);\n pointer-events: none;\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",".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 div.--alt-style input {\n @media only screen and (max-width: 544px) {\n --text-input__border-radius: 50px;\n --text-input__border-color: #c6b7b7;\n height: 61px;\n }\n }\n\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n .dc-c-search-button-mobile {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n position: absolute;\n right: 18px;\n top: 2px;\n z-index: 1000;\n height: 57px;\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}","ul.dc-c-resource-full-width {\n width: 100%;\n}\n",".dc-c-datadictionary-table .dc-c-datatable th, .dc-c-datadictionary-table .dc-c-datatable td {\n border-left: 0;\n border-right: 0;\n}",".dc-c-tooltip-width-override .ds-c-tooltip {\n width: 500px;\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 overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n white-space: pre-line;\n ul {\n list-style-type: unset;\n }\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}",":root {\n --mobile-nav-animation-time: 1s;\n --cms-top-nav-height: 87px;\n --main-nav-height: 100px;\n --header-bg-color: #{var(--color-primary)};\n --header-bg-image: linear-gradient(90deg, var(--color-primary-darkest) 10%, var(--color-primary) 90%);\n --header-nav-link--color: #{var(--color-white)};\n --header-nav-link--mobile-color: #{var(--color-white)};\n --header-mobile-bg-color: #{var(--color-gray-dark)};\n --header-submenu--bg-color: #{var(--color-primary)};\n --header-submenu--width: 333px; // This oddly specific width ensures that pagers on submenus with dataset listings have 24px width between them. See DatasetListSubmenu.tsx.\n --header-nav-search--color: #{var(--color-white)};\n --tag-line--color: #6f757c;\n --tag-line--border-color: #6f757c;\n}\n\n.dkan-c-main-navigation > div > div {\n height: #{var(--main-nav-height)};\n}\n\n.dkan-c-header .dkan-c-main-navigation {\n background-color: #{var(--header-bg-color)};\n background-image: #{var(--header-bg-image)};\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 6 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 6 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-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\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-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\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\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 6 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","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}",".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-header .data-table-results {\n margin: 0;\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
@@ -2,7 +2,7 @@ import "./main.css";
2
2
  import {jsx as $hgUW1$jsx, jsxs as $hgUW1$jsxs, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
3
3
  import {Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, Button as $hgUW1$Button, CloseIconThin as $hgUW1$CloseIconThin, ArrowIcon as $hgUW1$ArrowIcon, Spinner as $hgUW1$Spinner, Alert as $hgUW1$Alert, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Tooltip as $hgUW1$Tooltip, Dropdown as $hgUW1$Dropdown, Choice as $hgUW1$Choice, Pagination as $hgUW1$Pagination, Badge as $hgUW1$Badge, Table as $hgUW1$Table, TableHead as $hgUW1$TableHead, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableBody as $hgUW1$TableBody, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, TooltipIcon as $hgUW1$TooltipIcon} from "@cmsgov/design-system";
4
4
  import $hgUW1$react, {createContext as $hgUW1$createContext, useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, useContext as $hgUW1$useContext, useMemo as $hgUW1$useMemo, useCallback as $hgUW1$useCallback} from "react";
5
- import {NavLink as $hgUW1$NavLink, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams, Link as $hgUW1$Link, useNavigate as $hgUW1$useNavigate} from "react-router-dom";
5
+ import {NavLink as $hgUW1$NavLink, useSearchParams as $hgUW1$useSearchParams, Link as $hgUW1$Link, useNavigate as $hgUW1$useNavigate, useLocation as $hgUW1$useLocation} from "react-router-dom";
6
6
  import $hgUW1$qs from "qs";
7
7
  import $hgUW1$axios from "axios";
8
8
  import {useQuery as $hgUW1$useQuery, QueryClient as $hgUW1$QueryClient, QueryClientProvider as $hgUW1$QueryClientProvider} from "@tanstack/react-query";
@@ -275,7 +275,6 @@ var $11500a65bd7d9cf1$export$2e2bcd8739ae039 = $11500a65bd7d9cf1$var$HeaderConte
275
275
 
276
276
 
277
277
 
278
-
279
278
  const $61ff88fb3f6ee2c8$var$queryClient = new (0, $hgUW1$QueryClient)({
280
279
  defaultOptions: {
281
280
  queries: {
@@ -299,37 +298,19 @@ var $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 = $61ff88fb3f6ee2c8$var$withQueryPr
299
298
 
300
299
 
301
300
 
302
-
303
301
  const $4808982eba3feb88$var$DatasetListSubmenuItem = (props)=>{
304
- const desktop = (0, $hgUW1$useMediaQuery)({
305
- minWidth: 1024
306
- });
307
- const { title: title, identifier: identifier, paginationEnabled: paginationEnabled, dataDictionaryLinks: dataDictionaryLinks } = props;
308
- let linkContainerClasses = "ds-u-margin-bottom--2";
309
- if (dataDictionaryLinks) linkContainerClasses += " ds-l-col--6 ds-u-padding-right--0";
310
- else linkContainerClasses += " ds-l-col--auto ds-u-padding-left--0";
311
- let linkClasses = "ds-u-display--block ds-u-text-align--left";
312
- if (desktop) {
313
- linkContainerClasses = "ds-u-padding-x--0";
314
- linkClasses += " ds-l-col--4 ds-l-md-col--auto";
315
- }
302
+ const { title: title, identifier: identifier, linkClasses: linkClasses } = props;
316
303
  return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
317
- className: "dc-c-list-item ds-u-padding-top--4",
318
- children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
319
- className: `dc-c-searchlist-item ${paginationEnabled ? "ds-u-border-top--1" : "ds-u-border-bottom--1 ds-u-padding-bottom--3"}`,
320
- children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
321
- className: "ds-l-row ds-u-align-items--start",
322
- children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
323
- "aria-describedby": `dataset-${identifier}-updated-date`,
324
- to: `/dataset/${identifier}`,
325
- children: /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
326
- className: "ds-l-col--12 ds-text-heading--md",
327
- children: title
328
- })
329
- })
304
+ className: "dc-c-list-item",
305
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
306
+ className: `ds-u-display-flex ds-u-align-items--center ds-u-text-align--left ${linkClasses}`,
307
+ to: `/dataset/${identifier}`,
308
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
309
+ className: "ds-text-heading--md ds-u-margin-left--0",
310
+ children: title
330
311
  })
331
312
  })
332
- });
313
+ }, identifier);
333
314
  };
334
315
  var $4808982eba3feb88$export$2e2bcd8739ae039 = $4808982eba3feb88$var$DatasetListSubmenuItem;
335
316
 
@@ -401,21 +382,20 @@ async function $eff7d34c30f5a0fc$export$2d2256cb46e92ff7(rootUrl, options, ACA)
401
382
 
402
383
 
403
384
 
385
+
404
386
  const $844981eac9b63865$export$eccc29c8d0ff408 = (0, $hgUW1$createContext)({
405
387
  ACA: undefined
406
388
  });
407
389
 
408
390
 
409
- const $9384a736d4d6f425$var$DatasetListSubmenu = (props)=>{
410
- const { rootUrl: rootUrl, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 3, defaultSort: defaultSort = {
411
- defaultSort: "modified",
412
- defaultOrder: "desc"
413
- }, dataDictionaryLinks: dataDictionaryLinks = false } = props;
391
+ const $10bc3aae21fc1572$var$DatasetListSubmenu = ({ rootUrl: rootUrl, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 4, defaultSort: defaultSort = {
392
+ defaultSort: "modified",
393
+ defaultOrder: "desc"
394
+ }, dataDictionaryLinks: dataDictionaryLinks = false, location: location, subLinkClasses: subLinkClasses })=>{
414
395
  const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
415
396
  const defaultSortBy = "";
416
397
  const defaultSortOrder = "";
417
398
  const defaultPage = 1;
418
- const location = (0, $hgUW1$useLocation)();
419
399
  const transformedParams = (0, $eff7d34c30f5a0fc$export$60ec7cc1d341a524)(location.search, defaultSort);
420
400
  const [currentResultNumbers, setCurrentResultNumbers] = (0, $hgUW1$useState)({
421
401
  total: 0,
@@ -492,49 +472,43 @@ const $9384a736d4d6f425$var$DatasetListSubmenu = (props)=>{
492
472
  if (data && data.data.total && totalItems != data.data.total) setTotalItems(data.data.total);
493
473
  return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
494
474
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
495
- className: "ds-l-container",
496
- children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
497
- className: "ds-l-row ds-u-padding-top--4",
498
- children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
499
- className: "ds-l-col--12",
500
- children: isPending ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
501
- className: "ds-u-valign--middle",
502
- "aria-valuetext": "Dataset Search loading",
503
- role: "status"
504
- }) : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
475
+ className: " dkan-c-site-menu--sub-menu",
476
+ children: isPending ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
477
+ className: "ds-u-valign--middle",
478
+ "aria-valuetext": "Dataset Search loading",
479
+ role: "status"
480
+ }) : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
481
+ children: [
482
+ /*#__PURE__*/ (0, $hgUW1$jsxs)("ol", {
483
+ className: "dc-dataset-search-list ds-u-padding--0 ds-u-margin-top--0 ds-u-lg-margin-top--2 ds-u-margin-bottom--2 ds-u-display--block",
484
+ "data-testid": "results-list",
505
485
  children: [
506
- /*#__PURE__*/ (0, $hgUW1$jsx)("h3", {
507
- children: "Test submenu list of new datasets."
486
+ noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
487
+ variation: "error",
488
+ heading: "No results found."
508
489
  }),
509
- /*#__PURE__*/ (0, $hgUW1$jsxs)("ol", {
510
- className: "dc-dataset-search-list ds-u-padding--0 ds-u-margin-top--0 ds-u-margin-bottom--4 ds-u-display--block",
511
- "data-testid": "results-list",
512
- children: [
513
- noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
514
- variation: "error",
515
- heading: "No results found."
516
- }),
517
- data && data.data.results ? Object.keys(data.data.results).map((key)=>{
518
- return data.data.results[key];
519
- }).map((item)=>{
520
- return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $4808982eba3feb88$export$2e2bcd8739ae039), {
521
- title: item.title,
522
- identifier: item.identifier,
523
- paginationEnabled: enablePagination,
524
- dataDictionaryLinks: dataDictionaryLinks
525
- }, item.identifier);
526
- }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
527
- variation: "error",
528
- heading: "Could not connect to the API."
529
- })
530
- ]
531
- }),
532
- /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
533
- className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--end ds-u-flex-wrap--reverse ds-u-sm-flex-wrap--wrap",
534
- children: enablePagination && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
535
- className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--8",
490
+ data && data.data.results ? Object.keys(data.data.results).map((key)=>{
491
+ return data.data.results[key];
492
+ }).map((item)=>{
493
+ return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $4808982eba3feb88$export$2e2bcd8739ae039), {
494
+ title: item.title,
495
+ identifier: item.identifier,
496
+ linkClasses: subLinkClasses
497
+ }, item.identifier);
498
+ }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
499
+ variation: "error",
500
+ heading: "Could not connect to the API."
501
+ })
502
+ ]
503
+ }),
504
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
505
+ className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center ds-u-border-top--1 ds-u-padding-top--3 ds-u-padding-bottom--2 ds-u-margin-x--3 ds-u-lg-margin-x--0",
506
+ children: enablePagination && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
507
+ children: [
508
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
509
+ className: "",
536
510
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
537
- className: "ds-u-margin-y--0",
511
+ className: "ds-u-margin-y--0 ds-u-font-size--sm",
538
512
  "aria-hidden": "true",
539
513
  children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
540
514
  children: [
@@ -545,23 +519,41 @@ const $9384a736d4d6f425$var$DatasetListSubmenu = (props)=>{
545
519
  ]
546
520
  })
547
521
  })
522
+ }),
523
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
524
+ className: "",
525
+ children: data && data.data.total > 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
526
+ className: "ds-u-padding--0 ds-c-button ds-c-button--ghost dkan-c-header--link",
527
+ to: `../whats-new`,
528
+ children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
529
+ className: "ds-text-heading--md",
530
+ children: [
531
+ " ",
532
+ `View all ${data.data.total} entries`,
533
+ " "
534
+ ]
535
+ })
536
+ })
548
537
  })
549
- })
550
- ]
538
+ ]
539
+ })
551
540
  })
552
- })
541
+ ]
553
542
  })
554
543
  })
555
544
  });
556
545
  };
557
- var $9384a736d4d6f425$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($9384a736d4d6f425$var$DatasetListSubmenu);
546
+ var $10bc3aae21fc1572$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($10bc3aae21fc1572$var$DatasetListSubmenu);
547
+
548
+
558
549
 
559
550
 
560
551
 
561
552
 
562
553
 
563
- const $4f153ca537d853e5$var$SubMenuStaticItem = (submenuArray, subLinkClasses)=>// @todo: Move into a separate component
564
- submenuArray.map((s)=>{
554
+ const $6d0cf21faac6a2dd$var$SubMenuStaticList = ({ submenuArray: submenuArray, subLinkClasses: subLinkClasses, setIsExpanded: setIsExpanded })=>{
555
+ // Render a static list of submenu items as listed in the assets/menu.jsx file.
556
+ let submenuItems = submenuArray.map((s)=>{
565
557
  return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
566
558
  children: s.external || s.drupalPage ? /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
567
559
  href: s.url,
@@ -575,7 +567,7 @@ const $4f153ca537d853e5$var$SubMenuStaticItem = (submenuArray, subLinkClasses)=>
575
567
  }) : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$NavLink), {
576
568
  to: s.url,
577
569
  className: `ds-u-display-flex ds-u-align-items--center ${subLinkClasses}`,
578
- onClick: ()=>setIsExpanded(!isExpanded),
570
+ onClick: ()=>setIsExpanded((prev)=>!prev),
579
571
  children: [
580
572
  s.icon ?? null,
581
573
  /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
@@ -585,19 +577,16 @@ const $4f153ca537d853e5$var$SubMenuStaticItem = (submenuArray, subLinkClasses)=>
585
577
  })
586
578
  }, s.id);
587
579
  });
588
- const $4f153ca537d853e5$var$SubMenuDynamicList = ({ rootUrl: rootUrl, location: location })=>{
589
- // @todo: If we don't need subLinkClasses, call the DatasetListSubmenu component directly.
590
- return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $9384a736d4d6f425$export$2e2bcd8739ae039), {
591
- rootUrl: rootUrl,
592
- location: location,
593
- formClassName: "ds-u-display--flex ds-u-align-items--end ds-u-justify-content--between ds-u-margin-bottom--2",
594
- fulltextLabelClassName: "",
595
- fulltextPlaceholder: "",
596
- fulltextLabel: "Dataset submenu List"
580
+ return /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
581
+ className: `dkan-c-site-menu--sub-menu`,
582
+ children: submenuItems
597
583
  });
598
584
  };
585
+ var $6d0cf21faac6a2dd$export$2e2bcd8739ae039 = $6d0cf21faac6a2dd$var$SubMenuStaticList;
586
+
587
+
599
588
  const $4f153ca537d853e5$var$SubMenu = ({ link: link, linkClasses: linkClasses, subLinkClasses: subLinkClasses, wrapLabel: wrapLabel = true })=>{
600
- const [isExpanded1, setIsExpanded1] = (0, $hgUW1$useState)(false);
589
+ const [isExpanded, setIsExpanded] = (0, $hgUW1$useState)(false);
601
590
  const headerContext = (0, $hgUW1$react).useContext((0, $11500a65bd7d9cf1$export$2e2bcd8739ae039));
602
591
  const innerHtml = wrapLabel ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
603
592
  children: link.label
@@ -607,10 +596,10 @@ const $4f153ca537d853e5$var$SubMenu = ({ link: link, linkClasses: linkClasses, s
607
596
  let currentMenu = null;
608
597
  if (menu.current) currentMenu = menu.current;
609
598
  function handleClickOutside(event) {
610
- if (currentMenu && !currentMenu.contains(event.target)) setIsExpanded1(false);
599
+ if (currentMenu && !currentMenu.contains(event.target)) setIsExpanded(false);
611
600
  }
612
601
  function handleFocusOut(event) {
613
- if (currentMenu && !currentMenu.contains(event.relatedTarget)) setIsExpanded1(false);
602
+ if (currentMenu && !currentMenu.contains(event.relatedTarget)) setIsExpanded(false);
614
603
  }
615
604
  document.addEventListener("mousedown", handleClickOutside);
616
605
  currentMenu?.addEventListener("focusout", handleFocusOut);
@@ -619,15 +608,26 @@ const $4f153ca537d853e5$var$SubMenu = ({ link: link, linkClasses: linkClasses, s
619
608
  if (currentMenu) currentMenu.removeEventListener("focusout", handleFocusOut);
620
609
  };
621
610
  }, [
622
- isExpanded1
611
+ isExpanded
623
612
  ]);
624
613
  let submenuBlock;
625
614
  if (link.submenu) {
626
- if (Array.isArray(link.submenu)) submenuBlock = $4f153ca537d853e5$var$SubMenuStaticItem(link.submenu, subLinkClasses);
627
- else if (/*#__PURE__*/ (0, $hgUW1$react).isValidElement(link.submenu)) submenuBlock = $4f153ca537d853e5$var$SubMenuDynamicList(link.submenu, subLinkClasses);
615
+ if (Array.isArray(link.submenu)) submenuBlock = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6d0cf21faac6a2dd$export$2e2bcd8739ae039), {
616
+ submenuArray: link.submenu,
617
+ subLinkClasses: subLinkClasses,
618
+ setIsExpanded: setIsExpanded
619
+ });
620
+ else if (/*#__PURE__*/ (0, $hgUW1$react).isValidElement(link.submenu)) {
621
+ const { rootUrl: rootUrl, location: location } = link.submenu.props;
622
+ submenuBlock = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $10bc3aae21fc1572$export$2e2bcd8739ae039), {
623
+ location: location,
624
+ rootUrl: rootUrl,
625
+ subLinkClasses: subLinkClasses
626
+ });
627
+ }
628
628
  }
629
629
  return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
630
- className: `dkan-c-nav-submenu has-submenu${isExpanded1 ? " open" : ""}`,
630
+ className: `dkan-c-nav-submenu has-submenu${isExpanded ? " open" : ""}`,
631
631
  ref: menu,
632
632
  children: [
633
633
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
@@ -635,23 +635,20 @@ const $4f153ca537d853e5$var$SubMenu = ({ link: link, linkClasses: linkClasses, s
635
635
  onDark: headerContext.onDark,
636
636
  className: `${linkClasses}`,
637
637
  "aria-haspopup": "true",
638
- "aria-expanded": isExpanded1,
638
+ "aria-expanded": isExpanded,
639
639
  onClick: (e)=>{
640
640
  e.preventDefault();
641
- setIsExpanded1(!isExpanded1);
641
+ setIsExpanded(!isExpanded);
642
642
  },
643
643
  children: [
644
644
  innerHtml,
645
645
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$ArrowIcon), {
646
646
  className: "ds-u-margin-left--1",
647
- direction: isExpanded1 ? "down" : "right"
647
+ direction: isExpanded ? "down" : "right"
648
648
  })
649
649
  ]
650
650
  }),
651
- /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
652
- className: "dkan-c-site-menu--sub-menu",
653
- children: submenuBlock
654
- })
651
+ submenuBlock
655
652
  ]
656
653
  });
657
654
  };
@@ -1374,10 +1371,11 @@ function $1a2bf34e2a8f6b80$export$59a943b34a82e690(textString, textLength = 240)
1374
1371
 
1375
1372
 
1376
1373
 
1377
- const $52c6454cae137465$var$DatasetSearchListItem = ({ title: title, modified: modified, description: description = "", identifier: identifier, downloadUrl: downloadUrl, largeFile: largeFile = false, paginationEnabled: paginationEnabled, dataDictionaryLinks: dataDictionaryLinks })=>{
1374
+ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
1378
1375
  const desktop = (0, $hgUW1$useMediaQuery)({
1379
1376
  minWidth: 1024
1380
1377
  });
1378
+ const { title: title, modified: modified, description: description, identifier: identifier, downloadUrl: downloadUrl, largeFile: largeFile = false, paginationEnabled: paginationEnabled, dataDictionaryLinks: dataDictionaryLinks } = props;
1381
1379
  let linkContainerClasses = "ds-u-margin-bottom--2";
1382
1380
  if (dataDictionaryLinks) linkContainerClasses += " ds-l-col--6 ds-u-padding-right--0";
1383
1381
  else linkContainerClasses += " ds-l-col--auto ds-u-padding-left--0";
@@ -1416,20 +1414,9 @@ const $52c6454cae137465$var$DatasetSearchListItem = ({ title: title, modified: m
1416
1414
  }),
1417
1415
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
1418
1416
  className: "ds-l-row",
1419
- children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
1417
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
1420
1418
  className: "ds-l-col--12 ds-l-md-col--12 ds-u-margin-top--2",
1421
- children: [
1422
- (0, $1a2bf34e2a8f6b80$export$59a943b34a82e690)(description),
1423
- description.length > 240 ? /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
1424
- children: [
1425
- " ",
1426
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
1427
- to: `/dataset/${identifier}`,
1428
- children: "See more"
1429
- })
1430
- ]
1431
- }) : ""
1432
- ]
1419
+ children: (0, $1a2bf34e2a8f6b80$export$59a943b34a82e690)(description)
1433
1420
  })
1434
1421
  }),
1435
1422
  downloadUrl ? /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -1604,6 +1591,7 @@ var $c068004d499082cc$export$2e2bcd8739ae039 = $c068004d499082cc$var$DatasetList
1604
1591
 
1605
1592
 
1606
1593
 
1594
+
1607
1595
  const $789279954d8eff7f$var$ApiDocumentation = ({ endpoint: endpoint })=>{
1608
1596
  return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
1609
1597
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
@@ -4297,11 +4285,10 @@ var $e873081a6e8f024e$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
4297
4285
 
4298
4286
 
4299
4287
 
4300
- const $550bcc185f420ff5$var$DatasetList = (props)=>{
4301
- const { rootUrl: rootUrl, enableSort: enableSort = true, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 10, defaultSort: defaultSort = {
4302
- defaultSort: "modified",
4303
- defaultOrder: "desc"
4304
- }, pageTitle: pageTitle = "What's New ", showLargeFileWarning: showLargeFileWarning = false, introText: introText = "", dataDictionaryLinks: dataDictionaryLinks = false } = props;
4288
+ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enableSort = true, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 10, defaultSort: defaultSort = {
4289
+ defaultSort: "modified",
4290
+ defaultOrder: "desc"
4291
+ }, pageTitle: pageTitle = "What's New ", showLargeFileWarning: showLargeFileWarning = false, introText: introText = "", dataDictionaryLinks: dataDictionaryLinks = false })=>{
4305
4292
  const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
4306
4293
  const sortOptions = [
4307
4294
  {
@@ -4573,7 +4560,6 @@ var $550bcc185f420ff5$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
4573
4560
 
4574
4561
 
4575
4562
 
4576
-
4577
4563
  const $b4aa9c66f2e86959$var$useMetastoreDataset = (datasetId, rootAPIUrl)=>{
4578
4564
  const [dataset, setDataset] = (0, $hgUW1$useState)({
4579
4565
  title: "",
@@ -7511,5 +7497,5 @@ var $90fb213ab8eeb2e7$export$2e2bcd8739ae039 = $90fb213ab8eeb2e7$var$useScrollTo
7511
7497
 
7512
7498
 
7513
7499
 
7514
- export {$e49d4387bed21287$export$2e2bcd8739ae039 as ApiRowLimitNotice, $a8accc31bf9e0bda$export$2e2bcd8739ae039 as CMSTopNav, $c49454ea7d1c4579$export$2e2bcd8739ae039 as ErrorBoundary, $046ded0064bd0a3d$export$2e2bcd8739ae039 as FAQAccordion, $b939b31651e82908$export$2e2bcd8739ae039 as HeaderNav, $1555e1cb3eb7b3e3$export$2e2bcd8739ae039 as HeaderNavIconLink, $fea9297ba4dd394c$export$2e2bcd8739ae039 as HeaderSearch, $9a8892c5ac150556$export$2e2bcd8739ae039 as HeaderSiteTitle, $3c72c298c3a7f21f$export$2e2bcd8739ae039 as HeaderTagline, $403833a4b442d5df$export$2e2bcd8739ae039 as MobileMenuButton, $f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $953b286f7778640e$export$2e2bcd8739ae039 as SidebarNavigation, $b0968edc60d7d3a4$export$2e2bcd8739ae039 as SidebarPage, $4f153ca537d853e5$export$2e2bcd8739ae039 as SubMenu, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $52c6454cae137465$export$2e2bcd8739ae039 as DatasetSearchListItem, $c068004d499082cc$export$2e2bcd8739ae039 as DatasetListItem, $789279954d8eff7f$export$2e2bcd8739ae039 as ApiDocumentation, $af099c546cb226c7$export$2e2bcd8739ae039 as ResourceHeader, $626282d9a03c51d5$export$2e2bcd8739ae039 as ResourcePreview, $072291d44ce1834a$export$2e2bcd8739ae039 as ResourceFooter, $ec3e23baa005dc03$export$2e2bcd8739ae039 as Breadcrumb, $bd76a91923d7e8a7$export$2e2bcd8739ae039 as TransformedDate, $d98f94c79ddf4e0e$export$2e2bcd8739ae039 as DataTable, $bdb071ea3a6d3466$export$2e2bcd8739ae039 as SearchInput, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults, $1a2bf34e2a8f6b80$export$59a943b34a82e690 as truncateText, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $e873081a6e8f024e$export$2e2bcd8739ae039 as DatasetSearch, $550bcc185f420ff5$export$2e2bcd8739ae039 as DatasetList, $9384a736d4d6f425$export$2e2bcd8739ae039 as DatasetListSubmenu, $a0f13962e513caa1$export$2e2bcd8739ae039 as Dataset, $a35cf16d1488f54e$export$2e2bcd8739ae039 as DatasetTable, $b9af6ce5e2c06331$export$2e2bcd8739ae039 as Header, $a6df0aa147323304$export$2e2bcd8739ae039 as Footer, $669d2782ec2e2250$export$2e2bcd8739ae039 as SpecsAndLimits, $8b67b7ee3fcfb629$export$2e2bcd8739ae039 as StoredQueryPage, $f61ecf9f84951a61$export$2e2bcd8739ae039 as FilteredResource, $bef7bff2823feea2$export$2e2bcd8739ae039 as QueryTitle, $7264a673914aa746$export$2b9377795161999 as buildOperatorOptions, $7264a673914aa746$export$e284ae5d89467c8f as convertUTCToLocalDate, $7264a673914aa746$export$6b5e57d20078142b as cleanText, $7264a673914aa746$export$8049e8f40a9bdfb8 as buildCustomColHeaders, $11500a65bd7d9cf1$export$2e2bcd8739ae039 as HeaderContext, $43a30d745a7bbc86$export$2e2bcd8739ae039 as DataTableContext, $ebda441784d176a5$export$2e2bcd8739ae039 as ManageColumnsContext, $844981eac9b63865$export$eccc29c8d0ff408 as ACAContext, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $b4aa9c66f2e86959$export$2e2bcd8739ae039 as useMetastoreDataset, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 as withQueryProvider, $6d5c0212e738499b$export$34e95918366a058e as acaToParams, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping};
7500
+ export {$e49d4387bed21287$export$2e2bcd8739ae039 as ApiRowLimitNotice, $a8accc31bf9e0bda$export$2e2bcd8739ae039 as CMSTopNav, $c49454ea7d1c4579$export$2e2bcd8739ae039 as ErrorBoundary, $046ded0064bd0a3d$export$2e2bcd8739ae039 as FAQAccordion, $b939b31651e82908$export$2e2bcd8739ae039 as HeaderNav, $1555e1cb3eb7b3e3$export$2e2bcd8739ae039 as HeaderNavIconLink, $fea9297ba4dd394c$export$2e2bcd8739ae039 as HeaderSearch, $9a8892c5ac150556$export$2e2bcd8739ae039 as HeaderSiteTitle, $3c72c298c3a7f21f$export$2e2bcd8739ae039 as HeaderTagline, $403833a4b442d5df$export$2e2bcd8739ae039 as MobileMenuButton, $f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $953b286f7778640e$export$2e2bcd8739ae039 as SidebarNavigation, $b0968edc60d7d3a4$export$2e2bcd8739ae039 as SidebarPage, $4f153ca537d853e5$export$2e2bcd8739ae039 as SubMenu, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $52c6454cae137465$export$2e2bcd8739ae039 as DatasetSearchListItem, $c068004d499082cc$export$2e2bcd8739ae039 as DatasetListItem, $10bc3aae21fc1572$export$2e2bcd8739ae039 as DatasetListSubmenu, $789279954d8eff7f$export$2e2bcd8739ae039 as ApiDocumentation, $af099c546cb226c7$export$2e2bcd8739ae039 as ResourceHeader, $626282d9a03c51d5$export$2e2bcd8739ae039 as ResourcePreview, $072291d44ce1834a$export$2e2bcd8739ae039 as ResourceFooter, $ec3e23baa005dc03$export$2e2bcd8739ae039 as Breadcrumb, $bd76a91923d7e8a7$export$2e2bcd8739ae039 as TransformedDate, $d98f94c79ddf4e0e$export$2e2bcd8739ae039 as DataTable, $bdb071ea3a6d3466$export$2e2bcd8739ae039 as SearchInput, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults, $1a2bf34e2a8f6b80$export$59a943b34a82e690 as truncateText, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $e873081a6e8f024e$export$2e2bcd8739ae039 as DatasetSearch, $550bcc185f420ff5$export$2e2bcd8739ae039 as DatasetList, $a0f13962e513caa1$export$2e2bcd8739ae039 as Dataset, $a35cf16d1488f54e$export$2e2bcd8739ae039 as DatasetTable, $b9af6ce5e2c06331$export$2e2bcd8739ae039 as Header, $a6df0aa147323304$export$2e2bcd8739ae039 as Footer, $669d2782ec2e2250$export$2e2bcd8739ae039 as SpecsAndLimits, $8b67b7ee3fcfb629$export$2e2bcd8739ae039 as StoredQueryPage, $f61ecf9f84951a61$export$2e2bcd8739ae039 as FilteredResource, $bef7bff2823feea2$export$2e2bcd8739ae039 as QueryTitle, $7264a673914aa746$export$2b9377795161999 as buildOperatorOptions, $7264a673914aa746$export$e284ae5d89467c8f as convertUTCToLocalDate, $7264a673914aa746$export$6b5e57d20078142b as cleanText, $7264a673914aa746$export$8049e8f40a9bdfb8 as buildCustomColHeaders, $11500a65bd7d9cf1$export$2e2bcd8739ae039 as HeaderContext, $43a30d745a7bbc86$export$2e2bcd8739ae039 as DataTableContext, $ebda441784d176a5$export$2e2bcd8739ae039 as ManageColumnsContext, $844981eac9b63865$export$eccc29c8d0ff408 as ACAContext, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $b4aa9c66f2e86959$export$2e2bcd8739ae039 as useMetastoreDataset, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 as withQueryProvider, $6d5c0212e738499b$export$34e95918366a058e as acaToParams, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping};
7515
7501
  //# sourceMappingURL=main.js.map