superdesk-ui-framework 3.1.7 → 3.1.8
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/styles/layout/_editor.scss +15 -6
- package/app-typescript/components/Layouts/AuthoringContainer.tsx +9 -2
- package/dist/examples.bundle.js +7 -3
- package/dist/superdesk-ui.bundle.css +13 -6
- package/dist/superdesk-ui.bundle.js +6 -2
- package/package.json +1 -1
- package/react/components/Layouts/AuthoringContainer.js +6 -2
|
@@ -382,17 +382,23 @@
|
|
|
382
382
|
}
|
|
383
383
|
}
|
|
384
384
|
|
|
385
|
+
.sd-editor__container-wrapper {
|
|
386
|
+
width: 0;
|
|
387
|
+
min-width: 0;
|
|
388
|
+
max-width: 0;
|
|
389
|
+
transition: all ease-in-out 0.2s;
|
|
390
|
+
}
|
|
391
|
+
|
|
385
392
|
.sd-editor__container {
|
|
386
393
|
grid-column: 1 / 2;
|
|
387
394
|
display: grid;
|
|
388
395
|
grid-template-rows: 1fr;
|
|
389
396
|
grid-auto-columns: auto;
|
|
390
397
|
overflow-y: auto;
|
|
391
|
-
width: 0;
|
|
392
|
-
min-width: 0;
|
|
393
398
|
overflow: hidden;
|
|
394
399
|
opacity: 0;
|
|
395
|
-
transition: all ease-in-out 0.
|
|
400
|
+
transition: all ease-in-out 0.2s;
|
|
401
|
+
transition-delay: 0.2s;
|
|
396
402
|
|
|
397
403
|
.sd-content-wrapper__main-content-area.sd-main-content-grid {
|
|
398
404
|
grid-column: 1 / 2 !important;
|
|
@@ -400,12 +406,15 @@
|
|
|
400
406
|
}
|
|
401
407
|
|
|
402
408
|
.open-editor {
|
|
403
|
-
.sd-editor__container {
|
|
404
|
-
opacity: 1;
|
|
405
|
-
overflow-y: auto;
|
|
409
|
+
.sd-editor__container-wrapper {
|
|
406
410
|
width: auto;
|
|
407
411
|
min-width: 45vw;
|
|
408
412
|
max-width: 45vw;
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
.sd-editor__container {
|
|
416
|
+
opacity: 1;
|
|
417
|
+
overflow-y: auto;
|
|
409
418
|
|
|
410
419
|
&.sd-editor__container--large {
|
|
411
420
|
min-width: 52vw;
|
|
@@ -17,10 +17,17 @@ export class AuthoringContainer extends React.PureComponent<IProps> {
|
|
|
17
17
|
this.props.background !== 'light' && this.props.background !== undefined,
|
|
18
18
|
'open-editor': this.props.open,
|
|
19
19
|
});
|
|
20
|
+
|
|
21
|
+
let classesContainerInner = classNames('sd-editor__container', {
|
|
22
|
+
[`sd-editor__container--large`]: this.props.large,
|
|
23
|
+
});
|
|
24
|
+
|
|
20
25
|
return (
|
|
21
26
|
<div className={classes}>
|
|
22
|
-
<div className=
|
|
23
|
-
{
|
|
27
|
+
<div className='sd-editor__container-wrapper'>
|
|
28
|
+
<div className={classesContainerInner}>
|
|
29
|
+
{this.props.children}
|
|
30
|
+
</div>
|
|
24
31
|
</div>
|
|
25
32
|
</div>
|
|
26
33
|
);
|
package/dist/examples.bundle.js
CHANGED
|
@@ -148908,14 +148908,18 @@ var AuthoringContainer = /** @class */ (function (_super) {
|
|
|
148908
148908
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
148909
148909
|
}
|
|
148910
148910
|
AuthoringContainer.prototype.render = function () {
|
|
148911
|
-
var _a;
|
|
148911
|
+
var _a, _b;
|
|
148912
148912
|
var classes = (0, classnames_1.default)('sd-content-wrapper__authoring-content-area', (_a = {},
|
|
148913
148913
|
_a["sd-content-wrapper__authoring-content-area--".concat(this.props.side)] = this.props.side,
|
|
148914
148914
|
_a["sd-content-wrapper__authoring-content-area--".concat(this.props.background)] = this.props.background !== 'light' && this.props.background !== undefined,
|
|
148915
148915
|
_a['open-editor'] = this.props.open,
|
|
148916
148916
|
_a));
|
|
148917
|
+
var classesContainerInner = (0, classnames_1.default)('sd-editor__container', (_b = {},
|
|
148918
|
+
_b["sd-editor__container--large"] = this.props.large,
|
|
148919
|
+
_b));
|
|
148917
148920
|
return (React.createElement("div", { className: classes },
|
|
148918
|
-
React.createElement("div", { className:
|
|
148921
|
+
React.createElement("div", { className: 'sd-editor__container-wrapper' },
|
|
148922
|
+
React.createElement("div", { className: classesContainerInner }, this.props.children))));
|
|
148919
148923
|
};
|
|
148920
148924
|
return AuthoringContainer;
|
|
148921
148925
|
}(React.PureComponent));
|
|
@@ -183060,7 +183064,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
|
|
|
183060
183064
|
/* 921 */
|
|
183061
183065
|
/***/ (function(module, exports) {
|
|
183062
183066
|
|
|
183063
|
-
module.exports = {"name":"superdesk-ui-framework","version":"3.1.
|
|
183067
|
+
module.exports = {"name":"superdesk-ui-framework","version":"3.1.8","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/common":"0.0.28","@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"}}
|
|
183064
183068
|
|
|
183065
183069
|
/***/ }),
|
|
183066
183070
|
/* 922 */
|
|
@@ -42489,26 +42489,33 @@ a.text-link {
|
|
|
42489
42489
|
background: var(--sd-colour__webkit-scrollbar-thumb--hover);
|
|
42490
42490
|
cursor: pointer; }
|
|
42491
42491
|
|
|
42492
|
+
.sd-editor__container-wrapper {
|
|
42493
|
+
width: 0;
|
|
42494
|
+
min-width: 0;
|
|
42495
|
+
max-width: 0;
|
|
42496
|
+
transition: all ease-in-out 0.2s; }
|
|
42497
|
+
|
|
42492
42498
|
.sd-editor__container {
|
|
42493
42499
|
grid-column: 1 / 2;
|
|
42494
42500
|
display: grid;
|
|
42495
42501
|
grid-template-rows: 1fr;
|
|
42496
42502
|
grid-auto-columns: auto;
|
|
42497
42503
|
overflow-y: auto;
|
|
42498
|
-
width: 0;
|
|
42499
|
-
min-width: 0;
|
|
42500
42504
|
overflow: hidden;
|
|
42501
42505
|
opacity: 0;
|
|
42502
|
-
transition: all ease-in-out 0.
|
|
42506
|
+
transition: all ease-in-out 0.2s;
|
|
42507
|
+
transition-delay: 0.2s; }
|
|
42503
42508
|
.sd-editor__container .sd-content-wrapper__main-content-area.sd-main-content-grid {
|
|
42504
42509
|
grid-column: 1 / 2 !important; }
|
|
42505
42510
|
|
|
42506
|
-
.open-editor .sd-editor__container {
|
|
42507
|
-
opacity: 1;
|
|
42508
|
-
overflow-y: auto;
|
|
42511
|
+
.open-editor .sd-editor__container-wrapper {
|
|
42509
42512
|
width: auto;
|
|
42510
42513
|
min-width: 45vw;
|
|
42511
42514
|
max-width: 45vw; }
|
|
42515
|
+
|
|
42516
|
+
.open-editor .sd-editor__container {
|
|
42517
|
+
opacity: 1;
|
|
42518
|
+
overflow-y: auto; }
|
|
42512
42519
|
.open-editor .sd-editor__container.sd-editor__container--large {
|
|
42513
42520
|
min-width: 52vw; }
|
|
42514
42521
|
|
|
@@ -148029,14 +148029,18 @@ var AuthoringContainer = /** @class */ (function (_super) {
|
|
|
148029
148029
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
148030
148030
|
}
|
|
148031
148031
|
AuthoringContainer.prototype.render = function () {
|
|
148032
|
-
var _a;
|
|
148032
|
+
var _a, _b;
|
|
148033
148033
|
var classes = (0, classnames_1.default)('sd-content-wrapper__authoring-content-area', (_a = {},
|
|
148034
148034
|
_a["sd-content-wrapper__authoring-content-area--".concat(this.props.side)] = this.props.side,
|
|
148035
148035
|
_a["sd-content-wrapper__authoring-content-area--".concat(this.props.background)] = this.props.background !== 'light' && this.props.background !== undefined,
|
|
148036
148036
|
_a['open-editor'] = this.props.open,
|
|
148037
148037
|
_a));
|
|
148038
|
+
var classesContainerInner = (0, classnames_1.default)('sd-editor__container', (_b = {},
|
|
148039
|
+
_b["sd-editor__container--large"] = this.props.large,
|
|
148040
|
+
_b));
|
|
148038
148041
|
return (React.createElement("div", { className: classes },
|
|
148039
|
-
React.createElement("div", { className:
|
|
148042
|
+
React.createElement("div", { className: 'sd-editor__container-wrapper' },
|
|
148043
|
+
React.createElement("div", { className: classesContainerInner }, this.props.children))));
|
|
148040
148044
|
};
|
|
148041
148045
|
return AuthoringContainer;
|
|
148042
148046
|
}(React.PureComponent));
|
package/package.json
CHANGED
|
@@ -50,14 +50,18 @@ var AuthoringContainer = /** @class */ (function (_super) {
|
|
|
50
50
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
51
51
|
}
|
|
52
52
|
AuthoringContainer.prototype.render = function () {
|
|
53
|
-
var _a;
|
|
53
|
+
var _a, _b;
|
|
54
54
|
var classes = (0, classnames_1.default)('sd-content-wrapper__authoring-content-area', (_a = {},
|
|
55
55
|
_a["sd-content-wrapper__authoring-content-area--".concat(this.props.side)] = this.props.side,
|
|
56
56
|
_a["sd-content-wrapper__authoring-content-area--".concat(this.props.background)] = this.props.background !== 'light' && this.props.background !== undefined,
|
|
57
57
|
_a['open-editor'] = this.props.open,
|
|
58
58
|
_a));
|
|
59
|
+
var classesContainerInner = (0, classnames_1.default)('sd-editor__container', (_b = {},
|
|
60
|
+
_b["sd-editor__container--large"] = this.props.large,
|
|
61
|
+
_b));
|
|
59
62
|
return (React.createElement("div", { className: classes },
|
|
60
|
-
React.createElement("div", { className:
|
|
63
|
+
React.createElement("div", { className: 'sd-editor__container-wrapper' },
|
|
64
|
+
React.createElement("div", { className: classesContainerInner }, this.props.children))));
|
|
61
65
|
};
|
|
62
66
|
return AuthoringContainer;
|
|
63
67
|
}(React.PureComponent));
|