@civicactions/cmsds-open-data-components 3.2.0-alpha.2 → 3.2.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 +4 -0
  2. package/dist/main.css.map +1 -1
  3. package/dist/main.js +243 -38
  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
@@ -82,6 +82,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
82
82
  min-width: 174px;
83
83
  }
84
84
 
85
+ .swagger-ui.swagger-ui .table-container, .swagger-ui.swagger-ui .responses-inner {
86
+ overflow: scroll;
87
+ }
88
+
85
89
  .swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {
86
90
  font-weight: bold !important;
87
91
  }
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"ACAA;;;;ACIA;;;;;;;;;;;;AAeI;;;;AAIA;;;;;AAIE;;;;;AAQA;;;;;AASA;;;;AAWF;;;;;AAKA;;;;;AAKA;;;;AAOE;;;;AAGE;;;;AAMJ;;;;AAKF;;;;;;;AAMA;;;;AAGA;;;;AAGE;;;;AAMJ;;;;AAIA;;;;;AAOA;EACE;;;;;ACpHF;;;;AAKI;;;;AASF;;;;AAGA;;;;;AAIA;;;;ACjBE;EAFF;;;;;AAOE;EADF;;;;;;;AAYA;;;;;;;;;;AAYA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AC/CA;;;;AAIA;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;ACpCF;;;;;AAGE;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;AAcE;;;;AAQF;;;;;;;AAKE;;;;;AAKF;;;;AAMF;;;;AAIA;;;;;;;AAOE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;ACvFE;;;;AAKF;;;;AAIA;;;;;ACVA;;;;ACAA;;;;;ACAA;;;;ACCE;;;;;;;;;AAUF;;;;;;AAMA;;;;AAKE;;;;AAEE;;;;AAIF;;;;AAKF;;;;AAIA;;;;ACpCE;;;;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;;;;ACAA;;;;;;;;AAKE;;;;;AAGE;;;;;;;;AAQE;;;;;AASN;;;;AAIA;;;;AC7BA;;;;AAGA;;;;ACHA;;;;AAIA;;;;AAMI;;;;AAMJ","sources":["66671e0fb4f6ef44","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/components/DataDictionaryTable/dataDictionaryTable.scss","src/components/DatasetDictionaryTable/dataDictionary.scss","src/templates/Dataset/dataset.scss","src/components/MobileHeader/mobile-header.scss","src/templates/Header/header.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":["@import \"273e90f78d9897be\";\n@import \"4aaf9b6e7d02ddbc\";\n@import \"eab1ff0a90f53ec6\";\n@import \"401f704da451978e\";\n@import \"afb93adf2372c8fa\";\n@import \"e0db2df3aeed891f\";\n@import \"0942f6189f250c2d\";\n@import \"0038627699fe7360\";\n@import \"d35618c6100ac41e\";\n@import \"c21b52fda9bf8379\";\n@import \"9581ea82efe9ba05\";\n@import \"177a57e3e33ce22a\";\n@import \"5c4d0463a5a7f5df\";\n@import \"abe4b1357605f482\";\n@import \"befaac9e892f85f3\";\n@import \"11a474311c5aac64\";\n@import \"e4bccea31c84a01a\";\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}","/*\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}\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",".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 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}",".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 > div > span {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n display: inline-block;\n .ds-c-tooltip__container {\n white-space: wrap;\n font-weight: normal;\n }\n }\n th p {\n white-space: normal;\n }\n\n}\n\n.dc-c-datatable--even-row td {\n background-color: #{var(--table__background-color--striped)};\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\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}\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}\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 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-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 6 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 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 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 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",".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 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",".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":"ACAA;;;;ACIA;;;;;;;;;;;;AAeI;;;;AAIA;;;;;AAIE;;;;;AAQA;;;;;AASA;;;;AAWF;;;;;AAKA;;;;;AAKA;;;;AAOE;;;;AAGE;;;;AAMJ;;;;AAKF;;;;;;;AAMA;;;;AAGA;;;;AAGE;;;;AAKF;;;;AAKF;;;;AAIA;;;;;AAOA;EACE;;;;;ACxHF;;;;AAKI;;;;AASF;;;;AAGA;;;;;AAIA;;;;ACjBE;EAFF;;;;;AAOE;EADF;;;;;;;AAYA;;;;;;;;;;AAYA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AC/CA;;;;AAIA;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;ACpCF;;;;;AAGE;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;AAcE;;;;AAQF;;;;;;;AAKE;;;;;AAKF;;;;AAMF;;;;AAIA;;;;;;;AAOE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;ACvFE;;;;AAKF;;;;AAIA;;;;;ACVA;;;;ACAA;;;;;ACAA;;;;ACCE;;;;;;;;;AAUF;;;;;;AAMA;;;;AAKE;;;;AAEE;;;;AAIF;;;;AAKF;;;;AAIA;;;;ACpCE;;;;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;;;;ACAA;;;;;;;;AAKE;;;;;AAGE;;;;;;;;AAQE;;;;;AASN;;;;AAIA;;;;AC7BA;;;;AAGA;;;;ACHA;;;;AAIA;;;;AAMI;;;;AAMJ","sources":["66671e0fb4f6ef44","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/components/DataDictionaryTable/dataDictionaryTable.scss","src/components/DatasetDictionaryTable/dataDictionary.scss","src/templates/Dataset/dataset.scss","src/components/MobileHeader/mobile-header.scss","src/templates/Header/header.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":["@import \"273e90f78d9897be\";\n@import \"4aaf9b6e7d02ddbc\";\n@import \"eab1ff0a90f53ec6\";\n@import \"401f704da451978e\";\n@import \"afb93adf2372c8fa\";\n@import \"e0db2df3aeed891f\";\n@import \"0942f6189f250c2d\";\n@import \"0038627699fe7360\";\n@import \"d35618c6100ac41e\";\n@import \"c21b52fda9bf8379\";\n@import \"9581ea82efe9ba05\";\n@import \"177a57e3e33ce22a\";\n@import \"5c4d0463a5a7f5df\";\n@import \"abe4b1357605f482\";\n@import \"befaac9e892f85f3\";\n@import \"11a474311c5aac64\";\n@import \"e4bccea31c84a01a\";\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}","/*\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 .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",".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 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}",".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 > div > span {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n display: inline-block;\n .ds-c-tooltip__container {\n white-space: wrap;\n font-weight: normal;\n }\n }\n th p {\n white-space: normal;\n }\n\n}\n\n.dc-c-datatable--even-row td {\n background-color: #{var(--table__background-color--striped)};\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\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}\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}\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 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-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 6 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 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 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 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",".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 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",".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
@@ -1,6 +1,6 @@
1
1
  import "./main.css";
2
2
  import {jsxs as $hgUW1$jsxs, jsx as $hgUW1$jsx, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
3
- import $hgUW1$react, {useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect} from "react";
3
+ import $hgUW1$react, {useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, useMemo as $hgUW1$useMemo} from "react";
4
4
  import {Button as $hgUW1$Button, Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, Dialog as $hgUW1$Dialog, Choice as $hgUW1$Choice, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, Tooltip as $hgUW1$Tooltip, Badge as $hgUW1$Badge, Table as $hgUW1$Table, TableBody as $hgUW1$TableBody, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableHead as $hgUW1$TableHead, TooltipIcon as $hgUW1$TooltipIcon} from "@cmsgov/design-system";
5
5
  import $hgUW1$proptypes from "prop-types";
6
6
  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";
@@ -12,7 +12,7 @@ import {useQuery as $hgUW1$useQuery, QueryClient as $hgUW1$QueryClient, QueryCli
12
12
  import {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
13
13
  import $hgUW1$dompurify from "dompurify";
14
14
  import $hgUW1$lodashtruncate from "lodash.truncate";
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";
15
+ import {createColumnHelper as $hgUW1$createColumnHelper, useReactTable as $hgUW1$useReactTable, getCoreRowModel as $hgUW1$getCoreRowModel, getSortedRowModel as $hgUW1$getSortedRowModel, flexRender as $hgUW1$flexRender, getFilteredRowModel as $hgUW1$getFilteredRowModel, 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";
@@ -1632,6 +1632,7 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
1632
1632
  style: {
1633
1633
  maxWidth: header.getSize() - 16
1634
1634
  },
1635
+ title: header.column.columnDef.header,
1635
1636
  children: header.isPlaceholder ? null : (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext())
1636
1637
  }),
1637
1638
  sortElement && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
@@ -2324,7 +2325,7 @@ const $6369abf590ca298f$var$QueryRow = ({ id: id, condition: condition, index: i
2324
2325
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
2325
2326
  variation: "ghost",
2326
2327
  size: "small",
2327
- className: "ds-u-margin-top--3 ds-u-padding-right--0",
2328
+ className: "ds-u-margin-top--6 ds-u-padding-right--0",
2328
2329
  "aria-label": "Delete filter",
2329
2330
  onClick: ()=>remove(index),
2330
2331
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
@@ -2339,6 +2340,26 @@ const $6369abf590ca298f$var$QueryRow = ({ id: id, condition: condition, index: i
2339
2340
  var $6369abf590ca298f$export$2e2bcd8739ae039 = $6369abf590ca298f$var$QueryRow;
2340
2341
 
2341
2342
 
2343
+
2344
+
2345
+
2346
+
2347
+ const $2eec38d4d0dbf714$var$ClearFiltersButton = ({ disabled: disabled = false, clearFiltersFn: clearFiltersFn })=>{
2348
+ const small = (0, $hgUW1$useMediaQuery)({
2349
+ minWidth: 0,
2350
+ maxWidth: 544
2351
+ });
2352
+ return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
2353
+ disabled: disabled,
2354
+ className: "ds-u-float--right ds-l-md-col--6 ds-l-col--5",
2355
+ variation: small ? "ghost" : undefined,
2356
+ onClick: ()=>clearFiltersFn(),
2357
+ children: small ? "Clear all" : "Clear all filters"
2358
+ });
2359
+ };
2360
+ var $2eec38d4d0dbf714$export$2e2bcd8739ae039 = $2eec38d4d0dbf714$var$ClearFiltersButton;
2361
+
2362
+
2342
2363
  function $ee4ad47aa483e5b5$var$updateQueryForDatastore(condition) {
2343
2364
  let cond = condition;
2344
2365
  delete cond.key;
@@ -2494,16 +2515,13 @@ const $ee4ad47aa483e5b5$var$QueryBuilder = (props)=>{
2494
2515
  variation: "solid",
2495
2516
  children: "Apply filters"
2496
2517
  }),
2497
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
2518
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2eec38d4d0dbf714$export$2e2bcd8739ae039), {
2498
2519
  disabled: queryConditions.length === 0,
2499
- className: "ds-u-float--right ds-l-md-col--6 ds-l-col--5",
2500
- variation: small ? "ghost" : undefined,
2501
- onClick: ()=>{
2520
+ clearFiltersFn: ()=>{
2502
2521
  setQueryConditions([]);
2503
2522
  setTitleConditions([]);
2504
2523
  setConditionsCleared(true);
2505
- },
2506
- children: small ? "Clear all" : "Clear all filters"
2524
+ }
2507
2525
  })
2508
2526
  ]
2509
2527
  })
@@ -2792,7 +2810,7 @@ const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions, resource
2792
2810
  order: sm ? "1" : "0",
2793
2811
  width: sm ? "100%" : "auto"
2794
2812
  },
2795
- "aria-label": "Download " + title + " " + fileFormat,
2813
+ "aria-label": `Download ${dist.data.title || title} ${fileFormat}`,
2796
2814
  className: "ds-c-button",
2797
2815
  children: [
2798
2816
  /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
@@ -2958,25 +2976,105 @@ var $cf6eaefd6b928de3$export$2e2bcd8739ae039 = $cf6eaefd6b928de3$var$DatasetAPI;
2958
2976
 
2959
2977
 
2960
2978
 
2961
- const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns, tableData: tableData, count: count, pageSize: pageSize })=>{
2962
- const [pagination, setPagination] = (0, $hgUW1$useState)({
2963
- pageIndex: 1,
2964
- pageSize: pageSize
2965
- });
2979
+
2980
+ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns, tableData: tableData, pageSize: pageSize, columnFilters: columnFilters })=>{
2981
+ const [sorting, setSorting] = (0, $hgUW1$useState)([]);
2966
2982
  const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)("");
