MINOR: Feature/date picker component (#230)

* create BIMDataPicker component

* add BIMDataDatePicker to export config

* create DatePicker documentation

* add BIMDataDatePicker component

* add double prev and next icon for day view

* change placeholder DatePicker component documentation

* add terser() for all bundle components for vue3

* add datepicker icon for documentation

* add possibility to click on datepicker label

components.js

@@ -4,6 +4,7 @@ export { default as BIMDataCard } from "./dist/js/BIMDataComponents/BIMDataCard.
 export { default as BIMDataCarousel } from "./dist/js/BIMDataComponents/BIMDataCarousel.js";
 export { default as BIMDataCheckbox } from "./dist/js/BIMDataComponents/BIMDataCheckbox.js";
 export { default as BIMDataColorSelector } from "./dist/js/BIMDataComponents/BIMDataColorSelector.js";
+export { default as BIMDataDatePicker } from "./dist/js/BIMDataComponents/BIMDataDatePicker.js";
 export { default as BIMDataDropdownList } from "./dist/js/BIMDataComponents/BIMDataDropdownList.js";
 export { default as BIMDataDropdownMenu } from "./dist/js/BIMDataComponents/BIMDataDropdownMenu.js";
 export { default as BIMDataFileIcon } from "./dist/js/BIMDataComponents/BIMDataFileIcon.js";

rollup.config.js

@@ -27,6 +27,7 @@ function getDirectivesConfiguration() {
         dir: "dist/js/BIMDataDirectives",
         format: "es",
       },
+      external: ["vue"],
     },
     {
       // vue3
@@ -36,10 +37,12 @@ function getDirectivesConfiguration() {
         dir: "dist/js/BIMDataDirectives/vue3",
         format: "es",
       },
+      external: ["vue"],
     },
   ];
 }
 
+// build ALL COMPONENTS
 function getAllComponentsBundleConfiguration() {
   return [
     {
@@ -49,6 +52,7 @@ function getAllComponentsBundleConfiguration() {
         dir: "dist/js/BIMDataComponents",
         format: "es",
       },
+      external: ["vue"],
       plugins: [
         replace({
           "~@/assets": "node_modules/@bimdata/design-system/dist",
@@ -105,11 +109,12 @@ function getAllComponentsBundleConfiguration() {
         dir: "dist/js/BIMDataComponents/vue3",
         format: "es",
       },
+      external: ["vue"],
       plugins: [
         alias({
           entries: [
             {
-              find: /BIMDataDirectives\//,
+              find: /BIMDataDirectives\/(?!vue3\/)/,
               replacement: "BIMDataDirectives/vue3/",
             },
           ],
@@ -131,6 +136,7 @@ function getAllComponentsBundleConfiguration() {
   ];
 }
 
+// build SMART COMPONENTS
 function getSingleSmartComponentConfigurations() {
   const componentNames = ["BIMDataFileManager"];
 
@@ -144,6 +150,7 @@ function getSingleSmartComponentConfigurations() {
         file: `dist/js/BIMDataSmartComponents/${componentName}.js`,
         format: "esm",
       },
+      external: ["vue"],
       plugins: [
         replace({
           "~@/assets": "node_modules/@bimdata/design-system/dist",
@@ -170,6 +177,7 @@ function getSingleComponentConfigurations() {
     "BIMDataCarousel",
     "BIMDataCheckbox",
     "BIMDataColorSelector",
+    "BIMDataDatePicker",
     "BIMDataDropdownList",
     "BIMDataDropdownMenu",
     "BIMDataFileIcon",
@@ -207,6 +215,7 @@ function getSingleComponentConfigurations() {
         file: `dist/js/BIMDataComponents/${componentName}.js`,
         format: "esm",
       },
+      external: ["vue"],
       plugins: [
         replace({
           "~@/assets": "node_modules/@bimdata/design-system/dist",
@@ -227,11 +236,12 @@ function getSingleComponentConfigurations() {
         file: `dist/js/BIMDataComponents/vue3/${componentName}.js`,
         format: "esm",
       },
+      external: ["vue"],
       plugins: [
         alias({
           entries: [
             {
-              find: /BIMDataDirectives\//,
+              find: /BIMDataDirectives\/(?!vue3\/)/,
               replacement: "BIMDataDirectives/vue3/",
             },
           ],