@popmenu/table 0.23.0 → 0.24.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/build/index.es.js CHANGED
@@ -6,10 +6,9 @@ import { useSortBy } from 'react-table/src/plugin-hooks/useSortBy.js';
6
6
  import { useGlobalFilter } from 'react-table/src/plugin-hooks/useGlobalFilter.js';
7
7
  import { Pagination } from '@material-ui/lab';
8
8
  import '@material-ui/lab/Alert';
9
- import { makeStyles, Paper as Paper$1, Link as Link$1, Box, useTheme as useTheme$1, TextField, InputAdornment } from '@material-ui/core';
9
+ import { makeStyles, Typography as Typography$1, Paper as Paper$1, Link as Link$1, Box, useTheme as useTheme$1, TextField, InputAdornment } from '@material-ui/core';
10
10
  import '@material-ui/core/AppBar';
11
11
  import MuiIconButton from '@material-ui/core/IconButton';
12
- import MuiTypography from '@material-ui/core/Typography';
13
12
  import { makeStyles as makeStyles$1, useTheme } from '@material-ui/core/styles';
14
13
  import MuiAvatar from '@material-ui/core/Avatar';
15
14
  import '@material-ui/core/Badge';
@@ -138,20 +137,20 @@ function __rest(s, e) {
138
137
  return t;
139
138
  }
140
139
 
141
- var _path$2O;
140
+ var _path$3k;
142
141
 
143
- function _extends$32() { _extends$32 = 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$32.apply(this, arguments); }
142
+ function _extends$3B() { _extends$3B = 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$3B.apply(this, arguments); }
144
143
 
