@citizenplane/pimp 9.0.0 → 9.1.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/dist/pimp.es.js +3823 -3823
- package/dist/pimp.umd.js +18 -18
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/CpSwitch.vue +6 -2
- package/src/components/CpTable.vue +38 -32
- package/src/stories/CpSwitch.stories.ts +70 -2
- package/src/stories/CpTable.stories.ts +16 -23
|
@@ -108,17 +108,6 @@ export const Default: Story = {
|
|
|
108
108
|
}),
|
|
109
109
|
}
|
|
110
110
|
|
|
111
|
-
export const WithPagination: Story = {
|
|
112
|
-
args: {
|
|
113
|
-
...Default.args,
|
|
114
|
-
pagination: {
|
|
115
|
-
enabled: true,
|
|
116
|
-
limit: 3,
|
|
117
|
-
format: PAGINATION_FORMATS.PAGES,
|
|
118
|
-
},
|
|
119
|
-
},
|
|
120
|
-
}
|
|
121
|
-
|
|
122
111
|
export const ClickableRows: Story = {
|
|
123
112
|
args: {
|
|
124
113
|
...Default.args,
|
|
@@ -126,24 +115,28 @@ export const ClickableRows: Story = {
|
|
|
126
115
|
},
|
|
127
116
|
}
|
|
128
117
|
|
|
129
|
-
export const
|
|
118
|
+
export const Loading: Story = {
|
|
130
119
|
args: {
|
|
131
120
|
...Default.args,
|
|
132
|
-
|
|
121
|
+
isLoading: true,
|
|
133
122
|
},
|
|
134
123
|
}
|
|
135
124
|
|
|
136
|
-
export const
|
|
125
|
+
export const Empty: Story = {
|
|
137
126
|
args: {
|
|
138
127
|
...Default.args,
|
|
139
|
-
|
|
128
|
+
data: [],
|
|
140
129
|
},
|
|
141
130
|
}
|
|
142
131
|
|
|
143
|
-
export const
|
|
132
|
+
export const WithPagination: Story = {
|
|
144
133
|
args: {
|
|
145
134
|
...Default.args,
|
|
146
|
-
|
|
135
|
+
pagination: {
|
|
136
|
+
enabled: true,
|
|
137
|
+
limit: 3,
|
|
138
|
+
format: PAGINATION_FORMATS.PAGES,
|
|
139
|
+
},
|
|
147
140
|
},
|
|
148
141
|
}
|
|
149
142
|
|
|
@@ -194,26 +187,26 @@ export const WithCustomRowOptions: Story = {
|
|
|
194
187
|
rowOptions: [
|
|
195
188
|
{
|
|
196
189
|
id: 'see',
|
|
197
|
-
label: '
|
|
190
|
+
label: 'See',
|
|
198
191
|
icon: 'eye',
|
|
199
192
|
action: () => console.log('See'),
|
|
200
193
|
},
|
|
201
194
|
{
|
|
202
195
|
id: 'edit',
|
|
203
|
-
label: '
|
|
196
|
+
label: 'Edit',
|
|
204
197
|
icon: 'edit-2',
|
|
205
|
-
action: () => console.log('Edit'),
|
|
198
|
+
action: (payload) => console.log('Edit', payload),
|
|
206
199
|
},
|
|
207
200
|
{
|
|
208
201
|
id: 'disable',
|
|
209
|
-
label: '
|
|
202
|
+
label: 'Disable',
|
|
210
203
|
icon: 'history',
|
|
211
|
-
|
|
204
|
+
isDisabled: true,
|
|
212
205
|
action: () => console.log('History'),
|
|
213
206
|
},
|
|
214
207
|
{
|
|
215
208
|
id: 'delete',
|
|
216
|
-
label: '
|
|
209
|
+
label: 'Delete',
|
|
217
210
|
icon: 'trash',
|
|
218
211
|
isCritical: true,
|
|
219
212
|
action: () => console.log('Delete'),
|