@civicactions/cmsds-open-data-components 3.2.6-alpha.1 → 3.2.6-alpha.2

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 +69 -0
  2. package/dist/main.css.map +1 -1
  3. package/dist/main.js +363 -21
  4. package/dist/main.js.map +1 -1
  5. package/dist/types.d.ts +2 -1
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +5 -1
package/dist/main.css CHANGED
@@ -313,6 +313,75 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
313
313
  content: "";
314
314
  }
315
315
 
316
+ dialog.dkan-manage-columns-dialog {
317
+ width: 100%;
318
+ height: 80vh;
319
+ }
320
+
321
+ dialog.dkan-manage-columns-dialog .ds-c-dialog__window {
322
+ min-width: 768px;
323
+ padding: 0;
324
+ }
325
+
326
+ dialog.dkan-manage-columns-dialog .ds-c-dialog__window .ds-c-dialog__header {
327
+ padding: 24px;
328
+ }
329
+
330
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list {
331
+ gap: 0;
332
+ max-height: 350px;
333
+ margin: 0;
334
+ padding: 0;
335
+ list-style: none;
336
+ overflow-y: auto;
337
+ }
338
+
339
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list li {
340
+ cursor: pointer;
341
+ }
342
+
343
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .ds-c-choice-wrapper {
344
+ margin-top: 0;
345
+ }
346
+
347
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .dkan-manage-columns-reorder-button {
348
+ background: none;
349
+ border: none;
350
+ }
351
+
352
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .dkan-manage-columns-reorder-button.grabbed {
353
+ background-color: var(--color-primary-lighter);
354
+ }
355
+
356
+ @media screen and (width <= 767px) {
357
+ dialog.dkan-manage-columns-dialog {
358
+ height: 100%;
359
+ }
360
+
361
+ dialog.dkan-manage-columns-dialog .ds-c-dialog__window {
362
+ width: 100%;
363
+ min-width: auto;
364
+ height: 100%;
365
+ margin-top: 0;
366
+ }
367
+
368
+ dialog.dkan-manage-columns-dialog .ds-c-dialog__body > div:not(.ds-c-dialog__actions) {
369
+ flex-direction: column;
370
+ display: flex;
371
+ }
372
+
373
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list {
374
+ max-height: calc(100vh - 435px);
375
+ }
376
+
377
+ dialog.dkan-manage-columns-dialog .ds-c-dialog__actions {
378
+ background-color: #fff;
379
+ padding-top: 16px;
380
+ position: absolute;
381
+ bottom: 0;
382
+ }
383
+ }
384
+
316
385
  .dc-c-additional-info-table table {
317
386
  width: 100%;
318
387
  }
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;;;;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;;;;;;AAKA;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;AAcE;;;;AAQF;;;;;;;AAKE;;;;;AAKF;;;;AAMF;;;;AAIA;;;;;;;AAOE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;AChGE;;;;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 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: pointer;\n }\n}\n\n.dc-c-datatable-wrapper {\n overflow: auto;\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",".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;;;;;;AAKA;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;AAcE;;;;AAQF;;;;;;;AAKE;;;;;AAKF;;;;AAMF;;;;AAIA;;;;;;;AAOE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;ACjGA;;;;;AAGE;;;;;AAGE;;;;AAIF;;;;;;;;;AAQE;;;;AAIA;;;;AAIA;;;;;AAIE;;;;AAON;EACE;;;;EAEE;;;;;;;EAMA;;;;;EAIA;;;;EAIA;;;;;;;;ACrDF;;;;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/ManageColumns/ManageColumns.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 \"9392ba47b8b5bf2a\";\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 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: pointer;\n }\n}\n\n.dc-c-datatable-wrapper {\n overflow: auto;\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","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}",".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, useMemo as $hgUW1$useMemo} from "react";
3
+ import $hgUW1$react, {useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, useMemo as $hgUW1$useMemo, useCallback as $hgUW1$useCallback} 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";
@@ -13,6 +13,10 @@ import {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
13
13
  import $hgUW1$dompurify from "dompurify";
14
14
  import $hgUW1$lodashtruncate from "lodash.truncate";
15
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
+ import {KeyboardSensor as $hgUW1$KeyboardSensor, PointerSensor as $hgUW1$PointerSensor, useSensors as $hgUW1$useSensors, useSensor as $hgUW1$useSensor, DndContext as $hgUW1$DndContext, closestCenter as $hgUW1$closestCenter} from "@dnd-kit/core";
17
+ import {sortableKeyboardCoordinates as $hgUW1$sortableKeyboardCoordinates, arrayMove as $hgUW1$arrayMove, SortableContext as $hgUW1$SortableContext, verticalListSortingStrategy as $hgUW1$verticalListSortingStrategy, useSortable as $hgUW1$useSortable} from "@dnd-kit/sortable";
18
+ import {restrictToVerticalAxis as $hgUW1$restrictToVerticalAxis} from "@dnd-kit/modifiers";
19
+ import {CSS as $hgUW1$CSS} from "@dnd-kit/utilities";
16
20
  import $hgUW1$reactdatepicker from "react-datepicker";
17
21
  import "react-datepicker/dist/react-datepicker.css";
18
22
  import {usePopper as $hgUW1$usePopper} from "react-popper";
@@ -1385,7 +1389,6 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
1385
1389
  "datastore" + id + additionalParamsString
1386
1390
  ],
1387
1391
  queryFn: ()=>{
1388
- setCount(null);
1389
1392
  return fetch(`${rootUrl}/datastore/query/${id}?${additionalParamsString}`).then((res)=>res.json());
1390
1393
  },
1391
1394
  enabled: enabled
@@ -1685,7 +1688,7 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
1685
1688
  style: {
1686
1689
  maxWidth: header.getSize() - 16
1687
1690
  },
1688
- title: header.column.columnDef.header,
1691
+ title: typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "",
1689
1692
  children: header.isPlaceholder ? null : (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext())
1690
1693
  }),
