jrs-react 1.2.11 → 1.2.12

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
@@ -6768,14 +6768,14 @@ const TFoot = ({
6768
6768
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tfoot", null, trs));
6769
6769
  };
6770
6770
 
6771
- function _extends() {
6772
- return _extends = Object.assign ? Object.assign.bind() : function (n) {
6771
+ function _extends$3() {
6772
+ return _extends$3 = Object.assign ? Object.assign.bind() : function (n) {
6773
6773
  for (var e = 1; e < arguments.length; e++) {
6774
6774
  var t = arguments[e];
6775
6775
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
6776
6776
  }
6777
6777
  return n;
6778
- }, _extends.apply(null, arguments);
6778
+ }, _extends$3.apply(null, arguments);
6779
6779
  }
6780
6780
 
6781
6781
  styled.tbody`
@@ -6859,7 +6859,7 @@ styled.tr`
6859
6859
  }
6860
6860
  `;
6861
6861
  const GroupHeader = props => {
6862
- return /*#__PURE__*/React.createElement(GroupColumns, _extends({
6862
+ return /*#__PURE__*/React.createElement(GroupColumns, _extends$3({
6863
6863
  trClassName: 'jr-group-header'
6864
6864
  }, props));
6865
6865
  };
@@ -6870,7 +6870,7 @@ styled.tr`
6870
6870
  }
6871
6871
  `;
6872
6872
  const GroupFooter = props => {
6873
- return /*#__PURE__*/React.createElement(GroupColumns, _extends({
6873
+ return /*#__PURE__*/React.createElement(GroupColumns, _extends$3({
6874
6874
  trClassName: 'jr-group-footer'
6875
6875
  }, props));
6876
6876
  };
@@ -6991,7 +6991,7 @@ const TBody = ({
6991
6991
  };
6992
6992
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tbody", {
6993
6993
  key: `tbody${tbodyIndex}`
6994
- }, groupData?.length > 0 && /*#__PURE__*/React.createElement(GroupHeader, _extends({
6994
+ }, groupData?.length > 0 && /*#__PURE__*/React.createElement(GroupHeader, _extends$3({
6995
6995
  groupData: groupData,
6996
6996
  columns: groupHeader
6997
6997
  }, neededProps)), groupData?.map?.((record, trIndex) => {
@@ -7005,13 +7005,13 @@ const TBody = ({
7005
7005
  groupIndex: tbodyIndex
7006
7006
  });
7007
7007
  }
7008
- }, /*#__PURE__*/React.createElement(Tds, _extends({
7008
+ }, /*#__PURE__*/React.createElement(Tds, _extends$3({
7009
7009
  record: record,
7010
7010
  trIndex: trIndex
7011
7011
  }, neededProps, {
7012
7012
  leafColumns: leafColumns
7013
7013
  })));
7014
- }), groupData?.length > 0 && /*#__PURE__*/React.createElement(GroupFooter, _extends({
7014
+ }), groupData?.length > 0 && /*#__PURE__*/React.createElement(GroupFooter, _extends$3({
7015
7015
  groupData: groupData,
7016
7016
  columns: groupFooter
7017
7017
  }, neededProps))));
@@ -7177,6 +7177,62 @@ const StyledJRTable = styled.div`
7177
7177
  }
