@gitlab/ui 38.7.0 → 38.8.0
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/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [38.8.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v38.7.0...v38.8.0) (2022-04-08)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **GlFilteredSearch:** Allow to pass token dynamically ([ec35908](https://gitlab.com/gitlab-org/gitlab-ui/commit/ec359089f6ae9167c886037bf1b755b13b25d3fb))
|
|
7
|
+
|
|
1
8
|
# [38.7.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v38.6.0...v38.7.0) (2022-04-08)
|
|
2
9
|
|
|
3
10
|
|
package/package.json
CHANGED
|
@@ -25,7 +25,7 @@ const generateTemplate = ({ props = {}, slots = {} } = {}) => {
|
|
|
25
25
|
:action-primary="{text: 'Okay'}"
|
|
26
26
|
:action-secondary="{text: 'Discard Changes'}"
|
|
27
27
|
:action-cancel="{text: 'Cancel'}"
|
|
28
|
-
:visible="
|
|
28
|
+
:visible="$options.viewMode !== 'docs'"
|
|
29
29
|
:scrollable="scrollable"
|
|
30
30
|
modal-id="test-modal-id"
|
|
31
31
|
title="Example title"
|
|
@@ -42,18 +42,18 @@ const generateTemplate = ({ props = {}, slots = {} } = {}) => {
|
|
|
42
42
|
`;
|
|
43
43
|
};
|
|
44
44
|
|
|
45
|
-
const Template = (args, { argTypes }) => ({
|
|
45
|
+
const Template = (args, { argTypes, viewMode }) => ({
|
|
46
46
|
components: { GlModal, GlButton },
|
|
47
47
|
directives: { GlModalDirective },
|
|
48
48
|
props: Object.keys(argTypes),
|
|
49
49
|
template: generateTemplate(),
|
|
50
|
+
viewMode,
|
|
50
51
|
});
|
|
51
52
|
|
|
52
53
|
const generateProps = ({
|
|
53
54
|
variant = variantOptionsWithNoDefault.default,
|
|
54
55
|
contentPagraphs = 1,
|
|
55
56
|
scrollable = false,
|
|
56
|
-
visible = false,
|
|
57
57
|
} = {}) => ({
|
|
58
58
|
headerBgVariant: variant,
|
|
59
59
|
headerBorderVariant: variant,
|
|
@@ -65,23 +65,18 @@ const generateProps = ({
|
|
|
65
65
|
footerTextVariant: variant,
|
|
66
66
|
contentParagraphs: contentPagraphs,
|
|
67
67
|
scrollable,
|
|
68
|
-
visible,
|
|
69
68
|
});
|
|
70
69
|
|
|
71
70
|
export const Default = Template.bind({});
|
|
72
71
|
Default.args = generateProps();
|
|
73
72
|
|
|
74
|
-
export const OpenedModal = Template.bind({});
|
|
75
|
-
OpenedModal.args = generateProps({ visible: true });
|
|
76
|
-
|
|
77
73
|
export const WithScrollingContent = Template.bind({});
|
|
78
74
|
WithScrollingContent.args = generateProps({
|
|
79
75
|
contentPagraphs: 100,
|
|
80
76
|
scrollable: true,
|
|
81
|
-
visible: true,
|
|
82
77
|
});
|
|
83
78
|
|
|
84
|
-
export const WithAHeader = (args, { argTypes }) => ({
|
|
79
|
+
export const WithAHeader = (args, { argTypes, viewMode }) => ({
|
|
85
80
|
components: { GlModal, GlButton },
|
|
86
81
|
directives: { GlModalDirective },
|
|
87
82
|
props: Object.keys(argTypes),
|
|
@@ -90,18 +85,20 @@ export const WithAHeader = (args, { argTypes }) => ({
|
|
|
90
85
|
'modal-header': '<h4>A custom header</h4>',
|
|
91
86
|
},
|
|
92
87
|
}),
|
|
88
|
+
viewMode,
|
|
93
89
|
});
|
|
94
|
-
WithAHeader.args = generateProps(
|
|
90
|
+
WithAHeader.args = generateProps();
|
|
95
91
|
|
|
96
|
-
export const WithoutAFooter = (args, { argTypes }) => ({
|
|
92
|
+
export const WithoutAFooter = (args, { argTypes, viewMode }) => ({
|
|
97
93
|
components: { GlModal, GlButton },
|
|
98
94
|
directives: { GlModalDirective },
|
|
99
95
|
props: Object.keys(argTypes),
|
|
100
96
|
template: generateTemplate({
|
|
101
97
|
props: { 'hide-footer': true },
|
|
102
98
|
}),
|
|
99
|
+
viewMode,
|
|
103
100
|
});
|
|
104
|
-
WithoutAFooter.args = generateProps(
|
|
101
|
+
WithoutAFooter.args = generateProps();
|
|
105
102
|
|
|
106
103
|
export default {
|
|
107
104
|
title: 'base/modal',
|