superdesk-ui-framework 4.0.69 → 4.0.70

package/app/styles/_tag-labels.scss

@@ -38,7 +38,6 @@ $tag-label-lineheight: 100% !default;
     padding-inline: $tag-label-padding;
     border-radius: $tag-label-radius;
     font-size: $tag-label-font-size;
-    line-height: $tag-label-lineheight;
     position: relative;
     text-align: center;
     font-weight: 400;

package/app/styles/components/_list-item.scss

@@ -358,12 +358,6 @@ $sd-ListItem-column-border: var(--sd-colour-line--x-light);
     flex-grow: 1;
 }
 
-.sd-list-item {
-    .badge {
-        margin: 0.2rem;
-    }
-}
-
 .sd-list-item {
     time {
         [class^="icon-"],

package/app-typescript/components/Tag.tsx

@@ -10,7 +10,7 @@ interface IProps {
     shape?: 'round' | 'square'; // default round
     readOnly?: boolean;
     draggable?: boolean;
-    onClick(): void;
+    onClick?(): void;
 }
 
 export const Tag = ({text, keyValue, shade, shape, readOnly, onClick, label, draggable}: IProps) => {
@@ -19,6 +19,14 @@ export const Tag = ({text, keyValue, shade, shape, readOnly, onClick, label, dra
         'tag-label--square': shape === 'square',
         'tag-label--draggable': draggable === true,
     });
+
+    const removeButton =
+        onClick == null || readOnly === true ? null : (
+            <button className="tag-label__remove" onClick={onClick}>
+                <i className="icon-close-small"></i>
+            </button>
+        );
+
     return (
         <>
             {label ? (
@@ -28,21 +36,13 @@ export const Tag = ({text, keyValue, shade, shape, readOnly, onClick, label, dra
                         <span className="tag-label--text-label">{label}:</span>
                         <span className="tag-label--text">{text}</span>
                     </span>
-                    {!readOnly ? (
-                        <button className="tag-label__remove" onClick={onClick}>
-                            <i className="icon-close-small"></i>
-                        </button>
-                    ) : null}
+                    {removeButton}
                 </span>
             ) : (
                 <span className={classes} key={keyValue}>
                     {draggable && <DragHandle blank={true} dotsInRow="3" dotRows="4" />}
                     <span className="tag-label--text">{text}</span>
-                    {!readOnly ? (
-                        <button className="tag-label__remove" onClick={onClick}>
-                            <i className="icon-close-small"></i>
-                        </button>
-                    ) : null}
+                    {removeButton}
                 </span>
             )}
         </>

package/dist/examples.bundle.js

@@ -133461,6 +133461,8 @@ var Tag = function (_a) {
         _b['tag-label--square'] = shape === 'square',
         _b['tag-label--draggable'] = draggable === true,
         _b));
+    var removeButton = onClick == null || readOnly === true ? null : (React.createElement("button", { className: "tag-label__remove", onClick: onClick },
+        React.createElement("i", { className: "icon-close-small" })));
     return (React.createElement(React.Fragment, null, label ? (React.createElement("span", { className: classes, key: keyValue },
         draggable && React.createElement(DragHandle_1.DragHandle, { blank: true, dotsInRow: "3", dotRows: "4" }),
         React.createElement("span", { className: "tag-label--text-wrapper" },
@@ -133468,12 +133470,10 @@ var Tag = function (_a) {
                 label,
                 ":"),
             React.createElement("span", { className: "tag-label--text" }, text)),
-        !readOnly ? (React.createElement("button", { className: "tag-label__remove", onClick: onClick },
-            React.createElement("i", { className: "icon-close-small" }))) : null)) : (React.createElement("span", { className: classes, key: keyValue },
+        removeButton)) : (React.createElement("span", { className: classes, key: keyValue },
         draggable && React.createElement(DragHandle_1.DragHandle, { blank: true, dotsInRow: "3", dotRows: "4" }),
         React.createElement("span", { className: "tag-label--text" }, text),
-        !readOnly ? (React.createElement("button", { className: "tag-label__remove", onClick: onClick },
-            React.createElement("i", { className: "icon-close-small" }))) : null))));
+        removeButton))));
 };
 exports.Tag = Tag;
 
