superdesk-ui-framework 4.0.56 → 4.0.58
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/_toggle-box.scss +4 -0
- package/app-typescript/components/EmptyState.tsx +3 -5
- package/app-typescript/components/WithPopover.tsx +4 -0
- package/dist/examples.bundle.js +9 -2
- package/dist/superdesk-ui.bundle.css +4 -1
- package/dist/superdesk-ui.bundle.js +8 -1
- package/package.json +1 -1
- package/react/components/EmptyState.js +4 -1
- package/react/components/WithPopover.d.ts +4 -0
- package/react/components/WithPopover.js +4 -0
|
@@ -16,11 +16,9 @@ export class EmptyState extends React.PureComponent<IProps> {
|
|
|
16
16
|
[`content-state__image--${this.props.size}`]: this.props.size || this.props.size !== undefined,
|
|
17
17
|
});
|
|
18
18
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}.svg`,
|
|
23
|
-
);
|
|
19
|
+
const size = this.props.size ?? 'small';
|
|
20
|
+
const illustration = this.props.illustration ?? '1';
|
|
21
|
+
const image = require(`../../app/img/empty_states/empty-state--${size}-${illustration}.svg`).default;
|
|
24
22
|
|
|
25
23
|
return (
|
|
26
24
|
<div
|
|
@@ -10,6 +10,10 @@ export interface IPropsWithPopover {
|
|
|
10
10
|
onClose?: () => void;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
/**
|
|
14
|
+
* Wraps `PopupPositioner`
|
|
15
|
+
* Quicker to use for simple use cases.
|
|
16
|
+
*/
|
|
13
17
|
export class WithPopover extends React.PureComponent<IPropsWithPopover> {
|
|
14
18
|
private closePopup?: () => void;
|
|
15
19
|
|
package/dist/examples.bundle.js
CHANGED
|
@@ -69177,6 +69177,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
69177
69177
|
exports.WithPopover = void 0;
|
|
69178
69178
|
var React = __importStar(__webpack_require__(0));
|
|
69179
69179
|
var ShowPopup_1 = __webpack_require__(109);
|
|
69180
|
+
/**
|
|
69181
|
+
* Wraps `PopupPositioner`
|
|
69182
|
+
* Quicker to use for simple use cases.
|
|
69183
|
+
*/
|
|
69180
69184
|
var WithPopover = /** @class */ (function (_super) {
|
|
69181
69185
|
__extends(WithPopover, _super);
|
|
69182
69186
|
function WithPopover(props) {
|
|
@@ -130555,12 +130559,15 @@ var EmptyState = /** @class */ (function (_super) {
|
|
|
130555
130559
|
}
|
|
130556
130560
|
EmptyState.prototype.render = function () {
|
|
130557
130561
|
var _a;
|
|
130562
|
+
var _b, _c;
|
|
130558
130563
|
var classes = (0, classnames_1.default)('content-state__image', (_a = {
|
|
130559
130564
|
'content-state__image--small': this.props.size === undefined
|
|
130560
130565
|
},
|
|
130561
130566
|
_a["content-state__image--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
|
|
130562
130567
|
_a));
|
|
130563
|
-
var
|
|
130568
|
+
var size = (_b = this.props.size) !== null && _b !== void 0 ? _b : 'small';
|
|
130569
|
+
var illustration = (_c = this.props.illustration) !== null && _c !== void 0 ? _c : '1';
|
|
130570
|
+
var image = __webpack_require__(670)("./empty-state--".concat(size, "-").concat(illustration, ".svg")).default;
|
|
130564
130571
|
return (React.createElement("div", { className: 'content-state--empty-container' +
|
|
130565
130572
|
(this.props.absolutePositioned ? ' content-state__empty-container--absolute' : '') },
|
|
130566
130573
|
React.createElement("div", { className: "content-state__empty-info" },
|
|
@@ -191139,7 +191146,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
|
|
|
191139
191146
|
/* 959 */
|
|
191140
191147
|
/***/ (function(module, exports) {
|
|
191141
191148
|
|
|
191142
|
-
module.exports = {"name":"superdesk-ui-framework","version":"4.0.
|
|
191149
|
+
module.exports = {"name":"superdesk-ui-framework","version":"4.0.58","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":"tsc -p tsconfig.json --noEmit && webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","format-code":"npx prettier . --write","lint":"tsc -p tsconfig.json --noEmit && npx prettier . --check && eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint && npm run unit-test","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","prettier":"3.5.3","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":"^5.8.3","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","@sourcefabric/common":"0.0.63","@superdesk/primereact":"^5.0.2-13","@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","tippy.js":"^6.3.7","weekstart":"^2.0.0"},"peerDependencies":{"moment":"*"},"volta":{"node":"14.21.3"}}
|
|
191143
191150
|
|
|
191144
191151
|
/***/ }),
|
|
191145
191152
|
/* 960 */
|
|
@@ -25678,7 +25678,10 @@ a.toggle-box__header {
|
|
|
25678
25678
|
display: flex;
|
|
25679
25679
|
flex-direction: column;
|
|
25680
25680
|
justify-content: flex-start;
|
|
25681
|
-
align-items: stretch;
|
|
25681
|
+
align-items: stretch; }
|
|
25682
|
+
|
|
25683
|
+
.toggle-box.hidden .toggle-box__content-wraper {
|
|
25684
|
+
transition: all ease-out .5s;
|
|
25682
25685
|
overflow: hidden; }
|
|
25683
25686
|
|
|
25684
25687
|
.toggle-box__content {
|
|
@@ -68656,6 +68656,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
68656
68656
|
exports.WithPopover = void 0;
|
|
68657
68657
|
var React = __importStar(__webpack_require__(0));
|
|
68658
68658
|
var ShowPopup_1 = __webpack_require__(109);
|
|
68659
|
+
/**
|
|
68660
|
+
* Wraps `PopupPositioner`
|
|
68661
|
+
* Quicker to use for simple use cases.
|
|
68662
|
+
*/
|
|
68659
68663
|
var WithPopover = /** @class */ (function (_super) {
|
|
68660
68664
|
__extends(WithPopover, _super);
|
|
68661
68665
|
function WithPopover(props) {
|
|
@@ -129651,12 +129655,15 @@ var EmptyState = /** @class */ (function (_super) {
|
|
|
129651
129655
|
}
|
|
129652
129656
|
EmptyState.prototype.render = function () {
|
|
129653
129657
|
var _a;
|
|
129658
|
+
var _b, _c;
|
|
129654
129659
|
var classes = (0, classnames_1.default)('content-state__image', (_a = {
|
|
129655
129660
|
'content-state__image--small': this.props.size === undefined
|
|
129656
129661
|
},
|
|
129657
129662
|
_a["content-state__image--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
|
|
129658
129663
|
_a));
|
|
129659
|
-
var
|
|
129664
|
+
var size = (_b = this.props.size) !== null && _b !== void 0 ? _b : 'small';
|
|
129665
|
+
var illustration = (_c = this.props.illustration) !== null && _c !== void 0 ? _c : '1';
|
|
129666
|
+
var image = __webpack_require__(670)("./empty-state--".concat(size, "-").concat(illustration, ".svg")).default;
|
|
129660
129667
|
return (React.createElement("div", { className: 'content-state--empty-container' +
|
|
129661
129668
|
(this.props.absolutePositioned ? ' content-state__empty-container--absolute' : '') },
|
|
129662
129669
|
React.createElement("div", { className: "content-state__empty-info" },
|
package/package.json
CHANGED
|
@@ -61,12 +61,15 @@ var EmptyState = /** @class */ (function (_super) {
|
|
|
61
61
|
}
|
|
62
62
|
EmptyState.prototype.render = function () {
|
|
63
63
|
var _a;
|
|
64
|
+
var _b, _c;
|
|
64
65
|
var classes = (0, classnames_1.default)('content-state__image', (_a = {
|
|
65
66
|
'content-state__image--small': this.props.size === undefined
|
|
66
67
|
},
|
|
67
68
|
_a["content-state__image--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
|
|
68
69
|
_a));
|
|
69
|
-
var
|
|
70
|
+
var size = (_b = this.props.size) !== null && _b !== void 0 ? _b : 'small';
|
|
71
|
+
var illustration = (_c = this.props.illustration) !== null && _c !== void 0 ? _c : '1';
|
|
72
|
+
var image = require("../../app/img/empty_states/empty-state--".concat(size, "-").concat(illustration, ".svg")).default;
|
|
70
73
|
return (React.createElement("div", { className: 'content-state--empty-container' +
|
|
71
74
|
(this.props.absolutePositioned ? ' content-state__empty-container--absolute' : '') },
|
|
72
75
|
React.createElement("div", { className: "content-state__empty-info" },
|
|
@@ -9,6 +9,10 @@ export interface IPropsWithPopover {
|
|
|
9
9
|
closeOnHoverEnd?: boolean;
|
|
10
10
|
onClose?: () => void;
|
|
11
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* Wraps `PopupPositioner`
|
|
14
|
+
* Quicker to use for simple use cases.
|
|
15
|
+
*/
|
|
12
16
|
export declare class WithPopover extends React.PureComponent<IPropsWithPopover> {
|
|
13
17
|
private closePopup?;
|
|
14
18
|
constructor(props: IPropsWithPopover);
|
|
@@ -51,6 +51,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
51
51
|
exports.WithPopover = void 0;
|
|
52
52
|
var React = __importStar(require("react"));
|
|
53
53
|
var ShowPopup_1 = require("./ShowPopup");
|
|
54
|
+
/**
|
|
55
|
+
* Wraps `PopupPositioner`
|
|
56
|
+
* Quicker to use for simple use cases.
|
|
57
|
+
*/
|
|
54
58
|
var WithPopover = /** @class */ (function (_super) {
|
|
55
59
|
__extends(WithPopover, _super);
|
|
56
60
|
function WithPopover(props) {
|