superdesk-ui-framework 4.0.0 → 4.0.1

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 (11) hide show
  1. package/app-typescript/components/Layouts/AuthoringInnerHeader.tsx +9 -4
  2. package/app-typescript/components/Layouts/AuthoringMain.tsx +2 -0
  3. package/app-typescript/components/Tooltip.tsx +1 -2
  4. package/dist/examples.bundle.js +7 -6
  5. package/dist/superdesk-ui.bundle.js +6 -5
  6. package/package.json +1 -1
  7. package/react/components/Layouts/AuthoringInnerHeader.d.ts +1 -0
  8. package/react/components/Layouts/AuthoringInnerHeader.js +4 -2
  9. package/react/components/Layouts/AuthoringMain.d.ts +1 -0
  10. package/react/components/Layouts/AuthoringMain.js +1 -1
  11. package/react/components/Tooltip.js +1 -2
package/app-typescript/components/Layouts/AuthoringInnerHeader.tsx CHANGED
@@ -7,6 +7,7 @@ interface IProps {
7
7
  children?: React.ReactNode;
8
8
  collapsed?: boolean;
9
9
  headerPadding?: HeaderPadding;
10
+ hideCollapseButton?: boolean;
10
11
  }
11
12
 
12
13
  interface IState {
@@ -23,6 +24,8 @@ export class AuthoringInnerHeader extends React.PureComponent<IProps, IState> {
23
24
  }
24
25
 
25
26
  render() {
27
+ const hideCollapseButton = this.props.hideCollapseButton ?? false;
28
+
26
29
  const classes = classNames('sd-editor-content__authoring-header', {
27
30
  'authoring-header--collapsed': this.state.collapsed,
28
31
  });
@@ -41,10 +44,12 @@ export class AuthoringInnerHeader extends React.PureComponent<IProps, IState> {
41
44
  <div className="authoring-header__holder">
42
45
  {this.props.children}
43
46
  </div>
44
- <button className="authoring-header__toggle"
45
- onClick={() => this.setState({collapsed: !this.state.collapsed})}>
46
- <Icon name="chevron-up-thin" />
47
- </button>
47
+ {!hideCollapseButton && (
48
+ <button className="authoring-header__toggle"
49
+ onClick={() => this.setState({collapsed: !this.state.collapsed})}>
50
+ <Icon name="chevron-up-thin" />
51
+ </button>
52
+ )}
48
53
  </header>
49
54
  );
50
55
  }
package/app-typescript/components/Layouts/AuthoringMain.tsx CHANGED
@@ -22,6 +22,7 @@ interface IProps {
22
22
  authoringHeader?: React.ReactNode;
23
23
  authoringBookmarks?: React.ReactNode;
24
24
  headerCollapsed?: boolean;
25
+ hideCollapseButton?: boolean;
25
26
  headerPadding?: HeaderPadding;
26
27
  toolbarCustom?: boolean;
27
28
  noPaddingForContent?: boolean;
@@ -39,6 +40,7 @@ export class AuthoringMain extends React.PureComponent<IProps> {
39
40
  <AuthoringMainContent>
40
41
  {this.props.authoringHeader && (
41
42
  <AuthoringInnerHeader
43
+ hideCollapseButton={this.props.hideCollapseButton}
42
44
  headerPadding={this.props.headerPadding}
43
45
  collapsed={this.props.headerCollapsed}>
44
46
  {this.props.authoringHeader}
package/app-typescript/components/Tooltip.tsx CHANGED
@@ -40,8 +40,7 @@ class TooltipBasic extends React.PureComponent<IProps> {
40
40
  }
41
41
 
42
42
  const TooltipAppended: React.FC<IProps> = ({children, flow, text}) => {
43
- const htmlId = nextId();
44
- const triggerId = "t" + htmlId;
43
+ const triggerId = `uif-tooltip-${Math.random().toString().slice(2)}`;
45
44
  const position = flow === "down" ? "bottom" : flow;
46
45
 
47
46
  return (
package/dist/examples.bundle.js CHANGED
@@ -27517,8 +27517,7 @@ var TooltipBasic = /** @class */ (function (_super) {
27517
27517
  }(React.PureComponent));
27518
27518
  var TooltipAppended = function (_a) {
27519
27519
  var children = _a.children, flow = _a.flow, text = _a.text;
27520
- var htmlId = (0, react_id_generator_1.default)();
27521
- var triggerId = "t" + htmlId;
27520
+ var triggerId = "uif-tooltip-".concat(Math.random().toString().slice(2));
27522
27521
  var position = flow === "down" ? "bottom" : flow;
27523
27522
  return (React.createElement(React.Fragment, null,
27524
27523
  React.createElement(tooltip_1.Tooltip, { target: "#" + triggerId, content: text, position: position !== null && position !== void 0 ? position : 'top' }),
@@ -150210,7 +150209,7 @@ var AuthoringMain = /** @class */ (function (_super) {
150210
150209
  return (React.createElement(_1.AuthoringMainContainer, null,
150211
150210
  this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
150212
150211
  React.createElement(_1.AuthoringMainContent, null,
150213
- this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
150212
+ this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { hideCollapseButton: this.props.hideCollapseButton, headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
150214
150213
  this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
150215
150214
  React.createElement(_1.AuthoringInnerBody, { noPadding: this.props.noPaddingForContent }, this.props.children))));
150216
150215
  };
@@ -150469,6 +150468,8 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
150469
150468
  }
150470
150469
  AuthoringInnerHeader.prototype.render = function () {
150471
150470
  var _this = this;
150471
+ var _a;
150472
+ var hideCollapseButton = (_a = this.props.hideCollapseButton) !== null && _a !== void 0 ? _a : false;
150472
150473
  var classes = (0, classnames_1.default)('sd-editor-content__authoring-header', {
150473
150474
  'authoring-header--collapsed': this.state.collapsed,
150474
150475
  });
@@ -150480,8 +150481,8 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
150480
150481
  paddingInlineEnd: headerPadding === null || headerPadding === void 0 ? void 0 : headerPadding.inlineEnd,
150481
150482
  }, className: classes },
150482
150483
  React.createElement("div", { className: "authoring-header__holder" }, this.props.children),
150483
- React.createElement("button", { className: "authoring-header__toggle", onClick: function () { return _this.setState({ collapsed: !_this.state.collapsed }); } },
150484
- React.createElement(Icon_1.Icon, { name: "chevron-up-thin" }))));
150484
+ !hideCollapseButton && (React.createElement("button", { className: "authoring-header__toggle", onClick: function () { return _this.setState({ collapsed: !_this.state.collapsed }); } },
150485
+ React.createElement(Icon_1.Icon, { name: "chevron-up-thin" })))));
150485
150486
  };
150486
150487
  return AuthoringInnerHeader;
150487
150488
  }(React.PureComponent));
@@ -185172,7 +185173,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
185172
185173
  /* 936 */
185173
185174
  /***/ (function(module, exports) {
185174
185175
 
185175
- module.exports = {"name":"superdesk-ui-framework","version":"4.0.0","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","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint","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/enzyme-adapter-react-16":"^1.0.6","@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","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","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","moment":"^2.29.3","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","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":{"@popperjs/core":"^2.4.0","@superdesk/common":"0.0.28","@superdesk/primereact":"^5.0.2-12","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"2.7.0","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-scrollspy":"^3.4.3"},"peerDependencies":{"moment":"*"}}
185176
+ module.exports = {"name":"superdesk-ui-framework","version":"4.0.1","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","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint","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/enzyme-adapter-react-16":"^1.0.6","@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","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","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","moment":"^2.29.3","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","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":{"@popperjs/core":"^2.4.0","@superdesk/common":"0.0.28","@superdesk/primereact":"^5.0.2-12","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"2.7.0","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-scrollspy":"^3.4.3"},"peerDependencies":{"moment":"*"}}
185176
185177
 
185177
185178
  /***/ }),
185178
185179
  /* 937 */
package/dist/superdesk-ui.bundle.js CHANGED
@@ -27068,8 +27068,7 @@ var TooltipBasic = /** @class */ (function (_super) {
27068
27068
  }(React.PureComponent));
27069
27069
  var TooltipAppended = function (_a) {
27070
27070
  var children = _a.children, flow = _a.flow, text = _a.text;
27071
- var htmlId = (0, react_id_generator_1.default)();
27072
- var triggerId = "t" + htmlId;
27071
+ var triggerId = "uif-tooltip-".concat(Math.random().toString().slice(2));
27073
27072
  var position = flow === "down" ? "bottom" : flow;
27074
27073
  return (React.createElement(React.Fragment, null,
27075
27074
  React.createElement(tooltip_1.Tooltip, { target: "#" + triggerId, content: text, position: position !== null && position !== void 0 ? position : 'top' }),
@@ -149331,7 +149330,7 @@ var AuthoringMain = /** @class */ (function (_super) {
149331
149330
  return (React.createElement(_1.AuthoringMainContainer, null,
149332
149331
  this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
149333
149332
  React.createElement(_1.AuthoringMainContent, null,
149334
- this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
149333
+ this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { hideCollapseButton: this.props.hideCollapseButton, headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
149335
149334
  this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
149336
149335
  React.createElement(_1.AuthoringInnerBody, { noPadding: this.props.noPaddingForContent }, this.props.children))));
149337
149336
  };
@@ -149590,6 +149589,8 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
149590
149589
  }
149591
149590
  AuthoringInnerHeader.prototype.render = function () {
149592
149591
  var _this = this;
149592
+ var _a;
149593
+ var hideCollapseButton = (_a = this.props.hideCollapseButton) !== null && _a !== void 0 ? _a : false;
149593
149594
  var classes = (0, classnames_1.default)('sd-editor-content__authoring-header', {
149594
149595
  'authoring-header--collapsed': this.state.collapsed,
149595
149596
  });
@@ -149601,8 +149602,8 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
149601
149602
  paddingInlineEnd: headerPadding === null || headerPadding === void 0 ? void 0 : headerPadding.inlineEnd,
149602
149603
  }, className: classes },
149603
149604
  React.createElement("div", { className: "authoring-header__holder" }, this.props.children),
149604
- React.createElement("button", { className: "authoring-header__toggle", onClick: function () { return _this.setState({ collapsed: !_this.state.collapsed }); } },
149605
- React.createElement(Icon_1.Icon, { name: "chevron-up-thin" }))));
149605
+ !hideCollapseButton && (React.createElement("button", { className: "authoring-header__toggle", onClick: function () { return _this.setState({ collapsed: !_this.state.collapsed }); } },
149606
+ React.createElement(Icon_1.Icon, { name: "chevron-up-thin" })))));
149606
149607
  };
149607
149608
  return AuthoringInnerHeader;
149608
149609
  }(React.PureComponent));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "superdesk-ui-framework",
3
- "version": "4.0.0",
3
+ "version": "4.0.1",
4
4
  "license": "AGPL-3.0",
5
5
  "repository": {
6
6
  "type": "git",
package/react/components/Layouts/AuthoringInnerHeader.d.ts CHANGED
@@ -4,6 +4,7 @@ interface IProps {
4
4
  children?: React.ReactNode;
5
5
  collapsed?: boolean;
6
6
  headerPadding?: HeaderPadding;
7
+ hideCollapseButton?: boolean;
7
8
  }
8
9
  interface IState {
9
10
  collapsed: boolean;
package/react/components/Layouts/AuthoringInnerHeader.js CHANGED
@@ -56,6 +56,8 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
56
56
  }
57
57
  AuthoringInnerHeader.prototype.render = function () {
58
58
  var _this = this;
59
+ var _a;
60
+ var hideCollapseButton = (_a = this.props.hideCollapseButton) !== null && _a !== void 0 ? _a : false;
59
61
  var classes = (0, classnames_1.default)('sd-editor-content__authoring-header', {
60
62
  'authoring-header--collapsed': this.state.collapsed,
61
63
  });
@@ -67,8 +69,8 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
67
69
  paddingInlineEnd: headerPadding === null || headerPadding === void 0 ? void 0 : headerPadding.inlineEnd,
68
70
  }, className: classes },
69
71
  React.createElement("div", { className: "authoring-header__holder" }, this.props.children),
70
- React.createElement("button", { className: "authoring-header__toggle", onClick: function () { return _this.setState({ collapsed: !_this.state.collapsed }); } },
71
- React.createElement(Icon_1.Icon, { name: "chevron-up-thin" }))));
72
+ !hideCollapseButton && (React.createElement("button", { className: "authoring-header__toggle", onClick: function () { return _this.setState({ collapsed: !_this.state.collapsed }); } },
73
+ React.createElement(Icon_1.Icon, { name: "chevron-up-thin" })))));
72
74
  };
