npm - @popmenu/table - Versions diffs - 0.72.0 → 0.74.0 - Mend

@popmenu/table 0.72.0 → 0.74.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 (7) hide show

package/build/components/FilterPanel/FilterControl/ToggleFilter/ToggleFilter.d.ts +4 -0
package/build/components/FilterPanel/FilterControl/ToggleFilter/index.d.ts +1 -0
package/build/index.es.js +98 -83
package/build/index.es.js.map +1 -1
package/build/index.js +97 -82
package/build/index.js.map +1 -1
package/package.json +2 -2

package/build/index.js CHANGED Viewed

@@ -188,19 +188,19 @@ function __rest$2(s, e) {
     return t;
 }
-var _g$1i$1;
+var _g$1m$1;
-function _extends$2j$1() { _extends$2j$1 = 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$2j$1.apply(this, arguments); }
+function _extends$2r$1() { _extends$2r$1 = 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$2r$1.apply(this, arguments); }
 function SvgCheckCircle$1(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2j$1({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2r$1({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$1i$1 || (_g$1i$1 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$1m$1 || (_g$1m$1 = /*#__PURE__*/React__namespace.createElement("g", {
     stroke: "currentColor"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     d: "M14.667 7.387V8a6.667 6.667 0 11-3.954-6.093"
@@ -209,24 +209,24 @@ function SvgCheckCircle$1(props) {
   }))));
 }
-var _g$1g, _defs$G;
+var _g$1k, _defs$I;
-function _extends$2g() { _extends$2g = 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$2g.apply(this, arguments); }
+function _extends$2o() { _extends$2o = 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$2o.apply(this, arguments); }
 function SvgXCircle(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2g({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2o({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$1g || (_g$1g = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$1k || (_g$1k = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#x-circle_svg__clip0_8_6136)",
     stroke: "currentColor"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zM10 6l-4 4m0-4l4 4"
-  }))), _defs$G || (_defs$G = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+  }))), _defs$I || (_defs$I = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
     id: "x-circle_svg__clip0_8_6136"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
@@ -234,24 +234,24 @@ function SvgXCircle(props) {
   })))));
 }
-var _g$17$1, _defs$A$1;
+var _g$1b$1, _defs$C$1;
-function _extends$24$1() { _extends$24$1 = 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$1.apply(this, arguments); }
+function _extends$2c$1() { _extends$2c$1 = 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$2c$1.apply(this, arguments); }
 function SvgInfo$1(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$24$1({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2c$1({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$17$1 || (_g$17$1 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$1b$1 || (_g$1b$1 = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#info_svg__clip0_8_5377)",
     stroke: "currentColor"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zm0-4V8m0-2.667h.007"
-  }))), _defs$A$1 || (_defs$A$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+  }))), _defs$C$1 || (_defs$C$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
     id: "info_svg__clip0_8_5377"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
@@ -259,42 +259,42 @@ function SvgInfo$1(props) {
   })))));
 }
-var _path$J$1;
+var _path$N$1;
-function _extends$1D$1() { _extends$1D$1 = 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$1D$1.apply(this, arguments); }
+function _extends$1L$1() { _extends$1L$1 = 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$1.apply(this, arguments); }
 function SvgUser$1(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1D$1({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1L$1({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$J$1 || (_path$J$1 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$N$1 || (_path$N$1 = /*#__PURE__*/React__namespace.createElement("path", {
     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",
     stroke: "currentColor"
   })));
 }
-var _g$T$1, _defs$r$1;
+var _g$X$1, _defs$t$1;
-function _extends$1z$1() { _extends$1z$1 = 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$1z$1.apply(this, arguments); }
+function _extends$1H$1() { _extends$1H$1 = 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$1.apply(this, arguments); }
 function SvgError$1(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1z$1({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1H$1({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$T$1 || (_g$T$1 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$X$1 || (_g$X$1 = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#error_svg__clip0_8_5411)",
     stroke: "currentColor"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     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"
-  }))), _defs$r$1 || (_defs$r$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+  }))), _defs$t$1 || (_defs$t$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
     id: "error_svg__clip0_8_5411"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
@@ -302,19 +302,19 @@ function SvgError$1(props) {
   })))));
 }