2983
+ const mobile = (0, $hgUW1$useMediaQuery)({
2984
+ minWidth: 0,
2985
+ maxWidth: 544
2986
+ });
2987
+ const sortElement = (isSorted)=>{
2988
+ if (isSorted === "asc") return "dc-c-sort--asc";
2989
+ if (isSorted === "desc") return "dc-c-sort--desc";
2990
+ return "dc-c-sort--default";
2991
+ };
2967
2992
  const table = (0, $hgUW1$useReactTable)({
2968
2993
  data: tableData,
2969
2994
  columns: tableColumns,
2970
2995
  columnResizeMode: "onChange",
2971
2996
  getCoreRowModel: (0, $hgUW1$getCoreRowModel)(),
2997
+ getFilteredRowModel: (0, $hgUW1$getFilteredRowModel)(),
2972
2998
  getPaginationRowModel: (0, $hgUW1$getPaginationRowModel)(),
2973
- onPaginationChange: setPagination,
2999
+ getSortedRowModel: (0, $hgUW1$getSortedRowModel)(),
3000
+ onSortingChange: setSorting,
3001
+ initialState: {
3002
+ pagination: {
3003
+ pageSize: pageSize,
3004
+ pageIndex: 0
3005
+ }
3006
+ },
2974
3007
  state: {
2975
- pagination: pagination
3008
+ sorting: sorting,
3009
+ columnFilters: columnFilters
2976
3010
  }
2977
3011
  });
