superdesk-ui-framework 3.0.17 → 3.0.18

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 (6) hide show
  1. package/app-typescript/components/WithPagination.tsx +4 -4
  2. package/dist/examples.bundle.js +4 -4
  3. package/dist/superdesk-ui.bundle.js +3 -3
  4. package/package.json +1 -1
  5. package/react/components/WithPagination.d.ts +1 -1
  6. package/react/components/WithPagination.js +3 -3
package/app-typescript/components/WithPagination.tsx CHANGED
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import {Icon} from '../components/Icon';
3
3
 
4
4
  interface IProps<T> {
5
- getItems(pageNo: number, signal: AbortSignal): Promise<{items: Array<T>, itemCount: number}>;
5
+ getItems(pageNo: number, pageSize: number, signal: AbortSignal): Promise<{items: Array<T>, itemCount: number}>;
6
6
  children: (items: Array<T>) => JSX.Element;
7
7
  pageSize?: number;
8
8
  }
@@ -98,7 +98,7 @@ export class WithPagination<T> extends React.PureComponent<IProps<T>, IState<T>>
98
98
  }
99
99
 
100
100
  getPageSize() {
101
- return this.props.pageSize ?? 20;
101
+ return this.props.pageSize ?? 100;
102
102
  }
103
103
 
104
104
  switchPage(page: number) {
@@ -107,7 +107,7 @@ export class WithPagination<T> extends React.PureComponent<IProps<T>, IState<T>>
107
107
  }
108
108
 
109
109
  this.inProgress = true;
