@commercetools-frontend/ui-kit 12.2.2 → 12.2.6
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.
|
@@ -45,14 +45,12 @@ function _interopNamespace(e) {
|
|
|
45
45
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
46
46
|
Object.defineProperty(n, k, d.get ? d : {
|
|
47
47
|
enumerable: true,
|
|
48
|
-
get: function () {
|
|
49
|
-
return e[k];
|
|
50
|
-
}
|
|
48
|
+
get: function () { return e[k]; }
|
|
51
49
|
});
|
|
52
50
|
}
|
|
53
51
|
});
|
|
54
52
|
}
|
|
55
|
-
n[
|
|
53
|
+
n["default"] = e;
|
|
56
54
|
return Object.freeze(n);
|
|
57
55
|
}
|
|
58
56
|
|
|
@@ -79,244 +77,168 @@ var tag__default = /*#__PURE__*/_interopDefault(tag);
|
|
|
79
77
|
var tooltip__default = /*#__PURE__*/_interopDefault(tooltip);
|
|
80
78
|
var text__default = /*#__PURE__*/_interopDefault(text);
|
|
81
79
|
|
|
82
|
-
// NOTE: This string will be replaced
|
|
83
|
-
var version =
|
|
80
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
81
|
+
var version = "12.2.6";
|
|
84
82
|
|
|
85
83
|
exports.i18n = i18n__namespace;
|
|
86
84
|
Object.defineProperty(exports, 'AccessibleHidden', {
|
|
87
85
|
enumerable: true,
|
|
88
|
-
get: function () {
|
|
89
|
-
return accessibleHidden__default['default'];
|
|
90
|
-
}
|
|
86
|
+
get: function () { return accessibleHidden__default["default"]; }
|
|
91
87
|
});
|
|
92
88
|
Object.defineProperty(exports, 'Avatar', {
|
|
93
89
|
enumerable: true,
|
|
94
|
-
get: function () {
|
|
95
|
-
return avatar__default['default'];
|
|
96
|
-
}
|
|
90
|
+
get: function () { return avatar__default["default"]; }
|
|
97
91
|
});
|
|
98
92
|
Object.defineProperty(exports, 'Card', {
|
|
99
93
|
enumerable: true,
|
|
100
|
-
get: function () {
|
|
101
|
-
return card__default['default'];
|
|
102
|
-
}
|
|
94
|
+
get: function () { return card__default["default"]; }
|
|
103
95
|
});
|
|
104
96
|
Object.defineProperty(exports, 'Link', {
|
|
105
97
|
enumerable: true,
|
|
106
|
-
get: function () {
|
|
107
|
-
return link__default['default'];
|
|
108
|
-
}
|
|
98
|
+
get: function () { return link__default["default"]; }
|
|
109
99
|
});
|
|
110
100
|
Object.defineProperty(exports, 'Collapsible', {
|
|
111
101
|
enumerable: true,
|
|
112
|
-
get: function () {
|
|
113
|
-
return collapsible__default['default'];
|
|
114
|
-
}
|
|
102
|
+
get: function () { return collapsible__default["default"]; }
|
|
115
103
|
});
|
|
116
104
|
Object.defineProperty(exports, 'CollapsibleMotion', {
|
|
117
105
|
enumerable: true,
|
|
118
|
-
get: function () {
|
|
119
|
-
return collapsibleMotion__default['default'];
|
|
120
|
-
}
|
|
106
|
+
get: function () { return collapsibleMotion__default["default"]; }
|
|
121
107
|
});
|
|
122
108
|
Object.defineProperty(exports, 'CollapsiblePanel', {
|
|
123
109
|
enumerable: true,
|
|
124
|
-
get: function () {
|
|
125
|
-
return collapsiblePanel__default['default'];
|
|
126
|
-
}
|
|
110
|
+
get: function () { return collapsiblePanel__default["default"]; }
|
|
127
111
|
});
|
|
128
112
|
Object.defineProperty(exports, 'Constraints', {
|
|
129
113
|
enumerable: true,
|
|
130
|
-
get: function () {
|
|
131
|
-
return constraints__default['default'];
|
|
132
|
-
}
|
|
114
|
+
get: function () { return constraints__default["default"]; }
|
|
133
115
|
});
|
|
134
116
|
Object.defineProperty(exports, 'ContentNotification', {
|
|
135
117
|
enumerable: true,
|
|
136
|
-
get: function () {
|
|
137
|
-
return notifications.ContentNotification;
|
|
138
|
-
}
|
|
118
|
+
get: function () { return notifications.ContentNotification; }
|
|
139
119
|
});
|
|
140
120
|
Object.defineProperty(exports, 'PrimaryActionDropdown', {
|
|
141
121
|
enumerable: true,
|
|
142
|
-
get: function () {
|
|
143
|
-
return primaryActionDropdown__default['default'];
|
|
144
|
-
}
|
|
122
|
+
get: function () { return primaryActionDropdown__default["default"]; }
|
|
145
123
|
});
|
|
146
124
|
Object.defineProperty(exports, 'PrimaryActionDropdownOption', {
|
|
147
125
|
enumerable: true,
|
|
148
|
-
get: function () {
|
|
149
|
-
return primaryActionDropdown.Option;
|
|
150
|
-
}
|
|
126
|
+
get: function () { return primaryActionDropdown.Option; }
|
|
151
127
|
});
|
|
152
128
|
Object.defineProperty(exports, 'FieldLabel', {
|
|
153
129
|
enumerable: true,
|
|
154
|
-
get: function () {
|
|
155
|
-
return fieldLabel__default['default'];
|
|
156
|
-
}
|
|
130
|
+
get: function () { return fieldLabel__default["default"]; }
|
|
157
131
|
});
|
|
158
132
|
Object.defineProperty(exports, 'FieldErrors', {
|
|
159
133
|
enumerable: true,
|
|
160
|
-
get: function () {
|
|
161
|
-
return fieldErrors__default['default'];
|
|
162
|
-
}
|
|
134
|
+
get: function () { return fieldErrors__default["default"]; }
|
|
163
135
|
});
|
|
164
136
|
Object.defineProperty(exports, 'Grid', {
|
|
165
137
|
enumerable: true,
|
|
166
|
-
get: function () {
|
|
167
|
-
return grid__default['default'];
|
|
168
|
-
}
|
|
138
|
+
get: function () { return grid__default["default"]; }
|
|
169
139
|
});
|
|
170
140
|
Object.defineProperty(exports, 'Label', {
|
|
171
141
|
enumerable: true,
|
|
172
|
-
get: function () {
|
|
173
|
-
return label__default['default'];
|
|
174
|
-
}
|
|
142
|
+
get: function () { return label__default["default"]; }
|
|
175
143
|
});
|
|
176
144
|
Object.defineProperty(exports, 'LoadingSpinner', {
|
|
177
145
|
enumerable: true,
|
|
178
|
-
get: function () {
|
|
179
|
-
return loadingSpinner__default['default'];
|
|
180
|
-
}
|
|
146
|
+
get: function () { return loadingSpinner__default["default"]; }
|
|
181
147
|
});
|
|
182
148
|
Object.defineProperty(exports, 'ErrorMessage', {
|
|
183
149
|
enumerable: true,
|
|
184
|
-
get: function () {
|
|
185
|
-
return messages.ErrorMessage;
|
|
186
|
-
}
|
|
150
|
+
get: function () { return messages.ErrorMessage; }
|
|
187
151
|
});
|
|
188
152
|
Object.defineProperty(exports, 'WarningMessage', {
|
|
189
153
|
enumerable: true,
|
|
190
|
-
get: function () {
|
|
191
|
-
return messages.WarningMessage;
|
|
192
|
-
}
|
|
154
|
+
get: function () { return messages.WarningMessage; }
|
|
193
155
|
});
|
|
194
156
|
Object.defineProperty(exports, 'PageNavigator', {
|
|
195
157
|
enumerable: true,
|
|
196
|
-
get: function () {
|
|
197
|
-
return pagination.PageNavigator;
|
|
198
|
-
}
|
|
158
|
+
get: function () { return pagination.PageNavigator; }
|
|
199
159
|
});
|
|
200
160
|
Object.defineProperty(exports, 'PageSizeSelector', {
|
|
201
161
|
enumerable: true,
|
|
202
|
-
get: function () {
|
|
203
|
-
return pagination.PageSizeSelector;
|
|
204
|
-
}
|
|
162
|
+
get: function () { return pagination.PageSizeSelector; }
|
|
205
163
|
});
|
|
206
164
|
Object.defineProperty(exports, 'Pagination', {
|
|
207
165
|
enumerable: true,
|
|
208
|
-
get: function () {
|
|
209
|
-
return pagination.Pagination;
|
|
210
|
-
}
|
|
166
|
+
get: function () { return pagination.Pagination; }
|
|
211
167
|
});
|
|
212
168
|
Object.defineProperty(exports, 'Spacings', {
|
|
213
169
|
enumerable: true,
|
|
214
|
-
get: function () {
|
|
215
|
-
return spacings__default['default'];
|
|
216
|
-
}
|
|
170
|
+
get: function () { return spacings__default["default"]; }
|
|
217
171
|
});
|
|
218
172
|
Object.defineProperty(exports, 'Stamp', {
|
|
219
173
|
enumerable: true,
|
|
220
|
-
get: function () {
|
|
221
|
-
return stamp__default['default'];
|
|
222
|
-
}
|
|
174
|
+
get: function () { return stamp__default["default"]; }
|
|
223
175
|
});
|
|
224
176
|
Object.defineProperty(exports, 'DataTable', {
|
|
225
177
|
enumerable: true,
|
|
226
|
-
get: function () {
|
|
227
|
-
return dataTable__default['default'];
|
|
228
|
-
}
|
|
178
|
+
get: function () { return dataTable__default["default"]; }
|
|
229
179
|
});
|
|
230
180
|
Object.defineProperty(exports, 'DataTableManager', {
|
|
231
181
|
enumerable: true,
|
|
232
|
-
get: function () {
|
|
233
|
-
return dataTableManager__default['default'];
|
|
234
|
-
}
|
|
182
|
+
get: function () { return dataTableManager__default["default"]; }
|
|
235
183
|
});
|
|
236
184
|
Object.defineProperty(exports, 'Tag', {
|
|
237
185
|
enumerable: true,
|
|
238
|
-
get: function () {
|
|
239
|
-
return tag__default['default'];
|
|
240
|
-
}
|
|
186
|
+
get: function () { return tag__default["default"]; }
|
|
241
187
|
});
|
|
242
188
|
Object.defineProperty(exports, 'Tooltip', {
|
|
243
189
|
enumerable: true,
|
|
244
|
-
get: function () {
|
|
245
|
-
return tooltip__default['default'];
|
|
246
|
-
}
|
|
190
|
+
get: function () { return tooltip__default["default"]; }
|
|
247
191
|
});
|
|
248
192
|
Object.defineProperty(exports, 'Text', {
|
|
249
193
|
enumerable: true,
|
|
250
|
-
get: function () {
|
|
251
|
-
return text__default['default'];
|
|
252
|
-
}
|
|
194
|
+
get: function () { return text__default["default"]; }
|
|
253
195
|
});
|
|
254
196
|
Object.defineProperty(exports, 'useDataTableSortingState', {
|
|
255
197
|
enumerable: true,
|
|
256
|
-
get: function () {
|
|
257
|
-
return hooks.useDataTableSortingState;
|
|
258
|
-
}
|
|
198
|
+
get: function () { return hooks.useDataTableSortingState; }
|
|
259
199
|
});
|
|
260
200
|
Object.defineProperty(exports, 'usePaginationState', {
|
|
261
201
|
enumerable: true,
|
|
262
|
-
get: function () {
|
|
263
|
-
return hooks.usePaginationState;
|
|
264
|
-
}
|
|
202
|
+
get: function () { return hooks.usePaginationState; }
|
|
265
203
|
});
|
|
266
204
|
Object.defineProperty(exports, 'useRowSelection', {
|
|
267
205
|
enumerable: true,
|
|
268
|
-
get: function () {
|
|
269
|
-
return hooks.useRowSelection;
|
|
270
|
-
}
|
|
206
|
+
get: function () { return hooks.useRowSelection; }
|
|
271
207
|
});
|
|
272
208
|
Object.defineProperty(exports, 'useSorting', {
|
|
273
209
|
enumerable: true,
|
|
274
|
-
get: function () {
|
|
275
|
-
return hooks.useSorting;
|
|
276
|
-
}
|
|
210
|
+
get: function () { return hooks.useSorting; }
|
|
277
211
|
});
|
|
278
212
|
Object.defineProperty(exports, 'useToggleState', {
|
|
279
213
|
enumerable: true,
|
|
280
|
-
get: function () {
|
|
281
|
-
return hooks.useToggleState;
|
|
282
|
-
}
|
|
214
|
+
get: function () { return hooks.useToggleState; }
|
|
283
215
|
});
|
|
284
216
|
Object.defineProperty(exports, 'customProperties', {
|
|
285
217
|
enumerable: true,
|
|
286
|
-
get: function () {
|
|
287
|
-
return designSystem.customProperties;
|
|
288
|
-
}
|
|
218
|
+
get: function () { return designSystem.customProperties; }
|
|
289
219
|
});
|
|
290
220
|
exports.version = version;
|
|
291
221
|
Object.keys(buttons).forEach(function (k) {
|
|
292
222
|
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
293
223
|
enumerable: true,
|
|
294
|
-
get: function () {
|
|
295
|
-
return buttons[k];
|
|
296
|
-
}
|
|
224
|
+
get: function () { return buttons[k]; }
|
|
297
225
|
});
|
|
298
226
|
});
|
|
299
227
|
Object.keys(fields).forEach(function (k) {
|
|
300
228
|
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
301
229
|
enumerable: true,
|
|
302
|
-
get: function () {
|
|
303
|
-
return fields[k];
|
|
304
|
-
}
|
|
230
|
+
get: function () { return fields[k]; }
|
|
305
231
|
});
|
|
306
232
|
});
|
|
307
233
|
Object.keys(icons).forEach(function (k) {
|
|
308
234
|
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
309
235
|
enumerable: true,
|
|
310
|
-
get: function () {
|
|
311
|
-
return icons[k];
|
|
312
|
-
}
|
|
236
|
+
get: function () { return icons[k]; }
|
|
313
237
|
});
|
|
314
238
|
});
|
|
315
239
|
Object.keys(inputs).forEach(function (k) {
|
|
316
240
|
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
317
241
|
enumerable: true,
|
|
318
|
-
get: function () {
|
|
319
|
-
return inputs[k];
|
|
320
|
-
}
|
|
242
|
+
get: function () { return inputs[k]; }
|
|
321
243
|
});
|
|
322
244
|
});
|
|
@@ -45,14 +45,12 @@ function _interopNamespace(e) {
|
|
|
45
45
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
46
46
|
Object.defineProperty(n, k, d.get ? d : {
|
|
47
47
|
enumerable: true,
|
|
48
|
-
get: function () {
|
|
49
|
-
return e[k];
|
|
50
|
-
}
|
|
48
|
+
get: function () { return e[k]; }
|
|
51
49
|
});
|
|
52
50
|
}
|
|
53
51
|
});
|
|
54
52
|
}
|
|
55
|
-
n[
|
|
53
|
+
n["default"] = e;
|
|
56
54
|
return Object.freeze(n);
|
|
57
55
|
}
|
|
58
56
|
|
|
@@ -79,244 +77,168 @@ var tag__default = /*#__PURE__*/_interopDefault(tag);
|
|
|
79
77
|
var tooltip__default = /*#__PURE__*/_interopDefault(tooltip);
|
|
80
78
|
var text__default = /*#__PURE__*/_interopDefault(text);
|
|
81
79
|
|
|
82
|
-
// NOTE: This string will be replaced
|
|
83
|
-
var version =
|
|
80
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
81
|
+
var version = "12.2.6";
|
|
84
82
|
|
|
85
83
|
exports.i18n = i18n__namespace;
|
|
86
84
|
Object.defineProperty(exports, 'AccessibleHidden', {
|
|
87
85
|
enumerable: true,
|
|
88
|
-
get: function () {
|
|
89
|
-
return accessibleHidden__default['default'];
|
|
90
|
-
}
|
|
86
|
+
get: function () { return accessibleHidden__default["default"]; }
|
|
91
87
|
});
|
|
92
88
|
Object.defineProperty(exports, 'Avatar', {
|
|
93
89
|
enumerable: true,
|
|
94
|
-
get: function () {
|
|
95
|
-
return avatar__default['default'];
|
|
96
|
-
}
|
|
90
|
+
get: function () { return avatar__default["default"]; }
|
|
97
91
|
});
|
|
98
92
|
Object.defineProperty(exports, 'Card', {
|
|
99
93
|
enumerable: true,
|
|
100
|
-
get: function () {
|
|
101
|
-
return card__default['default'];
|
|
102
|
-
}
|
|
94
|
+
get: function () { return card__default["default"]; }
|
|
103
95
|
});
|
|
104
96
|
Object.defineProperty(exports, 'Link', {
|
|
105
97
|
enumerable: true,
|
|
106
|
-
get: function () {
|
|
107
|
-
return link__default['default'];
|
|
108
|
-
}
|
|
98
|
+
get: function () { return link__default["default"]; }
|
|
109
99
|
});
|
|
110
100
|
Object.defineProperty(exports, 'Collapsible', {
|
|
111
101
|
enumerable: true,
|
|
112
|
-
get: function () {
|
|
113
|
-
return collapsible__default['default'];
|
|
114
|
-
}
|
|
102
|
+
get: function () { return collapsible__default["default"]; }
|
|
115
103
|
});
|
|
116
104
|
Object.defineProperty(exports, 'CollapsibleMotion', {
|
|
117
105
|
enumerable: true,
|
|
118
|
-
get: function () {
|
|
119
|
-
return collapsibleMotion__default['default'];
|
|
120
|
-
}
|
|
106
|
+
get: function () { return collapsibleMotion__default["default"]; }
|
|
121
107
|
});
|
|
122
108
|
Object.defineProperty(exports, 'CollapsiblePanel', {
|
|
123
109
|
enumerable: true,
|
|
124
|
-
get: function () {
|
|
125
|
-
return collapsiblePanel__default['default'];
|
|
126
|
-
}
|
|
110
|
+
get: function () { return collapsiblePanel__default["default"]; }
|
|
127
111
|
});
|
|
128
112
|
Object.defineProperty(exports, 'Constraints', {
|
|
129
113
|
enumerable: true,
|
|
130
|
-
get: function () {
|
|
131
|
-
return constraints__default['default'];
|
|
132
|
-
}
|
|
114
|
+
get: function () { return constraints__default["default"]; }
|
|
133
115
|
});
|
|
134
116
|
Object.defineProperty(exports, 'ContentNotification', {
|
|
135
117
|
enumerable: true,
|
|
136
|
-
get: function () {
|
|
137
|
-
return notifications.ContentNotification;
|
|
138
|
-
}
|
|
118
|
+
get: function () { return notifications.ContentNotification; }
|
|
139
119
|
});
|
|
140
120
|
Object.defineProperty(exports, 'PrimaryActionDropdown', {
|
|
141
121
|
enumerable: true,
|
|
142
|
-
get: function () {
|
|
143
|
-
return primaryActionDropdown__default['default'];
|
|
144
|
-
}
|
|
122
|
+
get: function () { return primaryActionDropdown__default["default"]; }
|
|
145
123
|
});
|
|
146
124
|
Object.defineProperty(exports, 'PrimaryActionDropdownOption', {
|
|
147
125
|
enumerable: true,
|
|
148
|
-
get: function () {
|
|
149
|
-
return primaryActionDropdown.Option;
|
|
150
|
-
}
|
|
126
|
+
get: function () { return primaryActionDropdown.Option; }
|
|
151
127
|
});
|
|
152
128
|
Object.defineProperty(exports, 'FieldLabel', {
|
|
153
129
|
enumerable: true,
|
|
154
|
-
get: function () {
|
|
155
|
-
return fieldLabel__default['default'];
|
|
156
|
-
}
|
|
130
|
+
get: function () { return fieldLabel__default["default"]; }
|
|
157
131
|
});
|
|
158
132
|
Object.defineProperty(exports, 'FieldErrors', {
|
|
159
133
|
enumerable: true,
|
|
160
|
-
get: function () {
|
|
161
|
-
return fieldErrors__default['default'];
|
|
162
|
-
}
|
|
134
|
+
get: function () { return fieldErrors__default["default"]; }
|
|
163
135
|
});
|
|
164
136
|
Object.defineProperty(exports, 'Grid', {
|
|
165
137
|
enumerable: true,
|
|
166
|
-
get: function () {
|
|
167
|
-
return grid__default['default'];
|
|
168
|
-
}
|
|
138
|
+
get: function () { return grid__default["default"]; }
|
|
169
139
|
});
|
|
170
140
|
Object.defineProperty(exports, 'Label', {
|
|
171
141
|
enumerable: true,
|
|
172
|
-
get: function () {
|
|
173
|
-
return label__default['default'];
|
|
174
|
-
}
|
|
142
|
+
get: function () { return label__default["default"]; }
|
|
175
143
|
});
|
|
176
144
|
Object.defineProperty(exports, 'LoadingSpinner', {
|
|
177
145
|
enumerable: true,
|
|
178
|
-
get: function () {
|
|
179
|
-
return loadingSpinner__default['default'];
|
|
180
|
-
}
|
|
146
|
+
get: function () { return loadingSpinner__default["default"]; }
|
|
181
147
|
});
|
|
182
148
|
Object.defineProperty(exports, 'ErrorMessage', {
|
|
183
149
|
enumerable: true,
|
|
184
|
-
get: function () {
|
|
185
|
-
return messages.ErrorMessage;
|
|
186
|
-
}
|
|
150
|
+
get: function () { return messages.ErrorMessage; }
|
|
187
151
|
});
|
|
188
152
|
Object.defineProperty(exports, 'WarningMessage', {
|
|
189
153
|
enumerable: true,
|
|
190
|
-
get: function () {
|
|
191
|
-
return messages.WarningMessage;
|
|
192
|
-
}
|
|
154
|
+
get: function () { return messages.WarningMessage; }
|
|
193
155
|
});
|
|
194
156
|
Object.defineProperty(exports, 'PageNavigator', {
|
|
195
157
|
enumerable: true,
|
|
196
|
-
get: function () {
|
|
197
|
-
return pagination.PageNavigator;
|
|
198
|
-
}
|
|
158
|
+
get: function () { return pagination.PageNavigator; }
|
|
199
159
|
});
|
|
200
160
|
Object.defineProperty(exports, 'PageSizeSelector', {
|
|
201
161
|
enumerable: true,
|
|
202
|
-
get: function () {
|
|
203
|
-
return pagination.PageSizeSelector;
|
|
204
|
-
}
|
|
162
|
+
get: function () { return pagination.PageSizeSelector; }
|
|
205
163
|
});
|
|
206
164
|
Object.defineProperty(exports, 'Pagination', {
|
|
207
165
|
enumerable: true,
|
|
208
|
-
get: function () {
|
|
209
|
-
return pagination.Pagination;
|
|
210
|
-
}
|
|
166
|
+
get: function () { return pagination.Pagination; }
|
|
211
167
|
});
|
|
212
168
|
Object.defineProperty(exports, 'Spacings', {
|
|
213
169
|
enumerable: true,
|
|
214
|
-
get: function () {
|
|
215
|
-
return spacings__default['default'];
|
|
216
|
-
}
|
|
170
|
+
get: function () { return spacings__default["default"]; }
|
|
217
171
|
});
|
|
218
172
|
Object.defineProperty(exports, 'Stamp', {
|
|
219
173
|
enumerable: true,
|
|
220
|
-
get: function () {
|
|
221
|
-
return stamp__default['default'];
|
|
222
|
-
}
|
|
174
|
+
get: function () { return stamp__default["default"]; }
|
|
223
175
|
});
|
|
224
176
|
Object.defineProperty(exports, 'DataTable', {
|
|
225
177
|
enumerable: true,
|
|
226
|
-
get: function () {
|
|
227
|
-
return dataTable__default['default'];
|
|
228
|
-
}
|
|
178
|
+
get: function () { return dataTable__default["default"]; }
|
|
229
179
|
});
|
|
230
180
|
Object.defineProperty(exports, 'DataTableManager', {
|
|
231
181
|
enumerable: true,
|
|
232
|
-
get: function () {
|
|
233
|
-
return dataTableManager__default['default'];
|
|
234
|
-
}
|
|
182
|
+
get: function () { return dataTableManager__default["default"]; }
|
|
235
183
|
});
|
|
236
184
|
Object.defineProperty(exports, 'Tag', {
|
|
237
185
|
enumerable: true,
|
|
238
|
-
get: function () {
|
|
239
|
-
return tag__default['default'];
|
|
240
|
-
}
|
|
186
|
+
get: function () { return tag__default["default"]; }
|
|
241
187
|
});
|
|
242
188
|
Object.defineProperty(exports, 'Tooltip', {
|
|
243
189
|
enumerable: true,
|
|
244
|
-
get: function () {
|
|
245
|
-
return tooltip__default['default'];
|
|
246
|
-
}
|
|
190
|
+
get: function () { return tooltip__default["default"]; }
|
|
247
191
|
});
|
|
248
192
|
Object.defineProperty(exports, 'Text', {
|
|
249
193
|
enumerable: true,
|
|
250
|
-
get: function () {
|
|
251
|
-
return text__default['default'];
|
|
252
|
-
}
|
|
194
|
+
get: function () { return text__default["default"]; }
|
|
253
195
|
});
|
|
254
196
|
Object.defineProperty(exports, 'useDataTableSortingState', {
|
|
255
197
|
enumerable: true,
|
|
256
|
-
get: function () {
|
|
257
|
-
return hooks.useDataTableSortingState;
|
|
258
|
-
}
|
|
198
|
+
get: function () { return hooks.useDataTableSortingState; }
|
|
259
199
|
});
|
|
260
200
|
Object.defineProperty(exports, 'usePaginationState', {
|
|
261
201
|
enumerable: true,
|
|
262
|
-
get: function () {
|
|
263
|
-
return hooks.usePaginationState;
|
|
264
|
-
}
|
|
202
|
+
get: function () { return hooks.usePaginationState; }
|
|
265
203
|
});
|
|
266
204
|
Object.defineProperty(exports, 'useRowSelection', {
|
|
267
205
|
enumerable: true,
|
|
268
|
-
get: function () {
|
|
269
|
-
return hooks.useRowSelection;
|
|
270
|
-
}
|
|
206
|
+
get: function () { return hooks.useRowSelection; }
|
|
271
207
|
});
|
|
272
208
|
Object.defineProperty(exports, 'useSorting', {
|
|
273
209
|
enumerable: true,
|
|
274
|
-
get: function () {
|
|
275
|
-
return hooks.useSorting;
|
|
276
|
-
}
|
|
210
|
+
get: function () { return hooks.useSorting; }
|
|
277
211
|
});
|
|
278
212
|
Object.defineProperty(exports, 'useToggleState', {
|
|
279
213
|
enumerable: true,
|
|
280
|
-
get: function () {
|
|
281
|
-
return hooks.useToggleState;
|
|
282
|
-
}
|
|
214
|
+
get: function () { return hooks.useToggleState; }
|
|
283
215
|
});
|
|
284
216
|
Object.defineProperty(exports, 'customProperties', {
|
|
285
217
|
enumerable: true,
|
|
286
|
-
get: function () {
|
|
287
|
-
return designSystem.customProperties;
|
|
288
|
-
}
|
|
218
|
+
get: function () { return designSystem.customProperties; }
|
|
289
219
|
});
|
|
290
220
|
exports.version = version;
|
|
291
221
|
Object.keys(buttons).forEach(function (k) {
|
|
292
222
|
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
293
223
|
enumerable: true,
|
|
294
|
-
get: function () {
|
|
295
|
-
return buttons[k];
|
|
296
|
-
}
|
|
224
|
+
get: function () { return buttons[k]; }
|
|
297
225
|
});
|
|
298
226
|
});
|
|
299
227
|
Object.keys(fields).forEach(function (k) {
|
|
300
228
|
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
301
229
|
enumerable: true,
|
|
302
|
-
get: function () {
|
|
303
|
-
return fields[k];
|
|
304
|
-
}
|
|
230
|
+
get: function () { return fields[k]; }
|
|
305
231
|
});
|
|
306
232
|
});
|
|
307
233
|
Object.keys(icons).forEach(function (k) {
|
|
308
234
|
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
309
235
|
enumerable: true,
|
|
310
|
-
get: function () {
|
|
311
|
-
return icons[k];
|
|
312
|
-
}
|
|
236
|
+
get: function () { return icons[k]; }
|
|
313
237
|
});
|
|
314
238
|
});
|
|
315
239
|
Object.keys(inputs).forEach(function (k) {
|
|
316
240
|
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
317
241
|
enumerable: true,
|
|
318
|
-
get: function () {
|
|
319
|
-
return inputs[k];
|
|
320
|
-
}
|
|
242
|
+
get: function () { return inputs[k]; }
|
|
321
243
|
});
|
|
322
244
|
});
|
|
@@ -31,7 +31,7 @@ export { default as Text } from '@commercetools-uikit/text';
|
|
|
31
31
|
export { useDataTableSortingState, usePaginationState, useRowSelection, useSorting, useToggleState } from '@commercetools-uikit/hooks';
|
|
32
32
|
export { customProperties } from '@commercetools-uikit/design-system';
|
|
33
33
|
|
|
34
|
-
// NOTE: This string will be replaced
|
|
35
|
-
var version =
|
|
34
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
35
|
+
var version = "12.2.6";
|
|
36
36
|
|
|
37
37
|
export { version };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Component } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { storiesOf } from '@storybook/react';
|
|
4
4
|
import styled from '@emotion/styled';
|
|
@@ -322,7 +322,7 @@ const SpacingSample = styled.div`
|
|
|
322
322
|
margin: 0 10px;
|
|
323
323
|
`;
|
|
324
324
|
|
|
325
|
-
class Story extends
|
|
325
|
+
class Story extends Component {
|
|
326
326
|
static displayName = 'Story';
|
|
327
327
|
|
|
328
328
|
state = {
|
|
@@ -458,27 +458,27 @@ class Story extends React.Component {
|
|
|
458
458
|
choiceGroup={definition.choiceGroups.colors}
|
|
459
459
|
searchText={this.state.searchText}
|
|
460
460
|
renderSample={(value) => (
|
|
461
|
-
|
|
461
|
+
<>
|
|
462
462
|
<ColorSample color={value} /> {value}
|
|
463
|
-
|
|
463
|
+
</>
|
|
464
464
|
)}
|
|
465
465
|
/>
|
|
466
466
|
<ChoiceGroup
|
|
467
467
|
choiceGroup={definition.choiceGroups.borderRadiuses}
|
|
468
468
|
searchText={this.state.searchText}
|
|
469
469
|
renderSample={(value) => (
|
|
470
|
-
|
|
470
|
+
<>
|
|
471
471
|
<BorderRadiusSample borderRadius={value} /> {value}
|
|
472
|
-
|
|
472
|
+
</>
|
|
473
473
|
)}
|
|
474
474
|
/>
|
|
475
475
|
<ChoiceGroup
|
|
476
476
|
choiceGroup={definition.choiceGroups.shadows}
|
|
477
477
|
searchText={this.state.searchText}
|
|
478
478
|
renderSample={(value) => (
|
|
479
|
-
|
|
479
|
+
<>
|
|
480
480
|
<ShadowSample shadow={value} /> {value}
|
|
481
|
-
|
|
481
|
+
</>
|
|
482
482
|
)}
|
|
483
483
|
/>
|
|
484
484
|
<ChoiceGroup
|
|
@@ -489,9 +489,9 @@ class Story extends React.Component {
|
|
|
489
489
|
choiceGroup={definition.choiceGroups.spacings}
|
|
490
490
|
searchText={this.state.searchText}
|
|
491
491
|
renderSample={(value) => (
|
|
492
|
-
|
|
492
|
+
<>
|
|
493
493
|
<SpacingSample spacing={value} /> {value}
|
|
494
|
-
|
|
494
|
+
</>
|
|
495
495
|
)}
|
|
496
496
|
/>
|
|
497
497
|
<ChoiceGroup
|
|
@@ -524,45 +524,45 @@ class Story extends React.Component {
|
|
|
524
524
|
decisionGroup={definition.decisionGroups.backgroundColors}
|
|
525
525
|
searchText={this.state.searchText}
|
|
526
526
|
renderSample={(value) => (
|
|
527
|
-
|
|
527
|
+
<>
|
|
528
528
|
<ColorSample color={value} /> {value}
|
|
529
|
-
|
|
529
|
+
</>
|
|
530
530
|
)}
|
|
531
531
|
/>
|
|
532
532
|
<DecisionGroup
|
|
533
533
|
decisionGroup={definition.decisionGroups.borderColors}
|
|
534
534
|
searchText={this.state.searchText}
|
|
535
535
|
renderSample={(value) => (
|
|
536
|
-
|
|
536
|
+
<>
|
|
537
537
|
<ColorSample color={value} /> {value}
|
|
538
|
-
|
|
538
|
+
</>
|
|
539
539
|
)}
|
|
540
540
|
/>
|
|
541
541
|
<DecisionGroup
|
|
542
542
|
decisionGroup={definition.decisionGroups.borderRadiuses}
|
|
543
543
|
searchText={this.state.searchText}
|
|
544
544
|
renderSample={(value) => (
|
|
545
|
-
|
|
545
|
+
<>
|
|
546
546
|
<BorderRadiusSample borderRadius={value} /> {value}
|
|
547
|
-
|
|
547
|
+
</>
|
|
548
548
|
)}
|
|
549
549
|
/>
|
|
550
550
|
<DecisionGroup
|
|
551
551
|
decisionGroup={definition.decisionGroups.fontColors}
|
|
552
552
|
searchText={this.state.searchText}
|
|
553
553
|
renderSample={(value) => (
|
|
554
|
-
|
|
554
|
+
<>
|
|
555
555
|
<FontColorSample color={value} /> {value}
|
|
556
|
-
|
|
556
|
+
</>
|
|
557
557
|
)}
|
|
558
558
|
/>
|
|
559
559
|
<DecisionGroup
|
|
560
560
|
decisionGroup={definition.decisionGroups.shadows}
|
|
561
561
|
searchText={this.state.searchText}
|
|
562
562
|
renderSample={(value) => (
|
|
563
|
-
|
|
563
|
+
<>
|
|
564
564
|
<ShadowSample shadow={value} /> {value}
|
|
565
|
-
|
|
565
|
+
</>
|
|
566
566
|
)}
|
|
567
567
|
/>
|
|
568
568
|
</Background>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-frontend/ui-kit",
|
|
3
3
|
"description": "A preset of all the UI-Kit components.",
|
|
4
|
-
"version": "12.2.
|
|
4
|
+
"version": "12.2.6",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
12
|
"keywords": ["javascript", "design system", "react", "uikit"],
|
|
13
13
|
"license": "MIT",
|
|
14
|
-
"private": false,
|
|
15
14
|
"publishConfig": {
|
|
16
15
|
"access": "public"
|
|
17
16
|
},
|
|
@@ -20,51 +19,50 @@
|
|
|
20
19
|
"module": "dist/commercetools-frontend-ui-kit.esm.js",
|
|
21
20
|
"files": ["dist", "materials", "i18n"],
|
|
22
21
|
"scripts": {
|
|
23
|
-
"prepare": "../../scripts/version.js replace",
|
|
24
22
|
"copy-assets": "rm -rf i18n materials && mkdir -p i18n/data && cp -R ../../design-system/materials materials && cp -R ../../packages/i18n/data i18n/"
|
|
25
23
|
},
|
|
26
24
|
"dependencies": {
|
|
27
|
-
"@babel/runtime": "7.
|
|
28
|
-
"@babel/runtime-corejs3": "7.
|
|
29
|
-
"@commercetools-uikit/accessible-hidden": "12.2.
|
|
30
|
-
"@commercetools-uikit/avatar": "12.2.
|
|
31
|
-
"@commercetools-uikit/buttons": "12.2.
|
|
32
|
-
"@commercetools-uikit/card": "12.2.
|
|
33
|
-
"@commercetools-uikit/collapsible": "12.2.
|
|
34
|
-
"@commercetools-uikit/collapsible-motion": "12.2.
|
|
35
|
-
"@commercetools-uikit/collapsible-panel": "12.2.
|
|
36
|
-
"@commercetools-uikit/constraints": "12.2.
|
|
37
|
-
"@commercetools-uikit/data-table": "12.2.
|
|
38
|
-
"@commercetools-uikit/data-table-manager": "12.2.
|
|
39
|
-
"@commercetools-uikit/design-system": "12.2.
|
|
40
|
-
"@commercetools-uikit/field-errors": "12.2.
|
|
41
|
-
"@commercetools-uikit/field-label": "12.2.
|
|
42
|
-
"@commercetools-uikit/fields": "12.2.
|
|
43
|
-
"@commercetools-uikit/grid": "12.
|
|
44
|
-
"@commercetools-uikit/hooks": "12.2.
|
|
45
|
-
"@commercetools-uikit/i18n": "12.
|
|
46
|
-
"@commercetools-uikit/icons": "12.2.
|
|
47
|
-
"@commercetools-uikit/inputs": "12.2.
|
|
48
|
-
"@commercetools-uikit/label": "12.2.
|
|
49
|
-
"@commercetools-uikit/link": "12.2.
|
|
50
|
-
"@commercetools-uikit/loading-spinner": "12.2.
|
|
51
|
-
"@commercetools-uikit/messages": "12.2.
|
|
52
|
-
"@commercetools-uikit/notifications": "12.2.
|
|
53
|
-
"@commercetools-uikit/pagination": "12.2.
|
|
54
|
-
"@commercetools-uikit/primary-action-dropdown": "12.2.
|
|
55
|
-
"@commercetools-uikit/spacings": "12.2.
|
|
56
|
-
"@commercetools-uikit/stamp": "12.2.
|
|
57
|
-
"@commercetools-uikit/tag": "12.2.
|
|
58
|
-
"@commercetools-uikit/text": "12.2.
|
|
59
|
-
"@commercetools-uikit/tooltip": "12.2.
|
|
60
|
-
"@commercetools-uikit/utils": "12.2.
|
|
25
|
+
"@babel/runtime": "7.16.3",
|
|
26
|
+
"@babel/runtime-corejs3": "7.16.3",
|
|
27
|
+
"@commercetools-uikit/accessible-hidden": "12.2.5",
|
|
28
|
+
"@commercetools-uikit/avatar": "12.2.5",
|
|
29
|
+
"@commercetools-uikit/buttons": "12.2.5",
|
|
30
|
+
"@commercetools-uikit/card": "12.2.5",
|
|
31
|
+
"@commercetools-uikit/collapsible": "12.2.5",
|
|
32
|
+
"@commercetools-uikit/collapsible-motion": "12.2.5",
|
|
33
|
+
"@commercetools-uikit/collapsible-panel": "12.2.6",
|
|
34
|
+
"@commercetools-uikit/constraints": "12.2.5",
|
|
35
|
+
"@commercetools-uikit/data-table": "12.2.6",
|
|
36
|
+
"@commercetools-uikit/data-table-manager": "12.2.6",
|
|
37
|
+
"@commercetools-uikit/design-system": "12.2.5",
|
|
38
|
+
"@commercetools-uikit/field-errors": "12.2.5",
|
|
39
|
+
"@commercetools-uikit/field-label": "12.2.6",
|
|
40
|
+
"@commercetools-uikit/fields": "12.2.6",
|
|
41
|
+
"@commercetools-uikit/grid": "12.2.5",
|
|
42
|
+
"@commercetools-uikit/hooks": "12.2.5",
|
|
43
|
+
"@commercetools-uikit/i18n": "12.2.5",
|
|
44
|
+
"@commercetools-uikit/icons": "12.2.6",
|
|
45
|
+
"@commercetools-uikit/inputs": "12.2.6",
|
|
46
|
+
"@commercetools-uikit/label": "12.2.5",
|
|
47
|
+
"@commercetools-uikit/link": "12.2.6",
|
|
48
|
+
"@commercetools-uikit/loading-spinner": "12.2.5",
|
|
49
|
+
"@commercetools-uikit/messages": "12.2.5",
|
|
50
|
+
"@commercetools-uikit/notifications": "12.2.6",
|
|
51
|
+
"@commercetools-uikit/pagination": "12.2.6",
|
|
52
|
+
"@commercetools-uikit/primary-action-dropdown": "12.2.6",
|
|
53
|
+
"@commercetools-uikit/spacings": "12.2.5",
|
|
54
|
+
"@commercetools-uikit/stamp": "12.2.5",
|
|
55
|
+
"@commercetools-uikit/tag": "12.2.6",
|
|
56
|
+
"@commercetools-uikit/text": "12.2.5",
|
|
57
|
+
"@commercetools-uikit/tooltip": "12.2.5",
|
|
58
|
+
"@commercetools-uikit/utils": "12.2.5"
|
|
61
59
|
},
|
|
62
60
|
"devDependencies": {
|
|
63
61
|
"moment": "2.29.1",
|
|
64
|
-
"moment-timezone": "0.5.
|
|
62
|
+
"moment-timezone": "0.5.34",
|
|
65
63
|
"react": "17.0.2",
|
|
66
|
-
"react-intl": "5.
|
|
67
|
-
"react-router-dom": "5.
|
|
64
|
+
"react-intl": "5.21.2",
|
|
65
|
+
"react-router-dom": "5.3.0"
|
|
68
66
|
},
|
|
69
67
|
"peerDependencies": {
|
|
70
68
|
"moment": "2.x",
|