@beterdichtbij/component-library 0.0.2 → 0.1.0

package/dist/components/atoms/BDAlert/BDAlert.vue.d.ts

@@ -6,18 +6,23 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
     variant: {
         type: __PropType<BOOTSTRAP_VARIANTS | undefined>;
         required: false;
         default: BOOTSTRAP_VARIANTS;
     };
-    title: {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    class: {
         type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    class: {
+    title: {
         type: __PropType<string | undefined>;
         required: false;
         default: string;
@@ -27,14 +32,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: BOOTSTRAP_VARIANTS;
     };
-    title: {
-        type: __PropType<string | undefined>;
-        required: false;
-        default: string;
-    };
 }>>, {
     class: string | undefined;
-    variant: BOOTSTRAP_VARIANTS | undefined;
     title: string | undefined;
+    variant: BOOTSTRAP_VARIANTS | undefined;
 }, {}>;
 export default _sfc_main;

package/dist/components/atoms/BDCard/BDCard.vue.d.ts

@@ -0,0 +1,94 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    class: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    noHeader: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    noBody: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    headerClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    bodyClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    id: {
+        type: __PropType<number | undefined>;
+        required: false;
+        default: number;
+    };
+    headerVariant: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    class: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    noHeader: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    noBody: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    headerClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    bodyClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    id: {
+        type: __PropType<number | undefined>;
+        required: false;
+        default: number;
+    };
+    headerVariant: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}>>, {
+    class: string | undefined;
+    title: string | undefined;
+    noHeader: boolean | undefined;
+    noBody: boolean | undefined;
+    headerClass: string | undefined;
+    bodyClass: string | undefined;
+    id: number | undefined;
+    headerVariant: string | undefined;
+}, {}>;
+export default _sfc_main;

package/dist/components/atoms/BDCard/BDCard.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BDCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDCard/BDCard.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8IAA8I,CAAC;AACrK,cAAc,8IAA8I,CAAC;AAC7J,eAAe,SAAS,CAAC"}

package/dist/components/atoms/icons/IconAttachment.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconAttachment.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/IconAttachment.vue"],"names":[],"mappings":";AAqBA,wBAA4E"}

package/dist/components/atoms/icons/IconCaretLeft.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/atoms/icons/IconCaretLeft.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconCaretLeft.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/IconCaretLeft.vue"],"names":[],"mappings":";AAqBA,wBAA4E"}

package/dist/components/atoms/icons/IconCaretRight.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/atoms/icons/IconCaretRight.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconCaretRight.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/IconCaretRight.vue"],"names":[],"mappings":";AAqBA,wBAA4E"}

package/dist/components/atoms/icons/IconCheck.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/atoms/icons/IconCheck.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconCheck.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/IconCheck.vue"],"names":[],"mappings":";AAqBA,wBAA4E"}

package/dist/components/atoms/icons/IconClose.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/atoms/icons/IconClose.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconClose.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/IconClose.vue"],"names":[],"mappings":";AAqBA,wBAA4E"}

package/dist/components/atoms/icons/IconError.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/atoms/icons/IconError.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconError.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/IconError.vue"],"names":[],"mappings":";AAqBA,wBAA4E"}

package/dist/components/atoms/icons/IconFile.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/atoms/icons/IconFile.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconFile.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/IconFile.vue"],"names":[],"mappings":";AA8BA,wBAA4E"}

package/dist/components/atoms/icons/IconInfo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/atoms/icons/IconInfo.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconInfo.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/IconInfo.vue"],"names":[],"mappings":";AAqBA,wBAA4E"}

package/dist/components/atoms/icons/IconRemove.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/atoms/icons/IconRemove.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconRemove.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/IconRemove.vue"],"names":[],"mappings":";AAqBA,wBAA4E"}

package/dist/components/atoms/icons/index.d.ts

@@ -0,0 +1,10 @@
+import IconCheck from "./IconCheck.vue";
+import IconError from "./IconError.vue";
+import IconAttachment from "./IconAttachment.vue";
+import IconInfo from "./IconInfo.vue";
+import IconRemove from "./IconRemove.vue";
+import IconFile from "./IconFile.vue";
+import IconCaretRight from "./IconCaretRight.vue";
+import IconCaretLeft from "./IconCaretLeft.vue";
+import IconClose from './IconClose.vue';
+export { IconAttachment, IconCheck, IconError, IconInfo, IconRemove, IconFile, IconCaretRight, IconCaretLeft, IconClose };

package/dist/components/organisms/BDDropdown/BDDropdown.vue.d.ts

@@ -1,13 +1,72 @@
 import type { PropType as __PropType } from 'vue';
+import { BOOTSTRAP_SIZES, BOOTSTRAP_VARIANTS } from "../../../enums/bootstrap";
 declare const _sfc_main: import("vue").DefineComponent<{
+    right: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    noFlip: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    toggleTag: {
+        type: __PropType<string>;
+        required: true;
+        default: string;
+    };
     text: {
         type: __PropType<string | undefined>;
         required: false;
     };
+    variant: {
+        type: __PropType<BOOTSTRAP_VARIANTS | undefined>;
+        required: false;
+        default: BOOTSTRAP_VARIANTS;
+    };
+    size: {
+        type: __PropType<BOOTSTRAP_SIZES | undefined>;
+        required: false;
+        default: BOOTSTRAP_SIZES;
+    };
+    offset: {
+        type: __PropType<string | [(number | undefined)?, (number | undefined)?] | undefined>;
+        required: false;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    right: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    noFlip: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    toggleTag: {
+        type: __PropType<string>;
+        required: true;
+        default: string;
+    };
     text: {
         type: __PropType<string | undefined>;
         required: false;
     };
-}>>, {}, {}>;
+    variant: {
+        type: __PropType<BOOTSTRAP_VARIANTS | undefined>;
+        required: false;
+        default: BOOTSTRAP_VARIANTS;
+    };
+    size: {
+        type: __PropType<BOOTSTRAP_SIZES | undefined>;
+        required: false;
+        default: BOOTSTRAP_SIZES;
+    };
+    offset: {
+        type: __PropType<string | [(number | undefined)?, (number | undefined)?] | undefined>;
+        required: false;
+    };
+}>>, {
+    toggleTag: string;
+    variant: BOOTSTRAP_VARIANTS | undefined;
+    size: BOOTSTRAP_SIZES | undefined;
+}, {}>;
 export default _sfc_main;

package/dist/types/BDAlert.d.ts

@@ -1,6 +1,5 @@
-import { BOOTSTRAP_VARIANTS } from "../enums/bootstrap";
-export interface props {
+import { props as BootstrapVariant } from "./BootstrapVariant";
+export interface props extends BootstrapVariant {
     class?: string;
-    variant?: BOOTSTRAP_VARIANTS;
     title?: string;
 }

package/dist/types/BDDropDown.d.ts

@@ -0,0 +1,9 @@
+import { props as BDTextType } from "./BDText";
+import { props as BootstrapVariant } from "./BootstrapVariant";
+import { bootstrapSize } from "./BootstrapSize";
+import { PopperOffset } from "./PopperOffset";
+export interface props extends BDTextType, BootstrapVariant, bootstrapSize, PopperOffset {
+    right?: boolean;
+    noFlip?: boolean;
+    toggleTag: string;
+}

package/dist/types/BDImage.d.ts

@@ -1,4 +1,4 @@
-import { BOOTSTRAP_SIZES } from "../enums/bootstrap.ts";
+import { BOOTSTRAP_SIZES } from "../enums/bootstrap";
 export interface ImageProps {
     src: string;
     alt?: string;

package/dist/types/BootstrapSize.d.ts

@@ -0,0 +1,4 @@
+import { BOOTSTRAP_SIZES } from '../enums/bootstrap';
+export interface bootstrapSize {
+    size?: BOOTSTRAP_SIZES;
+}

package/dist/types/BootstrapVariant.d.ts

@@ -0,0 +1,4 @@
+import { BOOTSTRAP_VARIANTS } from '../enums/bootstrap';
+export interface props {
+    variant?: BOOTSTRAP_VARIANTS;
+}

package/dist/types/PopperOffset.d.ts

@@ -0,0 +1,3 @@
+export interface PopperOffset {
+    offset?: [number?, number?] | string;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@beterdichtbij/component-library",
   "private": false,
-  "version": "0.0.2",
+  "version": "0.1.0",
   "author": "Ralph van der Neut <rvanderneut@beterdichtbij.nl>",
   "type": "module",
   "files": [
@@ -22,14 +22,20 @@
   "types": "./dist/main.d.ts",
   "scripts": {
     "dev": "vite",
-    "build": "vite build && vue-tsc --emitDeclarationOnly",
+    "build": "vite build",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
-    "build:lib": "vite build",
+    "install:publish" : "npm run audit:lib && npm install",
+    "build:lib": "tsc && vite build",
     "build:storybook": "storybook build",
+    "build:publish": "npm run install:publish && npm run test:ci && npm run build:lib && npm run build:storybook",
     "audit:lib": "npm audit --package-lock-only --audit-level=critical --include=prod --omit=dev",
-    "lint:js": "eslint src --ext .ts,.vue",
-    "vitest": "vitest --config vitest.config.ts"
+    "publish": "npm publish",
+    "publish:sb": "swa deploy --env production",
+    "publish:sb-prod": "swa deploy --config swa-cli-prod.config.json --env production",
+    "lint:js": "eslint src --ext .ts,.vue --fix",
+    "vitest": "vitest --config vitest.config.ts --coverage",
+    "test:ci": "vitest run --reporter=default --reporter=junit --outputFile=reports/junit.xml --coverage"
   },
   "keywords": [
     "vue",
@@ -41,23 +47,29 @@
   "peerDependencies": {
     "vue": "^3.2.47"
   },
+  "dependencies": {
+    "dropzone": "5.9.3",
+    "uid": "2.0.2"
+  },
   "devDependencies": {
+    "@azure/static-web-apps-cli": "1.1.4",
     "@fontsource/quicksand": "^5.0.2",
     "@fontsource/work-sans": "^5.0.2",
-    "@storybook/addon-essentials": "^7.5.0",
-    "@storybook/addon-interactions": "^7.5.0",
-    "@storybook/addon-links": "^7.5.0",
-    "@storybook/blocks": "^7.5.0",
+    "@storybook/addon-essentials": "^7.0.11",
+    "@storybook/addon-interactions": "^7.0.11",
+    "@storybook/addon-links": "^7.0.11",
+    "@storybook/blocks": "^7.0.11",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/vue3": "^7.5.0",
-    "@storybook/vue3-vite": "^7.5.0",
+    "@storybook/vue3": "^7.0.11",
+    "@storybook/vue3-vite": "^7.0.11",
+    "@types/dropzone": "5.7.6",
     "@typescript-eslint/eslint-plugin": "6.8.0",
     "@typescript-eslint/parser": "6.8.0",
     "@vitejs/plugin-vue": "^4.1.0",
+    "@vitest/coverage-v8": "0.32.0",
     "@vue/eslint-config-typescript": "12.0.0",
     "@vue/test-utils": "^2.3.2",
     "bootstrap": "^5.2.3",
-    "chromatic": "^6.17.4",
     "eslint": "8.51.0",
     "eslint-config-prettier": "9.0.0",
     "eslint-plugin-prettier": "5.0.1",
@@ -69,13 +81,11 @@
     "react-dom": "^18.2.0",
     "rollup-plugin-typescript2": "^0.34.1",
     "sass": "^1.62.1",
-    "storybook": "^7.5.0",
+    "storybook": "^7.0.11",
     "typescript": "^5.0.2",
     "vite": "^4.3.2",
     "vite-plugin-dts": "^2.3.0",
-    "vitest": "^0.31.0",
-    "vue": "^3.2.47",
-    "vue-eslint-parser": "9.3.2"
+    "vitest": "0.32.0"
   },
   "description": "Component library voor BeterDichtbij design system",
   "repository": {

package/dist/components/atoms/icons/icon-info.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-info.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/icon-info.vue"],"names":[],"mappings":";AAqBA,wBAA4E"}