superdesk-ui-framework 4.0.1 → 4.0.2
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/ToggleBox/CustomHeaderToggleBox.tsx +1 -1
- package/app-typescript/components/ToggleBox/index.tsx +1 -1
- package/dist/examples.bundle.js +2 -2
- package/dist/superdesk-ui.bundle.js +1 -1
- package/package.json +1 -1
- package/react/components/ToggleBox/CustomHeaderToggleBox.js +1 -1
- package/react/components/ToggleBox/index.d.ts +1 -1
|
@@ -67,7 +67,7 @@ export class CustomHeaderToggleBox extends React.PureComponent<IPropsCustomHeade
|
|
|
67
67
|
aria-controls={this.htmlId}
|
|
68
68
|
>
|
|
69
69
|
<span className='label label--translucent new-collapse-box__divider-label'>
|
|
70
|
-
{this.props.
|
|
70
|
+
{this.props.getToggleButtonLabel(isOpen)}
|
|
71
71
|
</span>
|
|
72
72
|
</button>
|
|
73
73
|
</div>
|
|
@@ -21,7 +21,7 @@ export interface IPropsCustomHeader {
|
|
|
21
21
|
variant: 'custom-header'; // always visible
|
|
22
22
|
header: React.ReactNode;
|
|
23
23
|
children: React.ReactNode;
|
|
24
|
-
|
|
24
|
+
getToggleButtonLabel: (isOpen: boolean) => string;
|
|
25
25
|
initiallyOpen?: boolean;
|
|
26
26
|
onToggle?(isOpen: boolean): void;
|
|
27
27
|
}
|
package/dist/examples.bundle.js
CHANGED
|
@@ -147460,7 +147460,7 @@ var CustomHeaderToggleBox = /** @class */ (function (_super) {
|
|
|
147460
147460
|
React.createElement("div", { className: 'new-collapse-box__header' },
|
|
147461
147461
|
React.createElement("div", { className: 'new-collapse-box__header-inner' }, this.props.header),
|
|
147462
147462
|
React.createElement("button", { className: 'new-collapse-box__divider', onClick: this.toggle, "aria-controls": this.htmlId },
|
|
147463
|
-
React.createElement("span", { className: 'label label--translucent new-collapse-box__divider-label' }, this.props.
|
|
147463
|
+
React.createElement("span", { className: 'label label--translucent new-collapse-box__divider-label' }, this.props.getToggleButtonLabel(isOpen)))),
|
|
147464
147464
|
React.createElement("div", { className: 'new-collapse-box__content' },
|
|
147465
147465
|
React.createElement("div", { id: this.htmlId, "aria-hidden": !isOpen, className: (0, classnames_1.default)('new-collapse-box__content-inner p-2 pt-0-5', {
|
|
147466
147466
|
'toggle-box__content--animation': this.state.isAnimating,
|
|
@@ -185173,7 +185173,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
|
|
|
185173
185173
|
/* 936 */
|
|
185174
185174
|
/***/ (function(module, exports) {
|
|
185175
185175
|
|
|
185176
|
-
module.exports = {"name":"superdesk-ui-framework","version":"4.0.
|
|
185176
|
+
module.exports = {"name":"superdesk-ui-framework","version":"4.0.2","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":"*"}}
|
|
185177
185177
|
|
|
185178
185178
|
/***/ }),
|
|
185179
185179
|
/* 937 */
|
|
@@ -146581,7 +146581,7 @@ var CustomHeaderToggleBox = /** @class */ (function (_super) {
|
|
|
146581
146581
|
React.createElement("div", { className: 'new-collapse-box__header' },
|
|
146582
146582
|
React.createElement("div", { className: 'new-collapse-box__header-inner' }, this.props.header),
|
|
146583
146583
|
React.createElement("button", { className: 'new-collapse-box__divider', onClick: this.toggle, "aria-controls": this.htmlId },
|
|
146584
|
-
React.createElement("span", { className: 'label label--translucent new-collapse-box__divider-label' }, this.props.
|
|
146584
|
+
React.createElement("span", { className: 'label label--translucent new-collapse-box__divider-label' }, this.props.getToggleButtonLabel(isOpen)))),
|
|
146585
146585
|
React.createElement("div", { className: 'new-collapse-box__content' },
|
|
146586
146586
|
React.createElement("div", { id: this.htmlId, "aria-hidden": !isOpen, className: (0, classnames_1.default)('new-collapse-box__content-inner p-2 pt-0-5', {
|
|
146587
146587
|
'toggle-box__content--animation': this.state.isAnimating,
|
package/package.json
CHANGED
|
@@ -88,7 +88,7 @@ var CustomHeaderToggleBox = /** @class */ (function (_super) {
|
|
|
88
88
|
React.createElement("div", { className: 'new-collapse-box__header' },
|
|
89
89
|
React.createElement("div", { className: 'new-collapse-box__header-inner' }, this.props.header),
|
|
90
90
|
React.createElement("button", { className: 'new-collapse-box__divider', onClick: this.toggle, "aria-controls": this.htmlId },
|
|
91
|
-
React.createElement("span", { className: 'label label--translucent new-collapse-box__divider-label' }, this.props.
|
|
91
|
+
React.createElement("span", { className: 'label label--translucent new-collapse-box__divider-label' }, this.props.getToggleButtonLabel(isOpen)))),
|
|
92
92
|
React.createElement("div", { className: 'new-collapse-box__content' },
|
|
93
93
|
React.createElement("div", { id: this.htmlId, "aria-hidden": !isOpen, className: (0, classnames_1.default)('new-collapse-box__content-inner p-2 pt-0-5', {
|
|
94
94
|
'toggle-box__content--animation': this.state.isAnimating,
|
|
@@ -16,7 +16,7 @@ export interface IPropsCustomHeader {
|
|
|
16
16
|
variant: 'custom-header';
|
|
17
17
|
header: React.ReactNode;
|
|
18
18
|
children: React.ReactNode;
|
|
19
|
-
|
|
19
|
+
getToggleButtonLabel: (isOpen: boolean) => string;
|
|
20
20
|
initiallyOpen?: boolean;
|
|
21
21
|
onToggle?(isOpen: boolean): void;
|
|
22
22
|
}
|