3012
+ const sortOptions = [
3013
+ {
3014
+ value: "default",
3015
+ label: "No Sort"
3016
+ },
3017
+ {
3018
+ value: "titleasc",
3019
+ label: "Title A-Z"
3020
+ },
3021
+ {
3022
+ value: "titledesc",
3023
+ label: "Title Z-A"
3024
+ },
3025
+ {
3026
+ value: "typeasc",
3027
+ label: "Type A-Z"
3028
+ },
3029
+ {
3030
+ value: "typedesc",
3031
+ label: "Type Z-A"
3032
+ }
3033
+ ];
3034
+ const sortStatesLookup = {
3035
+ default: [],
3036
+ titleasc: [
3037
+ {
3038
+ id: "titleResizable",
3039
+ desc: false
3040
+ }
3041
+ ],
3042
+ titledesc: [
3043
+ {
3044
+ id: "titleResizable",
3045
+ desc: true
3046
+ }
3047
+ ],
3048
+ typeasc: [
3049
+ {
3050
+ id: "type",
3051
+ desc: false
3052
+ }
3053
+ ],
3054
+ typedesc: [
3055
+ {
3056
+ id: "type",
3057
+ desc: true
3058
+ }
3059
+ ]
3060
+ };
2978
3061
  return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
2979
3062
  children: [
3063
+ mobile && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3064
+ className: "ds-u-margin-bottom--3 ds-l-col--12 ds-l-sm-col--6",
3065
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
3066
+ labelClassName: "ds-u-margin-top--1 ds-u-sm-margin-top--0",
3067
+ options: sortOptions,
3068
+ label: "Sort",
3069
+ value: Object.keys(sortStatesLookup).find((key)=>{
3070
+ return JSON.stringify(sortStatesLookup[key]) == JSON.stringify(sorting);
3071
+ }),
3072
+ name: "dc-data-dictionary-type",
3073
+ onChange: (e)=>{
3074
+ setSorting(sortStatesLookup[e.target.value]);
3075
+ }
3076
+ })
3077
+ }),
2980
3078
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
2981
3079
  className: "dc-c-datadictionary-table",