7178
7178
  `;
7179
7179
 
7180
+ var _path$1;
7181
+ function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
7182
+ var SvgX = function SvgX(props) {
7183
+ return /*#__PURE__*/reactExports.createElement("svg", _extends$2({
7184
+ xmlns: "http://www.w3.org/2000/svg",
7185
+ width: 24,
7186
+ height: 24,
7187
+ fill: "none",
7188
+ stroke: "currentColor",
7189
+ strokeLinecap: "round",
7190
+ strokeLinejoin: "round",
7191
+ strokeWidth: 2
7192
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/reactExports.createElement("path", {
7193
+ d: "M18 6 6 18M6 6l12 12"
7194
+ })));
7195
+ };
7196
+
7197
+ var _rect;
7198
+ function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
7199
+ var SvgSquare = function SvgSquare(props) {
7200
+ return /*#__PURE__*/reactExports.createElement("svg", _extends$1({
7201
+ xmlns: "http://www.w3.org/2000/svg",
7202
+ width: 24,
7203
+ height: 24,
7204
+ fill: "none",
7205
+ stroke: "currentColor",
7206
+ strokeLinecap: "round",
7207
+ strokeLinejoin: "round",
7208
+ strokeWidth: 2
7209
+ }, props), _rect || (_rect = /*#__PURE__*/reactExports.createElement("rect", {
7210
+ width: 18,
7211
+ height: 18,
7212
+ x: 3,
7213
+ y: 3,
7214
+ rx: 2,
7215
+ ry: 2
7216
+ })));
7217
+ };
7218
+
7219
+ var _path;
7220
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
7221
+ var SvgMinus = function SvgMinus(props) {
7222
+ return /*#__PURE__*/reactExports.createElement("svg", _extends({
7223
+ xmlns: "http://www.w3.org/2000/svg",
7224
+ width: 24,
7225
+ height: 24,
7226
+ fill: "none",
7227
+ stroke: "currentColor",
7228
+ strokeLinecap: "round",
7229
+ strokeLinejoin: "round",
7230
+ strokeWidth: 2
7231
+ }, props), _path || (_path = /*#__PURE__*/reactExports.createElement("path", {
7232
+ d: "M5 12h14"
7233
+ })));
7234
+ };
7235
+
7180
7236
  function JRButton({
7181
7237
  icon,
7182
7238
  children,
@@ -7331,7 +7387,12 @@ class TitleBar extends React.Component {
7331
7387
  config: this.props.title ?? '',
7332
7388
  me: this.props.window,
7333
7389
  className: 'title'
7334
- }), /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement(JRButton, null), /*#__PURE__*/React.createElement(JRButton, null), this.props.window.props.setOpen ? /*#__PURE__*/React.createElement(JRButton, {
7390
+ }), /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement(JRButton, {
7391
+ icon: /*#__PURE__*/React.createElement(SvgMinus, null)
7392
+ }), /*#__PURE__*/React.createElement(JRButton, {
7393
+ icon: /*#__PURE__*/React.createElement(SvgSquare, null)
7394
+ }), this.props.window.props.setOpen ? /*#__PURE__*/React.createElement(JRButton, {
7395
+ icon: /*#__PURE__*/React.createElement(SvgX, null),
7335
7396
  className: 'danger',
7336
7397
  onClick: () => {
7337
7398
  this.props.window.props.setOpen(false);
package/build/index.js CHANGED
@@ -6776,14 +6776,14 @@ const TFoot = ({
6776
6776
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tfoot", null, trs));
6777
6777
  };
6778
6778
 
6779
- function _extends() {
6780
- return _extends = Object.assign ? Object.assign.bind() : function (n) {
6779
+ function _extends$3() {
6780
+ return _extends$3 = Object.assign ? Object.assign.bind() : function (n) {
6781
6781
  for (var e = 1; e < arguments.length; e++) {
6782
6782
  var t = arguments[e];
6783
6783
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
6784
6784
  }
6785
6785
  return n;
6786
- }, _extends.apply(null, arguments);
6786
+ }, _extends$3.apply(null, arguments);
6787
6787
  }
6788
6788
 
6789
6789
  styled__default["default"].tbody`
@@ -6867,7 +6867,7 @@ styled__default["default"].tr`
6867
6867
  }
6868
6868
  `;