-var _path$G$1;
+var _path$K$1;
-function _extends$1y$1() { _extends$1y$1 = 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$1y$1.apply(this, arguments); }
+function _extends$1G$1() { _extends$1G$1 = 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$1.apply(this, arguments); }
 function SvgWarning$1(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1y$1({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1G$1({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$G$1 || (_path$G$1 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$K$1 || (_path$K$1 = /*#__PURE__*/React__namespace.createElement("path", {
     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",
     stroke: "currentColor"
   })));
@@ -1135,109 +1135,109 @@ var useStyles$6 = core.makeStyles(function (theme) { return ({
     },
 }); });
-var _path$1c;
+var _path$1g;
-function _extends$2E() { _extends$2E = 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$2E.apply(this, arguments); }
+function _extends$2M() { _extends$2M = 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$2M.apply(this, arguments); }
 function SvgChevronDown(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2E({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2M({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$1c || (_path$1c = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1g || (_path$1g = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M4 6l4 4 4-4",
     stroke: "currentColor"
   })));
 }
-var _path$1b;
+var _path$1f;
-function _extends$2D() { _extends$2D = 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$2D.apply(this, arguments); }
+function _extends$2L() { _extends$2L = 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$2L.apply(this, arguments); }
 function SvgChevronUp(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2D({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2L({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$1b || (_path$1b = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1f || (_path$1f = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12 10L8 6l-4 4",
     stroke: "currentColor"
   })));
 }
-var _path$15;
+var _path$19;
-function _extends$2s() { _extends$2s = 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$2s.apply(this, arguments); }
+function _extends$2A() { _extends$2A = 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$2A.apply(this, arguments); }
 function SvgSort(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2s({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2A({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$15 || (_path$15 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$19 || (_path$19 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M11.333 6L8 2.667 4.667 6m6.666 4L8 13.334 4.667 10",
     stroke: "currentColor"
   })));
 }
-var _path$Z;
+var _path$11;
-function _extends$2a() { _extends$2a = 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$2a.apply(this, arguments); }
+function _extends$2i() { _extends$2i = 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$2i.apply(this, arguments); }
 function SvgFilter(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2a({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2i({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$Z || (_path$Z = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$11 || (_path$11 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M14.667 2H1.333l5.334 6.307v4.36L9.333 14V8.307L14.667 2z",
     stroke: "currentColor"
   })));
 }
-var _path$R;
+var _path$V;
-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); }
+function _extends$21() { _extends$21 = 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$21.apply(this, arguments); }
 function SvgMore(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1V({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$21({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$R || (_path$R = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$V || (_path$V = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M8 8.667a.667.667 0 100-1.334.667.667 0 000 1.334zM8 4a.667.667 0 100-1.334A.667.667 0 008 4zm0 9.333A.667.667 0 108 12a.667.667 0 000 1.333z",
     stroke: "currentColor"
   })));
 }
-var _path$N;
+var _path$R;
-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); }
+function _extends$1X() { _extends$1X = 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$1X.apply(this, arguments); }
 function SvgSearch(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1P({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1X({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$N || (_path$N = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$R || (_path$R = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M7.333 12.667A5.333 5.333 0 107.333 2a5.333 5.333 0 000 10.667zM14 14l-2.9-2.9",
     stroke: "currentColor"
   })));
@@ -1345,12 +1345,27 @@ var SelectFilter = function (props) {
             })))));
 };
+var ToggleFilter = function (props) {
+    var table = React.useContext(TableContext);
+    var columnId = props.columnId;
+    var column = table.getColumn(columnId);
+    var meta = column.columnDef.meta;
+    var filterName = meta.filter.name;
+    var value = column.getFilterValue();
+    var handleChange = function (event, checked) {
+        event.stopPropagation();
+        column.setFilterValue(checked);
+    };
+    return React__default['default'].createElement(core.FormControlLabel, { control: React__default['default'].createElement(core.Switch, { checked: value, onChange: handleChange }), label: filterName });
+};
 var FilterControl = function (props) {
     var input = props.input, columnFilter = __rest$3(props, ["input"]);
     var inputDictionary = {
         text: core.TextField,
         select: SelectFilter,
         'multi-select': SelectFilter,
+        toggle: ToggleFilter,
     };
     var propsDictionary = {
         select: { multiple: false },
@@ -1545,19 +1560,19 @@ function __rest(s, e) {
     return t;
 }
-var _path$J;
+var _path$N;
-function _extends$1D() { _extends$1D = 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$1D.apply(this, arguments); }
+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); }
 function SvgUser(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1D({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1L({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$J || (_path$J = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$N || (_path$N = /*#__PURE__*/React__namespace.createElement("path", {
     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",
     stroke: "currentColor"
   })));
@@ -2224,19 +2239,19 @@ core.makeStyles(function (theme) { return ({
     },
 }); });
-var _g$1i;
+var _g$1m;
-function _extends$2j() { _extends$2j = 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$2j.apply(this, arguments); }
+function _extends$2r() { _extends$2r = 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$2r.apply(this, arguments); }
 function SvgCheckCircle(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2j({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2r({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$1i || (_g$1i = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$1m || (_g$1m = /*#__PURE__*/React__namespace.createElement("g", {
     stroke: "currentColor"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     d: "M14.667 7.387V8a6.667 6.667 0 11-3.954-6.093"
@@ -2245,44 +2260,44 @@ function SvgCheckCircle(props) {
   }))));
 }
-var _path$$;
+var _path$13;
-function _extends$2h() { _extends$2h = 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$2h.apply(this, arguments); }
+function _extends$2p() { _extends$2p = 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$2p.apply(this, arguments); }
 function SvgX(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2h({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2p({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$$ || (_path$$ = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$13 || (_path$13 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12 4l-8 8m0-8l8 8",
     stroke: "currentColor"
   })));
 }
-var _g$1a, _defs$B;
+var _g$1e, _defs$D;
-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); }
+function _extends$2f() { _extends$2f = 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$2f.apply(this, arguments); }
 function SvgHelp(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$27({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2f({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$1a || (_g$1a = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$1e || (_g$1e = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#help_svg__clip0_8_5446)",
     stroke: "currentColor"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333z"
   }), /*#__PURE__*/React__namespace.createElement("path", {
     d: "M6.06 6a2 2 0 013.887.667c0 1.333-2 2-2 2M8 11.334h.007"
-  }))), _defs$B || (_defs$B = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+  }))), _defs$D || (_defs$D = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
     id: "help_svg__clip0_8_5446"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
@@ -2290,24 +2305,24 @@ function SvgHelp(props) {
   })))));
 }
-var _g$17, _defs$A;
+var _g$1b, _defs$C;
-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); }
+function _extends$2c() { _extends$2c = 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$2c.apply(this, arguments); }
 function SvgInfo(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$24({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2c({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$17 || (_g$17 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$1b || (_g$1b = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#info_svg__clip0_8_5377)",
     stroke: "currentColor"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zm0-4V8m0-2.667h.007"
-  }))), _defs$A || (_defs$A = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+  }))), _defs$C || (_defs$C = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
     id: "info_svg__clip0_8_5377"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
@@ -2315,24 +2330,24 @@ function SvgInfo(props) {
   })))));
 }
-var _g$T, _defs$r;
+var _g$X, _defs$t;
-function _extends$1z() { _extends$1z = 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$1z.apply(this, arguments); }
+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); }
 function SvgError(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1z({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1H({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$T || (_g$T = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$X || (_g$X = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#error_svg__clip0_8_5411)",
     stroke: "currentColor"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     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"
-  }))), _defs$r || (_defs$r = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+  }))), _defs$t || (_defs$t = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
     id: "error_svg__clip0_8_5411"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
@@ -2340,19 +2355,19 @@ function SvgError(props) {
   })))));
 }
-var _path$G;
+var _path$K;
-function _extends$1y() { _extends$1y = 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$1y.apply(this, arguments); }
+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); }
 function SvgWarning(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1y({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1G({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$G || (_path$G = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$K || (_path$K = /*#__PURE__*/React__namespace.createElement("path", {
     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",
     stroke: "currentColor"
   })));