superdesk-ui-framework 4.0.40 → 4.0.42
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/Form/InputWrapper.tsx +6 -2
- package/app-typescript/components/Lists/BoxedList.tsx +2 -1
- package/dist/examples.bundle.js +3 -3
- package/dist/superdesk-ui.bundle.js +2 -2
- package/package.json +1 -1
- package/react/components/Form/InputWrapper.d.ts +1 -0
- package/react/components/Form/InputWrapper.js +1 -1
- package/react/components/Lists/BoxedList.d.ts +1 -0
- package/react/components/Lists/BoxedList.js +1 -1
|
@@ -28,7 +28,7 @@ export interface IInputWrapper extends IInputCommon {
|
|
|
28
28
|
|
|
29
29
|
inputWrapper?: {
|
|
30
30
|
kind: 'custom'; // added to allow union types later
|
|
31
|
-
component: React.ComponentType<{label: string; input: React.ReactNode}>;
|
|
31
|
+
component: React.ComponentType<{label: string; input: React.ReactNode; 'data-test-id'?: string}>;
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
34
|
|
|
@@ -59,7 +59,11 @@ export class InputWrapper extends React.Component<IProps, IState> {
|
|
|
59
59
|
const Component = this.props.inputWrapper.component;
|
|
60
60
|
|
|
61
61
|
return (
|
|
62
|
-
<Component
|
|
62
|
+
<Component
|
|
63
|
+
input={this.props.children}
|
|
64
|
+
label={this.props.label ?? ''}
|
|
65
|
+
data-test-id={this.props['data-test-id']}
|
|
66
|
+
/>
|
|
63
67
|
);
|
|
64
68
|
}
|
|
65
69
|
|
|
@@ -150,6 +150,7 @@ interface IProps {
|
|
|
150
150
|
children?: React.ReactNode;
|
|
151
151
|
density?: 'compact' | 'comfortable'; // defaults to 'compact'
|
|
152
152
|
className?: string;
|
|
153
|
+
style?: React.CSSProperties;
|
|
153
154
|
}
|
|
154
155
|
|
|
155
156
|
class BoxedList extends React.PureComponent<IProps> {
|
|
@@ -159,7 +160,7 @@ class BoxedList extends React.PureComponent<IProps> {
|
|
|
159
160
|
[`boxed-list--${this.props.density}`]: this.props.density || this.props.density !== undefined,
|
|
160
161
|
}, this.props.className);
|
|
161
162
|
return (
|
|
162
|
-
<ul className={classes}>
|
|
163
|
+
<ul className={classes} style={this.props.style}>
|
|
163
164
|
{this.props.children}
|
|
164
165
|
</ul>
|
|
165
166
|
);
|
package/dist/examples.bundle.js
CHANGED
|
@@ -44803,7 +44803,7 @@ var InputWrapper = /** @class */ (function (_super) {
|
|
|
44803
44803
|
var _b, _c, _d, _e;
|
|
44804
44804
|
if (((_b = this.props.inputWrapper) === null || _b === void 0 ? void 0 : _b.kind) === 'custom') {
|
|
44805
44805
|
var Component = this.props.inputWrapper.component;
|
|
44806
|
-
return (React.createElement(Component, { input: this.props.children, label: (_c = this.props.label) !== null && _c !== void 0 ? _c : '' }));
|
|
44806
|
+
return (React.createElement(Component, { input: this.props.children, label: (_c = this.props.label) !== null && _c !== void 0 ? _c : '', "data-test-id": this.props['data-test-id'] }));
|
|
44807
44807
|
}
|
|
44808
44808
|
var fullWidth = (_d = this.props.fullWidth) !== null && _d !== void 0 ? _d : true;
|
|
44809
44809
|
var classes = (0, classnames_1.default)('sd-input', (_a = {
|
|
@@ -153373,7 +153373,7 @@ var BoxedList = /** @class */ (function (_super) {
|
|
|
153373
153373
|
},
|
|
153374
153374
|
_a["boxed-list--".concat(this.props.density)] = this.props.density || this.props.density !== undefined,
|
|
153375
153375
|
_a), this.props.className);
|
|
153376
|
-
return (React.createElement("ul", { className: classes }, this.props.children));
|
|
153376
|
+
return (React.createElement("ul", { className: classes, style: this.props.style }, this.props.children));
|
|
153377
153377
|
};
|
|
153378
153378
|
return BoxedList;
|
|
153379
153379
|
}(React.PureComponent));
|
|
@@ -186538,7 +186538,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
|
|
|
186538
186538
|
/* 940 */
|
|
186539
186539
|
/***/ (function(module, exports) {
|
|
186540
186540
|
|
|
186541
|
-
module.exports = {"name":"superdesk-ui-framework","version":"4.0.
|
|
186541
|
+
module.exports = {"name":"superdesk-ui-framework","version":"4.0.42","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-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"},"peerDependencies":{"moment":"*"},"volta":{"node":"14.21.3"}}
|
|
186542
186542
|
|
|
186543
186543
|
/***/ }),
|
|
186544
186544
|
/* 941 */
|
|
@@ -44307,7 +44307,7 @@ var InputWrapper = /** @class */ (function (_super) {
|
|
|
44307
44307
|
var _b, _c, _d, _e;
|
|
44308
44308
|
if (((_b = this.props.inputWrapper) === null || _b === void 0 ? void 0 : _b.kind) === 'custom') {
|
|
44309
44309
|
var Component = this.props.inputWrapper.component;
|
|
44310
|
-
return (React.createElement(Component, { input: this.props.children, label: (_c = this.props.label) !== null && _c !== void 0 ? _c : '' }));
|
|
44310
|
+
return (React.createElement(Component, { input: this.props.children, label: (_c = this.props.label) !== null && _c !== void 0 ? _c : '', "data-test-id": this.props['data-test-id'] }));
|
|
44311
44311
|
}
|
|
44312
44312
|
var fullWidth = (_d = this.props.fullWidth) !== null && _d !== void 0 ? _d : true;
|
|
44313
44313
|
var classes = (0, classnames_1.default)('sd-input', (_a = {
|
|
@@ -152494,7 +152494,7 @@ var BoxedList = /** @class */ (function (_super) {
|
|
|
152494
152494
|
},
|
|
152495
152495
|
_a["boxed-list--".concat(this.props.density)] = this.props.density || this.props.density !== undefined,
|
|
152496
152496
|
_a), this.props.className);
|
|
152497
|
-
return (React.createElement("ul", { className: classes }, this.props.children));
|
|
152497
|
+
return (React.createElement("ul", { className: classes, style: this.props.style }, this.props.children));
|
|
152498
152498
|
};
|
|
152499
152499
|
return BoxedList;
|
|
152500
152500
|
}(React.PureComponent));
|
package/package.json
CHANGED
|
@@ -60,7 +60,7 @@ var InputWrapper = /** @class */ (function (_super) {
|
|
|
60
60
|
var _b, _c, _d, _e;
|
|
61
61
|
if (((_b = this.props.inputWrapper) === null || _b === void 0 ? void 0 : _b.kind) === 'custom') {
|
|
62
62
|
var Component = this.props.inputWrapper.component;
|
|
63
|
-
return (React.createElement(Component, { input: this.props.children, label: (_c = this.props.label) !== null && _c !== void 0 ? _c : '' }));
|
|
63
|
+
return (React.createElement(Component, { input: this.props.children, label: (_c = this.props.label) !== null && _c !== void 0 ? _c : '', "data-test-id": this.props['data-test-id'] }));
|
|
64
64
|
}
|
|
65
65
|
var fullWidth = (_d = this.props.fullWidth) !== null && _d !== void 0 ? _d : true;
|
|
66
66
|
var classes = (0, classnames_1.default)('sd-input', (_a = {
|
|
@@ -158,7 +158,7 @@ var BoxedList = /** @class */ (function (_super) {
|
|
|
158
158
|
},
|
|
159
159
|
_a["boxed-list--".concat(this.props.density)] = this.props.density || this.props.density !== undefined,
|
|
160
160
|
_a), this.props.className);
|
|
161
|
-
return (React.createElement("ul", { className: classes }, this.props.children));
|
|
161
|
+
return (React.createElement("ul", { className: classes, style: this.props.style }, this.props.children));
|
|
162
162
|
};
|
|
163
163
|
return BoxedList;
|
|
164
164
|
}(React.PureComponent));
|