@explorer-1/vue 1.0.4 → 1.0.6-hotfix.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorer-1/vue",
-  "version": "1.0.4",
+  "version": "1.0.6-hotfix.1",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -31,7 +31,7 @@
     "vue-bind-once": "^0.2.1",
     "vue3-compare-image": "^1.2.5",
     "vue3-observe-visibility": "^1.0.1",
-    "@explorer-1/common": "2.0.3"
+    "@explorer-1/common": "2.0.4"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",

package/src/components/BlockCsrTable/BlockCsrTable.stories.js

@@ -28,7 +28,8 @@ export const BlockCsrTableData = [
         TotalDose: '200',
         DoseRate: null,
         TotalFluence: null,
-        LETthOrEnergy: null,
+        LETthOrEnergy:
+          ' >= Single Event Gate Rupture (SEGR), Single Event Latchup (SEL) - Screen, Single Event Transient (SET), Single Event Burnout (SEB), Single Event Function Interrupt (SEFI) <= 61.6',
         Rates: null,
         Fluence: null,
         Energy: null,
@@ -39,7 +40,7 @@ export const BlockCsrTableData = [
   {
     Id: 2,
     TestRecordId: 2,
-    Attachment: 'Test/4816f146-e517-447d-812b-d2c7c200cb74/ExportFiles.zip',
+    Attachment: 'Test/123/ExportFiles.zip',
     Status: 0,
     GenericPartNumber: 'GPN123',
     Description: 'A description for part 1',
@@ -65,7 +66,7 @@ export const BlockCsrTableData = [
   {
     Id: 3,
     TestRecordId: 3,
-    Attachment: 'Test/4816f146-e517-447d-812b-d2c7c200cb74/ExportFiles.zip',
+    Attachment: 'Test/456/ExportFiles.zip',
     Status: 1,
     GenericPartNumber: 'GPN345',
     Description: 'A description for part 2',
@@ -91,7 +92,7 @@ export const BlockCsrTableData = [
   {
     Id: 4,
     TestRecordId: 4,
-    Attachment: 'Test/4816f146-e517-447d-812b-d2c7c200cb74/ExportFiles.zip',
+    Attachment: 'Test/789/ExportFiles.zip',
     Status: 1,
     GenericPartNumber: 'TEST',
     Description: 'A description for part. Lorem ipsum dolor sit amet consectatur.',
@@ -117,7 +118,7 @@ export const BlockCsrTableData = [
   {
     Id: 4,
     TestRecordId: 4,
-    Attachment: 'Test/4816f146-e517-447d-812b-d2c7c200cb74/ExportFiles.zip',
+    Attachment: 'Test/123/ExportFiles.zip',
     Status: 1,
     GenericPartNumber: 'TEST',
     Description: 'A description for part 2',

package/src/components/BlockCsrTable/BlockCsrTable.vue

@@ -75,7 +75,7 @@ const theme = themeMaterial.withParams({
 })
 
 const headerClass = [
-  'min-w-[6rem] bg-jpl-blue-darker edu:bg-jpl-violet-darker font-display text-white text-sm border-gray-light-mid lg:p-5 p-3 border-b text-left'
+  'min-w-[6rem] bg-jpl-blue-darker edu:bg-jpl-violet-darker font-secondary text-white text-sm border-gray-light-mid lg:p-5 p-3 border-b text-left'
 ]
 const defaultcolDef = {
   flex: 1,
@@ -146,6 +146,14 @@ const computedRowData = computed(() => {
   return fetchedRowData.value || rowData
 })
 
+const getEncodedAttachmentUrl = (attachment: string) => {
+  let url = ''
+  if (props.attachmentPrefix && attachment) {
+    url = props.attachmentPrefix + attachment
+  }
+  return encodeURI(url)
+}
+
 onMounted(async () => {
   await getRowData()
 })
@@ -210,7 +218,7 @@ const onFilterTextBoxChanged = () => {
             <p v-if="modalData.Attachment">
               <strong class="pr-1">Attachment:</strong>
               <BaseLink
-                :href="modalData.Attachment"
+                :href="getEncodedAttachmentUrl(modalData.Attachment)"
                 class="inline"
                 variant="default"
                 target="_blank"

package/src/components/BlockCsrTable/CsrTestLimitsTable.vue

@@ -21,7 +21,7 @@ withDefaults(defineProps<CsrTestLimitsTableProps>(), {
 })
 
 const headerClass = [
-  'bg-jpl-blue-darker edu:bg-jpl-violet-darker text-subtitle text-white text-xs border-gray-light-mid px-3 border-b text-left'
+  'bg-jpl-blue-darker edu:bg-jpl-violet-darker font-secondary text-white text-sm border-gray-light-mid px-3 border-b text-left'
 ]
 const CsrTestLimitsTableRef = ref()
 const theme = themeMaterial.withParams({
@@ -36,17 +36,21 @@ const colDefs = ref([
     flex: 0,
     width: 50
   },
-  { field: 'TotalDose' },
-  { field: 'DoseRate' },
-  { field: 'TotalFluence' },
+  { field: 'TotalDose', wrapText: true, autoHeight: true },
+  { field: 'DoseRate', wrapText: true, autoHeight: true },
+  { field: 'TotalFluence', wrapText: true, autoHeight: true },
   {
     field: 'LETthOrEnergy',
+    wrapText: true,
+    autoHeight: true,
     headerName: 'LETth or Energy Range'
   },
   {
-    field: 'Fluence'
+    field: 'Fluence',
+    wrapText: true,
+    autoHeight: true
   },
-  { field: 'Energy' }
+  { field: 'Energy', wrapText: true, autoHeight: true }
 ])
 const defaultcolDef = {
   flex: 1,

package/src/components/BlockRichTable/BlockRichTable.vue

@@ -54,7 +54,7 @@ export default defineComponent({
               v-for="(headCell, headIndex) in table.tableContent.tableHead[0]"
               :key="headIndex"
               scope="col"
-              class="min-w-[6rem] bg-jpl-blue-darker edu:bg-jpl-violet-darker font-display text-white border-gray-light-mid lg:p-5 p-3 border-b text-left"
+              class="min-w-[6rem] bg-jpl-blue-darker edu:bg-jpl-violet-darker font-secondary text-sm text-white border-gray-light-mid lg:p-5 p-3 border-b text-left"
             >
               <template v-if="headCell">
                 {{ (headCell as HeadCell).text }}

package/src/components/NavDesktop/NavDesktopDropdown.vue

@@ -3,7 +3,7 @@
     <NavDropdownToggle
       v-click-outside="closeDropdown"
       :aria-expanded="dropdownVisible ? true : false"
-      class="group relative z-20 px-4 font-bold font-text tracking-[-.2px] border-t-2 border-transparent edu:text-sm edu:xl:text-base edu:px-2 edu:xl:px-4"
+      class="group relative z-20 px-4 font-bold font-text tracking-[-.03rem] border-t-2 border-transparent edu:text-sm edu:xl:text-base edu:px-2 edu:xl:px-4"
       :class="{
         '-open': dropdownVisible
       }"

package/src/components/NavMobile/NavMobile.vue

@@ -105,8 +105,8 @@
               <BaseLink
                 variant="none"
                 href="https://www.nasa.gov/learning-resources/"
-                class="group relative block w-full px-4 py-2 text-xl font-medium text-left"
-                link-class="flex flex-wrap-none overflow-visible whitespace-nowrap items-center py-0 pl-6 -ml-4 border-l-4 border-transparent"
+                class="group relative block w-full px-4 py-2 text-xl text-left"
+                link-class="flex flex-wrap-none overflow-visible whitespace-nowrap font-display font-bold items-center py-0 pl-6 -ml-4 border-l-4 border-transparent"
                 external-target-blank
               >
                 <span class="pr-2">NASA OSTEM</span>

package/src/components/NavMobile/NavMobileLink.vue

@@ -3,7 +3,7 @@
     v-if="data"
     variant="none"
     class="NavMobileLink"
-    :link-class="`flex items-center py-2 text-lg font-display leading-tight ${linkClass}`"
+    :link-class="`flex items-center py-2 text-lg font-text leading-tight ${linkClass}`"
     :href="data.path && !getRouterLink(data) ? data.path : undefined"
     :to="getRouterLink(data) ? getRouterLink(data) : undefined"
     :exact="exact"

package/src/components/NavSecondary/NavSecondaryDropdown.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     v-click-outside="closeDropdown"
-    class="NavSecondaryDropdown relative font-display"
+    class="NavSecondaryDropdown relative font-primary tracking-[-.03rem]"
     :class="{
       'mr-auto': index === 0
     }"

package/src/components/NavSecondary/NavSecondaryLink.vue

@@ -2,7 +2,7 @@
   <BaseLink
     :href="isExternal(item.path) ? item.path : undefined"
     :to="!isExternal(item.path) ? item.path : undefined"
-    link-class="block px-3 py-2 font-display"
+    link-class="block px-3 py-2 font-primary tracking-[-.03rem]"
     variant="none"
     class="NavSecondaryLink border-t-2 border-transparent"
     :class="baseLinkClasses(index)"

package/dist/src/components/BlockCsrTable/CsrAttachment.vue.d.ts

@@ -1,19 +0,0 @@
-interface CsrAttachmentProps {
-    params: {
-        data: {
-            Attachment: string;
-        };
-        /** Example values: `https://test-api.jpl.nasa.gov/attachments?key=`, `https://test-api.jpl.nasa.gov/` */
-        attachmentPrefix: string;
-    };
-}
-declare const _default: import('vue').DefineComponent<CsrAttachmentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CsrAttachmentProps> & Readonly<{}>, {
-    params: {
-        data: {
-            Attachment: string;
-        };
-        /** Example values: `https://test-api.jpl.nasa.gov/attachments?key=`, `https://test-api.jpl.nasa.gov/` */
-        attachmentPrefix: string;
-    };
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;