1691
1694
  sortElement && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
@@ -1806,7 +1809,331 @@ var $23763e27eda0e8d7$export$2e2bcd8739ae039 = $23763e27eda0e8d7$var$FixedSizeTH
1806
1809
 
1807
1810
 
1808
1811
 
1809
- const $d98f94c79ddf4e0e$var$DataTable = ({ data: data, columns: columns, setSort: setSort, sortTransform: sortTransform, tablePadding: tablePadding, canResize: canResize, loading: loading = false })=>{
1812
+
1813
+
1814
+
1815
+
1816
+
1817
+
1818
+
1819
+
1820
+
1821
+
1822
+
1823
+ const $5fe94aeb50e0798b$var$Card = ({ id: id, visible: visible, updateVisibility: updateVisibility })=>{
1824
+ const { attributes: attributes, listeners: listeners, setNodeRef: setNodeRef, transform: transform, transition: transition, isDragging: isDragging } = (0, $hgUW1$useSortable)({
1825
+ id: id
1826
+ });
1827
+ const style = {
1828
+ transform: (0, $hgUW1$CSS).Transform.toString(transform),
1829
+ transition: transition,
1830
+ opacity: isDragging ? 0.7 : 1,
1831
+ zIndex: isDragging ? 1 : 0,
1832
+ position: "relative",
1833
+ background: "white",
1834
+ touchAction: "none"
1835
+ };
1836
+ return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
1837
+ className: "ds-u-display--flex ds-u-justify-content--between ds-u-border-bottom--1",
1838
+ ref: setNodeRef,
1839
+ style: style,
1840
+ ...listeners,
1841
+ ...attributes,
1842
+ onPointerUp: (e)=>{
1843
+ // Small hack to get around a chrome / webkit rendering bug = force chrome to repaint the checkbox
1844
+ // For whatever reason the way dnd-kit handles events doesn't work well with chrome
1845
+ // Without this code checkboxes can end up visually out of sync with app state until a repaint is forced
1846
+ // this code forces the repaint without user interaction
1847
+ const target = e.target;
1848
+ if (isDragging && target.tagName.toLowerCase() === "label") setTimeout(()=>{
1849
+ target.parentNode.querySelector("input").checked = visible;
1850
+ }, 1);
1851
+ },
1852
+ children: [
1853
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Choice), {
1854
+ type: "checkbox",
1855
+ label: id,
1856
+ name: id + "_visibility",
1857
+ checked: visible,
1858
+ className: "ds-l-col--10 ds-u-margin-top--0 ds-u-margin-y--1 ds-u-padding-x--3",
1859
+ labelClassName: "dc-truncate",
1860
+ title: "Toggle Column Visible",
1861
+ value: "",
1862
+ onChange: ()=>{
1863
+ updateVisibility(id, !visible);
1864
+ }
1865
+ }),
1866
+ /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
1867
+ className: `ds-l-col--2 dkan-manage-columns-reorder-button ${isDragging && "grabbed"}`,
1868
+ "aria-label": `Reorder ${id} column`,
1869
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
1870
+ className: "fa fa-sort"
1871
+ })
1872
+ })
1873
+ ]
1874
+ });
1875
+ };
1876
+ var $5fe94aeb50e0798b$export$2e2bcd8739ae039 = $5fe94aeb50e0798b$var$Card;
1877
+
1878
+
1879
+
1880
+ class $5d9e2ce238d53d29$var$ExcludeCheckboxKeyboardSensor extends (0, $hgUW1$KeyboardSensor) {
1881
+ // Custom function to exclude checkbox from keyboard dragging
1882
+ static activators = [
1883
+ {
1884
+ eventName: "onKeyDown",
1885
+ handler: ({ nativeEvent: event })=>{
1886
+ // prevent scrolling the list
1887
+ const isCheckbox = [
1888
+ "input",
1889
+ "checkbox"
1890
+ ].indexOf(event.target.tagName.toLowerCase()) !== -1;
1891
+ if (event.key === " " && !isCheckbox) event.preventDefault();
1892
+ // only activate on a space or return press
1893
+ if ([
1894
+ " ",
1895
+ "Enter"
1896
+ ].indexOf(event.key) === -1) return false;
1897
+ if (!isCheckbox) return true;
1898
+ return false;
1899
+ }
1900
+ }
1901
+ ];
1902
+ }
1903
+ class $5d9e2ce238d53d29$var$ExcludeCheckboxPointerSensor extends (0, $hgUW1$PointerSensor) {
1904
+ // Custom function to stop accidental checkbox clicks on pointer activation
1905
+ static activators = [
1906
+ {
1907
+ eventName: "onPointerDown",
1908
+ handler: ({ nativeEvent: event })=>{
1909
+ if (event.target.tagName.toLowerCase() === "input") return false;
1910
+ if (event.target.tagName.toLowerCase() === "label") event.target.blur();
1911
+ return true;
1912
+ }
1913
+ }
1914
+ ];
1915
+ }
1916
+ const $5d9e2ce238d53d29$var$ManageColumns = ({ columns: columns, defaultColumnOrder: defaultColumnOrder, setColumnOrder: setColumnOrder, setColumnVisibility: setColumnVisibility })=>{
1917
+ const [modalOpen, setModalOpen] = (0, $hgUW1$useState)(false);
1918
+ const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)();
1919
+ // maintain card state separately from table state - only sync states when the Save button is pressed
1920
+ const [cards, setCards] = (0, $hgUW1$useState)(columns.map((c)=>{
1921
+ return {
1922
+ id: c.id,
1923
+ visible: c.getIsVisible()
1924
+ };
1925
+ }));
1926
+ const cardOrder = (0, $hgUW1$useMemo)(()=>cards.map(({ id: id })=>id), [
1927
+ cards
1928
+ ]);
1929
+ const sensors = (0, $hgUW1$useSensors)((0, $hgUW1$useSensor)($5d9e2ce238d53d29$var$ExcludeCheckboxPointerSensor, {
1930
+ activationConstraint: {
1931
+ distance: 5
1932
+ }
1933
+ }), (0, $hgUW1$useSensor)($5d9e2ce238d53d29$var$ExcludeCheckboxKeyboardSensor, {
1934
+ coordinateGetter: (0, $hgUW1$sortableKeyboardCoordinates)
1935
+ }));
1936
+ const hiddenColumns = columns.filter((c)=>c.getIsVisible() === false).length;
1937
+ const cardHiddenColumns = cards.filter((c)=>c.visible === false).length;
1938
+ const updateVisibility = (0, $hgUW1$useCallback)((id, newVisibility)=>{
1939
+ setCards(cards.map((card)=>{
1940
+ if (card.id === id) return {
1941
+ ...card,
1942
+ visible: newVisibility
1943
+ };
1944
+ return card;
1945
+ }));
1946
+ });
1947
+ function handleDragEnd(e) {
1948
+ const { active: active, over: over } = e;
1949
+ if (active.id !== over.id) {
1950
+ const oldIndex = cardOrder.indexOf(active.id);
1951
+ const newIndex = cardOrder.indexOf(over.id);
1952
+ let newCards = (0, $hgUW1$arrayMove)(cards, oldIndex, newIndex);
1953
+ setCards(newCards);
1954
+ }
1955
+ }
1956
+ const resetCards = ()=>{
1957
+ setCards(columns.map((c)=>{
1958
+ return {
1959
+ id: c.id,
1960
+ visible: c.getIsVisible()
1961
+ };
1962
+ }));
1963
+ };
1964
+ return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
1965
+ children: [
1966
+ /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
1967
+ className: "ds-u-border-top--1 ds-u-fill--gray-lightest ds-u-display--flex ds-u-justify-content--between",
1968
+ children: [
1969
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
1970
+ children: hiddenColumns > 0 && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Alert), {
1971
+ variation: "warn",
1972
+ children: [
1973
+ hiddenColumns,
1974
+ " Columns Hidden"
1975
+ ]
1976
+ })
1977
+ }),
1978
+ /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
1979
+ "aria-label": "Manage columns - Opens in a dialog",
1980
+ icon: "columns",
1981
+ text: "Manage columns",
1982
+ className: "ds-c-button ds-c-button--ghost ds-u-margin-y--1",
1983
+ onClick: ()=>{
1984
+ setModalOpen(true);
1985
+ },
1986
+ children: [
1987
+ /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
1988
+ className: "far fa-cog ds-u-margin-right--1"
1989
+ }),
1990
+ "Manage Columns"
1991
+ ]
1992
+ })
1993
+ ]
1994
+ }),
1995
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
1996
+ className: `ds-c-dialog-wrap${modalOpen ? " open" : ""}`,
1997
+ children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Dialog), {
1998
+ heading: "Manage columns",
1999
+ isOpen: modalOpen,
2000
+ onExit: ()=>{
2001
+ setModalOpen(false);
2002
+ resetCards();
2003
+ },
2004
+ className: "dkan-manage-columns-dialog",
2005
+ actions: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
2006
+ className: "ds-u-display--flex ds-u-justify-content--between ds-u-flex-wrap--wrap ds-u-padding-x--3 ds-u-padding-bottom--1 ds-u-sm-padding-bottom--3",
2007
+ children: [
2008
+ /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
2009
+ className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0",
2010
+ children: [
2011
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
2012
+ variation: "solid",
2013
+ className: "ds-l-col--6 ds-l-sm-col--auto",
2014
+ onClick: ()=>{
2015
+ setModalOpen(false);
2016
+ // update table state
2017
+ // Visibility
2018
+ // This code is building a new columnVisibility state object from the card state and doing a single setState on the table
2019
+ // vs doing a setState on every changed column individually
2020
+ const newColumnVisibility = Object.fromEntries(cards.map((c)=>Object.values(c)));
2021
+ setColumnVisibility(newColumnVisibility);
2022
+ // Card order
2023
+ const newCardOrder = cards.map((c)=>{
2024
+ return c.id;
2025
+ });
2026
+ setColumnOrder(newCardOrder);
2027
+ // save to localStorage
2028
+ localStorage.setItem("tableColumnOrder", JSON.stringify(newCardOrder));
2029
+ localStorage.setItem("tableColumnVisibility", JSON.stringify(newColumnVisibility));
2030
+ },
2031
+ children: "Save"
2032
+ }),
2033
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
2034
+ variation: "ghost",
2035
+ className: "ds-l-col--6 ds-l-sm-col--auto",
2036
+ onClick: ()=>{
2037
+ setModalOpen(false);
2038
+ resetCards();
2039
+ },
2040
+ children: "Cancel"
2041
+ })
2042
+ ]
2043
+ }),
2044
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
2045
+ className: "ds-l-col--12 ds-l-sm-col--auto ds-u-padding-x--0 ds-u-padding-top--1 ds-u-sm-padding-y--0",
2046
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
2047
+ variation: "ghost",
2048
+ className: "ds-l-col--6 ds-l-sm-col--auto",
2049
+ onClick: ()=>{
2050
+ // reset to default column order and set all cards to visible
2051
+ // do not save this to the table state until the "Save" button is clicked
2052
+ setCards(defaultColumnOrder.map((column)=>{
2053
+ const card = cards.filter((c)=>c.id === column)[0];
2054
+ return {
2055
+ ...card,
2056
+ visible: true
2057
+ };
2058
+ }));
2059
+ },
2060
+ children: "Reset Columns"
2061
+ })
2062
+ })
2063
+ ]
2064
+ }),
2065
+ children: [
2066
+ /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
2067
+ id: "reorder-help",
2068
+ className: "ds-u-padding-x--3",
2069
+ children: "Activate the reorder button and use the arrow keys to reorder the list or use your mouse to drag/reorder. Press escape to cancel the reordering."
2070
+ }),
2071
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Choice), {
2072
+ checked: cardHiddenColumns === 0,
2073
+ type: "checkbox",
2074
+ onChange: ()=>{
2075
+ setCards(cards.map((c)=>{
2076
+ return {
2077
+ ...c,
2078
+ visible: cardHiddenColumns !== 0
2079
+ };
2080
+ }));
2081
+ },
2082
+ className: "ds-u-padding-x--3",
2083
+ name: "",
2084
+ value: "",
2085
+ label: "Select all",
2086
+ hint: cardHiddenColumns && cardHiddenColumns + " columns hidden"
2087
+ }),
2088
+ /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
2089
+ className: "ds-u-display--flex ds-u-justify-content--between ds-u-font-weight--bold ds-u-padding-y--2 ds-u-padding-x--3 ds-u-border-y--1 ds-u-margin-top--2",
2090
+ children: [
2091
+ /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
2092
+ children: "Display column"
2093
+ }),
2094
+ /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
2095
+ children: "Reorder"
2096
+ })
2097
+ ]
2098
+ }),
2099
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$DndContext), {
2100
+ collisionDetection: (0, $hgUW1$closestCenter),
2101
+ modifiers: [
2102
+ (0, $hgUW1$restrictToVerticalAxis)
2103
+ ],
2104
+ sensors: sensors,
2105
+ onDragEnd: handleDragEnd,
2106
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$SortableContext), {
2107
+ items: cardOrder,
2108
+ strategy: (0, $hgUW1$verticalListSortingStrategy),
2109
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
2110
+ className: "dkan-manage-columns-list",
2111
+ children: cards.map((card)=>{
2112
+ return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5fe94aeb50e0798b$export$2e2bcd8739ae039), {
2113
+ id: card.id,
2114
+ visible: card.visible,
2115
+ updateVisibility: updateVisibility
2116
+ }, card.id);
2117
+ })
2118
+ })
2119
+ })
2120
+ }),
2121
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
2122
+ className: "sr-only aria-live-feedback",
2123
+ "aria-live": "assertive",
2124
+ "aria-atomic": "true",
2125
+ children: ariaLiveFeedback
2126
+ })
2127
+ ]
2128
+ })
2129
+ })
2130
+ ]
2131
+ });
2132
+ };
2133
+ var $5d9e2ce238d53d29$export$2e2bcd8739ae039 = $5d9e2ce238d53d29$var$ManageColumns;
2134
+
2135
+
2136
+ const $d98f94c79ddf4e0e$var$DataTable = ({ data: data, columns: columns, setSort: setSort, sortTransform: sortTransform, tablePadding: tablePadding, canResize: canResize, loading: loading = false, manageColumnsEnabled: manageColumnsEnabled })=>{
1810
2137
  const [sorting, setSorting] = (0, $hgUW1$react).useState([]);
1811
2138
  const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)("");
