superdesk-ui-framework 4.0.50 → 4.0.52
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/_avatar.scss
CHANGED
|
@@ -41,7 +41,6 @@
|
|
|
41
41
|
text-transform: uppercase;
|
|
42
42
|
letter-spacing: -0.03em;
|
|
43
43
|
overflow: hidden;
|
|
44
|
-
cursor: default;
|
|
45
44
|
|
|
46
45
|
> img {
|
|
47
46
|
width: 100%;
|
|
@@ -89,9 +88,6 @@
|
|
|
89
88
|
outline: 2px solid var(--sd-colour-interactive);
|
|
90
89
|
}
|
|
91
90
|
}
|
|
92
|
-
span {
|
|
93
|
-
cursor: default;
|
|
94
|
-
}
|
|
95
91
|
}
|
|
96
92
|
|
|
97
93
|
.sd-avatar-content--text {
|
|
@@ -372,7 +368,6 @@
|
|
|
372
368
|
margin-inline-end: 0;
|
|
373
369
|
}
|
|
374
370
|
}
|
|
375
|
-
|
|
376
371
|
&.sd-avatar-group--grid {
|
|
377
372
|
flex-wrap: wrap;
|
|
378
373
|
justify-content: flex-start;
|
|
@@ -160,6 +160,7 @@ export class DateTimePicker extends React.PureComponent<IProps> {
|
|
|
160
160
|
inlineLabel
|
|
161
161
|
labelHidden
|
|
162
162
|
fullWidth={this.props.fullWidth}
|
|
163
|
+
data-test-id="date-input"
|
|
163
164
|
/>
|
|
164
165
|
</div>
|
|
165
166
|
<div style={{flexGrow: 1}}>
|
|
@@ -175,6 +176,7 @@ export class DateTimePicker extends React.PureComponent<IProps> {
|
|
|
175
176
|
required={this.props.required}
|
|
176
177
|
headerTemplate={this.props.timeHeaderTemplate}
|
|
177
178
|
footerTemplate={this.props.timeFooterTemplate}
|
|
179
|
+
data-test-id="time-input"
|
|
178
180
|
/>
|
|
179
181
|
</div>
|
|
180
182
|
{this.props.preview !== true && (
|
package/dist/examples.bundle.js
CHANGED
|
@@ -127760,9 +127760,9 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
127760
127760
|
return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, invalid: this.props.error != null, required: this.props.required, disabled: this.props.disabled, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, htmlId: this.htmlId, tabindex: this.props.tabindex, fullWidth: this.props.fullWidth, inputWrapper: this.props.inputWrapper, "data-test-id": this.props['data-test-id'], ref: this.props.ref },
|
|
127761
127761
|
React.createElement(common_1.Spacer, { h: true, gap: "8", alignItems: "end", noWrap: true },
|
|
127762
127762
|
React.createElement("div", { style: { flexGrow: 1 } },
|
|
127763
|
-
React.createElement(DatePicker_1.DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value: dateValue, onChange: this.handleDateChange, dateFormat: this.props.dateFormat, inlineLabel: true, labelHidden: true, fullWidth: this.props.fullWidth })),
|
|
127763
|
+
React.createElement(DatePicker_1.DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value: dateValue, onChange: this.handleDateChange, dateFormat: this.props.dateFormat, inlineLabel: true, labelHidden: true, fullWidth: this.props.fullWidth, "data-test-id": "date-input" })),
|
|
127764
127764
|
React.createElement("div", { style: { flexGrow: 1 } },
|
|
127765
|
-
React.createElement(TimePicker_1.TimePicker, { disabled: this.props.disabled, preview: this.props.preview, value: timeValue, onChange: this.handleTimeChange, inlineLabel: true, labelHidden: true, allowSeconds: this.props.allowSeconds, fullWidth: this.props.fullWidth, required: this.props.required, headerTemplate: this.props.timeHeaderTemplate, footerTemplate: this.props.timeFooterTemplate })),
|
|
127765
|
+
React.createElement(TimePicker_1.TimePicker, { disabled: this.props.disabled, preview: this.props.preview, value: timeValue, onChange: this.handleTimeChange, inlineLabel: true, labelHidden: true, allowSeconds: this.props.allowSeconds, fullWidth: this.props.fullWidth, required: this.props.required, headerTemplate: this.props.timeHeaderTemplate, footerTemplate: this.props.timeFooterTemplate, "data-test-id": "time-input" })),
|
|
127766
127766
|
this.props.preview !== true && (React.createElement(IconButton_1.IconButton, { disabled: this.props.disabled, icon: "remove-sign", onClick: this.handleClear, ariaValue: "Clear" })))));
|
|
127767
127767
|
};
|
|
127768
127768
|
return DateTimePicker;
|
|
@@ -191060,7 +191060,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
|
|
|
191060
191060
|
/* 959 */
|
|
191061
191061
|
/***/ (function(module, exports) {
|
|
191062
191062
|
|
|
191063
|
-
module.exports = {"name":"superdesk-ui-framework","version":"4.0.
|
|
191063
|
+
module.exports = {"name":"superdesk-ui-framework","version":"4.0.52","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","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"}}
|
|
191064
191064
|
|
|
191065
191065
|
/***/ }),
|
|
191066
191066
|
/* 960 */
|
|
@@ -55261,8 +55261,7 @@ i.sd-sidetab-menu__helper-icon {
|
|
|
55261
55261
|
color: white;
|
|
55262
55262
|
text-transform: uppercase;
|
|
55263
55263
|
letter-spacing: -0.03em;
|
|
55264
|
-
overflow: hidden;
|
|
55265
|
-
cursor: default; }
|
|
55264
|
+
overflow: hidden; }
|
|
55266
55265
|
.sd-avatar .sd-avatar-content > img {
|
|
55267
55266
|
width: 100%; }
|
|
55268
55267
|
.sd-avatar .sd-avatar-content.sd-avatar-content--add-item {
|
|
@@ -55298,8 +55297,6 @@ i.sd-sidetab-menu__helper-icon {
|
|
|
55298
55297
|
.sd-avatar .sd-avatar-content.sd-avatar-content--number:active {
|
|
55299
55298
|
cursor: pointer;
|
|
55300
55299
|
outline: 2px solid var(--sd-colour-interactive); }
|
|
55301
|
-
.sd-avatar .sd-avatar-content span {
|
|
55302
|
-
cursor: default; }
|
|
55303
55300
|
.sd-avatar .sd-avatar-content--text {
|
|
55304
55301
|
background-color: var(--sd-colour-avatar-bg); }
|
|
55305
55302
|
.sd-avatar .sd-avatar-content--dummy-img {
|
|
@@ -126856,9 +126856,9 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
126856
126856
|
return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, invalid: this.props.error != null, required: this.props.required, disabled: this.props.disabled, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, htmlId: this.htmlId, tabindex: this.props.tabindex, fullWidth: this.props.fullWidth, inputWrapper: this.props.inputWrapper, "data-test-id": this.props['data-test-id'], ref: this.props.ref },
|
|
126857
126857
|
React.createElement(common_1.Spacer, { h: true, gap: "8", alignItems: "end", noWrap: true },
|
|
126858
126858
|
React.createElement("div", { style: { flexGrow: 1 } },
|
|
126859
|
-
React.createElement(DatePicker_1.DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value: dateValue, onChange: this.handleDateChange, dateFormat: this.props.dateFormat, inlineLabel: true, labelHidden: true, fullWidth: this.props.fullWidth })),
|
|
126859
|
+
React.createElement(DatePicker_1.DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value: dateValue, onChange: this.handleDateChange, dateFormat: this.props.dateFormat, inlineLabel: true, labelHidden: true, fullWidth: this.props.fullWidth, "data-test-id": "date-input" })),
|
|
126860
126860
|
React.createElement("div", { style: { flexGrow: 1 } },
|
|
126861
|
-
React.createElement(TimePicker_1.TimePicker, { disabled: this.props.disabled, preview: this.props.preview, value: timeValue, onChange: this.handleTimeChange, inlineLabel: true, labelHidden: true, allowSeconds: this.props.allowSeconds, fullWidth: this.props.fullWidth, required: this.props.required, headerTemplate: this.props.timeHeaderTemplate, footerTemplate: this.props.timeFooterTemplate })),
|
|
126861
|
+
React.createElement(TimePicker_1.TimePicker, { disabled: this.props.disabled, preview: this.props.preview, value: timeValue, onChange: this.handleTimeChange, inlineLabel: true, labelHidden: true, allowSeconds: this.props.allowSeconds, fullWidth: this.props.fullWidth, required: this.props.required, headerTemplate: this.props.timeHeaderTemplate, footerTemplate: this.props.timeFooterTemplate, "data-test-id": "time-input" })),
|
|
126862
126862
|
this.props.preview !== true && (React.createElement(IconButton_1.IconButton, { disabled: this.props.disabled, icon: "remove-sign", onClick: this.handleClear, ariaValue: "Clear" })))));
|
|
126863
126863
|
};
|
|
126864
126864
|
return DateTimePicker;
|
package/package.json
CHANGED
|
@@ -158,9 +158,9 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
158
158
|
return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, invalid: this.props.error != null, required: this.props.required, disabled: this.props.disabled, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, htmlId: this.htmlId, tabindex: this.props.tabindex, fullWidth: this.props.fullWidth, inputWrapper: this.props.inputWrapper, "data-test-id": this.props['data-test-id'], ref: this.props.ref },
|
|
159
159
|
React.createElement(common_1.Spacer, { h: true, gap: "8", alignItems: "end", noWrap: true },
|
|
160
160
|
React.createElement("div", { style: { flexGrow: 1 } },
|
|
161
|
-
React.createElement(DatePicker_1.DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value: dateValue, onChange: this.handleDateChange, dateFormat: this.props.dateFormat, inlineLabel: true, labelHidden: true, fullWidth: this.props.fullWidth })),
|
|
161
|
+
React.createElement(DatePicker_1.DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value: dateValue, onChange: this.handleDateChange, dateFormat: this.props.dateFormat, inlineLabel: true, labelHidden: true, fullWidth: this.props.fullWidth, "data-test-id": "date-input" })),
|
|
162
162
|
React.createElement("div", { style: { flexGrow: 1 } },
|
|
163
|
-
React.createElement(TimePicker_1.TimePicker, { disabled: this.props.disabled, preview: this.props.preview, value: timeValue, onChange: this.handleTimeChange, inlineLabel: true, labelHidden: true, allowSeconds: this.props.allowSeconds, fullWidth: this.props.fullWidth, required: this.props.required, headerTemplate: this.props.timeHeaderTemplate, footerTemplate: this.props.timeFooterTemplate })),
|
|
163
|
+
React.createElement(TimePicker_1.TimePicker, { disabled: this.props.disabled, preview: this.props.preview, value: timeValue, onChange: this.handleTimeChange, inlineLabel: true, labelHidden: true, allowSeconds: this.props.allowSeconds, fullWidth: this.props.fullWidth, required: this.props.required, headerTemplate: this.props.timeHeaderTemplate, footerTemplate: this.props.timeFooterTemplate, "data-test-id": "time-input" })),
|
|
164
164
|
this.props.preview !== true && (React.createElement(IconButton_1.IconButton, { disabled: this.props.disabled, icon: "remove-sign", onClick: this.handleClear, ariaValue: "Clear" })))));
|
|
165
165
|
};
|
|
166
166
|
return DateTimePicker;
|