2982
3080
  children: [
@@ -2985,6 +3083,7 @@ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns,
2985
3083
  style: {
2986
3084
  width: "100%"
2987
3085
  },
3086
+ stackable: true,
2988
3087
  children: [
2989
3088
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableHead), {
2990
3089
  className: "dc-thead--truncated dc-thead--resizeable",
@@ -2993,11 +3092,20 @@ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns,
2993
3092
  return header.id === "titleResizable" ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $64a351d3fd8413c3$export$2e2bcd8739ae039), {
2994
3093
  table: table,
2995
3094
  header: header,
2996
- setAriaLiveFeedback: setAriaLiveFeedback
2997
- }, header.id + "_resize") : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
3095
+ setAriaLiveFeedback: setAriaLiveFeedback,
3096
+ sortElement: sortElement
3097
+ }, header.id + "_resize") : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableCell), {
2998
3098
  key: header.id,
2999
- className: "ds-u-border-y--2 ds-u-border--dark ds-u-border-x--0",
3000
- children: (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext())
3099
+ className: `ds-u-border-y--2 ds-u-border--dark ds-u-border-x--0`,
3100
+ id: "dataDictionary_" + header.id,
3101
+ children: [
3102
+ (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext()),
3103
+ header.id === "type" && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
3104
+ onClick: header.column.getToggleSortingHandler(),
3105
+ className: header.column.getCanSort() ? `cursor-pointer select-none ds-u-focus-visible ${sortElement(header.column.getIsSorted())}` : "",
3106
+ "aria-label": `${header.column.columnDef.header} sort order`
3107
+ })
3108
+ ]
3001
3109
  });