110
- this.props.getItems(page, this.abortController.signal).then((res) => {
110
+ this.props.getItems(page, this.getPageSize(), this.abortController.signal).then((res) => {
111
111
  this.inProgress = false;
112
112
  this.setState({items: res.items, currentPage: page}, () => {
113
113
  const scrollableEl = getScrollParent(this.ref);
@@ -123,7 +123,7 @@ export class WithPagination<T> extends React.PureComponent<IProps<T>, IState<T>>
123
123
  }
124
124
 
125
125
  componentDidMount(): void {
126
- this.props.getItems(1, this.abortController.signal).then((res) => {
126
+ this.props.getItems(1, this.getPageSize(), this.abortController.signal).then((res) => {
127
127
  this.pageCount = Math.ceil(res.itemCount / this.getPageSize());
128
128
  this.setState({items: res.items});
129
129
  });
package/dist/examples.bundle.js CHANGED
@@ -69400,7 +69400,7 @@ var WithPagination = /** @class */ (function (_super) {
69400
69400
  }
69401
69401
  WithPagination.prototype.getPageSize = function () {
69402
69402
  var _a;
69403
- return (_a = this.props.pageSize) !== null && _a !== void 0 ? _a : 20;
69403
+ return (_a = this.props.pageSize) !== null && _a !== void 0 ? _a : 100;
69404
69404
  };
69405
69405
  WithPagination.prototype.switchPage = function (page) {
69406
69406
  var _this = this;
@@ -69408,7 +69408,7 @@ var WithPagination = /** @class */ (function (_super) {
69408
69408
  this.abortController.abort();
69409
69409
  }
69410
69410
  this.inProgress = true;
69411
- this.props.getItems(page, this.abortController.signal).then(function (res) {
69411
+ this.props.getItems(page, this.getPageSize(), this.abortController.signal).then(function (res) {
69412
69412
  _this.inProgress = false;
69413
69413
  _this.setState({ items: res.items, currentPage: page }, function () {
69414
69414
  var _a;
@@ -69424,7 +69424,7 @@ var WithPagination = /** @class */ (function (_super) {
69424
69424
  };
69425
69425
  WithPagination.prototype.componentDidMount = function () {
69426
69426
  var _this = this;
69427
- this.props.getItems(1, this.abortController.signal).then(function (res) {
69427
+ this.props.getItems(1, this.getPageSize(), this.abortController.signal).then(function (res) {
69428
69428
  _this.pageCount = Math.ceil(res.itemCount / _this.getPageSize());
69429
69429
  _this.setState({ items: res.items });
69430
69430
  });
@@ -142075,7 +142075,7 @@ exports.ResizablePanelsDoc = ResizablePanelsDoc;
142075
142075
  /* 670 */
142076
142076
  /***/ (function(module, exports) {
142077
142077
 
142078
- module.exports = {"name":"superdesk-ui-framework","version":"3.0.17","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"^5.58.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"4.9.5","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-10","@superdesk/react-resizable-panels":"0.0.39","@types/enzyme-adapter-react-16":"^1.0.6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","moment":"^2.29.3","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
142078
+ module.exports = {"name":"superdesk-ui-framework","version":"3.0.18","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"^5.58.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"4.9.5","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-10","@superdesk/react-resizable-panels":"0.0.39","@types/enzyme-adapter-react-16":"^1.0.6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","moment":"^2.29.3","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
142079
142079
 
142080
142080
  /***/ }),
142081
142081
  /* 671 */
package/dist/superdesk-ui.bundle.js CHANGED
@@ -68661,7 +68661,7 @@ var WithPagination = /** @class */ (function (_super) {
68661
68661
  }
68662
68662
  WithPagination.prototype.getPageSize = function () {
68663
68663
  var _a;
68664
- return (_a = this.props.pageSize) !== null && _a !== void 0 ? _a : 20;
68664
+ return (_a = this.props.pageSize) !== null && _a !== void 0 ? _a : 100;
68665
68665
  };
68666
68666
  WithPagination.prototype.switchPage = function (page) {
68667
68667
  var _this = this;
@@ -68669,7 +68669,7 @@ var WithPagination = /** @class */ (function (_super) {
68669
68669
  this.abortController.abort();
68670
68670
  }
68671
68671
  this.inProgress = true;
68672
- this.props.getItems(page, this.abortController.signal).then(function (res) {
68672
+ this.props.getItems(page, this.getPageSize(), this.abortController.signal).then(function (res) {
68673
68673
  _this.inProgress = false;
68674
68674
  _this.setState({ items: res.items, currentPage: page }, function () {
68675
68675
  var _a;
@@ -68685,7 +68685,7 @@ var WithPagination = /** @class */ (function (_super) {
68685
68685
  };
68686
68686
  WithPagination.prototype.componentDidMount = function () {
68687
68687
  var _this = this;
68688
- this.props.getItems(1, this.abortController.signal).then(function (res) {
68688
+ this.props.getItems(1, this.getPageSize(), this.abortController.signal).then(function (res) {
68689
68689
  _this.pageCount = Math.ceil(res.itemCount / _this.getPageSize());
68690
68690
  _this.setState({ items: res.items });
68691
68691
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "superdesk-ui-framework",
3
- "version": "3.0.17",
3
+ "version": "3.0.18",
4
4
  "license": "AGPL-3.0",
5
5
  "repository": {
6
6
  "type": "git",
package/react/components/WithPagination.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  interface IProps<T> {
3
- getItems(pageNo: number, signal: AbortSignal): Promise<{
3
+ getItems(pageNo: number, pageSize: number, signal: AbortSignal): Promise<{
4
4
  items: Array<T>;
5
5
  itemCount: number;
6
6
  }>;
package/react/components/WithPagination.js CHANGED
@@ -115,7 +115,7 @@ var WithPagination = /** @class */ (function (_super) {
115
115
  }
116
116
  WithPagination.prototype.getPageSize = function () {
117
117
  var _a;
118
- return (_a = this.props.pageSize) !== null && _a !== void 0 ? _a : 20;
118
+ return (_a = this.props.pageSize) !== null && _a !== void 0 ? _a : 100;
119
119
  };
120
120
  WithPagination.prototype.switchPage = function (page) {
121
121
  var _this = this;
@@ -123,7 +123,7 @@ var WithPagination = /** @class */ (function (_super) {
123
123
  this.abortController.abort();
124
124
  }
125
125
  this.inProgress = true;
126
- this.props.getItems(page, this.abortController.signal).then(function (res) {
126
+ this.props.getItems(page, this.getPageSize(), this.abortController.signal).then(function (res) {
127
127
  _this.inProgress = false;
128
128
  _this.setState({ items: res.items, currentPage: page }, function () {
129
129
  var _a;
@@ -139,7 +139,7 @@ var WithPagination = /** @class */ (function (_super) {
139
139
  };
140
140
  WithPagination.prototype.componentDidMount = function () {
141
141
  var _this = this;
142
- this.props.getItems(1, this.abortController.signal).then(function (res) {
142
+ this.props.getItems(1, this.getPageSize(), this.abortController.signal).then(function (res) {
143
143
  _this.pageCount = Math.ceil(res.itemCount / _this.getPageSize());
144
144
  _this.setState({ items: res.items });
145
145
  });