@avakhula/ui 0.0.222 → 0.0.225

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.
Files changed (8) hide show
  1. package/dist/index.js +25 -19
  2. package/dist/index.umd.cjs +2 -2
  3. package/dist/style.css +1 -1
  4. package/package.json +1 -1
  5. package/src/App.vue +22 -118
  6. package/src/components/Sorting/Sorting.vue +5 -0
  7. package/src/components/SplitButton/SplitButton.stories.js +1 -1
  8. package/src/components/Tabs/Tabs.vue +11 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@avakhula/ui",
3
- "version": "0.0.222",
3
+ "version": "0.0.225",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.umd.cjs",
6
6
  "source": "src/index.js",
package/src/App.vue CHANGED
@@ -1,131 +1,35 @@
1
1
  <template>
2
- <ib-select :options="opt"/>
2
+ <ib-tabs>
3
3
 
4
- </template>
4
+ <ib-tab v-for="availableType in availableTypes" id="my-profile" title="My profile">
5
+ <p>My profile content</p>
6
+ </ib-tab>
5
7
 
6
- <script>
7
- import IbSelect from "./components/TreeSelect/Select.vue";
8
- const testData1 = [
9
- {
10
- id: "1",
11
- title: "A Education",
12
- is_category: true,
13
- initiallyVisible: true,
14
- visible: true,
15
- isDisabled: false,
16
- checked: true,
17
- isChildrenVisible: true,
18
- },
19
- {
20
- id: "2",
21
- title: "Education 2",
22
- is_category: true,
23
- initiallyVisible: true,
24
- visible: true,
25
- isDisabled: false,
26
- checked: false,
27
- isChildrenVisible: true,
28
- },
29
- {
30
- id: "3",
31
- title: "Education 3",
32
- is_category: true,
33
- initiallyVisible: true,
34
- visible: true,
35
- isDisabled: false,
36
- checked: false,
37
- isChildrenVisible: true,
38
- },
39
- {
40
- id: "4",
41
- title: "Education 4",
42
- is_category: true,
43
- initiallyVisible: true,
44
- visible: true,
45
- isDisabled: false,
46
- checked: false,
47
- isChildrenVisible: true,
48
- },
49
- {
50
- id: "5",
51
- title: "Education 5",
52
- is_category: true,
53
- initiallyVisible: true,
54
- visible: true,
55
- isDisabled: false,
56
- checked: false,
57
- isChildrenVisible: true,
58
- },
59
8
 
60
- {
61
- id: "6",
62
- title: "Education 6",
63
- is_category: true,
64
- initiallyVisible: true,
65
- visible: true,
66
- isDisabled: false,
67
- checked: false,
68
- isChildrenVisible: true,
69
- },
70
9
 
71
- {
72
- id: "7",
73
- title: "Education 7",
74
- is_category: true,
75
- initiallyVisible: true,
76
- visible: true,
77
- isDisabled: false,
78
- checked: false,
79
- isChildrenVisible: true,
80
- },
10
+ <ib-tab
11
+ id="account-settings"
12
+ title="Account settings"
13
+ >
14
+ <p>Account settings content</p>
15
+ </ib-tab>
16
+
17
+ </ib-tabs>
18
+ </template>
19
+
20
+ <script>
21
+ import IbTabs from "./components/Tabs/Tabs.vue"
22
+ import IbTab from "./components/Tabs/Tab.vue"
81
23
 
82
- {
83
- id: "8",
84
- title: "Education 8",
85
- is_category: true,
86
- initiallyVisible: true,
87
- visible: true,
88
- isDisabled: false,
89
- checked: false,
90
- isChildrenVisible: true,
91
- },
92
- {
93
- id: "9",
94
- title: "Education 9",
95
- is_category: true,
96
- initiallyVisible: true,
97
- visible: true,
98
- isDisabled: false,
99
- checked: false,
100
- isChildrenVisible: true,
101
- },
102
- {
103
- id: "10",
104
- title: "Education 10",
105
- is_category: true,
106
- initiallyVisible: true,
107
- visible: true,
108
- isDisabled: false,
109
- checked: false,
110
- isChildrenVisible: true,
111
- },
112
- {
113
- id: "11",
114
- title: "Education 11",
115
- is_category: true,
116
- initiallyVisible: true,
117
- visible: true,
118
- isDisabled: false,
119
- checked: false,
120
- isChildrenVisible: true,
121
- },
122
- ];
123
24
  export default {
124
25
  data() {
125
26
  return {
126
- opt: testData1,
27
+ availableTypes: [1,2,3,4]
127
28
  }
128
29
  },
129
- components: {IbSelect}
30
+ components: {
31
+ IbTabs,
32
+ IbTab
33
+ }
130
34
  }
131
35
  </script>
package/src/components/Sorting/Sorting.vue CHANGED
@@ -34,6 +34,7 @@
34
34
  </div>
35
35
 
36
36
  <ib-icon-button
37
+ v-if="!hideSortingButton"
37
38
  v-tooltip="tooltipIconText"
38
39
  kind="white"
39
40
  size="s"
@@ -74,6 +75,10 @@ export default {
74
75
  type: String,
75
76
  default: ''
76
77
  },
78
+ hideSortingButton: {
79
+ type: Boolean,
80
+ default: false,
81
+ },
77
82
  tooltipText: {
78
83
  type: String,
79
84
  },
package/src/components/SplitButton/SplitButton.stories.js CHANGED
@@ -26,7 +26,7 @@ const Template = (args) => ({
26
26
  },
27
27
  template: `
28
28
  <ib-split-button v-bind="args">
29
- <ib-split-button-item href="#">Button 1</ib-split-button-item>
29
+ <ib-split-button-item>Button 1</ib-split-button-item>
30
30
  <ib-split-button-item>Button 2</ib-split-button-item>
31
31
  <ib-split-button-item>Button 3</ib-split-button-item>
32
32
  <ib-split-button-item href="#">Link 4</ib-split-button-item>
package/src/components/Tabs/Tabs.vue CHANGED
@@ -43,7 +43,16 @@ export default {
43
43
  };
44
44
  },
45
45
  created() {
46
- this.$slots.default().forEach((item) => {
46
+ const slotItems = [];
47
+ this.$slots.default().forEach(item => {
48
+ if (item.type === Symbol.for('v-fgt')) {
49
+ return slotItems.push(...item.children);
50
+ }
51
+
52
+ return slotItems.push(item);
53
+ });
54
+
55
+ slotItems.forEach((item) => {
47
56
  if (!item.props.name) {
48
57
  this.tabs.push(item.props);
49
58
  } else {
@@ -75,6 +84,7 @@ export default {
75
84
  }
76
85
  }
77
86
  }
87
+
78
88
  },
79
89
  methods: {
80
90
  createHref(id) {