superdesk-ui-framework 3.1.24 → 3.1.26
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 +0 -19
- package/app-typescript/components/Layouts/AuthoringInnerHeader.tsx +7 -7
- package/app-typescript/components/Layouts/AuthoringMain.tsx +2 -5
- package/dist/examples.bundle.js +7 -12
- package/dist/playgrounds/react-playgrounds/EditorTest.tsx +0 -1
- package/dist/playgrounds/react-playgrounds/Multiedit.tsx +0 -1
- package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +1 -3
- package/dist/superdesk-ui.bundle.css +0 -9
- package/dist/superdesk-ui.bundle.js +2 -7
- package/examples/pages/playgrounds/react-playgrounds/EditorTest.tsx +0 -1
- package/examples/pages/playgrounds/react-playgrounds/Multiedit.tsx +0 -1
- package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +1 -3
- package/package.json +1 -1
- package/react/components/Layouts/AuthoringInnerHeader.d.ts +0 -1
- package/react/components/Layouts/AuthoringInnerHeader.js +1 -6
- package/react/components/Layouts/AuthoringMain.d.ts +0 -1
- package/react/components/Layouts/AuthoringMain.js +1 -1
@@ -247,25 +247,6 @@
|
|
247
247
|
overflow: hidden;
|
248
248
|
transition: opacity 0.4s 0.1s;
|
249
249
|
}
|
250
|
-
|
251
|
-
&.authoring-header--padding-small,
|
252
|
-
&.authoring-header--padding-medium,
|
253
|
-
&.authoring-header--padding-large {
|
254
|
-
padding-block-start: 0 !important;
|
255
|
-
padding-block-end: 0 !important;
|
256
|
-
}
|
257
|
-
}
|
258
|
-
|
259
|
-
&.authoring-header--padding-small {
|
260
|
-
padding: $sd-base-increment * 3 $sd-base-increment * 1.5;
|
261
|
-
}
|
262
|
-
|
263
|
-
&.authoring-header--padding-medium {
|
264
|
-
padding: $sd-base-increment * 3 $sd-base-increment * 3;
|
265
|
-
}
|
266
|
-
|
267
|
-
&.authoring-header--padding-large {
|
268
|
-
padding: $sd-base-increment * 3 $sd-base-increment * 4;
|
269
250
|
}
|
270
251
|
}
|
271
252
|
|
@@ -1,11 +1,10 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import classNames from 'classnames';
|
3
|
-
import {
|
3
|
+
import {Icon} from '../Icon';
|
4
4
|
|
5
5
|
interface IProps {
|
6
6
|
children?: React.ReactNode;
|
7
7
|
collapsed?: boolean;
|
8
|
-
headerPadding?: 'small' | 'medium' | 'large';
|
9
8
|
}
|
10
9
|
interface IState {
|
11
10
|
collapsed: boolean;
|
@@ -21,17 +20,18 @@ export class AuthoringInnerHeader extends React.PureComponent<IProps, IState> {
|
|
21
20
|
}
|
22
21
|
|
23
22
|
render() {
|
24
|
-
|
25
|
-
'
|
26
|
-
|
27
|
-
|
23
|
+
const classes = classNames(
|
24
|
+
'sd-editor-content__authoring-header',
|
25
|
+
{'authoring-header--collapsed': this.state.collapsed},
|
26
|
+
);
|
27
|
+
|
28
28
|
return (
|
29
29
|
<header className={classes}>
|
30
30
|
<div className="authoring-header__holder">
|
31
31
|
{this.props.children}
|
32
32
|
</div>
|
33
33
|
<button className="authoring-header__toggle"
|
34
|
-
onClick={() => this.setState({
|
34
|
+
onClick={() => this.setState({collapsed: !this.state.collapsed})}>
|
35
35
|
<Icon name="chevron-up-thin" />
|
36
36
|
</button>
|
37
37
|
</header>
|
@@ -16,7 +16,6 @@ interface IProps {
|
|
16
16
|
authoringHeader?: React.ReactNode;
|
17
17
|
authoringBookmarks?: React.ReactNode;
|
18
18
|
headerCollapsed?: boolean;
|
19
|
-
headerPadding?: 'small' | 'medium' | 'large';
|
20
19
|
toolbarCustom?: boolean;
|
21
20
|
noPaddingForContent?: boolean;
|
22
21
|
}
|
@@ -32,11 +31,9 @@ export class AuthoringMain extends React.PureComponent<IProps> {
|
|
32
31
|
)}
|
33
32
|
<AuthoringMainContent>
|
34
33
|
{this.props.authoringHeader && (
|
35
|
-
<AuthoringInnerHeader
|
36
|
-
headerPadding={this.props.headerPadding}
|
37
|
-
collapsed={this.props.headerCollapsed}>
|
34
|
+
<AuthoringInnerHeader collapsed={this.props.headerCollapsed}>
|
38
35
|
{this.props.authoringHeader}
|
39
|
-
|
36
|
+
</AuthoringInnerHeader>
|
40
37
|
)}
|
41
38
|
{this.props.authoringBookmarks && (
|
42
39
|
<AuthorinInnerSideBar>
|
package/dist/examples.bundle.js
CHANGED
@@ -150205,7 +150205,7 @@ var AuthoringMain = /** @class */ (function (_super) {
|
|
150205
150205
|
return (React.createElement(_1.AuthoringMainContainer, null,
|
150206
150206
|
this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
|
150207
150207
|
React.createElement(_1.AuthoringMainContent, null,
|
150208
|
-
this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, {
|
150208
|
+
this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
|
150209
150209
|
this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
|
150210
150210
|
React.createElement(_1.AuthoringInnerBody, { noPadding: this.props.noPaddingForContent }, this.props.children))));
|
150211
150211
|
};
|
@@ -150463,13 +150463,8 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
|
|
150463
150463
|
return _this;
|
150464
150464
|
}
|
150465
150465
|
AuthoringInnerHeader.prototype.render = function () {
|
150466
|
-
var _a;
|
150467
150466
|
var _this = this;
|
150468
|
-
var classes = (0, classnames_1.default)('sd-editor-content__authoring-header',
|
150469
|
-
'authoring-header--collapsed': this.state.collapsed
|
150470
|
-
},
|
150471
|
-
_a["authoring-header--padding-".concat(this.props.headerPadding)] = this.props.headerPadding,
|
150472
|
-
_a));
|
150467
|
+
var classes = (0, classnames_1.default)('sd-editor-content__authoring-header', { 'authoring-header--collapsed': this.state.collapsed });
|
150473
150468
|
return (React.createElement("header", { className: classes },
|
150474
150469
|
React.createElement("div", { className: "authoring-header__holder" }, this.props.children),
|
150475
150470
|
React.createElement("button", { className: "authoring-header__toggle", onClick: function () { return _this.setState({ collapsed: !_this.state.collapsed }); } },
|
@@ -158583,7 +158578,7 @@ var RundownEditor = /** @class */ (function (_super) {
|
|
158583
158578
|
React.createElement(index_1.Tooltip, { text: 'Send to / Publish', flow: 'left' },
|
158584
158579
|
React.createElement(index_1.NavButton, { type: 'highlight', icon: 'send-to', iconSize: 'big', text: 'Send to / Publish', onClick: function () { return false; } })))))),
|
158585
158580
|
React.createElement(Layout.MainPanel, { padding: 'none' },
|
158586
|
-
React.createElement(Layout.AuthoringMain, {
|
158581
|
+
React.createElement(Layout.AuthoringMain, { toolBar: (React.createElement(React.Fragment, null,
|
158587
158582
|
React.createElement("div", { className: "sd-editor-toolbar__content" },
|
158588
158583
|
React.createElement("dl", null,
|
158589
158584
|
React.createElement("dt", null, "Created"),
|
@@ -158638,7 +158633,7 @@ var RundownEditor = /** @class */ (function (_super) {
|
|
158638
158633
|
React.createElement(Layout.RightPanel, { open: this.props.rightPanel },
|
158639
158634
|
React.createElement(Layout.Panel, { size: 'x-large', side: 'right' },
|
158640
158635
|
React.createElement(Layout.PanelContent, null,
|
158641
|
-
React.createElement(Layout.AuthoringFrame, { main: React.createElement(Layout.AuthoringMain, {
|
158636
|
+
React.createElement(Layout.AuthoringFrame, { main: React.createElement(Layout.AuthoringMain, { toolbarCustom: true, headerCollapsed: true, toolBar: (React.createElement(React.Fragment, null,
|
158642
158637
|
React.createElement(index_1.SubNav, { className: 'sd-shadow--z0' },
|
158643
158638
|
React.createElement(index_1.SlidingToolbar, null,
|
158644
158639
|
React.createElement(index_1.ButtonGroup, { align: 'start' },
|
@@ -179229,7 +179224,7 @@ var EditorTest = /** @class */ (function (_super) {
|
|
179229
179224
|
_this.setState({
|
179230
179225
|
activeTab: val,
|
179231
179226
|
});
|
179232
|
-
} })), main: (React.createElement(Layout.AuthoringMain, {
|
179227
|
+
} })), main: (React.createElement(Layout.AuthoringMain, { toolBar: (React.createElement(React.Fragment, null,
|
179233
179228
|
React.createElement("div", { className: "sd-editor-toolbar__content" },
|
179234
179229
|
React.createElement("dl", null,
|
179235
179230
|
React.createElement("dt", null, "Created"),
|
@@ -179508,7 +179503,7 @@ var Editor = /** @class */ (function (_super) {
|
|
179508
179503
|
React.createElement(index_1.Tooltip, { text: 'Send to / Publish', flow: 'left' },
|
179509
179504
|
React.createElement(index_1.NavButton, { type: 'highlight', icon: 'send-to', iconSize: 'big', text: 'Send to / Publish', onClick: function () { return false; } })),
|
179510
179505
|
React.createElement(index_1.Tooltip, { text: 'Send to / Publish', flow: 'left' },
|
179511
|
-
React.createElement(index_1.NavButton, { type: 'darker', icon: this.state.sideBarOpen ? 'forward-thin' : 'backward-thin', text: 'More actions', onClick: function () { return _this.setState({ sideBarOpen: !_this.state.sideBarOpen }); } })))))), main: (React.createElement(Layout.AuthoringMain, {
|
179506
|
+
React.createElement(index_1.NavButton, { type: 'darker', icon: this.state.sideBarOpen ? 'forward-thin' : 'backward-thin', text: 'More actions', onClick: function () { return _this.setState({ sideBarOpen: !_this.state.sideBarOpen }); } })))))), main: (React.createElement(Layout.AuthoringMain, { toolBar: (React.createElement(React.Fragment, null,
|
179512
179507
|
React.createElement("div", { className: "sd-editor-toolbar__content" },
|
179513
179508
|
React.createElement("dl", null,
|
179514
179509
|
React.createElement("dt", null, "Created"),
|
@@ -185535,7 +185530,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
|
|
185535
185530
|
/* 935 */
|
185536
185531
|
/***/ (function(module, exports) {
|
185537
185532
|
|
185538
|
-
module.exports = {"name":"superdesk-ui-framework","version":"3.1.
|
185533
|
+
module.exports = {"name":"superdesk-ui-framework","version":"3.1.26","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":"*"}}
|
185539
185534
|
|
185540
185535
|
/***/ }),
|
185541
185536
|
/* 936 */
|
@@ -147,7 +147,7 @@ export class RundownEditor extends React.Component<IProps, IState> {
|
|
147
147
|
<Layout.HeaderPanel>
|
148
148
|
<SubNav>
|
149
149
|
<Tooltip text={this.state.isExpanded ? "Revert Authoring" : "Expand Authoring"} flow='right' appendToBody={true}>
|
150
|
-
<button
|
150
|
+
<button
|
151
151
|
className={`expand-button ${this.state.isExpanded ? "expand-button--expanded" : ""}`}
|
152
152
|
onClick={this.toggleExpand}
|
153
153
|
>
|
@@ -175,7 +175,6 @@ export class RundownEditor extends React.Component<IProps, IState> {
|
|
175
175
|
|
176
176
|
<Layout.MainPanel padding='none'>
|
177
177
|
<Layout.AuthoringMain
|
178
|
-
headerPadding='medium'
|
179
178
|
toolBar={(
|
180
179
|
<React.Fragment>
|
181
180
|
<div className="sd-editor-toolbar__content">
|
@@ -341,7 +340,6 @@ export class RundownEditor extends React.Component<IProps, IState> {
|
|
341
340
|
<Layout.AuthoringFrame
|
342
341
|
main={
|
343
342
|
<Layout.AuthoringMain
|
344
|
-
headerPadding='medium'
|
345
343
|
toolbarCustom={true}
|
346
344
|
headerCollapsed={true}
|
347
345
|
toolBar={(
|
@@ -42702,15 +42702,6 @@ a.text-link {
|
|
42702
42702
|
opacity: 0;
|
42703
42703
|
overflow: hidden;
|
42704
42704
|
transition: opacity 0.4s 0.1s; }
|
42705
|
-
.sd-editor-content__authoring-header.authoring-header--collapsed.authoring-header--padding-small, .sd-editor-content__authoring-header.authoring-header--collapsed.authoring-header--padding-medium, .sd-editor-content__authoring-header.authoring-header--collapsed.authoring-header--padding-large {
|
42706
|
-
padding-block-start: 0 !important;
|
42707
|
-
padding-block-end: 0 !important; }
|
42708
|
-
.sd-editor-content__authoring-header.authoring-header--padding-small {
|
42709
|
-
padding: 2.4rem 1.2rem; }
|
42710
|
-
.sd-editor-content__authoring-header.authoring-header--padding-medium {
|
42711
|
-
padding: 2.4rem 2.4rem; }
|
42712
|
-
.sd-editor-content__authoring-header.authoring-header--padding-large {
|
42713
|
-
padding: 2.4rem 3.2rem; }
|
42714
42705
|
|
42715
42706
|
.authoring-header__toggle {
|
42716
42707
|
position: absolute;
|
@@ -149326,7 +149326,7 @@ var AuthoringMain = /** @class */ (function (_super) {
|
|
149326
149326
|
return (React.createElement(_1.AuthoringMainContainer, null,
|
149327
149327
|
this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
|
149328
149328
|
React.createElement(_1.AuthoringMainContent, null,
|
149329
|
-
this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, {
|
149329
|
+
this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
|
149330
149330
|
this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
|
149331
149331
|
React.createElement(_1.AuthoringInnerBody, { noPadding: this.props.noPaddingForContent }, this.props.children))));
|
149332
149332
|
};
|
@@ -149584,13 +149584,8 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
|
|
149584
149584
|
return _this;
|
149585
149585
|
}
|
149586
149586
|
AuthoringInnerHeader.prototype.render = function () {
|
149587
|
-
var _a;
|
149588
149587
|
var _this = this;
|
149589
|
-
var classes = (0, classnames_1.default)('sd-editor-content__authoring-header',
|
149590
|
-
'authoring-header--collapsed': this.state.collapsed
|
149591
|
-
},
|
149592
|
-
_a["authoring-header--padding-".concat(this.props.headerPadding)] = this.props.headerPadding,
|
149593
|
-
_a));
|
149588
|
+
var classes = (0, classnames_1.default)('sd-editor-content__authoring-header', { 'authoring-header--collapsed': this.state.collapsed });
|
149594
149589
|
return (React.createElement("header", { className: classes },
|
149595
149590
|
React.createElement("div", { className: "authoring-header__holder" }, this.props.children),
|
149596
149591
|
React.createElement("button", { className: "authoring-header__toggle", onClick: function () { return _this.setState({ collapsed: !_this.state.collapsed }); } },
|
@@ -147,7 +147,7 @@ export class RundownEditor extends React.Component<IProps, IState> {
|
|
147
147
|
<Layout.HeaderPanel>
|
148
148
|
<SubNav>
|
149
149
|
<Tooltip text={this.state.isExpanded ? "Revert Authoring" : "Expand Authoring"} flow='right' appendToBody={true}>
|
150
|
-
<button
|
150
|
+
<button
|
151
151
|
className={`expand-button ${this.state.isExpanded ? "expand-button--expanded" : ""}`}
|
152
152
|
onClick={this.toggleExpand}
|
153
153
|
>
|
@@ -175,7 +175,6 @@ export class RundownEditor extends React.Component<IProps, IState> {
|
|
175
175
|
|
176
176
|
<Layout.MainPanel padding='none'>
|
177
177
|
<Layout.AuthoringMain
|
178
|
-
headerPadding='medium'
|
179
178
|
toolBar={(
|
180
179
|
<React.Fragment>
|
181
180
|
<div className="sd-editor-toolbar__content">
|
@@ -341,7 +340,6 @@ export class RundownEditor extends React.Component<IProps, IState> {
|
|
341
340
|
<Layout.AuthoringFrame
|
342
341
|
main={
|
343
342
|
<Layout.AuthoringMain
|
344
|
-
headerPadding='medium'
|
345
343
|
toolbarCustom={true}
|
346
344
|
headerCollapsed={true}
|
347
345
|
toolBar={(
|
package/package.json
CHANGED
@@ -55,13 +55,8 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
|
|
55
55
|
return _this;
|
56
56
|
}
|
57
57
|
AuthoringInnerHeader.prototype.render = function () {
|
58
|
-
var _a;
|
59
58
|
var _this = this;
|
60
|
-
var classes = (0, classnames_1.default)('sd-editor-content__authoring-header',
|
61
|
-
'authoring-header--collapsed': this.state.collapsed
|
62
|
-
},
|
63
|
-
_a["authoring-header--padding-".concat(this.props.headerPadding)] = this.props.headerPadding,
|
64
|
-
_a));
|
59
|
+
var classes = (0, classnames_1.default)('sd-editor-content__authoring-header', { 'authoring-header--collapsed': this.state.collapsed });
|
65
60
|
return (React.createElement("header", { className: classes },
|
66
61
|
React.createElement("div", { className: "authoring-header__holder" }, this.props.children),
|
67
62
|
React.createElement("button", { className: "authoring-header__toggle", onClick: function () { return _this.setState({ collapsed: !_this.state.collapsed }); } },
|
@@ -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, {
|
53
|
+
this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { 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
|
};
|