@popmenu/common-ui 0.45.0 → 0.47.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.
Files changed (5) hide show
  1. package/build/index.es.js +64 -35
  2. package/build/index.es.js.map +1 -1
  3. package/build/index.js +64 -35
  4. package/build/index.js.map +1 -1
  5. package/package.json +2 -2
package/build/index.js CHANGED
@@ -157,26 +157,26 @@ function __rest(s, e) {
157
157
  return t;
158
158
  }
159
159
 
160
- var _g$19, _defs$J;
160
+ var _g$1d, _defs$I;
161
161
 
162
- function _extends$26() { _extends$26 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$26.apply(this, arguments); }
162
+ function _extends$27() { _extends$27 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$27.apply(this, arguments); }
163
163
 
164
164
  function SvgCheckCircle(props) {
165
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$26({
165
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$27({
166
166
  viewBox: "0 0 16 16",
167
167
  fill: "none",
168
168
  strokeLinecap: "round",
169
169
  strokeLinejoin: "round",
170
170
  width: "1em",
171
171
  height: "1em"
172
- }, props), _g$19 || (_g$19 = /*#__PURE__*/React__namespace.createElement("g", {
172
+ }, props), _g$1d || (_g$1d = /*#__PURE__*/React__namespace.createElement("g", {
173
173
  clipPath: "url(#check-circle_svg__clip0_8_5831)",
174
174
  stroke: "currentColor"
175
175
  }, /*#__PURE__*/React__namespace.createElement("path", {
176
176
  d: "M14.667 7.387V8a6.667 6.667 0 11-3.954-6.093"
177
177
  }), /*#__PURE__*/React__namespace.createElement("path", {
178
178
  d: "M14.667 2.667L8 9.34l-2-2"
179
- }))), _defs$J || (_defs$J = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
179
+ }))), _defs$I || (_defs$I = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
180
180
  id: "check-circle_svg__clip0_8_5831"
181
181
  }, /*#__PURE__*/React__namespace.createElement("path", {
182
182
  fill: "currentColor",
@@ -184,24 +184,49 @@ function SvgCheckCircle(props) {
184
184
  })))));
185
185
  }
186
186
 
187
- var _g$$, _defs$B;
187
+ var _g$1b, _defs$G;
188
188
 
189
- function _extends$1U() { _extends$1U = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1U.apply(this, arguments); }
189
+ function _extends$24() { _extends$24 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$24.apply(this, arguments); }
190
+
191
+ function SvgXCircle(props) {
192
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$24({
193
+ viewBox: "0 0 16 16",
194
+ fill: "none",
195
+ strokeLinecap: "round",
196
+ strokeLinejoin: "round",
197
+ width: "1em",
198
+ height: "1em"
199
+ }, props), _g$1b || (_g$1b = /*#__PURE__*/React__namespace.createElement("g", {
200
+ clipPath: "url(#x-circle_svg__clip0_8_6136)",
201
+ stroke: "currentColor"
202
+ }, /*#__PURE__*/React__namespace.createElement("path", {
203
+ d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zM10 6l-4 4m0-4l4 4"
204
+ }))), _defs$G || (_defs$G = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
205
+ id: "x-circle_svg__clip0_8_6136"
206
+ }, /*#__PURE__*/React__namespace.createElement("path", {
207
+ fill: "currentColor",
208
+ d: "M0 0h16v16H0z"
209
+ })))));
210
+ }
211
+
212
+ var _g$13, _defs$A;
213
+
214
+ function _extends$1V() { _extends$1V = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1V.apply(this, arguments); }
190
215
 
191
216
  function SvgInfo(props) {
192
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1U({
217
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1V({
193
218
  viewBox: "0 0 16 16",
194
219
  fill: "none",
195
220
  strokeLinecap: "round",
196
221
  strokeLinejoin: "round",
197
222
  width: "1em",
198
223
  height: "1em"
199
- }, props), _g$$ || (_g$$ = /*#__PURE__*/React__namespace.createElement("g", {
224
+ }, props), _g$13 || (_g$13 = /*#__PURE__*/React__namespace.createElement("g", {
200
225
  clipPath: "url(#info_svg__clip0_8_5377)",
201
226
  stroke: "currentColor"
202
227
  }, /*#__PURE__*/React__namespace.createElement("path", {
203
228
  d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zm0-4V8m0-2.667h.007"
204
- }))), _defs$B || (_defs$B = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
229
+ }))), _defs$A || (_defs$A = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
205
230
  id: "info_svg__clip0_8_5377"
206
231
  }, /*#__PURE__*/React__namespace.createElement("path", {
207
232
  fill: "currentColor",
@@ -209,24 +234,24 @@ function SvgInfo(props) {
209
234
  })))));