1812
2139
  const columnHelper = (0, $hgUW1$createColumnHelper)();
@@ -1819,6 +2146,16 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ data: data, columns: columns, setSort
1819
2146
  header: col.header
1820
2147
  });
1821
2148
  });
2149
+ const [columnOrder, setColumnOrder] = (0, $hgUW1$useState)(()=>{
2150
+ const storedColumnOrder = JSON.parse(localStorage.getItem("tableColumnOrder"));
2151
+ if (manageColumnsEnabled && storedColumnOrder) return storedColumnOrder;
2152
+ else return table_columns.map((c)=>c.accessorKey);
2153
+ });
2154
+ const [columnVisibility, setColumnVisibility] = (0, $hgUW1$useState)(()=>{
2155
+ const storedColumnVisibility = JSON.parse(localStorage.getItem("tableColumnVisibility"));
2156
+ if (manageColumnsEnabled && storedColumnVisibility) return storedColumnVisibility;
2157
+ else return {};
2158
+ });
1822
2159
  const sortElement = (isSorted, onClickFn)=>{
1823
2160
  if (isSorted === "asc") return "dc-c-sort--asc";
1824
2161
  if (isSorted === "desc") return "dc-c-sort--desc";
@@ -1830,10 +2167,14 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ data: data, columns: columns, setSort
1830
2167
  columns: table_columns,
1831
2168
  manualSorting: true,
1832
2169
  state: {
2170
+ columnOrder: columnOrder,
2171
+ columnVisibility: columnVisibility,
1833
2172
  sorting: sorting
1834
2173
  },
1835
2174
  columnResizeMode: "onChange",
1836
2175
  onSortingChange: setSorting,
2176
+ onColumnOrderChange: setColumnOrder,
2177
+ onColumnVisibilityChange: setColumnVisibility,
1837
2178
  getCoreRowModel: (0, $hgUW1$getCoreRowModel)(),
1838
2179
  getSortedRowModel: (0, $hgUW1$getSortedRowModel)(),
1839
2180
  debugTable: false
@@ -1844,8 +2185,20 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ data: data, columns: columns, setSort
1844
2185
  }, [
1845
2186
  sorting
1846
2187
  ]);
