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.
- package/app/scripts/check.js +2 -2
- package/app/styles/editor/_editor-themes.scss +1 -1
- package/app/styles/grids/_grid-layout.scss +6 -0
- package/app-typescript/components/Layouts/ContentSplitter.tsx +2 -0
- package/app-typescript/components/Menu.tsx +4 -0
- package/dist/examples.bundle.js +5 -2
- package/dist/superdesk-ui.bundle.css +6 -3
- package/dist/superdesk-ui.bundle.js +5 -2
- package/package.json +2 -1
- package/react/components/Layouts/ContentSplitter.d.ts +1 -0
- package/react/components/Layouts/ContentSplitter.js +1 -0
- package/react/components/Menu.js +3 -1
package/app/scripts/check.js
CHANGED
|
@@ -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
|
|
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);
|
|
@@ -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}>
|
package/dist/examples.bundle.js
CHANGED
|
@@ -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", {
|
|
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.
|
|
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", {
|
|
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
|
|
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.
|
|
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",
|
|
@@ -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
|
};
|
package/react/components/Menu.js
CHANGED
|
@@ -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", {
|
|
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);
|