3002
3110
  })
3003
3111
  }, "header" + headerGroup.id))
@@ -3009,9 +3117,12 @@ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns,
3009
3117
  return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
3010
3118
  key: cell.id,
3011
3119
  style: {
3012
- maxWidth: cell.column.getSize()
3120
+ maxWidth: mobile ? "100%" : cell.column.getSize(),
3121
+ whiteSpace: cell.column.id === "description" ? "pre-wrap" : "normal"
3013
3122
  },
3014
3123
  className: `${cell.column.id === "titleResizable" ? "ds-u-word-break" : ""}`,
3124
+ headers: "dataDictionary_" + cell.column.id,
3125
+ stackedTitle: cell.column.id === "titleResizable" ? "Title" : cell.column.columnDef.header,
3015
3126
  children: (0, $hgUW1$flexRender)(cell.column.columnDef.cell, cell.getContext())
3016
3127
  });
3017
3128
  })
@@ -3028,15 +3139,12 @@ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns,
3028
3139
  })
3029
3140
  ]
3030
3141
  }),
3031
- count > pageSize ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
3032
- totalPages: Math.ceil(count / pagination.pageSize),
3033
- currentPage: pagination.pageIndex + 1,
3142
+ table.getRowCount() > pageSize ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
3143
+ totalPages: table.getPageCount(),
3144
+ currentPage: table.getState().pagination.pageIndex + 1,
3034
3145
  onPageChange: (evt, page)=>{
3035
3146
  evt.preventDefault();
3036
- setPagination({
3037
- pageIndex: page - 1,
3038
- pageSize: pageSize
3039
- });
3147
+ table.setPageIndex(page - 1);
3040
3148
  },
3041
3149
  renderHref: (page)=>{
3042
3150
  return "";
@@ -3067,7 +3175,6 @@ const $a24829b27758fe6c$var$SitewideDataDictionaryTable = ({ datasetDictionary:
3067
3175
  return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6765a74df807d015$export$2e2bcd8739ae039), {
3068
3176
  tableColumns: tableColumns,
3069
3177
  tableData: datasetDictionary,
3070
- count: datasetDictionary.length,
3071
3178
  pageSize: pageSize
3072
3179
  });
3073
3180
  };
@@ -3080,7 +3187,23 @@ var $a24829b27758fe6c$export$2e2bcd8739ae039 = $a24829b27758fe6c$var$SitewideDat
3080
3187
 
3081
3188
 
3082
3189
 