6869
6869
  const GroupHeader = props => {
6870
- return /*#__PURE__*/React.createElement(GroupColumns, _extends({
6870
+ return /*#__PURE__*/React.createElement(GroupColumns, _extends$3({
6871
6871
  trClassName: 'jr-group-header'
6872
6872
  }, props));
6873
6873
  };
@@ -6878,7 +6878,7 @@ styled__default["default"].tr`
6878
6878
  }
6879
6879
  `;
6880
6880
  const GroupFooter = props => {
6881
- return /*#__PURE__*/React.createElement(GroupColumns, _extends({
6881
+ return /*#__PURE__*/React.createElement(GroupColumns, _extends$3({
6882
6882
  trClassName: 'jr-group-footer'
6883
6883
  }, props));
6884
6884
  };
@@ -6999,7 +6999,7 @@ const TBody = ({
6999
6999
  };
7000
7000
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tbody", {
7001
7001
  key: `tbody${tbodyIndex}`
7002
- }, groupData?.length > 0 && /*#__PURE__*/React.createElement(GroupHeader, _extends({
7002
+ }, groupData?.length > 0 && /*#__PURE__*/React.createElement(GroupHeader, _extends$3({
7003
7003
  groupData: groupData,
7004
7004
  columns: groupHeader
7005
7005
  }, neededProps)), groupData?.map?.((record, trIndex) => {
@@ -7013,13 +7013,13 @@ const TBody = ({
7013
7013
  groupIndex: tbodyIndex
7014
7014
  });
7015
7015
  }
7016
- }, /*#__PURE__*/React.createElement(Tds, _extends({
7016
+ }, /*#__PURE__*/React.createElement(Tds, _extends$3({
7017
7017
  record: record,
7018
7018
  trIndex: trIndex
7019
7019
  }, neededProps, {
7020
7020
  leafColumns: leafColumns
7021
7021
  })));
7022
- }), groupData?.length > 0 && /*#__PURE__*/React.createElement(GroupFooter, _extends({
7022
+ }), groupData?.length > 0 && /*#__PURE__*/React.createElement(GroupFooter, _extends$3({
7023
7023
  groupData: groupData,
7024
7024
  columns: groupFooter
7025
7025
  }, neededProps))));
@@ -7185,6 +7185,62 @@ const StyledJRTable = styled__default["default"].div`
7185
7185
  }
7186
7186
  `;
7187
7187
 
7188
+ var _path$1;
7189
+ function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
7190
+ var SvgX = function SvgX(props) {
7191
+ return /*#__PURE__*/reactExports.createElement("svg", _extends$2({
7192
+ xmlns: "http://www.w3.org/2000/svg",
7193
+ width: 24,
7194
+ height: 24,
7195
+ fill: "none",
7196
+ stroke: "currentColor",
7197
+ strokeLinecap: "round",
7198
+ strokeLinejoin: "round",
7199
+ strokeWidth: 2
7200
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/reactExports.createElement("path", {
7201
+ d: "M18 6 6 18M6 6l12 12"
7202
+ })));
7203
+ };
7204
+
7205
+ var _rect;
7206
+ function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
7207
+ var SvgSquare = function SvgSquare(props) {
7208
+ return /*#__PURE__*/reactExports.createElement("svg", _extends$1({
7209
+ xmlns: "http://www.w3.org/2000/svg",
7210
+ width: 24,
7211
+ height: 24,
7212
+ fill: "none",
7213
+ stroke: "currentColor",
7214
+ strokeLinecap: "round",
7215
+ strokeLinejoin: "round",
7216
+ strokeWidth: 2
7217
+ }, props), _rect || (_rect = /*#__PURE__*/reactExports.createElement("rect", {
7218
+ width: 18,
7219
+ height: 18,
7220
+ x: 3,
7221
+ y: 3,
7222
+ rx: 2,
7223
+ ry: 2
7224
+ })));
7225
+ };
7226
+
7227
+ var _path;
7228
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
7229
+ var SvgMinus = function SvgMinus(props) {
7230
+ return /*#__PURE__*/reactExports.createElement("svg", _extends({
7231
+ xmlns: "http://www.w3.org/2000/svg",
7232
+ width: 24,
7233
+ height: 24,
7234
+ fill: "none",
7235
+ stroke: "currentColor",
7236
+ strokeLinecap: "round",
7237
+ strokeLinejoin: "round",
7238
+ strokeWidth: 2
7239
+ }, props), _path || (_path = /*#__PURE__*/reactExports.createElement("path", {
7240
+ d: "M5 12h14"
7241
+ })));
7242
+ };
7243
+
7188
7244
  function JRButton({
7189
7245
  icon,
7190
7246
  children,
@@ -7339,7 +7395,12 @@ class TitleBar extends React.Component {
7339
7395
  config: this.props.title ?? '',
7340
7396
  me: this.props.window,
7341
7397
  className: 'title'
7342
- }), /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement(JRButton, null), /*#__PURE__*/React.createElement(JRButton, null), this.props.window.props.setOpen ? /*#__PURE__*/React.createElement(JRButton, {
7398
+ }), /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement(JRButton, {
7399
+ icon: /*#__PURE__*/React.createElement(SvgMinus, null)
7400
+ }), /*#__PURE__*/React.createElement(JRButton, {
7401
+ icon: /*#__PURE__*/React.createElement(SvgSquare, null)
7402
+ }), this.props.window.props.setOpen ? /*#__PURE__*/React.createElement(JRButton, {
7403
+ icon: /*#__PURE__*/React.createElement(SvgX, null),
7343
7404
  className: 'danger',
7344
7405
  onClick: () => {
7345
7406
  this.props.window.props.setOpen(false);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jrs-react",
3
- "version": "1.2.11",
3
+ "version": "1.2.12",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "module": "build/index.es.js",
@@ -150,11 +150,11 @@ export default class TitleBar extends React.Component{
150
150
  >
151
151
  <FreeType tag='div' config={this.props.title??''} me={this.props.window} className={'title'}/>
152
152
  <nav>
153
- <JRButton />
154
- <JRButton />
153
+ <JRButton icon={<IconMinus />}/>
154
+ <JRButton icon={<IconSquare />}/>
155
155
  {
156
156
  this.props.window.props.setOpen
157
- ?<JRButton
157
+ ?<JRButton icon={<IconX />}
158
158
  className={'danger'}
159
159
  onClick={()=>{
160
160
  this.props.window.props.setOpen(false)