@@ -194586,7 +194586,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
 /* 1048 */
 /***/ (function(module, exports) {
 
-module.exports = {"name":"superdesk-ui-framework","version":"4.0.69","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","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.66","@superdesk/primereact":"^5.0.2-13","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"^4.1.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"}}
+module.exports = {"name":"superdesk-ui-framework","version":"4.0.70","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","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.66","@superdesk/primereact":"^5.0.2-13","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"^4.1.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"}}
 
 /***/ }),
 /* 1049 */

package/dist/superdesk-ui.bundle.css

@@ -25732,7 +25732,6 @@ a.toggle-box__header {
   padding-inline: 1em 1em;
   border-radius: var(--b-radius--full);
   font-size: 1.4rem;
-  line-height: 100%;
   position: relative;
   text-align: center;
   font-weight: 400;
@@ -25903,7 +25902,6 @@ tags-input,
       padding-inline: 1em 1em;
       border-radius: var(--b-radius--full);
       font-size: 1.4rem;
-      line-height: 100%;
       position: relative;
       text-align: center;
       font-weight: 400;
@@ -32537,9 +32535,6 @@ a.text-link {
 .sd-list-item--element-grow {
   flex-grow: 1; }
 
-.sd-list-item .badge {
-  margin: 0.2rem; }
-
 .sd-list-item time [class^="icon-"],
 .sd-list-item time [class*=" icon-"] {
   vertical-align: top;
@@ -41636,7 +41631,6 @@ label + .sd-radio {
     padding-inline: 1em 1em;
     border-radius: var(--b-radius--full);
     font-size: 1.4rem;
-    line-height: 100%;
     position: relative;
     text-align: center;
     font-weight: 400;
@@ -53818,7 +53812,6 @@ i.sd-sidetab-menu__helper-icon {
   padding-inline: 1em 1em;
   border-radius: var(--b-radius--full);
   font-size: 1.4rem;
-  line-height: 100%;
   position: relative;
   text-align: center;
   font-weight: 400;
@@ -55280,7 +55273,6 @@ i.sd-sidetab-menu__helper-icon {
   padding-inline: 1em 1em;
   border-radius: var(--b-radius--full);
   font-size: 1.4rem;
-  line-height: 100%;
   position: relative;
   text-align: center;
   font-weight: 400;

package/dist/superdesk-ui.bundle.js

@@ -132808,6 +132808,8 @@ var Tag = function (_a) {
         _b['tag-label--square'] = shape === 'square',
         _b['tag-label--draggable'] = draggable === true,
         _b));
+    var removeButton = onClick == null || readOnly === true ? null : (React.createElement("button", { className: "tag-label__remove", onClick: onClick },
+        React.createElement("i", { className: "icon-close-small" })));
     return (React.createElement(React.Fragment, null, label ? (React.createElement("span", { className: classes, key: keyValue },
         draggable && React.createElement(DragHandle_1.DragHandle, { blank: true, dotsInRow: "3", dotRows: "4" }),
         React.createElement("span", { className: "tag-label--text-wrapper" },
@@ -132815,12 +132817,10 @@ var Tag = function (_a) {
                 label,
                 ":"),
             React.createElement("span", { className: "tag-label--text" }, text)),
-        !readOnly ? (React.createElement("button", { className: "tag-label__remove", onClick: onClick },
-            React.createElement("i", { className: "icon-close-small" }))) : null)) : (React.createElement("span", { className: classes, key: keyValue },
+        removeButton)) : (React.createElement("span", { className: classes, key: keyValue },
         draggable && React.createElement(DragHandle_1.DragHandle, { blank: true, dotsInRow: "3", dotRows: "4" }),
         React.createElement("span", { className: "tag-label--text" }, text),
-        !readOnly ? (React.createElement("button", { className: "tag-label__remove", onClick: onClick },
-            React.createElement("i", { className: "icon-close-small" }))) : null))));
+        removeButton))));
 };
 exports.Tag = Tag;
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "superdesk-ui-framework",
-    "version": "4.0.69",
+    "version": "4.0.70",
     "license": "AGPL-3.0",
     "repository": {
         "type": "git",

package/react/components/Tag.d.ts

@@ -6,7 +6,7 @@ interface IProps {
     shape?: 'round' | 'square';
     readOnly?: boolean;
     draggable?: boolean;
-    onClick(): void;
+    onClick?(): void;
 }
 export declare const Tag: ({ text, keyValue, shade, shape, readOnly, onClick, label, draggable }: IProps) => JSX.Element;
 export {};

package/react/components/Tag.js

@@ -48,6 +48,8 @@ var Tag = function (_a) {
         _b['tag-label--square'] = shape === 'square',
         _b['tag-label--draggable'] = draggable === true,
         _b));
+    var removeButton = onClick == null || readOnly === true ? null : (React.createElement("button", { className: "tag-label__remove", onClick: onClick },
+        React.createElement("i", { className: "icon-close-small" })));
     return (React.createElement(React.Fragment, null, label ? (React.createElement("span", { className: classes, key: keyValue },
         draggable && React.createElement(DragHandle_1.DragHandle, { blank: true, dotsInRow: "3", dotRows: "4" }),
         React.createElement("span", { className: "tag-label--text-wrapper" },
@@ -55,11 +57,9 @@ var Tag = function (_a) {
                 label,
                 ":"),
             React.createElement("span", { className: "tag-label--text" }, text)),
-        !readOnly ? (React.createElement("button", { className: "tag-label__remove", onClick: onClick },
-            React.createElement("i", { className: "icon-close-small" }))) : null)) : (React.createElement("span", { className: classes, key: keyValue },
+        removeButton)) : (React.createElement("span", { className: classes, key: keyValue },
         draggable && React.createElement(DragHandle_1.DragHandle, { blank: true, dotsInRow: "3", dotRows: "4" }),
         React.createElement("span", { className: "tag-label--text" }, text),
-        !readOnly ? (React.createElement("button", { className: "tag-label__remove", onClick: onClick },
-            React.createElement("i", { className: "icon-close-small" }))) : null))));
+        removeButton))));
 };
 exports.Tag = Tag;