3190
+
3083
3191
  const $a6e312940f7003ef$var$DatasetDictionaryTable = ({ datasetDictionary: datasetDictionary, pageSize: pageSize })=>{
3192
+ const [titleFilter, setTitleFilter] = (0, $hgUW1$useState)("");
3193
+ const [typeFilter, setTypeFilter] = (0, $hgUW1$useState)("all");
3194
+ const columnFilters = (0, $hgUW1$useMemo)(()=>[
3195
+ {
3196
+ id: "titleResizable",
3197
+ value: titleFilter
3198
+ },
3199
+ {
3200
+ id: "type",
3201
+ value: typeFilter === "all" ? "" : typeFilter
3202
+ }
3203
+ ], [
3204
+ titleFilter,
3205
+ typeFilter
3206
+ ]);
3084
3207
  const tableData = datasetDictionary.map((item)=>{
3085
3208
  return {
3086
3209
  titleResizable: item.title,
@@ -3096,7 +3219,7 @@ const $a6e312940f7003ef$var$DatasetDictionaryTable = ({ datasetDictionary: datas
3096
3219
  children: [
3097
3220
  "Title",
3098
3221
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Tooltip), {
3099
- title: "Title represents the column headers of the data file (e.g., Change_Type)",
3222
+ title: "Title represents the column headers of the data file",
3100
3223
  // @ts-ignore
3101
3224
  style: {
3102
3225
  border: "none",
@@ -3119,11 +3242,95 @@ const $a6e312940f7003ef$var$DatasetDictionaryTable = ({ datasetDictionary: datas
3119
3242
  enableResizing: false
3120
3243
  })
3121
3244
  ];
3122
- return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6765a74df807d015$export$2e2bcd8739ae039), {
3123
- tableColumns: tableColumns,
3124
- tableData: tableData,
3125
- count: datasetDictionary.length,
3126
- pageSize: pageSize
3245
+ const typeOptions = [
3246
+ {
3247
+ value: "all",
3248
+ label: "All Types"
3249
+ },
3250
+ {
3251
+ value: "string",
3252
+ label: "String"
3253
+ },
3254
+ {
3255
+ value: "date",
3256
+ label: "Date"
3257
+ },
3258
+ {
3259
+ value: "datetime",
3260
+ label: "Datetime"
3261
+ },
3262
+ {
3263
+ value: "year",
3264
+ label: "Year"
3265
+ },
3266
+ {
3267
+ value: "integer",
3268
+ label: "Integer"
3269
+ },
3270
+ {
3271
+ value: "number",
3272
+ label: "Number"
3273
+ },
3274
+ {
3275
+ value: "boolean",
3276
+ label: "Boolean"
3277
+ }
3278
+ ];
3279
+ return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
3280
+ children: [
3281
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3282
+ className: "dc-query-builder ds-u-margin-bottom--3",
3283
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3284
+ className: "ds-c-accordion ds-c-accordion--bordered",
3285
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
3286
+ heading: "Data Dictionary Filters",
3287
+ defaultOpen: true,
3288
+ children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3289
+ className: "ds-u-display--flex ds-u-flex-wrap--wrap",
3290
+ children: [
3291
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
3292
+ className: "ds-l-col--12 ds-l-sm-col--6",
3293
+ labelClassName: "ds-u-margin-top--1 ds-u-sm-margin-top--0",
3294
+ label: "Title",
3295
+ value: titleFilter,
3296
+ name: "dc-data-dictionary-title",
3297
+ onChange: (e)=>setTitleFilter(e.target.value)
3298
+ }),
3299
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3300
+ className: "ds-l-col--12 ds-l-sm-col--6",
3301
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
3302
+ labelClassName: "ds-u-margin-top--1 ds-u-sm-margin-top--0",
3303
+ options: typeOptions,
3304
+ label: "Type",
3305
+ value: typeFilter,
3306
+ name: "dc-data-dictionary-type",
3307
+ onChange: (e)=>setTypeFilter(e.target.value)
3308
+ })
3309
+ }),
3310
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3311
+ className: "ds-u-float--right ds-u-padding-y--2 ds-l-col--12 ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--end",
3312
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3313
+ className: "ds-u-display--flex ds-u-justify-content--end ds-l-col--12 ds-l-md-col--6 ds-u-padding-x--0",
3314
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2eec38d4d0dbf714$export$2e2bcd8739ae039), {
3315
+ clearFiltersFn: ()=>{
3316
+ setTitleFilter("");
3317
+ setTypeFilter("all");
3318
+ }
3319
+ })
3320
+ })
3321
+ })
3322
+ ]
3323
+ })
3324
+ })
3325
+ })
3326
+ }),
3327
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6765a74df807d015$export$2e2bcd8739ae039), {
3328
+ tableColumns: tableColumns,
3329
+ tableData: tableData,
3330
+ pageSize: pageSize,
3331
+ columnFilters: columnFilters
3332
+ })
3333
+ ]
3127
3334
  });
3128
3335
  };
3129
3336
  var $a6e312940f7003ef$export$2e2bcd8739ae039 = $a6e312940f7003ef$var$DatasetDictionaryTable;
@@ -5349,8 +5556,6 @@ function $3b6ca952e79f0695$var$updateQueryForDatastore(condition) {
5349
5556
  const $3b6ca952e79f0695$var$QueryBuilder = ({ resource: resource, id: id, includeSearchParams: includeSearchParams, customColumns: customColumns })=>{
5350
5557
  const { conditions: conditions, schema: schema, setConditions: setConditions } = resource;
5351
5558
  const fields = Object.keys(schema[id].fields);
5352
- const hasConditions = conditions.length > 0;
5353
- const [queryCount, setQueryCount] = (0, $hgUW1$useState)(0);
5354
5559
  const [queryConditions, setQueryConditions] = (0, $hgUW1$useState)([]);
5355
5560
  const [titleConditions, setTitleConditions] = (0, $hgUW1$useState)([]); // Add use effect to load conditions on first load if needed
5356
5561
  const [conditionsChanged, setConditionsChanged] = (0, $hgUW1$useState)(false);