clbs-libs-ui 1.0.0 → 1.0.1

package/package.json

@@ -1,7 +1,9 @@
 {
   "name": "clbs-libs-ui",
-  "version": "1.0.0",
-  "main": "index.js",
+  "version": "1.0.1",
+  "main": "dist/clbs-ui.umd.js",
+  "module": "dist/clbs-ui.mjs",
+  "files": ["dist"],
   "scripts": {
     "dev": "vite",
     "build": "vite build"

package/src/index.js

@@ -1 +0,0 @@
-export { default as FavoritePage } from './pages/FavoriteModal.vue'

package/src/pages/FavoriteModal.vue

@@ -1,207 +0,0 @@
-<script setup>
-import { ref } from "vue"
-
-const props = defineProps({
-  type: {
-    type: String,
-    required: true
-  },
-  miniState: {
-    type: Boolean,
-    required: true
-  },
-  api: {
-    type: Object,
-    required: true
-  },
-  stores: {
-    type: Object,
-    required: true
-  },
-  constants: {
-    type: Object,
-    required: true
-  },
-  ui: {
-    type: Object,
-    required: true
-  }
-})
-
-const {
-  ModalViewSmall,
-  CloseButton,
-  LoadingComponent,
-  EmptyData,
-  ContentBtn,
-  SearchInput,
-  FavoriteOutlineIcon,
-  FavoriteIcon,
-  Dots,
-  HomeIcon,
-  EmailIcon
-} = props.ui
-
-const tab = ref("SUPPORT")
-const filter = ref("")
-const isLoading = ref(false)
-
-const rows = ref({
-  WIKI: [],
-  LMS: [],
-  SUPPORT: []
-})
-
-const pagination = ref({
-  WIKI: { page: 1, rowsPerPage: 18, rowsNumber: 0 },
-  LMS: { page: 1, rowsPerPage: 18, rowsNumber: 0 },
-  SUPPORT: { page: 1, rowsPerPage: 18, rowsNumber: 0 }
-})
-
-const maxTitleLength = 75
-
-const changeTab = async (value) => {
-  tab.value = value
-  await getData()
-}
-
-const getData = async () => {
-  isLoading.value = true
-
-  try {
-    let result
-    if (props.type === "history") {
-      result = await props.api.fetchHistory()
-    }
-    else if (tab.value === "SUPPORT") {
-      result = await props.api.fetchFavoritesTasksRows()
-    }
-    else {
-      result = await props.api.fetchFavorites({
-        query: filter.value,
-        type: tab.value.toLowerCase()
-      })
-    }
-    rows.value[tab.value] = result?.data || []
-  } catch (e) {
-    console.error(e)
-    props.stores?.notifications?.cancel?.(e.message)
-  }
-  isLoading.value = false
-}
-
-const toggleFavorite = async (row) => {
-  try {
-    if (row.favorite === 0) {
-      const res = await props.api.fetchAddFavorite(
-        row.idPage,
-        tab.value
-      )
-      if (res) row.favorite = 1
-    } else {
-      const res = await props.api.fetchDeleteFavorite(
-        row.idPage,
-        tab.value
-      )
-      if (res) row.favorite = 0
-    }
-  } catch (e) {
-    console.error(e)
-    props.stores?.notifications?.cancel?.(e.message)
-  }
-}
-
-const goToPage = (row) => {
-  const { WIKI_URL, LMS_URL } = props.constants
-  if (tab.value === "SUPPORT") {
-    window.open(row.url, "_blank")
-  }
-  if (tab.value === "WIKI") {
-    window.open(`${WIKI_URL}/${row.idPage}`, "_blank")
-  }
-  if (tab.value === "LMS") {
-    window.open(`${LMS_URL}/#/course/${row.idPage}`, "_blank")
-  }
-}
-</script>
-
-<template>
-<ModalViewSmall
-  :modal-open="true"
-  :mini-state="miniState"
->
-  <q-card
-    :style="{ left: miniState ? '57px' : '240px' }"
-    class="modal"
-  >
-    <CloseButton />
-    <div style="max-width:800px">
-      <SearchInput v-model="filter"/>
-      <q-tabs
-        v-model="tab"
-        dense
-        active-color="primary"
-        indicator-color="primary"
-        align="justify"
-      >
-        <q-tab
-          v-if="type === 'favorites'"
-          name="SUPPORT"
-          label="Support"
-          @click="changeTab('SUPPORT')"
-        />
-        <q-tab
-          name="WIKI"
-          label="Wiki"
-          @click="changeTab('WIKI')"
-        />
-        <q-tab
-          name="LMS"
-          label="Learning"
-          @click="changeTab('LMS')"
-        />
-      </q-tabs>
-      <q-tab-panels v-model="tab">
-        <q-tab-panel name="WIKI">
-          <LoadingComponent v-if="isLoading"/>
-          <EmptyData v-else-if="rows.WIKI.length === 0"/>
-          <q-table
-            v-else
-            :rows="rows.WIKI"
-          >
-            <template #body="props">
-              <q-tr :props="props">
-                <q-td>
-                  <q-btn
-                    flat
-                    no-caps
-                    @click="goToPage(props.row)"
-                  >
-                    <span v-if="props.row.name.length < maxTitleLength">
-                      {{ props.row.name }}
-                    </span>
-                    <span v-else>
-                      {{ props.row.name.slice(0, maxTitleLength) }}
-                      <Dots size="18"/>
-                    </span>
-                  </q-btn>
-                </q-td>
-                <q-td>
-                  <ContentBtn
-                    @click="toggleFavorite(props.row)"
-                  >
-                    <FavoriteOutlineIcon
-                      v-if="props.row.favorite === 0"
-                    />
-                    <FavoriteIcon v-else/>
-                  </ContentBtn>
-                </q-td>
-              </q-tr>
-            </template>
-          </q-table>
-        </q-tab-panel>
-      </q-tab-panels>
-    </div>
-  </q-card>
-</ModalViewSmall>
-</template>

package/vite.config.js

@@ -1,18 +0,0 @@
-import { defineConfig } from "vite"
-import vue from "@vitejs/plugin-vue"
-
-export default defineConfig({
-  plugins: [vue()],
-
-  build: {
-    lib: {
-      entry: "src/index.js",
-      name: "ClbsUI",
-      fileName: "clbs-ui"
-    },
-
-    rollupOptions: {
-      external: ["vue"]
-    }
-  }
-})