@explorer-1/vue 0.2.64 → 0.2.66

package/src/components/BlockTable/BlockTable.stories.js

@@ -1,20 +0,0 @@
-import BlockTable from './BlockTable.vue'
-
-export default {
-  title: 'Components/Blocks/BlockTable',
-  component: BlockTable,
-  excludeStories: /.*Data$/
-}
-
-export const BlockTableData = {
-  blockType: 'TableBlock',
-  table:
-    "{'data': [['Header 1', 'Header 2', 'Header 3'], ['Lorem ipsum dolor sit amet', 'Lorem ipsum dolor sit amet', 'Lorem ipsum dolor sit amet'], [None, None, None]], 'cell': [], 'first_row_is_table_header': True, 'first_col_is_header': False, 'table_caption': 'Third row intentionally blank to test parsing.'}"
-}
-
-export const BaseStory = {
-  name: 'BlockTable',
-  args: {
-    data: BlockTableData
-  }
-}

package/src/components/BlockTable/BlockTable.vue

@@ -1,69 +0,0 @@
-<template>
-  <div
-    v-if="data"
-    class="BlockTable"
-  >
-    <div class="overflow-x-auto scrolling-touch">
-      <table class="border-gray-light-mid w-full border-t border-b border-collapse table-auto">
-        <tr
-          v-for="(row, index_row) in table.rows"
-          :key="index_row"
-        >
-          <td
-            v-for="(col, index_col) in row.cols"
-            :key="index_col"
-            :class="
-              row.header ? 'bg-jpl-blue-darker text-subtitle text-white' : 'bg-white text-gray-dark'
-            "
-            class="border-gray-light-mid lg:p-5 p-3 border-b"
-          >
-            {{ col }}
-          </td>
-        </tr>
-      </table>
-    </div>
-    <div class="text-gray-mid-dark text-body-sm mt-4">{{ table.caption }}</div>
-  </div>
-</template>
-
-<script lang="ts">
-// @ts-nocheck
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'BlockTable',
-  props: {
-    data: {
-      type: Object,
-      required: false
-    }
-  },
-  computed: {
-    table() {
-      let str = this.data.table
-      str = str.replace(/'/g, '"')
-      str = str.replace(/None,/g, '"",')
-      str = str.replace(/, None/g, ',""')
-      str = str.replace(/: False/g, ': false')
-      str = str.replace(/: True/g, ': true')
-      const dict = JSON.parse(str)
-      const table = {
-        rows: [],
-        caption: dict.table_caption
-      }
-      for (let i = 0; i < dict.data.length; i++) {
-        const row = {
-          cols: dict.data[i],
-          header: i === 0 && dict.first_row_is_table_header
-        }
-        table.rows.push(row)
-      }
-      return table
-    }
-  }
-})
-</script>
-
-<style lang="scss">
-@import '@explorer-1/common/src/scss/components/BlockTable';
-</style>