*/
+ ul ~ section {
+ margin-left: e($r, 1.25);
+ }
+ }
+
+ /* Add margin below headers, for scenarios where
+ there are multiple header items e.g. and
*/
+ header {
+ margin-bottom: rnd(exp(1.25, $r)) + rem;
+ }
+
+ p + section {
+ // Offset $r value by -1, lowering by one section level
+ margin-top: e(($r - 1), 1);
+ }
+}
+
+@mixin box-shadow($direction) {
+ @if ($direction == top) {
+ box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.08);
+ } @else if ($direction == bottom) {
+ box-shadow: 0 -4px 4px -2px rgba(0, 0, 0, 0.08);
+ } @else {
+ @warn "#{$direction} is not a valid input. Use 'top' or 'bottom'";
+ }
+}
+
+// Keyframes mixin
+
+@mixin keyframes($animationName) {
+ @-webkit-keyframes #{$animationName} {
+ @content;
+ }
+ @-moz-keyframes #{$animationName} {
+ @content;
+ }
+ @-o-keyframes #{$animationName} {
+ @content;
+ }
+ @keyframes #{$animationName} {
+ @content;
+ }
+}
+
+/* Focus mixin
+ $state: $focus-lt-bg || $focus-dk-bg
+ $offset: Pixel value by which to offset outline
+ $important: boolean
+ (!) Use sparingly -- some libraries use 'outline: none !important',
+ which is why this parameter is necessary */
+
+@mixin focus($state: colormap.$focus-lt-bg, $offset: 2px, $important: false) {
+ $d-outline: 2px dotted $state;
+ outline-offset: $offset;
+ box-shadow: none;
+ @if $important {
+ outline: $d-outline !important;
+ } @else {
+ outline: $d-outline;
+ }
+}
+
+// Link Underline mixin
+
+@mixin link-underline($color) {
+ text-decoration: underline dotted $color 1px;
+
+ &:hover {
+ text-decoration-style: solid;
+ text-decoration-color: $color;
+ }
+}
diff --git a/src/scss/modules/_skeleton.scss b/src/scss/modules/_skeleton.scss
new file mode 100644
index 00000000..0d163968
--- /dev/null
+++ b/src/scss/modules/_skeleton.scss
@@ -0,0 +1,61 @@
+@use "functions";
+
+@use 'sass:color';
+
+// Skeleton Loader
+.skeleton-box {
+ display: inline-block;
+ height: 1em;
+ position: relative;
+ overflow: hidden;
+ background-color: #f1f1f1;
+
+ &.skeleton-box-inverse {
+ background-color: #24303e;
+
+ &:after {
+ background-image: linear-gradient(
+ 90deg,
+ rgba(color.adjust(#24303e, $lightness: 2.5%), 0) 0,
+ rgba(color.adjust(#2d2d35, $lightness: 2.5%), 0.2) 20%,
+ rgba(color.adjust(#24303e, $lightness: 2.5%), 0.5) 30%,
+ rgba(color.adjust(#24303e, $lightness: 2.5%), 0)
+ );
+ }
+ }
+
+ &::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ transform: translateX(-100%);
+ background-image: linear-gradient(
+ 90deg,
+ rgba(#e0e0e1, 0) 0,
+ rgba(#e0e0e1, 0.2) 20%,
+ rgba(#e0e0e1, 0.5) 30%,
+ rgba(#e0e0e1, 0)
+ );
+ animation: shimmer 2s infinite;
+ content: "";
+ }
+
+ @keyframes shimmer {
+ 100% {
+ transform: translateX(100%);
+ }
+ }
+}
+
+// Common Animations
+@include functions.keyframes(fadein) {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
diff --git a/src/scss/modules/_variables.scss b/src/scss/modules/_variables.scss
new file mode 100644
index 00000000..b937b667
--- /dev/null
+++ b/src/scss/modules/_variables.scss
@@ -0,0 +1,32 @@
+@use "colormap";
+
+// Typography
+$geometria: "Geometria", sans-serif;
+$muli: "Muli", sans-serif;
+$base-font: 400 1.6rem/1.6 $muli;
+
+// Styles
+$panel-shadow-color: rgba(50, 58, 69, 0.04);
+$panel-shadow: 0 1px 8px 0 $panel-shadow-color;
+$panel-border: colormap.$charcoal-10;
+$focus-shadow: 0 0 0 4px rgba(colormap.$blueberry-30, 0.4);
+
+// Transition
+$d-transition: all 0.05s linear;
+
+// Configuration
+
+// Headings
+$font-scale: 1.25;
+$space-scale: 1.1;
+$space-type: margin;
+$letter-scale: 0.6;
+$heading-unit: rem;
+$uniform-scale: 1;
+$uniform-scale-sm: 0.875;
+$move-scale: 6;
+
+// Content Sections
+$section-scale: 1.375;
+
+$max-width: 1280px;
diff --git a/src/scss/modules/modules.scss b/src/scss/modules/modules.scss
new file mode 100644
index 00000000..3193b6a1
--- /dev/null
+++ b/src/scss/modules/modules.scss
@@ -0,0 +1,4 @@
+@use "colormap";
+@use "variables";
+@use "functions";
+@use "skeleton";
diff --git a/src/services/useDatastore/useDatastore.jsx b/src/services/useDatastore/useDatastore.jsx
index ccfba34e..83166c3a 100644
--- a/src/services/useDatastore/useDatastore.jsx
+++ b/src/services/useDatastore/useDatastore.jsx
@@ -98,6 +98,7 @@ const useDatastore = (
setSchema(data.schema);
}
}
+ console.log("SRC-SERVICES Data fetched:++++++++++++", data)
}, [data])
useEffect(() => {
if (unfiltered) {
@@ -116,7 +117,7 @@ const useDatastore = (
limit,
offset,
schema,
- conditions,
+ conditions: [],
properties,
setProperties,
setGroupings,
diff --git a/src/services/useMetastoreDataset/useMetastoreDataset.tsx b/src/services/useMetastoreDataset/useMetastoreDataset.tsx
index c52ebb65..42e963ae 100644
--- a/src/services/useMetastoreDataset/useMetastoreDataset.tsx
+++ b/src/services/useMetastoreDataset/useMetastoreDataset.tsx
@@ -27,6 +27,7 @@ const useMetastoreDataset = (datasetId : string, rootAPIUrl : string) => {
.catch((error) => {return {title: dataset.title, distribution: dataset.distribution, error: error, description: dataset.description, identifier: dataset.identifier, modified: dataset.modified}});
}
})
+ // data.distrubution[0].identifier
useEffect(() => {
if (!isPending && data && data != dataset)
setDataset(data)
diff --git a/src/stories/utilities/axios-mock.jsx b/src/stories/utilities/axios-mock.jsx
new file mode 100644
index 00000000..a0ed78f6
--- /dev/null
+++ b/src/stories/utilities/axios-mock.jsx
@@ -0,0 +1,6 @@
+import { pdcAxiosInstance } from '../../api/axiosInstance'
+import MockAdapter from 'axios-mock-adapter'
+
+const axiosMockAdapter = new MockAdapter(pdcAxiosInstance)
+
+export default axiosMockAdapter
diff --git a/src/templates/Dataset/index.tsx b/src/templates/Dataset/index.tsx
index 8c4b2bf3..7c975b1a 100644
--- a/src/templates/Dataset/index.tsx
+++ b/src/templates/Dataset/index.tsx
@@ -39,6 +39,7 @@ const getDataDictionary = (dataDictionaryUrl : string) => {
}
}
+
const Dataset = ({
id,
rootUrl,
diff --git a/src/utilities/data-mocks/api-response-dataset.json b/src/utilities/data-mocks/api-response-dataset.json
new file mode 100644
index 00000000..27925600
--- /dev/null
+++ b/src/utilities/data-mocks/api-response-dataset.json
@@ -0,0 +1,83 @@
+{
+ "fixture": true,
+ "accessLevel": "public",
+ "landingPage": "https://data.cms.gov/provider-data/dataset/test-data-abcd-0005",
+ "bureauCode": [
+ "009:38"
+ ],
+ "issued": "2020-01-20",
+ "@type": "dcat:Dataset",
+ "modified": "2020-01-20",
+ "released": "2020-09-17",
+ "archiveExclude": false,
+ "keyword": [
+ {
+ "identifier": "8a0cf0a8-a3d0-5223-b1cc-82fbb3101cdb",
+ "data": "hhc"
+ },
+ {
+ "identifier": "9929edf6-e8af-5e74-b28e-6c43c0e0a534",
+ "data": "general information"
+ }
+ ],
+ "contactPoint": {
+ "@type": "vcard:Contact",
+ "fn": "Home Health Compare",
+ "hasURL": "https://www.cms.gov/apps/contacts"
+ },
+ "publisher": {
+ "identifier": "4c1de1c4-f083-5877-8968-7ddc04756c49",
+ "data": {
+ "@type": "org:Organization",
+ "name": "Centers for Medicare & Medicaid Services (CMS)"
+ }
+ },
+ "identifier": "test-data-abcd-0005",
+ "description": "Home Health Care - Measure Date Range",
+ "title": "Home Health Care - Measure Date Range",
+ "programCode": [
+ "009:000"
+ ],
+ "distribution": [
+ {
+ "identifier": "716256f0-6d17-56a6-9b5d-c35879011e9e",
+ "data": {
+ "@type": "dcat:Distribution",
+ "downloadURL": "https://pqdc-dkan.ddev.site/provider-data/sites/default/files/resources/2850c4af459ff447d4e9bada0637ec54_1701355540/Test_Data_abcd_0005.csv",
+ "mediaType": "text/csv",
+ "%Ref:downloadURL": [
+ {
+ "identifier": "2850c4af459ff447d4e9bada0637ec54__1701355540__source",
+ "data": {
+ "filePath": "s3://913461122956-pdc-dev-test-minimal-data/Test_Data_abcd_0005.csv",
+ "identifier": "2850c4af459ff447d4e9bada0637ec54",
+ "mimeType": "text/csv",
+ "perspective": "source",
+ "version": "1701355540",
+ "checksum": null
+ }
+ },
+ {
+ "identifier": "2850c4af459ff447d4e9bada0637ec54__1701355540__local_url",
+ "data": {
+ "filePath": "https://h-o.st/provider-data/sites/default/files/resources/2850c4af459ff447d4e9bada0637ec54_1701355540/Test_Data_abcd_0005.csv",
+ "identifier": "2850c4af459ff447d4e9bada0637ec54",
+ "mimeType": "text/csv",
+ "perspective": "local_url",
+ "version": "1701355540",
+ "checksum": null
+ }
+ }
+ ]
+ },
+ "format": "csv"
+ }
+ ],
+ "theme": [
+ {
+ "identifier": "eda174d2-96df-5537-868f-f5ed625c3ede",
+ "data": "Home health services"
+ }
+ ],
+ "%modified": "2023-11-30T09:45:33-0500"
+}
diff --git a/src/utilities/data-mocks/data-fileDownload.js b/src/utilities/data-mocks/data-fileDownload.js
new file mode 100644
index 00000000..19a21092
--- /dev/null
+++ b/src/utilities/data-mocks/data-fileDownload.js
@@ -0,0 +1,40 @@
+export const resourceData = {
+ data: {
+ identifier: '11745687-dc47-52ac-b9e4-66c50fe772ad',
+ data: {
+ '@type': 'dcat:Distribution',
+ title: 'Test Data abcd 0016',
+ downloadURL: 'https://pqdc-dkan.ddev.site/provider-data/sites/default/files/resources/f69b073f217ea35ed14997178f7085c8_1677006237/Test_Data_abcd_0016.csv',
+ mediaType: 'text/csv',
+ '%Ref:downloadURL': [
+ {
+ identifier: 'f69b073f217ea35ed14997178f7085c8__1677006237__source',
+ data: {
+ filePath: 's3://913461122956-pdc-dev-test-minimal-data/Test_Data_abcd_0016.csv',
+ identifier: 'f69b073f217ea35ed14997178f7085c8',
+ mimeType: 'text/csv',
+ perspective: 'source',
+ version: '1677006237',
+ checksum: null
+ }
+ },
+ {
+ identifier: 'f69b073f217ea35ed14997178f7085c8__1677006237__local_url',
+ data: {
+ filePath: 'http://h-o.st/provider-data/sites/default/files/resources/f69b073f217ea35ed14997178f7085c8_1677006237/Test_Data_abcd_0016.csv',
+ identifier: 'f69b073f217ea35ed14997178f7085c8',
+ mimeType: 'text/csv',
+ perspective: 'local_url',
+ version: '1677006237',
+ checksum: null
+ }
+ }
+ ]
+ },
+ format: 'csv'
+ }
+}
+
+export const responseHeaders = {
+ 'content-length': 99999
+}
diff --git a/src/utilities/data-mocks/data-filteredDatasetResource.js b/src/utilities/data-mocks/data-filteredDatasetResource.js
new file mode 100644
index 00000000..26330713
--- /dev/null
+++ b/src/utilities/data-mocks/data-filteredDatasetResource.js
@@ -0,0 +1,34 @@
+export const filteredDatasetResource = {
+ // identifier: '',
+ // identifier: '07043497-a5ec-53f0-8a78-230dcd7f3e33',
+ data: {
+ '@type': 'dcat:Distribution',
+ downloadURL: 'https://pqdc-dkan.ddev.site/provider-data/sites/default/files/resources/2850c4af459ff447d4e9bada0637ec54_1701355540/Test_Data_abcd_0005.csv',
+ mediaType: 'text/csv',
+ '%Ref:downloadURL': [
+ {
+ identifier: '2850c4af459ff447d4e9bada0637ec54__1701355540__source',
+ data: {
+ filePath: 's3://913461122956-pdc-dev-test-minimal-data/Test_Data_abcd_0005.csv',
+ identifier: '2850c4af459ff447d4e9bada0637ec54',
+ mimeType: 'text/csv',
+ perspective: 'source',
+ version: '1701355540',
+ checksum: null
+ }
+ },
+ {
+ identifier: '2850c4af459ff447d4e9bada0637ec54__1701355540__local_url',
+ data: {
+ filePath: 'https://h-o.st/provider-data/sites/default/files/resources/2850c4af459ff447d4e9bada0637ec54_1701355540/Test_Data_abcd_0005.csv',
+ identifier: '2850c4af459ff447d4e9bada0637ec54',
+ mimeType: 'text/csv',
+ perspective: 'local_url',
+ version: '1701355540',
+ checksum: null
+ }
+ }
+ ]
+ },
+ format: 'csv'
+}
diff --git a/src/utilities/displayUtilities.js b/src/utilities/displayUtilities.js
new file mode 100644
index 00000000..210bc17b
--- /dev/null
+++ b/src/utilities/displayUtilities.js
@@ -0,0 +1,36 @@
+import some from 'lodash/some'
+
+const internetExplorerUserAgentStrings = [
+ 'Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0;',
+ 'Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0;',
+ 'Mozilla/5.0 (compatible, MSIE 11, Windows NT 6.3; Trident/7.0;'
+]
+
+/**
+ * Determine if userAgent is a mobile device; this is not ideal to have on
+ * the frontend, but this method can be updated with more regex as needed
+ * @param {string} userAgent
+ */
+export const isMobileDevice = (userAgent = '') => {
+ const match = !!(
+ userAgent.match(/Android/i) ||
+ userAgent.match(/webOS/i) ||
+ userAgent.match(/iPhone/i) ||
+ userAgent.match(/iPad/i) ||
+ userAgent.match(/iPod/i) ||
+ userAgent.match(/BlackBerry/i)
+ )
+
+ return match
+}
+
+/**
+ * Determine if userAgent is an IE browser; probably not 100% accurate, but it's IE, so.... ¯\_(ツ)_/¯
+ * @param {string} userAgent
+ */
+export const isIeUserAgent = (userAgent) => {
+ return some(
+ internetExplorerUserAgentStrings,
+ (ieUaString) => userAgent.indexOf(ieUaString) > -1
+ )
+}
diff --git a/src/utilities/downloadUtilities.js b/src/utilities/downloadUtilities.js
new file mode 100644
index 00000000..31073c6f
--- /dev/null
+++ b/src/utilities/downloadUtilities.js
@@ -0,0 +1,36 @@
+import toNumber from 'lodash/toNumber'
+import isNumber from 'lodash/isNumber'
+
+export const formatBytes = (bytes = 0) => {
+ if (!isNumber(bytes)) bytes = toNumber(bytes)
+
+ const k = 1000
+ const doNotRenderBytes = true
+
+ if (!doNotRenderBytes && bytes === 0) {
+ return {
+ sizeLabel: 'BYTES',
+ size: 0
+ }
+ }
+
+ /*
+ Return 1KB if bytes is less than 1000
+ This used to set size to 0 but that doesn't make sense when there is an actual file size
+ We decided to set size to 1 instead
+ */
+ if (doNotRenderBytes && bytes < k) {
+ return {
+ sizeLabel: 'KB',
+ size: 1
+ }
+ }
+
+ const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB']
+ const i = Math.floor(Math.log(bytes) / Math.log(k))
+
+ return {
+ sizeLabel: sizes[i],
+ size: parseFloat((bytes / Math.pow(k, i)).toFixed(0))
+ }
+}
diff --git a/src/utilities/getApiBaseUrl.js b/src/utilities/getApiBaseUrl.js
new file mode 100644
index 00000000..82e5f15d
--- /dev/null
+++ b/src/utilities/getApiBaseUrl.js
@@ -0,0 +1,23 @@
+import config from '../config/index'
+import toLower from 'lodash/toLower'
+
+export const getApiBaseUrl = (withApiPath = true) => {
+ const { site, apiSite, domainsNeedProviderDataPath } = config
+ const { protocol, hostname } = window.location
+ const reactAppEnv = 'development'
+// const reactAppEnv = toLower(import.meta.env.VITE_ENV) || 'development'
+ let baseUrl
+
+ // Add 'provider-data/' to the base url for a certain set of domains
+ const providerDataPath = ''//domainsNeedProviderDataPath.includes(hostname) ? 'provider-data/' : ''
+
+ if (reactAppEnv === 'development') { // development environment only
+ // site and apiSite values already have full domains included in the dev config file
+ baseUrl = withApiPath ? apiSite : site.replace(/\/+$/, '')
+ } else { // All other environments
+ baseUrl = `${protocol}//${hostname}${withApiPath ? `/${providerDataPath}${apiSite}` : `/${providerDataPath}`}`
+ baseUrl = baseUrl.replace(/\/+$/g, '')
+ }
+
+ return baseUrl
+}