superdesk-ui-framework 3.0.76 → 3.0.78

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.
@@ -7,7 +7,7 @@ function sdCheck($parse) {
7
7
  replace: true,
8
8
  transclude: true,
9
9
  template: '<span class="sd-check__wrapper">' +
10
- '<span class="sd-checkbox"></span><label data-test-id="{{testId}}" ng-transclude></label></span>',
10
+ '<span class="sd-checkbox"></span><label" ng-transclude></label></span>',
11
11
  link: function ($scope, element, attrs, ngModel) {
12
12
  $scope.testId = attrs.testId || '';
13
13
 
@@ -96,4 +96,4 @@ function sdCheck($parse) {
96
96
  }
97
97
 
98
98
  angular.module('superdesk-ui.check', [])
99
- .directive('sdCheck', sdCheck);
99
+ .directive('sdCheck', sdCheck);
@@ -430,7 +430,7 @@ $body-font-size: (
430
430
  // Editor 2
431
431
  .abstract,
432
432
  .abstract p,
433
- .abstract div {
433
+ .abstract div:not(.field__label) {
434
434
  font-size: $size;
435
435
  }
436
436
  }
@@ -884,6 +884,12 @@ $planningEditor-width: 53rem;
884
884
  }
885
885
  }
886
886
 
887
+ .content-splitter--disabled {
888
+ &.sd-content-wrapper__content-splitter {
889
+ pointer-events: none;
890
+ }
891
+ }
892
+
887
893
  .sd-content-wrapper__content-splitter {
888
894
  display: none;
889
895
  }
@@ -5,6 +5,7 @@ interface IProps {
5
5
  children?: React.ReactNode;
6
6
  background?: 'transparent' | 'light' | 'grey' | 'dark';
7
7
  visible?: boolean; // defaults to light (white)
8
+ disabled?: boolean;
8
9
  }
9
10
 
10
11
  export class ContentSplitter extends React.PureComponent<IProps> {
@@ -13,6 +14,7 @@ export class ContentSplitter extends React.PureComponent<IProps> {
13
14
  [`sd-content-wrapper__content-splitter--${this.props.background}`]:
14
15
  this.props.background !== 'light' && this.props.background !== undefined,
15
16
  'content-splitter--visible': this.props.visible,
17
+ 'content-splitter--disabled': this.props.disabled,
16
18
  });
17
19
  return (
18
20
  <div className={classes}>
@@ -137,6 +137,10 @@ export class Menu extends React.Component<IProps, {}> {
137
137
  }
138
138
 
139
139
  <div
140
+ className='sd-overflow--y-scroll'
141
+ style={{
142
+ maxHeight: '100%',
143
+ }}
140
144
  onKeyDown={(event) => {
141
145
  if (event.key === 'Escape') {
142
146
  event.stopPropagation();
@@ -100597,7 +100597,9 @@ var Menu = /** @class */ (function (_super) {
100597
100597
  var _a;
100598
100598
  return (React.createElement(React.Fragment, null,
100599
100599
  this.props.children(this.toggle),
100600
- React.createElement("div", { onKeyDown: function (event) {
100600
+ React.createElement("div", { className: 'sd-overflow--y-scroll', style: {
100601
+ maxHeight: '100%',
100602
+ }, onKeyDown: function (event) {
100601
100603
  if (event.key === 'Escape') {
100602
100604
  event.stopPropagation();
100603
100605
  _this.close(event);
@@ -103489,6 +103491,7 @@ var ContentSplitter = /** @class */ (function (_super) {
103489
103491
  var classes = (0, classnames_1.default)('sd-content-wrapper__content-splitter', (_a = {},
103490
103492
  _a["sd-content-wrapper__content-splitter--".concat(this.props.background)] = this.props.background !== 'light' && this.props.background !== undefined,
103491
103493
  _a['content-splitter--visible'] = this.props.visible,
103494
+ _a['content-splitter--disabled'] = this.props.disabled,
103492
103495
  _a));
103493
103496
  return (React.createElement("div", { className: classes }, this.props.children));
103494
103497
  };
@@ -144867,7 +144870,7 @@ exports.IllustrationButtonDoc = IllustrationButtonDoc;
144867
144870
  /* 696 */
144868
144871
  /***/ (function(module, exports) {
144869
144872
 
144870
- module.exports = {"name":"superdesk-ui-framework","version":"3.0.76","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/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-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/primereact":"^5.0.2-12","@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-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"}}
144873
+ module.exports = {"name":"superdesk-ui-framework","version":"3.0.78","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/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-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/primereact":"^5.0.2-12","@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","htmlparser2":"^9.1.0","moment":"^2.29.3","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"}}
144871
144874
 
144872
144875
  /***/ }),
144873
144876
  /* 697 */
@@ -41137,6 +41137,9 @@ input.sd-inset-search__input {
41137
41137
  background-color: #596473;
41138
41138
  cursor: col-resize; }
41139
41139
 
41140
+ .content-splitter--disabled.sd-content-wrapper__content-splitter {
41141
+ pointer-events: none; }
41142
+
41140
41143
  .sd-content-wrapper__content-splitter {
41141
41144
  display: none; }
41142
41145
 
@@ -52045,7 +52048,7 @@ i.sd-sidetab-menu__helper-icon {
52045
52048
 
52046
52049
  .main-article.sd-editor--abstract-small .abstract,
52047
52050
  .main-article.sd-editor--abstract-small .abstract p,
52048
- .main-article.sd-editor--abstract-small .abstract div {
52051
+ .main-article.sd-editor--abstract-small .abstract div:not(.field__label) {
52049
52052
  font-size: 1.4rem; }
52050
52053
 
52051
52054
  .main-article.sd-editor--abstract-medium .abstract .Editor3-root .DraftEditor-editorContainer {
@@ -52053,7 +52056,7 @@ i.sd-sidetab-menu__helper-icon {
52053
52056
 
52054
52057
  .main-article.sd-editor--abstract-medium .abstract,
52055
52058
  .main-article.sd-editor--abstract-medium .abstract p,
52056
- .main-article.sd-editor--abstract-medium .abstract div {
52059
+ .main-article.sd-editor--abstract-medium .abstract div:not(.field__label) {
52057
52060
  font-size: 1.6rem; }
52058
52061
 
52059
52062
  .main-article.sd-editor--abstract-large .abstract .Editor3-root .DraftEditor-editorContainer {
@@ -52061,7 +52064,7 @@ i.sd-sidetab-menu__helper-icon {
52061
52064
 
52062
52065
  .main-article.sd-editor--abstract-large .abstract,
52063
52066
  .main-article.sd-editor--abstract-large .abstract p,
52064
- .main-article.sd-editor--abstract-large .abstract div {
52067
+ .main-article.sd-editor--abstract-large .abstract div:not(.field__label) {
52065
52068
  font-size: 1.8rem; }
52066
52069
 
52067
52070
  .main-article.sd-editor--body-small .Editor3-root .DraftEditor-editorContainer {
@@ -99858,7 +99858,9 @@ var Menu = /** @class */ (function (_super) {
99858
99858
  var _a;
99859
99859
  return (React.createElement(React.Fragment, null,
99860
99860
  this.props.children(this.toggle),
99861
- React.createElement("div", { onKeyDown: function (event) {
99861
+ React.createElement("div", { className: 'sd-overflow--y-scroll', style: {
99862
+ maxHeight: '100%',
99863
+ }, onKeyDown: function (event) {
99862
99864
  if (event.key === 'Escape') {
99863
99865
  event.stopPropagation();
99864
99866
  _this.close(event);
@@ -102750,6 +102752,7 @@ var ContentSplitter = /** @class */ (function (_super) {
102750
102752
  var classes = (0, classnames_1.default)('sd-content-wrapper__content-splitter', (_a = {},
102751
102753
  _a["sd-content-wrapper__content-splitter--".concat(this.props.background)] = this.props.background !== 'light' && this.props.background !== undefined,
102752
102754
  _a['content-splitter--visible'] = this.props.visible,
102755
+ _a['content-splitter--disabled'] = this.props.disabled,
102753
102756
  _a));
102754
102757
  return (React.createElement("div", { className: classes }, this.props.children));
102755
102758
  };
@@ -124564,7 +124567,7 @@ function sdCheck($parse) {
124564
124567
  require: 'ngModel',
124565
124568
  replace: true,
124566
124569
  transclude: true,
124567
- template: '<span class="sd-check__wrapper">' + '<span class="sd-checkbox"></span><label data-test-id="{{testId}}" ng-transclude></label></span>',
124570
+ template: '<span class="sd-check__wrapper">' + '<span class="sd-checkbox"></span><label" ng-transclude></label></span>',
124568
124571
  link: function link($scope, element, attrs, ngModel) {
124569
124572
  $scope.testId = attrs.testId || '';
124570
124573
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "superdesk-ui-framework",
3
- "version": "3.0.76",
3
+ "version": "3.0.78",
4
4
  "license": "AGPL-3.0",
5
5
  "repository": {
6
6
  "type": "git",
@@ -100,6 +100,7 @@
100
100
  "date-fns": "2.7.0",
101
101
  "enzyme": "^3.11.0",
102
102
  "enzyme-adapter-react-16": "^1.15.7",
103
+ "htmlparser2": "^9.1.0",
103
104
  "moment": "^2.29.3",
104
105
  "popper-max-size-modifier": "^0.2.0",
105
106
  "popper.js": "1.14.4",
@@ -3,6 +3,7 @@ interface IProps {
3
3
  children?: React.ReactNode;
4
4
  background?: 'transparent' | 'light' | 'grey' | 'dark';
5
5
  visible?: boolean;
6
+ disabled?: boolean;
6
7
  }
7
8
  export declare class ContentSplitter extends React.PureComponent<IProps> {
8
9
  render(): JSX.Element;
@@ -54,6 +54,7 @@ var ContentSplitter = /** @class */ (function (_super) {
54
54
  var classes = (0, classnames_1.default)('sd-content-wrapper__content-splitter', (_a = {},
55
55
  _a["sd-content-wrapper__content-splitter--".concat(this.props.background)] = this.props.background !== 'light' && this.props.background !== undefined,
56
56
  _a['content-splitter--visible'] = this.props.visible,
57
+ _a['content-splitter--disabled'] = this.props.disabled,
57
58
  _a));
58
59
  return (React.createElement("div", { className: classes }, this.props.children));
59
60
  };
@@ -110,7 +110,9 @@ var Menu = /** @class */ (function (_super) {
110
110
  var _a;
111
111
  return (React.createElement(React.Fragment, null,
112
112
  this.props.children(this.toggle),
113
- React.createElement("div", { onKeyDown: function (event) {
113
+ React.createElement("div", { className: 'sd-overflow--y-scroll', style: {
114
+ maxHeight: '100%',
115
+ }, onKeyDown: function (event) {
114
116
  if (event.key === 'Escape') {
115
117
  event.stopPropagation();
116
118
  _this.close(event);