2188
+ const defaultColumnOrder = (0, $hgUW1$useMemo)(()=>table_columns.map((column)=>{
2189
+ return column.accessorKey;
2190
+ }));
1847
2191
  return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
1848
2192
  children: [
2193
+ manageColumnsEnabled && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
2194
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5d9e2ce238d53d29$export$2e2bcd8739ae039), {
2195
+ columns: table.getAllLeafColumns(),
2196
+ columnOrder: columnOrder,
2197
+ defaultColumnOrder: defaultColumnOrder,
2198
+ setColumnOrder: setColumnOrder,
2199
+ setColumnVisibility: setColumnVisibility
2200
+ })
2201
+ }),
1849
2202
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
1850
2203
  className: "dc-c-datatable-wrapper",
1851
2204
  tabIndex: 0,
@@ -2668,7 +3021,7 @@ function $a35cf16d1488f54e$export$1147582dfae658c6(columns, schema) {
2668
3021
  accessor: column
2669
3022
  }));
2670
3023
  }
2671
- const $a35cf16d1488f54e$var$DatasetTable = ({ id: id, distribution: distribution, resource: resource, rootUrl: rootUrl, customColumns: customColumns = [], jsonUrl: jsonUrl, dataDictionaryBanner: dataDictionaryBanner })=>{
3024
+ const $a35cf16d1488f54e$var$DatasetTable = ({ id: id, distribution: distribution, resource: resource, rootUrl: rootUrl, customColumns: customColumns = [], jsonUrl: jsonUrl, dataDictionaryBanner: dataDictionaryBanner, manageColumnsEnabled: manageColumnsEnabled })=>{
2672
3025
  const defaultPage = 1;
2673
3026
  const defaultPageSize = 10;
2674
3027
  const [page, setPage] = (0, $hgUW1$useState)(defaultPage);
@@ -2709,7 +3062,8 @@ const $a35cf16d1488f54e$var$DatasetTable = ({ id: id, distribution: distribution
2709
3062
  setSort: resource.setSort,
2710
3063
  sortTransform: (0, $aa4450dcbeef3ac0$export$385a5aba38cc3325),
2711
3064
  tablePadding: "ds-u-padding-y--2",
2712
- loading: resource.loading
3065
+ loading: resource.loading,
3066
+ manageColumnsEnabled: manageColumnsEnabled
2713
3067
  })
2714
3068
  }),
