superdesk-ui-framework 4.0.59 → 4.0.61
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.
|
@@ -116,7 +116,7 @@ tags-input,
|
|
|
116
116
|
&:hover {
|
|
117
117
|
text-decoration: none;
|
|
118
118
|
background-color: var(--sd-colour__tag-label-remove-Bg--hover);
|
|
119
|
-
|
|
119
|
+
|
|
120
120
|
[class^="icon-"], [class*=" icon-"] {
|
|
121
121
|
opacity: 0.85;
|
|
122
122
|
}
|
|
@@ -182,6 +182,9 @@ tags-input,
|
|
|
182
182
|
// Override width and box-shadow from superdesk-client-core
|
|
183
183
|
width: 20px;
|
|
184
184
|
|
|
185
|
+
// needed so placeholder is not cut off after 20px set above
|
|
186
|
+
flex-grow: 1;
|
|
187
|
+
|
|
185
188
|
&:focus {
|
|
186
189
|
box-shadow: unset !important;
|
|
187
190
|
}
|
|
@@ -261,7 +264,7 @@ tags-input,
|
|
|
261
264
|
&:not(.tags-input__add-button--disabled):hover {
|
|
262
265
|
opacity: 1;
|
|
263
266
|
}
|
|
264
|
-
|
|
267
|
+
|
|
265
268
|
&:not(.tags-input__add-button--disabled):focus {
|
|
266
269
|
opacity: 1;
|
|
267
270
|
}
|
|
@@ -680,7 +683,7 @@ tags-input,
|
|
|
680
683
|
cursor: pointer;
|
|
681
684
|
opacity: 0.5;
|
|
682
685
|
transition: opacity 0.3s ease;
|
|
683
|
-
|
|
686
|
+
|
|
684
687
|
&:hover {
|
|
685
688
|
opacity: 1;
|
|
686
689
|
}
|
|
@@ -189,6 +189,7 @@ export class DatePicker extends React.PureComponent<IDatePicker, IState> {
|
|
|
189
189
|
htmlId={this.htmlId}
|
|
190
190
|
tabindex={this.props.tabindex}
|
|
191
191
|
inputWrapper={this.props.inputWrapper}
|
|
192
|
+
fullWidth={this.props.fullWidth}
|
|
192
193
|
>
|
|
193
194
|
<Calendar
|
|
194
195
|
className="sd-input__input"
|
package/dist/examples.bundle.js
CHANGED
|
@@ -60249,7 +60249,7 @@ var DatePicker = /** @class */ (function (_super) {
|
|
|
60249
60249
|
}
|
|
60250
60250
|
})();
|
|
60251
60251
|
var showClearButton = this.props.required === true ? false : this.props.hideClearButton !== true;
|
|
60252
|
-
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, inputWrapper: this.props.inputWrapper },
|
|
60252
|
+
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, inputWrapper: this.props.inputWrapper, fullWidth: this.props.fullWidth },
|
|
60253
60253
|
React.createElement(calendar_1.Calendar, { className: "sd-input__input", footerTemplate: showClearButton
|
|
60254
60254
|
? function () { return (React.createElement("div", { className: "d-flex justify-end" },
|
|
60255
60255
|
React.createElement(Button_1.Button, { onClick: function () {
|
|
@@ -191146,7 +191146,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
|
|
|
191146
191146
|
/* 959 */
|
|
191147
191147
|
/***/ (function(module, exports) {
|
|
191148
191148
|
|
|
191149
|
-
module.exports = {"name":"superdesk-ui-framework","version":"4.0.
|
|
191149
|
+
module.exports = {"name":"superdesk-ui-framework","version":"4.0.61","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"}}
|
|
191150
191150
|
|
|
191151
191151
|
/***/ }),
|
|
191152
191152
|
/* 960 */
|
|
@@ -25992,7 +25992,8 @@ tags-input,
|
|
|
25992
25992
|
height: 26px;
|
|
25993
25993
|
color: currentColor;
|
|
25994
25994
|
background-color: transparent;
|
|
25995
|
-
width: 20px;
|
|
25995
|
+
width: 20px;
|
|
25996
|
+
flex-grow: 1; }
|
|
25996
25997
|
tags-input .tags-input__tags .tags-input__input.invalid-tag,
|
|
25997
25998
|
.tags-input .tags-input__tags .tags-input__input.invalid-tag {
|
|
25998
25999
|
color: #e41b21; }
|
|
@@ -59728,7 +59728,7 @@ var DatePicker = /** @class */ (function (_super) {
|
|
|
59728
59728
|
}
|
|
59729
59729
|
})();
|
|
59730
59730
|
var showClearButton = this.props.required === true ? false : this.props.hideClearButton !== true;
|
|
59731
|
-
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, inputWrapper: this.props.inputWrapper },
|
|
59731
|
+
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, inputWrapper: this.props.inputWrapper, fullWidth: this.props.fullWidth },
|
|
59732
59732
|
React.createElement(calendar_1.Calendar, { className: "sd-input__input", footerTemplate: showClearButton
|
|
59733
59733
|
? function () { return (React.createElement("div", { className: "d-flex justify-end" },
|
|
59734
59734
|
React.createElement(Button_1.Button, { onClick: function () {
|
package/package.json
CHANGED
|
@@ -189,7 +189,7 @@ var DatePicker = /** @class */ (function (_super) {
|
|
|
189
189
|
}
|
|
190
190
|
})();
|
|
191
191
|
var showClearButton = this.props.required === true ? false : this.props.hideClearButton !== true;
|
|
192
|
-
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, inputWrapper: this.props.inputWrapper },
|
|
192
|
+
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, inputWrapper: this.props.inputWrapper, fullWidth: this.props.fullWidth },
|
|
193
193
|
React.createElement(calendar_1.Calendar, { className: "sd-input__input", footerTemplate: showClearButton
|
|
194
194
|
? function () { return (React.createElement("div", { className: "d-flex justify-end" },
|
|
195
195
|
React.createElement(Button_1.Button, { onClick: function () {
|