@knime/kds-components 0.5.0 → 0.5.2
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/Button/types.d.ts +3 -0
- package/dist/Button/types.d.ts.map +1 -1
- package/dist/Modal/KdsDynamicModalProvider.vue.d.ts.map +1 -1
- package/dist/Modal/KdsModal.vue.d.ts +7 -5
- package/dist/Modal/KdsModal.vue.d.ts.map +1 -1
- package/dist/Modal/KdsModalLayout.vue.d.ts +6 -1
- package/dist/Modal/KdsModalLayout.vue.d.ts.map +1 -1
- package/dist/Modal/constants.d.ts +17 -1
- package/dist/Modal/constants.d.ts.map +1 -1
- package/dist/Modal/types.d.ts +16 -4
- package/dist/Modal/types.d.ts.map +1 -1
- package/dist/Modal/useKdsDynamicModal.d.ts +36 -34
- package/dist/Modal/useKdsDynamicModal.d.ts.map +1 -1
- package/dist/index.css +67 -69
- package/dist/index.js +106 -40
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/Button/types.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ export type KdsToggleButtonVariant = (typeof kdsToggleButtonVariants)[number];
|
|
|
9
9
|
type CommonProps = {
|
|
10
10
|
size?: KdsSize;
|
|
11
11
|
disabled?: boolean;
|
|
12
|
+
title?: string;
|
|
12
13
|
};
|
|
13
14
|
/**
|
|
14
15
|
* Helper types
|
|
@@ -17,11 +18,13 @@ type LabelAndIcons = {
|
|
|
17
18
|
label: string;
|
|
18
19
|
leadingIcon?: IconName;
|
|
19
20
|
trailingIcon?: IconName;
|
|
21
|
+
ariaLabel?: never;
|
|
20
22
|
};
|
|
21
23
|
type LeadingIconOnly = {
|
|
22
24
|
label?: never;
|
|
23
25
|
leadingIcon: IconName;
|
|
24
26
|
trailingIcon?: never;
|
|
27
|
+
ariaLabel: string;
|
|
25
28
|
};
|
|
26
29
|
/**
|
|
27
30
|
* Composable button types
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE9E,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAClE,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9E;;GAEG;AACH,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE9E,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAClE,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9E;;GAEG;AACH,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,EAAE,QAAQ,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,KAAK,WAAW,CAAC,QAAQ,IAAI;IAC3B,OAAO,EAAE,QAAQ,CAAC;CACnB,CAAC;AAEF,KAAK,iBAAiB,GAAG,aAAa,GAAG,eAAe,CAAC;AAEzD,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACjE;;OAEG;IACH,GAAG,CAAC,EACA,UAAU,GACV,YAAY,GACZ,UAAU,GACV,WAAW,GACX,KAAK,GACL,MAAM,GACN,IAAI,CAAC;CACV,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,WAAW,CAAC,gBAAgB,CAAC,GAC7B,iBAAiB,GACjB,eAAe,GACf,WAAW,CAAC;AAEd;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,OAAO,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,GACtC,iBAAiB,GACjB,eAAe,CAAC;AAElB,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAC1C,OAAO,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,GACtC,iBAAiB,GACjB,eAAe,GACf,oBAAoB,GACpB,2BAA2B,CAAC;AAE9B,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAC5C,OAAO,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,GAC5C,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsDynamicModalProvider.vue.d.ts","sourceRoot":"","sources":["../../src/Modal/KdsDynamicModalProvider.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"KdsDynamicModalProvider.vue.d.ts","sourceRoot":"","sources":["../../src/Modal/KdsDynamicModalProvider.vue"],"names":[],"mappings":";AAqXA,wBAMG"}
|
|
@@ -5,8 +5,9 @@ declare function __VLS_template(): {
|
|
|
5
5
|
default?(_: {
|
|
6
6
|
title: string;
|
|
7
7
|
icon: "ai-general" | "annotation-mode" | "arrow-down" | "arrow-up" | "arrows-expand" | "arrows-move" | "arrows-order" | "back" | "bold" | "calendar" | "case-sensitive" | "center-aligned" | "checkmark" | "chevron-down" | "chevron-left-double" | "chevron-left" | "chevron-right-double" | "chevron-right" | "chevron-up" | "circle-error" | "circle-info" | "circle-question" | "circle-success" | "cloud-download" | "cloud-knime" | "cloud-upload" | "cloud-workflow" | "code-block" | "color-picker" | "comment" | "component" | "connection" | "copy" | "cursor" | "data-app" | "data-value-view" | "date-time" | "db-database" | "db-schema" | "db-table-view" | "db-table" | "deploy" | "detect" | "divider" | "duration" | "edit" | "education" | "error-panel" | "execute-all" | "execute" | "expand-panel" | "extension-community" | "extension" | "external-link" | "eye" | "file-export" | "file-text" | "file" | "filter" | "flow-variable-default" | "flow-variable-in-out" | "flow-variable-in" | "flow-variable-out" | "folder-plus" | "folder-workflow" | "folder" | "forum" | "function-catalog" | "home" | "import" | "info" | "interval" | "italic" | "layout-editor" | "left-aligned" | "like" | "limit" | "link" | "linked-metanode" | "list-bulletpoint" | "list-number" | "list-thumbs" | "list" | "local-filesystem" | "lock" | "metanode" | "mini-map" | "minimize-dialog" | "minus" | "more-actions" | "node-stack" | "nodes-align-horiz" | "nodes-align-vert" | "open-in-new-window" | "pan-mode" | "parameter" | "pending-changes" | "placeholder" | "plus" | "quote" | "re-execution" | "redo" | "regex" | "reload" | "rename" | "replace" | "reset-all" | "resume-execution" | "right-aligned" | "rocket" | "save-as" | "save" | "schedule" | "search" | "selected-cancel" | "selected-execution" | "selected-reset" | "send" | "server-rack-workflow" | "settings" | "share" | "shortcuts" | "sort-ascending" | "sort-descending" | "space-local" | "space-private" | "space" | "stepwise-execution" | "strikethrough" | "text" | "textstyles" | "thumbs-down" | "thumbs-up" | "time" | "to-bottom" | "to-top" | "trash" | "trigger" | "underline" | "undo" | "unlink" | "user" | "view-cards" | "warning" | "workflow" | "x-close";
|
|
8
|
-
variant: "
|
|
9
|
-
|
|
8
|
+
variant: "padded" | "plain";
|
|
9
|
+
overflow: "auto" | "hidden" | "visible";
|
|
10
|
+
onClose: (event?: Event) => void;
|
|
10
11
|
}): any;
|
|
11
12
|
body?(_: {}): any;
|
|
12
13
|
footer?(_: {}): any;
|
|
@@ -18,15 +19,16 @@ declare function __VLS_template(): {
|
|
|
18
19
|
};
|
|
19
20
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
21
|
declare const __VLS_component: import('vue').DefineComponent<KdsModalProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
21
|
-
close: (event
|
|
22
|
+
close: (event?: Event | undefined) => any;
|
|
22
23
|
closed: () => any;
|
|
23
24
|
}, string, import('vue').PublicProps, Readonly<KdsModalProps> & Readonly<{
|
|
24
|
-
onClose?: ((event
|
|
25
|
+
onClose?: ((event?: Event | undefined) => any) | undefined;
|
|
25
26
|
onClosed?: (() => any) | undefined;
|
|
26
27
|
}>, {
|
|
27
28
|
title: string;
|
|
28
|
-
variant: "
|
|
29
|
+
variant: "padded" | "plain";
|
|
29
30
|
icon: import('packages/styles/dist/img/icons/def').IconName;
|
|
31
|
+
overflow: "hidden" | "auto" | "visible";
|
|
30
32
|
width: "small" | "medium" | "large" | "xlarge" | "full";
|
|
31
33
|
height: "full" | "auto";
|
|
32
34
|
active: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsModal.vue.d.ts","sourceRoot":"","sources":["../../src/Modal/KdsModal.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KdsModal.vue.d.ts","sourceRoot":"","sources":["../../src/Modal/KdsModal.vue"],"names":[],"mappings":"AAuOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA+D7C,iBAAS,cAAc;WA4FT,OAAO,IAA6B;;;;;;;8BA5IzB,KAAK;YA+HD,GAAG;sBACN,GAAG;wBACD,GAAG;;;;;;EAgB9B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -9,7 +9,12 @@ declare function __VLS_template(): {
|
|
|
9
9
|
rootEl: any;
|
|
10
10
|
};
|
|
11
11
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
12
|
-
declare const __VLS_component: import('vue').DefineComponent<KdsModalLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsModalLayoutProps> & Readonly<{}>, {
|
|
12
|
+
declare const __VLS_component: import('vue').DefineComponent<KdsModalLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsModalLayoutProps> & Readonly<{}>, {
|
|
13
|
+
title: string;
|
|
14
|
+
variant: "padded" | "plain";
|
|
15
|
+
icon: import('packages/styles/dist/img/icons/def').IconName;
|
|
16
|
+
overflow: "hidden" | "auto" | "visible";
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
18
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
14
19
|
export default _default;
|
|
15
20
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsModalLayout.vue.d.ts","sourceRoot":"","sources":["../../src/Modal/KdsModalLayout.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KdsModalLayout.vue.d.ts","sourceRoot":"","sources":["../../src/Modal/KdsModalLayout.vue"],"names":[],"mappings":"AAoFA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAYnD,iBAAS,cAAc;WAmFT,OAAO,IAA6B;;sBAXvB,GAAG;wBACD,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
export declare const closedByOptions: readonly ["any", "closerequest", "none"];
|
|
2
2
|
export declare const widthSizes: readonly ["small", "medium", "large", "xlarge", "full"];
|
|
3
3
|
export declare const heightSizes: readonly ["auto", "full"];
|
|
4
|
-
export declare const modalVariants: readonly ["
|
|
4
|
+
export declare const modalVariants: readonly ["padded", "plain"];
|
|
5
|
+
export declare const modalLayoutPropsDefault: {
|
|
6
|
+
readonly title: "";
|
|
7
|
+
readonly variant: "padded";
|
|
8
|
+
readonly overflow: "auto";
|
|
9
|
+
readonly icon: undefined;
|
|
10
|
+
};
|
|
11
|
+
export declare const modalPropsDefault: {
|
|
12
|
+
readonly title: "";
|
|
13
|
+
readonly variant: "padded";
|
|
14
|
+
readonly overflow: "auto";
|
|
15
|
+
readonly icon: undefined;
|
|
16
|
+
readonly active: false;
|
|
17
|
+
readonly height: "auto";
|
|
18
|
+
readonly width: "medium";
|
|
19
|
+
readonly closedby: "closerequest";
|
|
20
|
+
};
|
|
5
21
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/Modal/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,0CAA2C,CAAC;AACxE,eAAO,MAAM,UAAU,yDAMb,CAAC;AACX,eAAO,MAAM,WAAW,2BAA4B,CAAC;AACrD,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/Modal/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,0CAA2C,CAAC;AACxE,eAAO,MAAM,UAAU,yDAMb,CAAC;AACX,eAAO,MAAM,WAAW,2BAA4B,CAAC;AACrD,eAAO,MAAM,aAAa,8BAA+B,CAAC;AAC1D,eAAO,MAAM,uBAAuB;;;;;CAK1B,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;;;;;CAMpB,CAAC"}
|
package/dist/Modal/types.d.ts
CHANGED
|
@@ -19,9 +19,11 @@ export type KdsModalProps = {
|
|
|
19
19
|
icon?: KdsIconName;
|
|
20
20
|
title?: string;
|
|
21
21
|
/**
|
|
22
|
-
* `
|
|
22
|
+
* `padded` adds gap and padding to the content
|
|
23
23
|
*
|
|
24
|
-
* `plain` no
|
|
24
|
+
* `plain` no padding
|
|
25
|
+
*
|
|
26
|
+
* @default padded
|
|
25
27
|
*/
|
|
26
28
|
variant?: ModalVariants;
|
|
27
29
|
/**
|
|
@@ -30,21 +32,31 @@ export type KdsModalProps = {
|
|
|
30
32
|
* - large: 45 × 16 = 720px
|
|
31
33
|
* - xlarge: 61 × 16 = 976px
|
|
32
34
|
* - full: all available space (with some spacing)
|
|
35
|
+
*
|
|
36
|
+
* @default medium
|
|
33
37
|
*/
|
|
34
38
|
width?: WidthSizes;
|
|
35
39
|
/**
|
|
36
40
|
* `full` take all space
|
|
37
41
|
*
|
|
38
42
|
* `auto` modal is growing with the content
|
|
43
|
+
*
|
|
44
|
+
* @default auto
|
|
39
45
|
*/
|
|
40
46
|
height?: HeightSizes;
|
|
41
47
|
/** Whether the modal is visible or not */
|
|
42
48
|
active?: boolean;
|
|
43
49
|
/** https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#closedby */
|
|
44
50
|
closedby?: ClosedByOptionsType;
|
|
51
|
+
/**
|
|
52
|
+
* Overflow of the dialog and the body.
|
|
53
|
+
*
|
|
54
|
+
* @default auto
|
|
55
|
+
*/
|
|
56
|
+
overflow?: "hidden" | "auto" | "visible";
|
|
45
57
|
};
|
|
46
|
-
export type KdsModalLayoutProps = Pick<KdsModalProps, "title" | "variant" | "icon"> & {
|
|
47
|
-
onClose: (event
|
|
58
|
+
export type KdsModalLayoutProps = Pick<KdsModalProps, "title" | "variant" | "icon" | "overflow"> & {
|
|
59
|
+
onClose: (event?: Event) => void;
|
|
48
60
|
};
|
|
49
61
|
export {};
|
|
50
62
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACb,UAAU,EACX,MAAM,aAAa,CAAC;AAErB;;;;;;GAMG;AACH,KAAK,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9C,KAAK,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAChD,KAAK,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,KAAK,mBAAmB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACb,UAAU,EACX,MAAM,aAAa,CAAC;AAErB;;;;;;GAMG;AACH,KAAK,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9C,KAAK,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAChD,KAAK,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,KAAK,mBAAmB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,aAAa,EACb,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAC1C,GAAG;IAAE,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CAAC"}
|
|
@@ -21,24 +21,7 @@ type CancellationButton = CommonButtonProps & {
|
|
|
21
21
|
}) => void;
|
|
22
22
|
};
|
|
23
23
|
export type ConfirmModalButton = ConfirmationButton | CancellationButton;
|
|
24
|
-
type CommonConfig =
|
|
25
|
-
/**
|
|
26
|
-
* Modal title
|
|
27
|
-
*/
|
|
28
|
-
title: string;
|
|
29
|
-
/**
|
|
30
|
-
* Icon shown in the title bar of the modal. Defaults to no icon used
|
|
31
|
-
*/
|
|
32
|
-
icon?: KdsModalProps["icon"];
|
|
33
|
-
/**
|
|
34
|
-
* If the modal gets closed by user actions:
|
|
35
|
-
* closerequest: pressing the "Esc" key (or equivalent on mobile) dismisses the modal.
|
|
36
|
-
* any: the above and also clicking outside of the modal
|
|
37
|
-
*
|
|
38
|
-
* Defaults to 'closerequest'
|
|
39
|
-
*/
|
|
40
|
-
closedby?: KdsModalProps["closedby"];
|
|
41
|
-
};
|
|
24
|
+
type CommonConfig = Omit<KdsModalProps, "active">;
|
|
42
25
|
type PropertyBasedConfirmModalConfig = CommonConfig & {
|
|
43
26
|
/**
|
|
44
27
|
* The message displayed in the modal body
|
|
@@ -71,16 +54,21 @@ type TemplateBasedConfirmModalConfig = CommonConfig & {
|
|
|
71
54
|
buttons?: Array<ConfirmModalButton>;
|
|
72
55
|
};
|
|
73
56
|
export type KdsDynamicDialogConfirmConfig = PropertyBasedConfirmModalConfig | TemplateBasedConfirmModalConfig;
|
|
57
|
+
type UpdateConfigType = Partial<Omit<KdsDynamicModalTemplateConfig, "component" | "context">>;
|
|
74
58
|
/**
|
|
75
59
|
* Define a props api which dynamic template components can optionally
|
|
76
60
|
* define to get access to the configuration the dynamic modal was called with
|
|
77
61
|
*/
|
|
78
|
-
export type KdsDynamicModalPropsAPI = KdsModalLayoutProps
|
|
79
|
-
|
|
80
|
-
|
|
62
|
+
export type KdsDynamicModalPropsAPI<T = any> = KdsModalLayoutProps & {
|
|
63
|
+
context: T;
|
|
64
|
+
updateConfig: (config: UpdateConfigType) => void;
|
|
65
|
+
};
|
|
66
|
+
type DynamicModalComponent<T> = abstract new (...args: unknown[]) => {
|
|
67
|
+
$props: KdsDynamicModalPropsAPI<T>;
|
|
81
68
|
};
|
|
82
|
-
export type KdsDynamicModalTemplateConfig = CommonConfig & {
|
|
83
|
-
component: DynamicModalComponent | FunctionalComponent<KdsDynamicModalPropsAPI
|
|
69
|
+
export type KdsDynamicModalTemplateConfig<T = any> = CommonConfig & {
|
|
70
|
+
component: DynamicModalComponent<T> | FunctionalComponent<KdsDynamicModalPropsAPI<T>>;
|
|
71
|
+
context?: T;
|
|
84
72
|
};
|
|
85
73
|
type ConfirmResult = {
|
|
86
74
|
confirmed: boolean;
|
|
@@ -91,19 +79,24 @@ export declare const internal: {
|
|
|
91
79
|
close: () => void;
|
|
92
80
|
isTemplateBasedConfirm: (config: KdsDynamicDialogConfirmConfig) => config is TemplateBasedConfirmModalConfig;
|
|
93
81
|
onClosed: () => void;
|
|
82
|
+
updateConfig: (config: UpdateConfigType) => void;
|
|
94
83
|
};
|
|
95
84
|
export declare const useKdsDynamicModal: () => {
|
|
96
85
|
askConfirmation: {
|
|
97
86
|
(config: PropertyBasedConfirmModalConfig): Promise<ConfirmResult>;
|
|
98
87
|
(config: TemplateBasedConfirmModalConfig): Promise<ConfirmResult>;
|
|
99
88
|
};
|
|
100
|
-
showByTemplate: (config: KdsDynamicModalTemplateConfig) => Promise<void>;
|
|
89
|
+
showByTemplate: <T>(config: KdsDynamicModalTemplateConfig<T>) => Promise<void>;
|
|
101
90
|
config: import('vue').ComputedRef<{
|
|
102
91
|
type: "confirm";
|
|
103
92
|
value: {
|
|
104
|
-
title
|
|
105
|
-
|
|
106
|
-
|
|
93
|
+
title?: string | undefined;
|
|
94
|
+
variant?: ("padded" | "plain") | undefined;
|
|
95
|
+
icon?: import('packages/styles/dist/img/icons/def').IconName | undefined;
|
|
96
|
+
overflow?: "hidden" | "auto" | "visible" | undefined;
|
|
97
|
+
width?: ("small" | "medium" | "large" | "xlarge" | "full") | undefined;
|
|
98
|
+
height?: ("full" | "auto") | undefined;
|
|
99
|
+
closedby?: ("any" | "closerequest" | "none") | undefined;
|
|
107
100
|
message: string;
|
|
108
101
|
doNotAskAgain?: {
|
|
109
102
|
label: string;
|
|
@@ -132,9 +125,13 @@ export declare const useKdsDynamicModal: () => {
|
|
|
132
125
|
}) => void) | undefined;
|
|
133
126
|
})[] | undefined;
|
|
134
127
|
} | {
|
|
135
|
-
title
|
|
136
|
-
|
|
137
|
-
|
|
128
|
+
title?: string | undefined;
|
|
129
|
+
variant?: ("padded" | "plain") | undefined;
|
|
130
|
+
icon?: import('packages/styles/dist/img/icons/def').IconName | undefined;
|
|
131
|
+
overflow?: "hidden" | "auto" | "visible" | undefined;
|
|
132
|
+
width?: ("small" | "medium" | "large" | "xlarge" | "full") | undefined;
|
|
133
|
+
height?: ("full" | "auto") | undefined;
|
|
134
|
+
closedby?: ("any" | "closerequest" | "none") | undefined;
|
|
138
135
|
component: FunctionalComponent | ComponentPublicInstance | VNode;
|
|
139
136
|
buttons?: ({
|
|
140
137
|
label: string;
|
|
@@ -161,10 +158,15 @@ export declare const useKdsDynamicModal: () => {
|
|
|
161
158
|
} | {
|
|
162
159
|
type: "dynamic";
|
|
163
160
|
value: {
|
|
164
|
-
title
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
161
|
+
title?: string | undefined;
|
|
162
|
+
variant?: ("padded" | "plain") | undefined;
|
|
163
|
+
icon?: import('packages/styles/dist/img/icons/def').IconName | undefined;
|
|
164
|
+
overflow?: "hidden" | "auto" | "visible" | undefined;
|
|
165
|
+
width?: ("small" | "medium" | "large" | "xlarge" | "full") | undefined;
|
|
166
|
+
height?: ("full" | "auto") | undefined;
|
|
167
|
+
closedby?: ("any" | "closerequest" | "none") | undefined;
|
|
168
|
+
component: DynamicModalComponent<any> | FunctionalComponent<KdsDynamicModalPropsAPI<any>, {}, any, {}>;
|
|
169
|
+
context?: any;
|
|
168
170
|
};
|
|
169
171
|
} | null>;
|
|
170
172
|
isActive: import('vue').ComputedRef<boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useKdsDynamicModal.d.ts","sourceRoot":"","sources":["../../src/Modal/useKdsDynamicModal.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,KAAK,EAGX,MAAM,KAAK,CAAC;AAIb,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAElE,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,kBAAkB,GAAG,iBAAiB,GAAG;IAC5C,IAAI,EAAE,SAAS,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,KAAK,kBAAkB,GAAG,iBAAiB,GAAG;IAC5C,IAAI,EAAE,QAAQ,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAEzE,KAAK,YAAY,GAAG
|
|
1
|
+
{"version":3,"file":"useKdsDynamicModal.d.ts","sourceRoot":"","sources":["../../src/Modal/useKdsDynamicModal.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,KAAK,EAGX,MAAM,KAAK,CAAC;AAIb,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAElE,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,kBAAkB,GAAG,iBAAiB,GAAG;IAC5C,IAAI,EAAE,SAAS,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,KAAK,kBAAkB,GAAG,iBAAiB,GAAG;IAC5C,IAAI,EAAE,QAAQ,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAEzE,KAAK,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;AAElD,KAAK,+BAA+B,GAAG,YAAY,GAAG;IACpD;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,aAAa,CAAC,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IAEF;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;CACrC,CAAC;AAEF,KAAK,+BAA+B,GAAG,YAAY,GAAG;IACpD;;OAEG;IACH,SAAS,EAAE,mBAAmB,GAAG,uBAAuB,GAAG,KAAK,CAAC;IAEjE;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,6BAA6B,GACrC,+BAA+B,GAC/B,+BAA+B,CAAC;AAEpC,KAAK,gBAAgB,GAAG,OAAO,CAC7B,IAAI,CAAC,6BAA6B,EAAE,WAAW,GAAG,SAAS,CAAC,CAC7D,CAAC;AAEF;;;GAGG;AAEH,MAAM,MAAM,uBAAuB,CAAC,CAAC,GAAG,GAAG,IAAI,mBAAmB,GAAG;IACnE,OAAO,EAAE,CAAC,CAAC;IACX,YAAY,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAClD,CAAC;AACF,KAAK,qBAAqB,CAAC,CAAC,IAAI,QAAQ,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK;IACnE,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC;CACpC,CAAC;AAGF,MAAM,MAAM,6BAA6B,CAAC,CAAC,GAAG,GAAG,IAAI,YAAY,GAAG;IAClE,SAAS,EACL,qBAAqB,CAAC,CAAC,CAAC,GACxB,mBAAmB,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,CAAC;CACb,CAAC;AAYF,KAAK,aAAa,GAAG;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAkErE,eAAO,MAAM,QAAQ;;;qCArBX,6BAA6B,KACpC,MAAM,IAAI,+BAA+B;;2BAId,gBAAgB;CAsB7C,CAAC;AAEF,eAAO,MAAM,kBAAkB;;iBAGnB,+BAA+B,GACtC,OAAO,CAAC,aAAa,CAAC;iBAIf,+BAA+B,GACtC,OAAO,CAAC,aAAa,CAAC;;qBAiBD,CAAC,UACf,6BAA6B,CAAC,CAAC,CAAC,KACvC,OAAO,CAAC,IAAI,CAAC;;cAlGN,SAAS;;;;;;;;;qBA1EV,MAAM;;uBAQN,MAAM;wBACL,MAAM;6BACD,MAAM;;;uBAnCd,MAAM;4BACD,OAAO;8BACL,OAAO;;4BAET,OAAO;sBAIb,SAAS;iCACC,CAAC,OAAO,EAAE;oBAAE,OAAO,EAAE,MAAM,IAAI,CAAA;iBAAE,KAAK,IAAI;;uBATnD,MAAM;4BACD,OAAO;8BACL,OAAO;;4BAET,OAAO;sBASb,QAAQ;iCACE,CAAC,OAAO,EAAE;oBAAE,MAAM,EAAE,MAAM,IAAI,CAAA;iBAAE,KAAK,IAAI;;;;;;;;;;uBAkC9C,mBAAmB,GAAG,uBAAuB,GAAG,KAAK;;uBAhDzD,MAAM;4BACD,OAAO;8BACL,OAAO;;4BAET,OAAO;sBAIb,SAAS;iCACC,CAAC,OAAO,EAAE;oBAAE,OAAO,EAAE,MAAM,IAAI,CAAA;iBAAE,KAAK,IAAI;;uBATnD,MAAM;4BACD,OAAO;8BACL,OAAO;;4BAET,OAAO;sBASb,QAAQ;iCACE,CAAC,OAAO,EAAE;oBAAE,MAAM,EAAE,MAAM,IAAI,CAAA;iBAAE,KAAK,IAAI;;;;cAsF/C,SAAS;;;;;;;;;;;;;;;CAkHpB,CAAC"}
|