@beterdichtbij/component-library 0.1.11 → 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bd-component-lib.cjs.js +127 -1
- package/dist/bd-component-lib.css +3 -4
- package/dist/bd-component-lib.es.js +22140 -297
- package/dist/bd-component-lib.umd.js +131 -6
- package/dist/components/atoms/BDAlert/BDAlert.vue.d.ts +1 -1
- package/dist/components/atoms/BDBadge/BDBadge.vue.d.ts +18 -0
- package/dist/components/atoms/BDBadge/BDBadge.vue.d.ts.map +1 -0
- package/dist/components/atoms/BDButton/BDButton.vue.d.ts +76 -18
- package/dist/components/atoms/BDForm/BDForm.vue.d.ts +23 -0
- package/dist/components/atoms/BDForm/BDForm.vue.d.ts.map +1 -0
- package/dist/components/atoms/BDFormInput/BDFormInput.vue.d.ts +157 -0
- package/dist/components/atoms/BDFormInput/BDFormInput.vue.d.ts.map +1 -0
- package/dist/components/atoms/BDFormInvalidFeedback/BDFormInvalidFeedback.vue.d.ts +29 -0
- package/dist/components/atoms/BDFormInvalidFeedback/BDFormInvalidFeedback.vue.d.ts.map +1 -0
- package/dist/components/atoms/BDFormSelect/BDFormSelect.vue.d.ts +65 -0
- package/dist/components/atoms/BDFormSelect/BDFormSelect.vue.d.ts.map +1 -0
- package/dist/components/atoms/BDInputGroup/BDInputGroup.vue.d.ts +2 -0
- package/dist/components/atoms/BDInputGroup/BDInputGroup.vue.d.ts.map +1 -0
- package/dist/components/atoms/BDPagination/BDPagination.vue.d.ts +63 -0
- package/dist/components/atoms/BDPagination/BDPagination.vue.d.ts.map +1 -0
- package/dist/components/atoms/icons/IconBold.vue.d.ts +2 -0
- package/dist/components/atoms/icons/IconBold.vue.d.ts.map +1 -0
- package/dist/components/atoms/icons/IconBulletList.vue.d.ts +2 -0
- package/dist/components/atoms/icons/IconBulletList.vue.d.ts.map +1 -0
- package/dist/components/atoms/icons/IconClose.vue.d.ts +2 -0
- package/dist/components/atoms/icons/IconClose.vue.d.ts.map +1 -0
- package/dist/components/atoms/icons/IconHyperlink.vue.d.ts +2 -0
- package/dist/components/atoms/icons/IconHyperlink.vue.d.ts.map +1 -0
- package/dist/components/atoms/icons/IconItalic.vue.d.ts +2 -0
- package/dist/components/atoms/icons/IconItalic.vue.d.ts.map +1 -0
- package/dist/components/atoms/icons/IconOrderedList.vue.d.ts +2 -0
- package/dist/components/atoms/icons/IconOrderedList.vue.d.ts.map +1 -0
- package/dist/components/atoms/icons/IconUnderline.vue.d.ts +2 -0
- package/dist/components/atoms/icons/IconUnderline.vue.d.ts.map +1 -0
- package/dist/components/atoms/icons/index.d.ts +8 -1
- package/dist/components/molecules/BDDropzone/BDDropzone.vue.d.ts +72 -0
- package/dist/components/molecules/BDDropzone/BDDropzone.vue.d.ts.map +1 -0
- package/dist/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue.d.ts +52 -0
- package/dist/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue.d.ts.map +1 -0
- package/dist/components/organisms/BDDropdown/BDDropdown.vue.d.ts +1 -1
- package/dist/components/organisms/BDModal/BDModal.vue.d.ts +36 -0
- package/dist/components/organisms/BDModal/BDModal.vue.d.ts.map +1 -0
- package/dist/composables/uniqueIdentifier.d.ts +3 -0
- package/dist/enums/tiptapVariants.d.ts +4 -0
- package/dist/enums/variants.d.ts +12 -0
- package/dist/index.d.ts +21 -0
- package/dist/types/BDButton.d.ts +8 -0
- package/dist/types/BDDropzone.d.ts +11 -0
- package/dist/types/BDFormInput.d.ts +18 -0
- package/dist/types/BDFormSelect.d.ts +10 -0
- package/dist/types/BDMarkdownEditor.d.ts +8 -0
- package/dist/types/BDModal.d.ts +5 -0
- package/dist/types/BDOption.d.ts +4 -0
- package/dist/types/ModelValue.d.ts +3 -0
- package/dist/types/ValidationState.d.ts +3 -0
- package/dist/utils/tiptap/ExtendedLink.d.ts +2 -0
- package/package.json +28 -5
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { PropType as __PropType } from 'vue';
|
|
2
|
+
import { TIPTAP_VARIANTS } from '../../../enums/tiptapVariants';
|
|
3
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
4
|
+
placeholder: {
|
|
5
|
+
type: __PropType<string | undefined>;
|
|
6
|
+
required: false;
|
|
7
|
+
};
|
|
8
|
+
errorText: {
|
|
9
|
+
type: __PropType<string | undefined>;
|
|
10
|
+
required: false;
|
|
11
|
+
};
|
|
12
|
+
state: {
|
|
13
|
+
type: __PropType<boolean | undefined>;
|
|
14
|
+
required: false;
|
|
15
|
+
};
|
|
16
|
+
variant: {
|
|
17
|
+
type: __PropType<TIPTAP_VARIANTS>;
|
|
18
|
+
required: true;
|
|
19
|
+
default: TIPTAP_VARIANTS;
|
|
20
|
+
};
|
|
21
|
+
modelValue: {
|
|
22
|
+
type: __PropType<string>;
|
|
23
|
+
required: true;
|
|
24
|
+
};
|
|
25
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
26
|
+
placeholder: {
|
|
27
|
+
type: __PropType<string | undefined>;
|
|
28
|
+
required: false;
|
|
29
|
+
};
|
|
30
|
+
errorText: {
|
|
31
|
+
type: __PropType<string | undefined>;
|
|
32
|
+
required: false;
|
|
33
|
+
};
|
|
34
|
+
state: {
|
|
35
|
+
type: __PropType<boolean | undefined>;
|
|
36
|
+
required: false;
|
|
37
|
+
};
|
|
38
|
+
variant: {
|
|
39
|
+
type: __PropType<TIPTAP_VARIANTS>;
|
|
40
|
+
required: true;
|
|
41
|
+
default: TIPTAP_VARIANTS;
|
|
42
|
+
};
|
|
43
|
+
modelValue: {
|
|
44
|
+
type: __PropType<string>;
|
|
45
|
+
required: true;
|
|
46
|
+
};
|
|
47
|
+
}>> & {
|
|
48
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
49
|
+
}, {
|
|
50
|
+
variant: TIPTAP_VARIANTS;
|
|
51
|
+
}, {}>;
|
|
52
|
+
export default _sfc_main;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BDMarkdownEditor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,uHAAuH,CAAC;AAC9I,cAAc,uHAAuH,CAAC;AACtI,eAAe,SAAS,CAAC"}
|
|
@@ -65,8 +65,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
65
65
|
required: false;
|
|
66
66
|
};
|
|
67
67
|
}>>, {
|
|
68
|
-
toggleTag: string;
|
|
69
68
|
variant: BOOTSTRAP_VARIANTS | undefined;
|
|
70
69
|
size: BOOTSTRAP_SIZES | undefined;
|
|
70
|
+
toggleTag: string;
|
|
71
71
|
}, {}>;
|
|
72
72
|
export default _sfc_main;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import type { PropType as __PropType } from 'vue';
|
|
2
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
3
|
+
title: {
|
|
4
|
+
type: __PropType<string | undefined>;
|
|
5
|
+
required: false;
|
|
6
|
+
};
|
|
7
|
+
submitButtonTitle: {
|
|
8
|
+
type: __PropType<string | undefined>;
|
|
9
|
+
required: false;
|
|
10
|
+
default: string;
|
|
11
|
+
};
|
|
12
|
+
hideFooterCancelButton: {
|
|
13
|
+
type: __PropType<boolean>;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "cancel")[], "submit" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
17
|
+
title: {
|
|
18
|
+
type: __PropType<string | undefined>;
|
|
19
|
+
required: false;
|
|
20
|
+
};
|
|
21
|
+
submitButtonTitle: {
|
|
22
|
+
type: __PropType<string | undefined>;
|
|
23
|
+
required: false;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
hideFooterCancelButton: {
|
|
27
|
+
type: __PropType<boolean>;
|
|
28
|
+
required: true;
|
|
29
|
+
};
|
|
30
|
+
}>> & {
|
|
31
|
+
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
32
|
+
onCancel?: ((...args: any[]) => any) | undefined;
|
|
33
|
+
}, {
|
|
34
|
+
submitButtonTitle: string | undefined;
|
|
35
|
+
}, {}>;
|
|
36
|
+
export default _sfc_main;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BDModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BDModal/BDModal.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,qGAAqG,CAAC;AAC5H,cAAc,qGAAqG,CAAC;AACpH,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare enum BTN_VARIANTS {
|
|
2
|
+
PRIMARY = "primary",
|
|
3
|
+
SECONDARY = "secondary",
|
|
4
|
+
COLLEAGUE = "colleague",
|
|
5
|
+
DANGER = "danger",
|
|
6
|
+
OUT_PRIMARY = "outline-primary",
|
|
7
|
+
OUT_PRIMARY_DARK = "outline-primary-dark",
|
|
8
|
+
OUT_TERTIARY = "outline-tertiary",
|
|
9
|
+
OUT_LINK = "link",
|
|
10
|
+
LIGHT = "light",
|
|
11
|
+
DARK = "dark"
|
|
12
|
+
}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import BDButton from "./components/atoms/BDButton/BDButton.vue";
|
|
2
|
+
import BDLogo from "./components/atoms/BDLogo/BDLogo.vue";
|
|
3
|
+
import BDLink from "./components/atoms/BDLink/BDLink.vue";
|
|
4
|
+
import BDAlert from "./components/atoms/BDAlert/BDAlert.vue";
|
|
5
|
+
import BDProfileImage from "./components/atoms/BDProfileImage/BDProfileImage.vue";
|
|
6
|
+
import BDZoomslider from "./components/atoms/BDZoomslider/BDZoomslider.vue";
|
|
7
|
+
import BDCard from "./components/atoms/BDCard/BDCard.vue";
|
|
8
|
+
import BDFormInput from "./components/atoms/BDFormInput/BDFormInput.vue";
|
|
9
|
+
import BDInputGroup from "./components/atoms/BDInputGroup/BDInputGroup.vue";
|
|
10
|
+
import BDFormInvalidFeedback from "./components/atoms/BDFormInvalidFeedback/BDFormInvalidFeedback.vue";
|
|
11
|
+
import BDBadge from "./components/atoms/BDBadge/BDBadge.vue";
|
|
12
|
+
import BDForm from "./components/atoms/BDForm/BDForm.vue";
|
|
13
|
+
import BDPagination from "./components/atoms/BDPagination/BDPagination.vue";
|
|
14
|
+
import BDFormSelect from "./components/atoms/BDFormSelect/BDFormSelect.vue";
|
|
15
|
+
import BDDropdownItem from "./components/molecules/BDDropdownItem/BDDropdownItem.vue";
|
|
16
|
+
import BDDropzone from "./components/molecules/BDDropzone/BDDropzone.vue";
|
|
17
|
+
import BDMarkdownEditor from "./components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue";
|
|
18
|
+
import BDDropdown from "./components/organisms/BDDropdown/BDDropdown.vue";
|
|
19
|
+
import BDHeader from "./components/organisms/BDHeader/BDHeader.vue";
|
|
20
|
+
import BDModal from "./components/organisms/BDModal/BDModal.vue";
|
|
21
|
+
export { BDButton, BDLogo, BDLink, BDDropdownItem, BDDropdown, BDHeader, BDAlert, BDProfileImage, BDZoomslider, BDCard, BDModal, BDFormInput, BDFormInvalidFeedback, BDInputGroup, BDBadge, BDForm, BDPagination, BDDropzone, BDMarkdownEditor, BDFormSelect };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { bootstrapSize } from "./BootstrapSize";
|
|
2
|
+
import { BTN_VARIANTS } from '../enums/variants';
|
|
3
|
+
import { props as linkProps } from "./BDLink";
|
|
4
|
+
export interface props extends bootstrapSize, linkProps {
|
|
5
|
+
variant?: BTN_VARIANTS;
|
|
6
|
+
blockElement?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { DropzoneFile } from "dropzone";
|
|
2
|
+
export interface BDDropzoneProps {
|
|
3
|
+
modelValue: DropzoneFile[];
|
|
4
|
+
buttonText?: string;
|
|
5
|
+
multiple: boolean;
|
|
6
|
+
errorMessage?: string;
|
|
7
|
+
fileSizeExceededMessage?: string;
|
|
8
|
+
acceptedFiles: string;
|
|
9
|
+
url: string;
|
|
10
|
+
tag?: "form" | "div";
|
|
11
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface props {
|
|
2
|
+
modelValue?: string;
|
|
3
|
+
formGroupClass?: string;
|
|
4
|
+
type: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
labelClass?: string;
|
|
7
|
+
formFieldClass?: string;
|
|
8
|
+
inputClass?: string;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
state?: boolean | null;
|
|
11
|
+
readonly?: boolean | null;
|
|
12
|
+
disabled?: boolean | null;
|
|
13
|
+
autofocus?: boolean | null;
|
|
14
|
+
size?: string;
|
|
15
|
+
tabindex?: number | null;
|
|
16
|
+
invalidFeedbackClass?: string;
|
|
17
|
+
invalidFeedbackText?: string;
|
|
18
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ModelValueString } from "./ModelValue";
|
|
2
|
+
import { ValidationState } from './ValidationState';
|
|
3
|
+
import { BDOption } from "./BDOption";
|
|
4
|
+
import { BOOTSTRAP_SIZES } from '../enums/bootstrap';
|
|
5
|
+
export interface BDFormSelectProps extends ModelValueString, ValidationState {
|
|
6
|
+
size?: BOOTSTRAP_SIZES.SM | BOOTSTRAP_SIZES.MD | BOOTSTRAP_SIZES.LG;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
autofocus?: boolean;
|
|
9
|
+
options?: BDOption[];
|
|
10
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ModelValueString } from "./ModelValue";
|
|
2
|
+
import { TIPTAP_VARIANTS } from '../enums/tiptapVariants';
|
|
3
|
+
export interface BDMarkdownEditorProps extends ModelValueString {
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
errorText?: string;
|
|
6
|
+
state?: boolean;
|
|
7
|
+
variant: TIPTAP_VARIANTS;
|
|
8
|
+
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@beterdichtbij/component-library",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.1
|
|
4
|
+
"version": "0.5.1",
|
|
5
5
|
"author": "Ralph van der Neut <rvanderneut@beterdichtbij.nl>",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"files": [
|
|
@@ -11,8 +11,15 @@
|
|
|
11
11
|
"module": "./dist/bd-component-lib.es.js",
|
|
12
12
|
"exports": {
|
|
13
13
|
".": {
|
|
14
|
-
"import":
|
|
15
|
-
|
|
14
|
+
"import": {
|
|
15
|
+
"types": "./dist/index.d.ts",
|
|
16
|
+
"default": "./dist/bd-component-lib.es.js"
|
|
17
|
+
},
|
|
18
|
+
"require":
|
|
19
|
+
{
|
|
20
|
+
"types": "./dist/index.d.ts",
|
|
21
|
+
"default": "./dist/bd-component-lib.umd.js"
|
|
22
|
+
}
|
|
16
23
|
},
|
|
17
24
|
"./dist/bd-component-lib.css": {
|
|
18
25
|
"import": "./dist/bd-component-lib.css",
|
|
@@ -25,7 +32,7 @@
|
|
|
25
32
|
"build": "vite build",
|
|
26
33
|
"preview": "vite preview",
|
|
27
34
|
"storybook": "storybook dev -p 6006",
|
|
28
|
-
"install:publish"
|
|
35
|
+
"install:publish": "npm run audit:lib && npm install",
|
|
29
36
|
"build:lib": "tsc && vite build",
|
|
30
37
|
"build:storybook": "storybook build",
|
|
31
38
|
"build:publish": "npm run install:publish && npm run test:ci && npm run build:lib && npm run build:storybook",
|
|
@@ -47,6 +54,21 @@
|
|
|
47
54
|
"vue": "^3.2.47"
|
|
48
55
|
},
|
|
49
56
|
"dependencies": {
|
|
57
|
+
"@tiptap/extension-bold": "2.1.12",
|
|
58
|
+
"@tiptap/extension-bullet-list": "2.1.12",
|
|
59
|
+
"@tiptap/extension-document": "2.1.12",
|
|
60
|
+
"@tiptap/extension-hard-break": "2.1.12",
|
|
61
|
+
"@tiptap/extension-italic": "2.1.12",
|
|
62
|
+
"@tiptap/extension-link": "2.1.12",
|
|
63
|
+
"@tiptap/extension-list-item": "2.1.12",
|
|
64
|
+
"@tiptap/extension-ordered-list": "2.1.12",
|
|
65
|
+
"@tiptap/extension-paragraph": "2.1.12",
|
|
66
|
+
"@tiptap/extension-placeholder": "2.1.12",
|
|
67
|
+
"@tiptap/extension-text": "2.1.12",
|
|
68
|
+
"@tiptap/extension-underline": "2.1.12",
|
|
69
|
+
"@tiptap/pm": "2.1.12",
|
|
70
|
+
"@tiptap/vue-3": "2.1.12",
|
|
71
|
+
"@vueuse/core": "10.6.1",
|
|
50
72
|
"dropzone": "5.9.3",
|
|
51
73
|
"uid": "2.0.2"
|
|
52
74
|
},
|
|
@@ -54,6 +76,7 @@
|
|
|
54
76
|
"@azure/static-web-apps-cli": "1.1.4",
|
|
55
77
|
"@fontsource/quicksand": "^5.0.2",
|
|
56
78
|
"@fontsource/work-sans": "^5.0.2",
|
|
79
|
+
"@storybook/addon-a11y": "7.5.3",
|
|
57
80
|
"@storybook/addon-essentials": "^7.0.11",
|
|
58
81
|
"@storybook/addon-interactions": "^7.0.11",
|
|
59
82
|
"@storybook/addon-links": "^7.0.11",
|
|
@@ -68,7 +91,7 @@
|
|
|
68
91
|
"@vitest/coverage-v8": "0.32.0",
|
|
69
92
|
"@vue/eslint-config-typescript": "12.0.0",
|
|
70
93
|
"@vue/test-utils": "^2.3.2",
|
|
71
|
-
"bootstrap": "
|
|
94
|
+
"bootstrap": "5.3.0",
|
|
72
95
|
"eslint": "8.51.0",
|
|
73
96
|
"eslint-config-prettier": "9.0.0",
|
|
74
97
|
"eslint-plugin-prettier": "5.0.1",
|