73
75
  return AuthoringInnerHeader;
74
76
  }(React.PureComponent));
package/react/components/Layouts/AuthoringMain.d.ts CHANGED
@@ -11,6 +11,7 @@ interface IProps {
11
11
  authoringHeader?: React.ReactNode;
12
12
  authoringBookmarks?: React.ReactNode;
13
13
  headerCollapsed?: boolean;
14
+ hideCollapseButton?: boolean;
14
15
  headerPadding?: HeaderPadding;
15
16
  toolbarCustom?: boolean;
16
17
  noPaddingForContent?: boolean;
package/react/components/Layouts/AuthoringMain.js CHANGED
@@ -50,7 +50,7 @@ var AuthoringMain = /** @class */ (function (_super) {
50
50
  return (React.createElement(_1.AuthoringMainContainer, null,
51
51
  this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
52
52
  React.createElement(_1.AuthoringMainContent, null,
53
- this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
53
+ this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { hideCollapseButton: this.props.hideCollapseButton, headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
54
54
  this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
55
55
  React.createElement(_1.AuthoringInnerBody, { noPadding: this.props.noPaddingForContent }, this.props.children))));
56
56
  };
package/react/components/Tooltip.js CHANGED
@@ -103,8 +103,7 @@ var TooltipBasic = /** @class */ (function (_super) {
103
103
  }(React.PureComponent));
104
104
  var TooltipAppended = function (_a) {
105
105
  var children = _a.children, flow = _a.flow, text = _a.text;
106
- var htmlId = (0, react_id_generator_1.default)();
107
- var triggerId = "t" + htmlId;
106
+ var triggerId = "uif-tooltip-".concat(Math.random().toString().slice(2));
108
107
  var position = flow === "down" ? "bottom" : flow;
109
108
  return (React.createElement(React.Fragment, null,
110
109
  React.createElement(tooltip_1.Tooltip, { target: "#" + triggerId, content: text, position: position !== null && position !== void 0 ? position : 'top' }),