superdesk-ui-framework 3.1.24 → 3.1.25
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-typescript/components/Layouts/AuthoringInnerHeader.tsx +11 -7
- package/app-typescript/components/Layouts/AuthoringMain.tsx +5 -4
- package/dist/examples.bundle.js +7 -7
- package/dist/playgrounds/react-playgrounds/EditorTest.tsx +1 -1
- package/dist/playgrounds/react-playgrounds/Multiedit.tsx +1 -1
- package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +3 -3
- package/dist/superdesk-ui.bundle.js +2 -2
- package/examples/pages/playgrounds/react-playgrounds/EditorTest.tsx +1 -1
- package/examples/pages/playgrounds/react-playgrounds/Multiedit.tsx +1 -1
- package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +3 -3
- package/package.json +1 -1
- package/react/components/Layouts/AuthoringInnerHeader.d.ts +1 -1
- package/react/components/Layouts/AuthoringInnerHeader.js +1 -1
- package/react/components/Layouts/AuthoringMain.d.ts +1 -1
- package/react/components/Layouts/AuthoringMain.js +1 -1
@@ -1,11 +1,11 @@
|
|
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
|
-
|
8
|
+
headerStyles?: string;
|
9
9
|
}
|
10
10
|
interface IState {
|
11
11
|
collapsed: boolean;
|
@@ -21,17 +21,21 @@ export class AuthoringInnerHeader extends React.PureComponent<IProps, IState> {
|
|
21
21
|
}
|
22
22
|
|
23
23
|
render() {
|
24
|
-
|
25
|
-
'
|
26
|
-
|
27
|
-
|
24
|
+
const classes = classNames(
|
25
|
+
'sd-editor-content__authoring-header',
|
26
|
+
{
|
27
|
+
'authoring-header--collapsed': this.state.collapsed,
|
28
|
+
[`${this.props.headerStyles}`]: this.props.headerStyles,
|
29
|
+
},
|
30
|
+
);
|
31
|
+
|
28
32
|
return (
|
29
33
|
<header className={classes}>
|
30
34
|
<div className="authoring-header__holder">
|
31
35
|
{this.props.children}
|
32
36
|
</div>
|
33
37
|
<button className="authoring-header__toggle"
|
34
|
-
onClick={() => this.setState({
|
38
|
+
onClick={() => this.setState({collapsed: !this.state.collapsed})}>
|
35
39
|
<Icon name="chevron-up-thin" />
|
36
40
|
</button>
|
37
41
|
</header>
|
@@ -14,9 +14,9 @@ interface IProps {
|
|
14
14
|
toolBar?: React.ReactNode;
|
15
15
|
authoringMain?: React.ReactNode;
|
16
16
|
authoringHeader?: React.ReactNode;
|
17
|
+
headerStyles?: string;
|
17
18
|
authoringBookmarks?: React.ReactNode;
|
18
19
|
headerCollapsed?: boolean;
|
19
|
-
headerPadding?: 'small' | 'medium' | 'large';
|
20
20
|
toolbarCustom?: boolean;
|
21
21
|
noPaddingForContent?: boolean;
|
22
22
|
}
|
@@ -33,10 +33,11 @@ export class AuthoringMain extends React.PureComponent<IProps> {
|
|
33
33
|
<AuthoringMainContent>
|
34
34
|
{this.props.authoringHeader && (
|
35
35
|
<AuthoringInnerHeader
|
36
|
-
|
37
|
-
|
36
|
+
headerStyles={this.props.headerStyles}
|
37
|
+
collapsed={this.props.headerCollapsed}
|
38
|
+
>
|
38
39
|
{this.props.authoringHeader}
|
39
|
-
|
40
|
+
</AuthoringInnerHeader>
|
40
41
|
)}
|
41
42
|
{this.props.authoringBookmarks && (
|
42
43
|
<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, { headerStyles: this.props.headerStyles, 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
|
};
|
@@ -150468,7 +150468,7 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
|
|
150468
150468
|
var classes = (0, classnames_1.default)('sd-editor-content__authoring-header', (_a = {
|
150469
150469
|
'authoring-header--collapsed': this.state.collapsed
|
150470
150470
|
},
|
150471
|
-
_a["
|
150471
|
+
_a["".concat(this.props.headerStyles)] = this.props.headerStyles,
|
150472
150472
|
_a));
|
150473
150473
|
return (React.createElement("header", { className: classes },
|
150474
150474
|
React.createElement("div", { className: "authoring-header__holder" }, this.props.children),
|
@@ -158583,7 +158583,7 @@ var RundownEditor = /** @class */ (function (_super) {
|
|
158583
158583
|
React.createElement(index_1.Tooltip, { text: 'Send to / Publish', flow: 'left' },
|
158584
158584
|
React.createElement(index_1.NavButton, { type: 'highlight', icon: 'send-to', iconSize: 'big', text: 'Send to / Publish', onClick: function () { return false; } })))))),
|
158585
158585
|
React.createElement(Layout.MainPanel, { padding: 'none' },
|
158586
|
-
React.createElement(Layout.AuthoringMain, {
|
158586
|
+
React.createElement(Layout.AuthoringMain, { headerStyles: 'authoring-header--padding-medium', toolBar: (React.createElement(React.Fragment, null,
|
158587
158587
|
React.createElement("div", { className: "sd-editor-toolbar__content" },
|
158588
158588
|
React.createElement("dl", null,
|
158589
158589
|
React.createElement("dt", null, "Created"),
|
@@ -158638,7 +158638,7 @@ var RundownEditor = /** @class */ (function (_super) {
|
|
158638
158638
|
React.createElement(Layout.RightPanel, { open: this.props.rightPanel },
|
158639
158639
|
React.createElement(Layout.Panel, { size: 'x-large', side: 'right' },
|
158640
158640
|
React.createElement(Layout.PanelContent, null,
|
158641
|
-
React.createElement(Layout.AuthoringFrame, { main: React.createElement(Layout.AuthoringMain, {
|
158641
|
+
React.createElement(Layout.AuthoringFrame, { main: React.createElement(Layout.AuthoringMain, { headerStyles: 'authoring-header--padding-medium', toolbarCustom: true, headerCollapsed: true, toolBar: (React.createElement(React.Fragment, null,
|
158642
158642
|
React.createElement(index_1.SubNav, { className: 'sd-shadow--z0' },
|
158643
158643
|
React.createElement(index_1.SlidingToolbar, null,
|
158644
158644
|
React.createElement(index_1.ButtonGroup, { align: 'start' },
|
@@ -179229,7 +179229,7 @@ var EditorTest = /** @class */ (function (_super) {
|
|
179229
179229
|
_this.setState({
|
179230
179230
|
activeTab: val,
|
179231
179231
|
});
|
179232
|
-
} })), main: (React.createElement(Layout.AuthoringMain, {
|
179232
|
+
} })), main: (React.createElement(Layout.AuthoringMain, { headerStyles: 'authoring-header--padding-medium', toolBar: (React.createElement(React.Fragment, null,
|
179233
179233
|
React.createElement("div", { className: "sd-editor-toolbar__content" },
|
179234
179234
|
React.createElement("dl", null,
|
179235
179235
|
React.createElement("dt", null, "Created"),
|
@@ -179508,7 +179508,7 @@ var Editor = /** @class */ (function (_super) {
|
|
179508
179508
|
React.createElement(index_1.Tooltip, { text: 'Send to / Publish', flow: 'left' },
|
179509
179509
|
React.createElement(index_1.NavButton, { type: 'highlight', icon: 'send-to', iconSize: 'big', text: 'Send to / Publish', onClick: function () { return false; } })),
|
179510
179510
|
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, {
|
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, { headerStyles: 'authoring-header--padding-medium', toolBar: (React.createElement(React.Fragment, null,
|
179512
179512
|
React.createElement("div", { className: "sd-editor-toolbar__content" },
|
179513
179513
|
React.createElement("dl", null,
|
179514
179514
|
React.createElement("dt", null, "Created"),
|
@@ -185535,7 +185535,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
|
|
185535
185535
|
/* 935 */
|
185536
185536
|
/***/ (function(module, exports) {
|
185537
185537
|
|
185538
|
-
module.exports = {"name":"superdesk-ui-framework","version":"3.1.
|
185538
|
+
module.exports = {"name":"superdesk-ui-framework","version":"3.1.25","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
185539
|
|
185540
185540
|
/***/ }),
|
185541
185541
|
/* 936 */
|
@@ -122,7 +122,7 @@ export class EditorTest extends React.Component<IProps, IState> {
|
|
122
122
|
)}
|
123
123
|
main={(
|
124
124
|
<Layout.AuthoringMain
|
125
|
-
|
125
|
+
headerStyles='authoring-header--padding-medium'
|
126
126
|
toolBar={(
|
127
127
|
<React.Fragment>
|
128
128
|
<div className="sd-editor-toolbar__content">
|
@@ -134,7 +134,7 @@ export class Editor extends React.Component<{}, IEditor> {
|
|
134
134
|
)}
|
135
135
|
main={(
|
136
136
|
<Layout.AuthoringMain
|
137
|
-
|
137
|
+
headerStyles='authoring-header--padding-medium'
|
138
138
|
toolBar={(
|
139
139
|
<React.Fragment>
|
140
140
|
<div className="sd-editor-toolbar__content">
|
@@ -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,7 @@ export class RundownEditor extends React.Component<IProps, IState> {
|
|
175
175
|
|
176
176
|
<Layout.MainPanel padding='none'>
|
177
177
|
<Layout.AuthoringMain
|
178
|
-
|
178
|
+
headerStyles='authoring-header--padding-medium'
|
179
179
|
toolBar={(
|
180
180
|
<React.Fragment>
|
181
181
|
<div className="sd-editor-toolbar__content">
|
@@ -341,7 +341,7 @@ export class RundownEditor extends React.Component<IProps, IState> {
|
|
341
341
|
<Layout.AuthoringFrame
|
342
342
|
main={
|
343
343
|
<Layout.AuthoringMain
|
344
|
-
|
344
|
+
headerStyles='authoring-header--padding-medium'
|
345
345
|
toolbarCustom={true}
|
346
346
|
headerCollapsed={true}
|
347
347
|
toolBar={(
|
@@ -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, { headerStyles: this.props.headerStyles, 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
|
};
|
@@ -149589,7 +149589,7 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
|
|
149589
149589
|
var classes = (0, classnames_1.default)('sd-editor-content__authoring-header', (_a = {
|
149590
149590
|
'authoring-header--collapsed': this.state.collapsed
|
149591
149591
|
},
|
149592
|
-
_a["
|
149592
|
+
_a["".concat(this.props.headerStyles)] = this.props.headerStyles,
|
149593
149593
|
_a));
|
149594
149594
|
return (React.createElement("header", { className: classes },
|
149595
149595
|
React.createElement("div", { className: "authoring-header__holder" }, this.props.children),
|
@@ -122,7 +122,7 @@ export class EditorTest extends React.Component<IProps, IState> {
|
|
122
122
|
)}
|
123
123
|
main={(
|
124
124
|
<Layout.AuthoringMain
|
125
|
-
|
125
|
+
headerStyles='authoring-header--padding-medium'
|
126
126
|
toolBar={(
|
127
127
|
<React.Fragment>
|
128
128
|
<div className="sd-editor-toolbar__content">
|
@@ -134,7 +134,7 @@ export class Editor extends React.Component<{}, IEditor> {
|
|
134
134
|
)}
|
135
135
|
main={(
|
136
136
|
<Layout.AuthoringMain
|
137
|
-
|
137
|
+
headerStyles='authoring-header--padding-medium'
|
138
138
|
toolBar={(
|
139
139
|
<React.Fragment>
|
140
140
|
<div className="sd-editor-toolbar__content">
|
@@ -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,7 @@ export class RundownEditor extends React.Component<IProps, IState> {
|
|
175
175
|
|
176
176
|
<Layout.MainPanel padding='none'>
|
177
177
|
<Layout.AuthoringMain
|
178
|
-
|
178
|
+
headerStyles='authoring-header--padding-medium'
|
179
179
|
toolBar={(
|
180
180
|
<React.Fragment>
|
181
181
|
<div className="sd-editor-toolbar__content">
|
@@ -341,7 +341,7 @@ export class RundownEditor extends React.Component<IProps, IState> {
|
|
341
341
|
<Layout.AuthoringFrame
|
342
342
|
main={
|
343
343
|
<Layout.AuthoringMain
|
344
|
-
|
344
|
+
headerStyles='authoring-header--padding-medium'
|
345
345
|
toolbarCustom={true}
|
346
346
|
headerCollapsed={true}
|
347
347
|
toolBar={(
|
package/package.json
CHANGED
@@ -60,7 +60,7 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
|
|
60
60
|
var classes = (0, classnames_1.default)('sd-editor-content__authoring-header', (_a = {
|
61
61
|
'authoring-header--collapsed': this.state.collapsed
|
62
62
|
},
|
63
|
-
_a["
|
63
|
+
_a["".concat(this.props.headerStyles)] = this.props.headerStyles,
|
64
64
|
_a));
|
65
65
|
return (React.createElement("header", { className: classes },
|
66
66
|
React.createElement("div", { className: "authoring-header__holder" }, this.props.children),
|
@@ -3,9 +3,9 @@ interface IProps {
|
|
3
3
|
toolBar?: React.ReactNode;
|
4
4
|
authoringMain?: React.ReactNode;
|
5
5
|
authoringHeader?: React.ReactNode;
|
6
|
+
headerStyles?: string;
|
6
7
|
authoringBookmarks?: React.ReactNode;
|
7
8
|
headerCollapsed?: boolean;
|
8
|
-
headerPadding?: 'small' | 'medium' | 'large';
|
9
9
|
toolbarCustom?: boolean;
|
10
10
|
noPaddingForContent?: boolean;
|
11
11
|
}
|
@@ -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, { headerStyles: this.props.headerStyles, 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
|
};
|