210
235
  }
211
236
 
212
- var _g$X, _defs$A;
237
+ var _g$$, _defs$z;
213
238
 
214
- function _extends$1K() { _extends$1K = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1K.apply(this, arguments); }
239
+ function _extends$1L() { _extends$1L = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1L.apply(this, arguments); }
215
240
 
216
241
  function SvgMinusCircle(props) {
217
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1K({
242
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1L({
218
243
  viewBox: "0 0 16 16",
219
244
  fill: "none",
220
245
  strokeLinecap: "round",
221
246
  strokeLinejoin: "round",
222
247
  width: "1em",
223
248
  height: "1em"
224
- }, props), _g$X || (_g$X = /*#__PURE__*/React__namespace.createElement("g", {
249
+ }, props), _g$$ || (_g$$ = /*#__PURE__*/React__namespace.createElement("g", {
225
250
  clipPath: "url(#minus-circle_svg__clip0_8_5970)",
226
251
  stroke: "currentColor"
227
252
  }, /*#__PURE__*/React__namespace.createElement("path", {
228
253
  d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zM5.333 8h5.334"
229
- }))), _defs$A || (_defs$A = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
254
+ }))), _defs$z || (_defs$z = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
230
255
  id: "minus-circle_svg__clip0_8_5970"
231
256
  }, /*#__PURE__*/React__namespace.createElement("path", {
232
257
  fill: "currentColor",
@@ -234,24 +259,24 @@ function SvgMinusCircle(props) {
234
259
  })))));
235
260
  }
236
261
 
237
- var _g$W, _defs$z;
262
+ var _g$_, _defs$y;
238
263
 
239
- function _extends$1G() { _extends$1G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1G.apply(this, arguments); }
264
+ function _extends$1H() { _extends$1H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1H.apply(this, arguments); }
240
265
 
241
266
  function SvgPlusCircle(props) {
242
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1G({
267
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1H({
243
268
  viewBox: "0 0 16 16",
244
269
  fill: "none",
245
270
  strokeLinecap: "round",
246
271
  strokeLinejoin: "round",
247
272
  width: "1em",
248
273
  height: "1em"
249
- }, props), _g$W || (_g$W = /*#__PURE__*/React__namespace.createElement("g", {
274
+ }, props), _g$_ || (_g$_ = /*#__PURE__*/React__namespace.createElement("g", {
250
275
  clipPath: "url(#plus-circle_svg__clip0_8_5870)",
251
276
  stroke: "currentColor"
252
277
  }, /*#__PURE__*/React__namespace.createElement("path", {
253
278
  d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zm0-9.334v5.334M5.333 8h5.334"
254
- }))), _defs$z || (_defs$z = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
279
+ }))), _defs$y || (_defs$y = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
255
280
  id: "plus-circle_svg__clip0_8_5870"
256
281
  }, /*#__PURE__*/React__namespace.createElement("path", {
257
282
  fill: "currentColor",
@@ -259,42 +284,42 @@ function SvgPlusCircle(props) {
259
284
  })))));
260
285
  }
261
286
 
262
- var _path$E;
287
+ var _path$D;
263
288
 
264
- function _extends$1t() { _extends$1t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1t.apply(this, arguments); }
289
+ function _extends$1u() { _extends$1u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1u.apply(this, arguments); }
265
290
 