145
144
  function SvgUser(props) {
146
- return /*#__PURE__*/React.createElement("svg", _extends$32({
145
+ return /*#__PURE__*/React.createElement("svg", _extends$3B({
147
146
  viewBox: "0 0 16 16",
148
147
  strokeLinecap: "round",
149
148
  strokeLinejoin: "round",
150
149
  stroke: "currentColor",
151
- fill: "none",
152
150
  width: "1em",
153
- height: "1em"
154
- }, props), _path$2O || (_path$2O = /*#__PURE__*/React.createElement("path", {
151
+ height: "1em",
152
+ fill: "none"
153
+ }, props), _path$3k || (_path$3k = /*#__PURE__*/React.createElement("path", {
155
154
  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"
156
155
  })));
157
156
  }
@@ -278,29 +277,29 @@ IconButton.defaultProps = {
278
277
  color: 'secondary',
279
278
  };
280
279
 
281
- var useTypographyStyles = makeStyles$1(function () {
282
- var _a;
283
- return ({
284
- root: (_a = {},
285
- _a["& ." + iconStaticClassName] = {
286
- position: 'relative',
287
- top: '0.125em',
288
- padding: '0 0.125em',
289
- boxSizing: 'content-box',
290
- },
291
- _a),
292
- caption: {
293
- display: 'inline',
294
- },
295
- overline: {
296
- display: 'inline',
297
- },
298
- });
299
- });
280
+ var useTypographyStyles = makeStyles$1(function () { return ({
281
+ root: function (_a) {
282
+ var _b;
283
+ var weight = _a.weight;
284
+ return (__assign((_b = {}, _b["& ." + iconStaticClassName] = {
285
+ position: 'relative',
286
+ top: '0.125em',
287
+ padding: '0 0.125em',
288
+ boxSizing: 'content-box',
289
+ }, _b), (weight && { fontWeight: (weight === 'semi-bold' && 600) || (weight === 'bold' && 700) || 400 })));
290
+ },
291
+ caption: {
292
+ display: 'inline',
293
+ },
294
+ overline: {
295
+ display: 'inline',
296
+ },
297
+ }); });
300
298
 
301
299
  var Typography = forwardRef(function (props, ref) {
300
+ props.weight; var restProps = __rest(props, ["weight"]);
302
301
  var classes = useTypographyStyles(props);
303
- return React__default.createElement(MuiTypography, __assign({ ref: ref, classes: classes }, props));
302
+ return React__default.createElement(Typography$1, __assign({ ref: ref, classes: classes }, restProps));
304
303
  });
305
304
  Typography.displayName = 'Typography';
306
305
 
@@ -716,75 +715,75 @@ var TableHeader = function (props) {
716
715
  return React__default.createElement("thead", __assign$1({}, restProps), children);
717
716
  };
718
717
 
719
- var _path$4w;
718
+ var _path$3K;
720
719
 
721
- function _extends$4M() { _extends$4M = 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$4M.apply(this, arguments); }
720
+ function _extends$3$() { _extends$3$ = 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$3$.apply(this, arguments); }
722
721
 
723
- function SvgChevronDown(props) {
724
- return /*#__PURE__*/React.createElement("svg", _extends$4M({
722
+ function SvgMore(props) {
723
+ return /*#__PURE__*/React.createElement("svg", _extends$3$({
725
724
  viewBox: "0 0 16 16",
726
725
  strokeLinecap: "round",
727
726
  strokeLinejoin: "round",
728
727
  stroke: "currentColor",
729
- fill: "none",
730
728
  width: "1em",
731
- height: "1em"
732
- }, props), _path$4w || (_path$4w = /*#__PURE__*/React.createElement("path", {
733
- d: "M4 6l4 4 4-4"
729
+ height: "1em",
730
+ fill: "none"
731
+ }, props), _path$3K || (_path$3K = /*#__PURE__*/React.createElement("path", {
732
+ d: "M8 8.667a.667.667 0 100-1.334.667.667 0 000 1.334zM8 4a.667.667 0 100-1.333A.667.667 0 008 4zm0 9.333A.667.667 0 108 12a.667.667 0 000 1.333z"
734
733
  })));
735
734
  }
736
735
 
737
- var _path$4v;
736
+ var _path$3A;
738
737
 
739
- function _extends$4L() { _extends$4L = 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$4L.apply(this, arguments); }
738
+ function _extends$3R() { _extends$3R = 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$3R.apply(this, arguments); }
740
739
 
741
- function SvgChevronUp(props) {
742
- return /*#__PURE__*/React.createElement("svg", _extends$4L({
740
+ function SvgSearch(props) {
741
+ return /*#__PURE__*/React.createElement("svg", _extends$3R({
743
742
  viewBox: "0 0 16 16",
744
743
  strokeLinecap: "round",
745
744
  strokeLinejoin: "round",
746
745
  stroke: "currentColor",
747
- fill: "none",
748
746
  width: "1em",
749
- height: "1em"
750
- }, props), _path$4v || (_path$4v = /*#__PURE__*/React.createElement("path", {
751
- d: "M12 10L8 6l-4 4"
747
+ height: "1em",
748
+ fill: "none"
749
+ }, props), _path$3A || (_path$3A = /*#__PURE__*/React.createElement("path", {
750
+ d: "M7.333 12.667A5.333 5.333 0 107.333 2a5.333 5.333 0 000 10.667zM14 14l-2.9-2.9"
752
751
  })));
753
752
  }
754
753
 
755
- var _path$3c;
754
+ var _path$2X;
756
755
 
757
- function _extends$3s() { _extends$3s = 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$3s.apply(this, arguments); }
756
+ function _extends$3b() { _extends$3b = 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$3b.apply(this, arguments); }
758
757
 
759
- function SvgMore(props) {
760
- return /*#__PURE__*/React.createElement("svg", _extends$3s({
758
+ function SvgChevronDown(props) {
759
+ return /*#__PURE__*/React.createElement("svg", _extends$3b({
761
760
  viewBox: "0 0 16 16",
762
761
  strokeLinecap: "round",
763
762
  strokeLinejoin: "round",
764
763
  stroke: "currentColor",
765
- fill: "none",
766
764
  width: "1em",
767
- height: "1em"
768
- }, props), _path$3c || (_path$3c = /*#__PURE__*/React.createElement("path", {
769
- 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"
765
+ height: "1em",
766
+ fill: "none"
767
+ }, props), _path$2X || (_path$2X = /*#__PURE__*/React.createElement("path", {
768
+ d: "M4 6l4 4 4-4"
770
769
  })));
771
770
  }
772
771
 
773
- var _path$32;
772
+ var _path$2W;
774
773
 
775
- function _extends$3i() { _extends$3i = 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$3i.apply(this, arguments); }
774
+ function _extends$3a() { _extends$3a = 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$3a.apply(this, arguments); }
776
775
 
777
- function SvgSearch(props) {
778
- return /*#__PURE__*/React.createElement("svg", _extends$3i({
776
+ function SvgChevronUp(props) {
777
+ return /*#__PURE__*/React.createElement("svg", _extends$3a({
779
778
  viewBox: "0 0 16 16",
780
779
  strokeLinecap: "round",
781
780
  strokeLinejoin: "round",
782
781
  stroke: "currentColor",
783
- fill: "none",
784
782
  width: "1em",
785
- height: "1em"
786
- }, props), _path$32 || (_path$32 = /*#__PURE__*/React.createElement("path", {
787
- d: "M7.333 12.667A5.333 5.333 0 107.333 2a5.333 5.333 0 000 10.667zM14 14l-2.9-2.9"
783
+ height: "1em",
784
+ fill: "none"
785
+ }, props), _path$2W || (_path$2W = /*#__PURE__*/React.createElement("path", {
786
+ d: "M12 10L8 6l-4 4"
788
787
  })));
789
788
  }
790
789