@bimdata/bcf-components 6.0.1 → 6.0.2-rc.1

package/README.md

@@ -24,8 +24,11 @@ and make all components available globally.
 import { createApp } from "vue";
 import { createI18n } from "vue-i18n"; // v9.x
 import { makeBIMDataApiClient } from "@bimdata/typescript-fetch-api-client"; // v8.2+
+import DesignSystem from "@bimdata/design-system/vue3-plugin.js"; // v2+
+import BIMDataComponents from "@bimdata/components/vue3-plugin.js"; // v1+
+
 // Import Vue 3 plugin factory
-import BIMDataBcfComponents from "@bimdata/bcf-components/vue3-plugin.js";
+import BcfComponents from "@bimdata/bcf-components/vue3-plugin.js";
 
 // Instanciate i18n plugin
 const i18nPlugin = createI18n({ ... });
@@ -34,8 +37,10 @@ const apiClient = makeBIMDataApiClient({ ... });
 
 const app = createApp()
   .use(i18nPlugin)
+  .use(DesignSystem())
+  .use(BIMDataComponents())
   // Provide both i18n plugin and API client as plugin config
-  .use(BIMDataBcfComponents({ i18nPlugin, apiClient }));
+  .use(BcfComponents({ i18nPlugin, apiClient }));
 ...
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bimdata/bcf-components",
-  "version": "6.0.1",
+  "version": "6.0.2-rc.1",
   "files": [
     "src",
     "vue3-plugin.js"

package/src/components/bcf-filters/BcfFilters.vue

@@ -113,16 +113,6 @@
 <script>
 import { computed, ref, toRaw, watch } from "vue";
 import { useBcfFilter } from "../../composables/filter.js";
-// Components
-import BIMDataButton from "@bimdata/design-system/src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-import {
-  BIMDataIconClose,
-  BIMDataIconFilterList,
-  BIMDataIconSearch,
-} from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/index.js";
-import BIMDataInput from "@bimdata/design-system/src/BIMDataComponents/BIMDataInput/BIMDataInput.vue";
-import BIMDataSelect from "@bimdata/design-system/src/BIMDataComponents/BIMDataSelect/BIMDataSelect.vue";
-import BIMDataText from "@bimdata/design-system/src/BIMDataComponents/BIMDataText/BIMDataText.vue";
 
 function getSelectOptions(list) {
   return Array.from(new Set(list)).sort((a, b) =>
@@ -131,15 +121,6 @@ function getSelectOptions(list) {
 }
 
 export default {
-  components: {
-    BIMDataButton,
-    BIMDataIconClose,
-    BIMDataIconFilterList,
-    BIMDataIconSearch,
-    BIMDataInput,
-    BIMDataSelect,
-    BIMDataText
-  },
   props: {
     topics: {
       type: Array,

package/src/components/bcf-settings/BcfSettings.vue

@@ -46,19 +46,10 @@
 import { EXTENSION_TYPES } from "../../config.js";
 import { useService } from "../../service.js";
 // Components
-import BIMDataButton from "@bimdata/design-system/src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-
-import {
-  BIMDataIconArrow,
-  BIMDataIconClose,
-} from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/index.js";
 import SettingCard from "./setting-card/SettingCard.vue";
 
 export default {
   components: {
-    BIMDataButton,
-    BIMDataIconArrow,
-    BIMDataIconClose,
     SettingCard,
   },
   props: {

package/src/components/bcf-settings/setting-card/SettingCard.vue

@@ -60,20 +60,10 @@
 import { computed, ref } from "vue";
 import { getAvailableExtensions } from "../../../utils/extensions.js";
 // Compopnents
-import BIMDataButton from "@bimdata/design-system/src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-import {
-  BIMDataIconChevron,
-  BIMDataIconPlus,
-} from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/index.js";
-import BIMDataInput from "@bimdata/design-system/src/BIMDataComponents/BIMDataInput/BIMDataInput.vue";
 import SettingCardItem from "./SettingCardItem.vue";
 
 export default {
   components: {
-    BIMDataButton,
-    BIMDataIconChevron,
-    BIMDataIconPlus,
-    BIMDataInput,
     SettingCardItem,
   },
   props: {

package/src/components/bcf-settings/setting-card/SettingCardItem.vue

@@ -62,23 +62,8 @@ import { adjustBorderColor } from "@bimdata/design-system/src/BIMDataComponents/
 import { ref, watch } from "vue";
 import { EXTENSION_WITH_COLOR } from "../../../config.js";
 import { getExtensionField } from "../../../utils/extensions.js";
-// Components
-import BIMDataButton from "@bimdata/design-system/src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-import BIMDataColorSelector from "@bimdata/design-system/src/BIMDataComponents/BIMDataColorSelector/BIMDataColorSelector.vue";
-import {
-  BIMDataIconDelete,
-  BIMDataIconClose,
-} from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/index.js";
-import BIMDataInput from "@bimdata/design-system/src/BIMDataComponents/BIMDataInput/BIMDataInput.vue";
 
 export default {
-  components: {
-    BIMDataButton,
-    BIMDataColorSelector,
-    BIMDataIconDelete,
-    BIMDataIconClose,
-    BIMDataInput,
-  },
   props: {
     extensionType: {
       type: String,

package/src/components/bcf-statistics/BcfStatistics.vue

@@ -53,15 +53,8 @@
 import { computed } from "vue";
 import { DEFAULT_PRIORITY_COLOR } from "../../config.js";
 import { getAvailableExtensions, getExtensionField } from "../../utils/extensions.js";
-// Components
-import BIMDataPaginatedList from "@bimdata/design-system/src/BIMDataComponents/BIMDataPaginatedList/BIMDataPaginatedList.vue";
-import BIMDataSimplePieChart from "@bimdata/design-system/src/BIMDataComponents/BIMDataSimplePieChart/BIMDataSimplePieChart.vue";
 
 export default {
-  components: {
-    BIMDataPaginatedList,
-    BIMDataSimplePieChart,
-  },
   props: {
     detailedExtensions: {
       type: Object,

package/src/components/bcf-topic-card/BcfTopicCard.vue

@@ -85,21 +85,11 @@ import { adjustTextColor } from "@bimdata/design-system/src/BIMDataComponents/BI
 import { computed, ref } from "vue";
 import { getPriorityColor, getStatusColor } from "../../utils/topic.js";
 // Components
-import BIMDataButton from "@bimdata/design-system/src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-import {
-  BIMDataIconInformation,
-  BIMDataIconModel3D,
-} from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/index.js";
-import BIMDataTextbox from "@bimdata/design-system/src/BIMDataComponents/BIMDataTextbox/BIMDataTextbox.vue";
 import BcfTopicDefaultImage from "./BcfTopicDefaultImage.vue";
 
 export default {
   components: {
     BcfTopicDefaultImage,
-    BIMDataButton,
-    BIMDataIconInformation,
-    BIMDataIconModel3D,
-    BIMDataTextbox,
   },
   props: {
     detailedExtensions: {

package/src/components/bcf-topic-creation-card/BcfTopicCreationCard.vue

@@ -20,15 +20,11 @@
 
 <script>
 // Components
-import BIMDataButton from "@bimdata/design-system/src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-import BIMDataIconPlus from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconPlus.vue";
 import BcfTopicCreationCardImage from "./BcfTopicCreationCardImage.vue";
 
 export default {
   components: {
     BcfTopicCreationCardImage,
-    BIMDataButton,
-    BIMDataIconPlus,
   },
   emits: ["create-topic"],
 };

package/src/components/bcf-topic-form/BcfTopicForm.vue

@@ -201,20 +201,6 @@ import { useService } from "../../service.js";
 import { getViewerList } from "../../utils/viewer.js";
 import { setViewpointDefaults } from "../../utils/viewpoints.js";
 // Components
-import BIMDataSafeZoneModal from "@bimdata/components/src/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue";
-import BIMDataButton from "@bimdata/design-system/src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-import BIMDataDatePicker from "@bimdata/design-system/src/BIMDataComponents/BIMDataDatePicker/BIMDataDatePicker.vue";
-import {
-  BIMDataIconArrow,
-  BIMDataIconClose,
-  BIMDataIconPlus,
-} from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/index.js";
-import BIMDataInput from "@bimdata/design-system/src/BIMDataComponents/BIMDataInput/BIMDataInput.vue";
-import BIMDataLoading from "@bimdata/design-system/src/BIMDataComponents/BIMDataLoading/BIMDataLoading.vue";
-import BIMDataSelect from "@bimdata/design-system/src/BIMDataComponents/BIMDataSelect/BIMDataSelect.vue";
-import BIMDataTextarea from "@bimdata/design-system/src/BIMDataComponents/BIMDataTextarea/BIMDataTextarea.vue";
-import BIMDataTextbox from "@bimdata/design-system/src/BIMDataComponents/BIMDataTextbox/BIMDataTextbox.vue";
-import BIMDataTooltip from "@bimdata/design-system/src/BIMDataComponents/BIMDataTooltip/BIMDataTooltip.vue";
 import BcfTopicImages from "./bcf-topic-images/BcfTopicImages.vue";
 import BcfTopicSnapshots from "./bcf-topic-snapshots/BcfTopicSnapshots.vue";
 import BcfTopicSnapshotsActions from "./bcf-topic-snapshots-actions/BcfTopicSnapshotsActions.vue";
@@ -224,18 +210,6 @@ export default {
     BcfTopicImages,
     BcfTopicSnapshots,
     BcfTopicSnapshotsActions,
-    BIMDataButton,
-    BIMDataDatePicker,
-    BIMDataIconArrow,
-    BIMDataIconClose,
-    BIMDataIconPlus,
-    BIMDataInput,
-    BIMDataLoading,
-    BIMDataSafeZoneModal,
-    BIMDataSelect,
-    BIMDataTextarea,
-    BIMDataTextbox,
-    BIMDataTooltip,
   },
   props: {
     uiConfig: {

package/src/components/bcf-topic-form/bcf-topic-images/BcfTopicImages.vue

@@ -67,21 +67,8 @@
 
 <script>
 import { isTabletOrMobile } from "../../../utils/browser.js";
-// Components
-import BIMDataButton from "@bimdata/design-system/src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-import {
-  BIMDataIconDelete,
-  BIMDataIconCamera,
-  BIMDataIconUnarchive,
-} from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/index.js";
 
 export default {
-  components: {
-    BIMDataButton,
-    BIMDataIconDelete,
-    BIMDataIconCamera,
-    BIMDataIconUnarchive,
-  },
   props: {
     viewpoints: {
       type: Array,

package/src/components/bcf-topic-form/bcf-topic-snapshots/BcfTopicSnapshots.vue

@@ -44,19 +44,10 @@
 
 <script>
 import BcfTopicSnapshotsActions from "../bcf-topic-snapshots-actions/BcfTopicSnapshotsActions.vue";
-// Components
-import BIMDataButton from "@bimdata/design-system/src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-import {
-  BIMDataIconDelete,
-  BIMDataIconCamera,
-} from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/index.js";
 
 export default {
   components: {
     BcfTopicSnapshotsActions,
-    BIMDataButton,
-    BIMDataIconDelete,
-    BIMDataIconCamera,
   },
   props: {
     viewpoints: {

package/src/components/bcf-topic-form/bcf-topic-snapshots-actions/BcfTopicSnapshotsActions.vue

@@ -53,7 +53,6 @@ export default {
   },
   emits: ["create-viewpoint", "upload-viewpoint"],
   setup(props) {
-
     // Computed filtering viewpoints on isUpload = false
     const snapshotedViewpoints = computed(() =>
       props.viewpoints.filter((viewpoint) => !viewpoint.isUpload)

package/src/components/bcf-topic-overview/BcfTopicOverview.vue

@@ -235,11 +235,6 @@ import { computed, onMounted, ref } from "vue";
 import { useService } from "../../service.js";
 import { getPriorityColor } from "../../utils/topic.js";
 // Components
-import BIMDataSafeZoneModal from "@bimdata/components/src/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue";
-import BIMDataButton from "@bimdata/design-system/src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-import {BIMDataIconArrow,BIMDataIconEdit, BIMDataIconDelete, BIMDataIconClose, BIMDataIconModel3D } from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/index.js";
-import BIMDataLoading from "@bimdata/design-system/src/BIMDataComponents/BIMDataLoading/BIMDataLoading.vue";
-import BIMDataTextbox from "@bimdata/design-system/src/BIMDataComponents/BIMDataTextbox/BIMDataTextbox.vue";
 import BcfTopicComments from "./bcf-topic-comments/BcfTopicComments.vue";
 import BcfTopicDefaultImage from "../bcf-topic-card/BcfTopicDefaultImage.vue";
 import BcfTopicViewpoints from "./bcf-topic-viewpoints/BcfTopicViewpoints.vue";
@@ -249,11 +244,6 @@ export default {
     BcfTopicComments,
     BcfTopicDefaultImage,
     BcfTopicViewpoints,
-    BIMDataButton,
-    BIMDataIconArrow,BIMDataIconEdit, BIMDataIconDelete, BIMDataIconClose, BIMDataIconModel3D,
-    BIMDataLoading,
-    BIMDataSafeZoneModal,
-    BIMDataTextbox,
   },
   props: {
     uiConfig: {

package/src/components/bcf-topic-overview/bcf-topic-comments/BcfTopicComments.vue

@@ -98,24 +98,10 @@ import { useService } from "../../../service.js";
 import { getViewerOptions, highlightViewer, unhighlightViewer } from "../../../utils/viewer.js";
 
 // Components
-import BIMDataButton from "@bimdata/design-system/src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-import BIMDataDropdownList from "@bimdata/design-system/src/BIMDataComponents/BIMDataDropdownList/BIMDataDropdownList.vue";
-import {
-  BIMDataIconCamera,
-  BIMDataIconDelete,
-} from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/index.js";
-import BIMDataLoading from "@bimdata/design-system/src/BIMDataComponents/BIMDataLoading/BIMDataLoading.vue";
-import BIMDataTextarea from "@bimdata/design-system/src/BIMDataComponents/BIMDataTextarea/BIMDataTextarea.vue";
 import TopicComment from "./topic-comment/TopicComment.vue";
 
 export default {
   components: {
-    BIMDataButton,
-    BIMDataDropdownList,
-    BIMDataIconCamera,
-    BIMDataIconDelete,
-    BIMDataLoading,
-    BIMDataTextarea,
     TopicComment,
   },
   props: {

package/src/components/bcf-topic-overview/bcf-topic-comments/topic-comment/TopicComment.vue

@@ -141,39 +141,11 @@ import { inject, onMounted, ref, onBeforeUnmount } from "vue";
 import { useService } from "../../../../service.js";
 import { getViewerOptions, highlightViewer, unhighlightViewer } from "../../../../utils/viewer.js";
 
-// Components
-import BIMDataButton from "@bimdata/design-system/src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-import {
-  BIMDataIconCamera,
-  BIMDataIconClose,
-  BIMDataIconDelete,
-  BIMDataIconEdit,
-  BIMDataIconEllipsis,
-  BIMDataIconUndo,
-  BIMDataIconUser,
-  BIMDataIconValidate,
-} from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/index.js";
-import BIMDataLoading from "@bimdata/design-system/src/BIMDataComponents/BIMDataLoading/BIMDataLoading.vue";
-import BIMDataTextarea from "@bimdata/design-system/src/BIMDataComponents/BIMDataTextarea/BIMDataTextarea.vue";
-import BIMDataTextbox from "@bimdata/design-system/src/BIMDataComponents/BIMDataTextbox/BIMDataTextbox.vue";
-
 // TODO: should be imported from DS
 import UserAvatar from "../../../user-avatar/UserAvatar.vue";
 
 export default {
   components: {
-    BIMDataButton,
-    BIMDataIconCamera,
-    BIMDataIconClose,
-    BIMDataIconDelete,
-    BIMDataIconEdit,
-    BIMDataIconEllipsis,
-    BIMDataIconUndo,
-    BIMDataIconUser,
-    BIMDataIconValidate,
-    BIMDataLoading,
-    BIMDataTextarea,
-    BIMDataTextbox,
     UserAvatar,
   },
   props: {

package/src/components/bcf-topic-overview/bcf-topic-viewpoints/BcfTopicViewpoints.vue

@@ -35,17 +35,11 @@ import { computed } from "vue";
 import { getStatusColor } from "../../../utils/topic.js";
 import { getViewpointConfig } from "../../../utils/viewpoints.js";
 // Components
-import BIMDataCarousel from "@bimdata/design-system/src/BIMDataComponents/BIMDataCarousel/BIMDataCarousel.vue";
-import BIMDataIconInformation from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconInformation.vue";
-import BIMDataIcon from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
 import BcfTopicDefaultImage from "../../bcf-topic-card/BcfTopicDefaultImage.vue";
 
 export default {
   components: {
     BcfTopicDefaultImage,
-    BIMDataCarousel,
-    BIMDataIcon,
-    BIMDataIconInformation,
   },
   props: {
     detailedExtensions: {

package/src/components/bcf-topics-table/BcfTopicsTable.vue

@@ -66,9 +66,6 @@
 import { computed } from "vue";
 import columnsDef from "./columns.js";
 // Components
-import BIMDataTable from "@bimdata/design-system/src/BIMDataComponents/BIMDataTable/BIMDataTable.vue";
-import BIMDataTextbox from "@bimdata/design-system/src/BIMDataComponents/BIMDataTextbox/BIMDataTextbox.vue";
-import BIMDataTooltip from "@bimdata/design-system/src/BIMDataComponents/BIMDataTooltip/BIMDataTooltip.vue";
 import BcfTopicActionsCell from "./bcf-topic-actions-cell/BcfTopicActionsCell.vue";
 import BcfTopicIndexCell from "./bcf-topic-index-cell/BcfTopicIndexCell.vue";
 import BcfTopicPriorityCell from "./bcf-topic-priority-cell/BcfTopicPriorityCell.vue";
@@ -83,9 +80,6 @@ export default {
     BcfTopicIndexCell,
     BcfTopicPriorityCell,
     BcfTopicStatusCell,
-    BIMDataTable,
-    BIMDataTextbox,
-    BIMDataTooltip,
     UserAvatar
   },
   props: {

package/src/components/bcf-topics-table/bcf-topic-actions-cell/BcfTopicActionsCell.vue

@@ -13,15 +13,7 @@
 </template>
 
 <script>
-// Components
-import BIMDataButton from "@bimdata/design-system/src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-import BIMDataIconShow from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconShow.vue";
-
 export default {
-  components: {
-    BIMDataButton,
-    BIMDataIconShow,
-  },
   props: {
     topic: {
       type: Object,

package/src/components/user-avatar/UserAvatar.vue

@@ -23,12 +23,7 @@
 <script>
 import { computed } from "vue";
 
-import BIMDataIconUser from "@bimdata/design-system/src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconUser.vue";
-
 export default {
-  components: {
-    BIMDataIconUser,
-  },
   props: {
     user: {
       type: Object,