266
291
  function SvgUser(props) {
267
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1t({
292
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1u({
268
293
  viewBox: "0 0 16 16",
269
294
  fill: "none",
270
295
  strokeLinecap: "round",
271
296
  strokeLinejoin: "round",
272
297
  width: "1em",
273
298
  height: "1em"
274
- }, props), _path$E || (_path$E = /*#__PURE__*/React__namespace.createElement("path", {
299
+ }, props), _path$D || (_path$D = /*#__PURE__*/React__namespace.createElement("path", {
275
300
  d: "M13.333 14v-1.333A2.667 2.667 0 0010.667 10H5.333a2.667 2.667 0 00-2.666 2.667V14M8 7.333A2.667 2.667 0 108 2a2.667 2.667 0 000 5.333z",
276
301
  stroke: "currentColor"
277
302
  })));
278
303
  }
279
304
 
280
- var _g$M, _defs$s;
305
+ var _g$Q, _defs$r;
281
306
 
282
- function _extends$1p() { _extends$1p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
307
+ function _extends$1q() { _extends$1q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1q.apply(this, arguments); }
283
308
 
284
309
  function SvgError(props) {
285
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1p({
310
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1q({
286
311
  viewBox: "0 0 16 16",
287
312
  fill: "none",
288
313
  strokeLinecap: "round",
289
314
  strokeLinejoin: "round",
290
315
  width: "1em",
291
316
  height: "1em"
292
- }, props), _g$M || (_g$M = /*#__PURE__*/React__namespace.createElement("g", {
317
+ }, props), _g$Q || (_g$Q = /*#__PURE__*/React__namespace.createElement("g", {
293
318
  clipPath: "url(#error_svg__clip0_8_5411)",
294
319
  stroke: "currentColor"
295
320
  }, /*#__PURE__*/React__namespace.createElement("path", {
296
321
  d: "M5.24 1.333h5.52l3.907 3.907v5.52l-3.907 3.907H5.24L1.333 10.76V5.24L5.24 1.333zm2.76 4V8m0 2.666h.008"
297
- }))), _defs$s || (_defs$s = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
322
+ }))), _defs$r || (_defs$r = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
298
323
  id: "error_svg__clip0_8_5411"
299
324
  }, /*#__PURE__*/React__namespace.createElement("path", {
300
325
  fill: "currentColor",
@@ -302,19 +327,19 @@ function SvgError(props) {
302
327
  })))));
303
328
  }
304
329
 
305
- var _path$B;
330
+ var _path$A;
306
331
 
307
- function _extends$1o() { _extends$1o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1o.apply(this, arguments); }
332
+ function _extends$1p() { _extends$1p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
308
333
 
309
334
  function SvgWarning(props) {
310
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1o({
335
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1p({
311
336
  viewBox: "0 0 16 16",
312
337
  fill: "none",
313
338
  strokeLinecap: "round",
314
339
  strokeLinejoin: "round",
315
340
  width: "1em",
316
341
  height: "1em"
317
- }, props), _path$B || (_path$B = /*#__PURE__*/React__namespace.createElement("path", {
342
+ }, props), _path$A || (_path$A = /*#__PURE__*/React__namespace.createElement("path", {
318
343
  d: "M6.86 2.573L1.213 12a1.334 1.334 0 001.14 2h11.294a1.332 1.332 0 001.14-2L9.14 2.573a1.333 1.333 0 00-2.28 0v0zM8 6v2.667m0 2.667h.007",
319
344
  stroke: "currentColor"
320
345
  })));
@@ -549,7 +574,7 @@ Checkbox.displayName = 'Checkbox';
549
574
 
550
575
  var getBackground = function (theme) { return function (props) {
551
576
  var variant = props.variant, severity = props.severity;
552
- var background;
577
+ var background = theme.palette.grey[100];
553
578
  var backgrounds = {
554
579
  outlined: 'none',
555
580
  error: 'error.main',
@@ -618,6 +643,9 @@ var useChipStyles = styles.makeStyles(function (theme) { return ({
618
643
  height: theme.spacing(2),
619
644
  width: theme.spacing(2),
620
645
  },
646
+ deleteIcon: {
647
+ color: theme.palette.grey[500],
648
+ },
621
649
  }); });
622
650
 
623
651
  var IconDictionary = {
@@ -630,7 +658,8 @@ var Chip = function (props) {
630
658
  var severity = props.severity, restProps = __rest(props, ["severity"]);
631
659
  var classes = useChipStyles(props);
632
660
  var icon = severity ? React__default['default'].createElement(IconDictionary[severity]) : undefined;
633
- return React__default['default'].createElement(MuiChip__default['default'], __assign({ classes: classes, icon: icon }, restProps));
661
+ var deleteIcon = React__default['default'].createElement(SvgXCircle);
662
+ return React__default['default'].createElement(MuiChip__default['default'], __assign({ classes: classes, icon: icon, deleteIcon: deleteIcon }, restProps));
634
663
  };
635
664
  Chip.displayName = 'Chip';
636
665