@madgex/design-system 1.60.7 → 1.60.9
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/__tests__/unit/src/components/accordion.spec.js +16 -12
- package/coverage/cobertura-coverage.xml +58 -173
- package/coverage/components/accordion/accordion.js.html +63 -42
- package/coverage/components/accordion/index.html +15 -15
- package/coverage/components/inputs/combobox/combobox.js.html +1 -1
- package/coverage/components/inputs/combobox/index.html +1 -1
- package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html +1 -1
- package/coverage/components/inputs/combobox/vue-components/ListBoxOption.vue.html +1 -1
- package/coverage/components/inputs/combobox/vue-components/index.html +1 -1
- package/coverage/components/inputs/file-upload/file-upload.js.html +1 -1
- package/coverage/components/inputs/file-upload/index.html +1 -1
- package/coverage/components/inputs/textarea/character-count.js.html +1 -1
- package/coverage/components/inputs/textarea/index.html +1 -1
- package/coverage/components/modal/index.html +1 -1
- package/coverage/components/modal/modal.js.html +1 -1
- package/coverage/components/notification/index.html +1 -1
- package/coverage/components/notification/notification.js.html +1 -1
- package/coverage/components/popover/index.html +1 -1
- package/coverage/components/popover/popover.js.html +1 -1
- package/coverage/components/switch-state/index.html +1 -1
- package/coverage/components/switch-state/switch-state.js.html +1 -1
- package/coverage/components/tabs/index.html +1 -1
- package/coverage/components/tabs/tabs.js.html +1 -1
- package/coverage/index.html +17 -47
- package/coverage/js/common.js.html +1 -1
- package/coverage/js/fractal-scripts/combobox.js.html +1 -1
- package/coverage/js/fractal-scripts/index.html +1 -1
- package/coverage/js/fractal-scripts/notification.js.html +1 -1
- package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
- package/coverage/js/index-fractal.js.html +1 -1
- package/coverage/js/index-polyfills.js.html +1 -1
- package/coverage/js/index-vue.js.html +3 -6
- package/coverage/js/index.html +1 -1
- package/coverage/js/index.js.html +1 -1
- package/coverage/js/polyfills/arrayPrototypeFind.js.html +1 -1
- package/coverage/js/polyfills/closest.js.html +1 -1
- package/coverage/js/polyfills/index.html +1 -1
- package/coverage/js/polyfills/objectAssign.js.html +1 -1
- package/coverage/js/polyfills/remove.js.html +1 -1
- package/coverage/tokens/_config.js.html +1 -1
- package/coverage/tokens/index.html +1 -1
- package/dist/_tokens/css/_tokens.css +1 -1
- package/dist/_tokens/js/_tokens-module.js +1 -1
- package/dist/_tokens/scss/_tokens.scss +1 -1
- package/dist/assets/icons.json +1 -1
- package/dist/css/index.css +1 -1
- package/dist/js/index.js +5 -5
- package/package.json +1 -1
- package/src/components/{macro-index.njk → _macro-index.njk} +0 -1
- package/src/components/accordion/README.md +18 -7
- package/src/components/accordion/_template.njk +46 -52
- package/src/components/accordion/accordion.config.js +8 -8
- package/src/components/accordion/accordion.js +39 -32
- package/src/components/accordion/accordion.njk +2 -1
- package/src/components/accordion/accordion.scss +15 -15
- package/src/components/inputs/_form-elements.scss +60 -19
- package/src/components/inputs/checkbox/README.md +3 -1
- package/src/components/inputs/checkbox/_template.njk +81 -18
- package/src/components/inputs/checkbox/checkbox.config.js +206 -1
- package/src/components/inputs/checkbox/checkbox.njk +5 -1
- package/src/components/inputs/label/_template.njk +39 -29
- package/src/components/popover/popover.scss +1 -0
- package/src/js/index-vue.js +1 -2
- package/src/layout/forms/forms.config.js +20 -20
- package/src/layout/forms/forms.njk +11 -12
- package/src/scss/components/__index.scss +0 -1
- package/tasks/createMacroIndex.js +1 -1
- package/__tests__/unit/src/components/multiselect.spec.js +0 -91
- package/coverage/components/inputs/multi-select/index.html +0 -110
- package/coverage/components/inputs/multi-select/multi-select.js.html +0 -175
- package/coverage/components/inputs/multi-select/vue-components/MultiSelect.vue.html +0 -229
- package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue.html +0 -349
- package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue.html +0 -274
- package/coverage/components/inputs/multi-select/vue-components/index.html +0 -140
- package/cypress/integration/components/multi-select.spec.js +0 -9
- package/src/components/inputs/multi-select/README.md +0 -18
- package/src/components/inputs/multi-select/_macro.njk +0 -3
- package/src/components/inputs/multi-select/_template.njk +0 -57
- package/src/components/inputs/multi-select/multi-select.config.js +0 -178
- package/src/components/inputs/multi-select/multi-select.js +0 -32
- package/src/components/inputs/multi-select/multi-select.njk +0 -16
- package/src/components/inputs/multi-select/multi-select.scss +0 -39
- package/src/components/inputs/multi-select/vue-components/MultiSelect.vue +0 -50
- package/src/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue +0 -90
- package/src/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue +0 -65
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div
|
|
3
|
-
v-if="options"
|
|
4
|
-
class="mds-multiselect__checkbox-group"
|
|
5
|
-
:class="{ 'mds-multiselect__checkbox-group--nested': nested }"
|
|
6
|
-
v-show="isExpanded"
|
|
7
|
-
:data-multiselect-id="`${testId}-group`"
|
|
8
|
-
>
|
|
9
|
-
<MultiSelectCheckbox
|
|
10
|
-
v-slot:children="slotProps"
|
|
11
|
-
v-for="option in options"
|
|
12
|
-
:key="option.id"
|
|
13
|
-
:id="option.id"
|
|
14
|
-
:name="option.name"
|
|
15
|
-
:value="option.value"
|
|
16
|
-
:label="option.label"
|
|
17
|
-
:checked="option.checked"
|
|
18
|
-
:hasChildren="option.children && !!option.children.length"
|
|
19
|
-
>
|
|
20
|
-
<MultiSelectCheckboxGroup
|
|
21
|
-
v-if="option.children && !!option.children.length"
|
|
22
|
-
:name="name"
|
|
23
|
-
:testId="`${name}-${option.id}`"
|
|
24
|
-
:options="option.children"
|
|
25
|
-
:nested="true"
|
|
26
|
-
:isExpanded="slotProps.expanded"
|
|
27
|
-
:childOf="option.id"
|
|
28
|
-
:ref="`${option.id}-group`"
|
|
29
|
-
/>
|
|
30
|
-
</MultiSelectCheckbox>
|
|
31
|
-
</div>
|
|
32
|
-
</template>
|
|
33
|
-
|
|
34
|
-
<script>
|
|
35
|
-
import MultiSelectCheckbox from './MultiSelectCheckbox.vue';
|
|
36
|
-
|
|
37
|
-
export default {
|
|
38
|
-
name: 'MultiSelectCheckboxGroup',
|
|
39
|
-
components: {
|
|
40
|
-
MultiSelectCheckbox,
|
|
41
|
-
},
|
|
42
|
-
props: {
|
|
43
|
-
isExpanded: {
|
|
44
|
-
type: Boolean,
|
|
45
|
-
default: true,
|
|
46
|
-
},
|
|
47
|
-
options: {
|
|
48
|
-
type: Array,
|
|
49
|
-
default: () => [],
|
|
50
|
-
},
|
|
51
|
-
name: {
|
|
52
|
-
type: String,
|
|
53
|
-
default: '',
|
|
54
|
-
},
|
|
55
|
-
nested: {
|
|
56
|
-
type: Boolean,
|
|
57
|
-
default: false,
|
|
58
|
-
},
|
|
59
|
-
testId: {
|
|
60
|
-
type: String,
|
|
61
|
-
required: true,
|
|
62
|
-
},
|
|
63
|
-
},
|
|
64
|
-
};
|
|
65
|
-
</script>
|