2715
3069
  !resource.loading && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -3537,7 +3891,7 @@ const $a0f13962e513caa1$var$getDataDictionary = (dataDictionaryUrl, additionalPa
3537
3891
  dataDictionaryLoading: isPending
3538
3892
  };
3539
3893
  };
3540
- const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalParams: additionalParams, customColumns: customColumns, setDatasetTitle: setDatasetTitle, customMetadataMapping: customMetadataMapping, apiPageUrl: apiPageUrl = "/api", dataDictionaryUrl: dataDictionaryUrl, borderlessTabs: borderlessTabs = false, defaultPageSize: defaultPageSize = 25, dataDictionaryCSV: dataDictionaryCSV = false, dataDictionaryBanner: dataDictionaryBanner = false })=>{
3894
+ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalParams: additionalParams, customColumns: customColumns, setDatasetTitle: setDatasetTitle, customMetadataMapping: customMetadataMapping, apiPageUrl: apiPageUrl = "/api", dataDictionaryUrl: dataDictionaryUrl, borderlessTabs: borderlessTabs = false, defaultPageSize: defaultPageSize = 25, dataDictionaryCSV: dataDictionaryCSV = false, dataDictionaryBanner: dataDictionaryBanner = false, manageColumnsEnabled: manageColumnsEnabled = false })=>{
3541
3895
  const options = location.search ? {
3542
3896
  ...(0, $hgUW1$qs).parse(location.search, {
3543
3897
  ignoreQueryPrefix: true
@@ -3693,7 +4047,8 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalPar
3693
4047
  resource: resource,
3694
4048
  rootUrl: rootUrl,
3695
4049
  customColumns: customColumns,
3696
- dataDictionaryBanner: dataDictionaryBanner && displayDataDictionaryTab
4050
+ dataDictionaryBanner: dataDictionaryBanner && displayDataDictionaryTab,
4051
+ manageColumnsEnabled: manageColumnsEnabled
3697
4052
  })
3698
4053
  }),
3699
4054
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
@@ -5126,19 +5481,6 @@ var $1e012d1e3b534af0$export$2e2bcd8739ae039 = $1e012d1e3b534af0$var$DataTableDe
5126
5481
 
5127
5482
 
5128
5483
 
5129
- const $e71aee394fdad8bd$var$ManageColumns = ()=>{
5130
- const [modalOpen, setModalOpen] = (0, $hgUW1$useState)(false);
5131
- return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
5132
- onClick: ()=>setModalOpen(!modalOpen),
5133
- children: "Manage Columns"
5134
- });
5135
- };
5136
- var $e71aee394fdad8bd$export$2e2bcd8739ae039 = $e71aee394fdad8bd$var$ManageColumns;
5137
-
5138
-
5139
-
5140
-
5141
-
5142
5484
 
5143
5485
  const $7848c69a021266f7$var$DataTableRowChanger = (props)=>{
5144
5486
  const { limit: limit, rowOptions: rowOptions, setLimit: setLimit } = props;