superdesk-ui-framework 6.0.3 → 6.0.5

package/app/fonts/sd_icons.svg

@@ -199,4 +199,8 @@
 <glyph unicode="&#xe6bd;" glyph-name="thumb-up" d="M401.454 64h302.546c40.288 0 78.226 18.968 102.4 51.2l128 170.666c16.618 22.158 25.6 49.106 25.6 76.8v130.134c0 45.76-36.654 83.2-81.454 83.2h-256.99l39.914 232.224c0 17.056-6.924 32.864-17.92 44.096l-43.172 43.68c-44.686-47.712-166.516-188.124-233.942-266.16-30.038-34.764-46.436-79.106-46.436-125.048v-357.592c0-45.76 36.654-83.2 81.454-83.2zM224 64c17.674 0 32 14.326 32 32v448c0 17.674-14.326 32-32 32h-128c-17.673 0-32-14.326-32-32v-448c0-17.674 14.327-32 32-32z" />
 <glyph unicode="&#xe6be;" glyph-name="thumb-down" d="M622.546 832h-302.546c-40.288 0-78.226-18.969-102.4-51.2l-128-170.666c-16.617-22.156-25.6-49.106-25.6-76.8v-130.134c0-45.76 36.655-83.2 81.455-83.2h256.989l-39.914-232.224c0-17.056 6.924-32.864 17.92-44.096l43.172-43.68c44.686 47.712 166.516 188.124 233.942 266.16 30.038 34.764 46.436 79.106 46.436 125.048v357.592c0 45.76-36.654 83.2-81.454 83.2zM800 832c-17.674 0-32-14.327-32-32v-448c0-17.674 14.326-32 32-32h128c17.674 0 32 14.326 32 32v448c0 17.673-14.326 32-32 32z" />
 <glyph unicode="&#xe6bf;" glyph-name="open-ai" d="M956.774 540.898c23.4 69.776 15.25 146.036-22.35 209.586-56.528 97.272-170.376 147.334-281.594 123.73-62.576 68.738-157.756 99.346-249.254 80.151s-165.906-85.080-195.090-172.753c-73.094-14.785-135.933-59.92-173.006-123.73-57.318-97.010-44.172-219.442 32.077-302.706-23.663-69.776-15.513-146.038 22.086-209.588 56.792-97.27 170.639-147.334 281.857-123.728 49.43-54.992 120.42-86.118 195.090-85.858 113.848 0 214.812 72.37 249.518 179.498 73.094 14.784 135.932 59.918 173.006 123.728 56.528 96.752 43.382 218.666-32.34 301.67zM566.59 2.924c-45.486 0-89.394 15.564-124.364 44.356l6.048 3.372 206.66 117.762c10.518 5.966 16.828 17.12 17.090 29.052v287.664l87.292-49.804c0.788-0.518 1.578-1.296 1.578-2.334v-238.12c-0.264-106.090-87.030-191.688-194.304-191.948zM148.801 179.050c-22.875 38.908-31.025 84.302-23.138 128.656l6.047-3.63 206.923-117.764c10.516-5.966 23.4-5.966 33.654 0l252.672 143.702v-99.606c0-1.036-0.526-2.074-1.314-2.594l-209.29-119.058c-93.076-52.916-211.918-21.53-265.555 70.294zM94.113 623.124c22.875 39.168 59.158 68.998 102.278 84.302v-242.27c-0.263-11.932 6.311-23.086 16.827-28.792l251.358-143.184-87.292-49.802c-1.052-0.518-2.104-0.518-3.156 0l-209.025 118.8c-92.813 53.176-124.627 170.16-71.253 261.984v-1.038zM812.164 458.672l-252.41 144.48 87.292 49.542c1.052 0.52 2.104 0.52 3.156 0l209.026-119.058c65.206-37.094 102.804-108.166 96.494-182.092s-55.214-137.736-125.942-163.676v242.27c-0.526 11.932-7.098 22.568-17.616 28.534zM898.93 587.588l-6.048 3.632-206.396 118.8c-10.518 5.966-23.402 5.966-33.918 0l-252.41-143.702v99.606c0 1.038 0.264 2.074 1.316 2.594l209.026 118.8c65.468 37.093 146.712 33.721 208.5-8.819s93.338-116.725 80.456-189.873v-1.038zM352.306 411.204l-87.292 49.542c-0.788 0.52-1.576 1.298-1.576 2.336v237.6c0 74.445 43.644 142.145 112.006 173.532 68.36 31.646 148.816 21.27 206.922-26.198l-6.046-3.372-206.66-117.763c-10.518-5.966-16.828-17.12-17.092-29.052zM399.632 512.106l112.534 64.068 112.794-64.068v-127.88l-112.268-64.068-112.796 64.068z" />
+<glyph unicode="&#xe6c0;" glyph-name="n-dash" d="M192 512h640v-128h-640v128z" />
+<glyph unicode="&#xe6c1;" glyph-name="m-dash" d="M64 512h896v-128h-896v128z" />
+<glyph unicode="&#xe6c2;" glyph-name="thin_space" d="M192 128v256h128v-128h384v128h128v-256h-640z" />
+<glyph unicode="&#xe6c3;" glyph-name="thin_space_alt" d="M256 768h-128v64h320v-64h-128v-256h-64zM576.030 64v320h256c16.974 0 33.252-6.743 45.254-18.746 12.004-12.002 18.746-28.282 18.746-45.254v-64.075c0-35.305-28.62-63.925-63.925-63.925h-192.075v-128zM640.030 256h181.999c5.523 0 10.001 4.478 10.001 10.001v43.998c0 5.523-4.478 10.001-10.001 10.001h-181.999zM640.31 640v-128h-64v320h64v-128h190.734v128h64v-320h-64v128zM192 192.857c-16.974 0-33.252 6.741-45.256 18.746-12.002 12.002-18.744 28.279-18.744 45.254v63.142c0 16.973 6.742 33.252 18.744 45.254 12.004 12.002 28.282 18.746 45.256 18.746h256l-32-64h-214.001c-5.521 0-9.999-4.478-9.999-10.001v-43.142c0-5.523 4.478-9.999 9.999-9.999h182.001c16.974 0 33.252-6.743 45.256-18.746 12.002-12.002 18.744-28.282 18.744-45.254v-64c0-16.975-6.742-33.252-18.744-45.254-12.004-12.004-28.282-18.746-45.256-18.746h-256l32 64h214.001c5.521 0 9.999 4.476 9.999 9.999v44c0 5.523-4.478 10.001-9.999 10.001zM192 192.857c-16.974 0-33.252 6.741-45.256 18.746-12.002 12.002-18.744 28.279-18.744 45.254v63.142c0 16.973 6.742 33.252 18.744 45.254 12.004 12.002 28.282 18.746 45.256 18.746h256l-32-64h-214.001c-5.521 0-9.999-4.478-9.999-10.001v-43.142c0-5.523 4.478-9.999 9.999-9.999h182.001c16.974 0 33.252-6.743 45.256-18.746 12.002-12.002 18.744-28.282 18.744-45.254v-64c0-16.975-6.742-33.252-18.744-45.254-12.004-12.004-28.282-18.746-45.256-18.746h-256l32 64h214.001c5.521 0 9.999 4.476 9.999 9.999v44c0 5.523-4.478 10.001-9.999 10.001zM640.31 640v-128h-64v320h64v-128h190.734v128h64v-320h-64v128zM576.030 64v320h256c16.974 0 33.252-6.743 45.254-18.746 12.004-12.002 18.746-28.282 18.746-45.254v-64.075c0-35.305-28.62-63.925-63.925-63.925h-192.075v-128zM640.030 256h181.999c5.523 0 10.001 4.478 10.001 10.001v43.998c0 5.523-4.478 10.001-10.001 10.001h-181.999zM256 768h-128v64h320v-64h-128v-256h-64z" />
 </font></defs></svg>

package/app/styles/_icon-font.scss

@@ -300,6 +300,10 @@ $sd-icon-font: (
     thumb-up: "\e6bd",
     thumb-down: "\e6be",
     open-ai: "\e6bf",
+    n-dash: "\e6c0",
+    m-dash: "\e6c1",
+    thin_space: "\e6c2",
+    thin_space_alt: "\e6c3",
 );
 
 @each $name, $value in $sd-icon-font {

package/app/styles/primereact/_pr-dialog.scss

@@ -279,7 +279,7 @@
     z-index: 2;
 }
 
-.p-dialog .p-dialog-footer button {
+.p-dialog .p-dialog-footer > button {
     margin: 0 0.5rem 0 0;
     width: auto;
 }
@@ -392,4 +392,4 @@
     z-index: 2;
     margin: calc(-1 * var(--dialog-content-padding));
     margin-block-end: 0;
-}
+}

package/app-typescript/components/CopyableTextBox.tsx

@@ -15,7 +15,7 @@ interface ICopyableTextBoxProps extends IInputCommon {
      */
     size?: 'medium' | 'large';
 
-    disableCopyButton?: boolean;
+    disableCopyAndInfo?: boolean;
     toastMessagePosition?: Position;
     'data-test-id'?: string;
 }
@@ -69,7 +69,7 @@ export const CopyableTextBox: React.FC<ICopyableTextBoxProps> = (props) => {
             value={props.value}
             error={props.error}
             invalid={props.error != null}
-            info={props.info}
+            info={props.disableCopyAndInfo ? undefined : props.info}
             size={props.size ?? 'medium'}
             fullWidth={true}
             htmlId={htmlId}
@@ -94,7 +94,7 @@ export const CopyableTextBox: React.FC<ICopyableTextBoxProps> = (props) => {
                     icon={copied ? 'ok' : 'copy'}
                     iconOnly={true}
                     onClick={handleCopy}
-                    disabled={props.disableCopyButton}
+                    disabled={props.disableCopyAndInfo}
                     type="default"
                     style="hollow"
                     size={props.size === 'medium' ? 'normal' : (props.size ?? 'normal')}

package/dist/examples.bundle.css

@@ -12777,6 +12777,178 @@ doc-react-playground {
   --icon-base-size: 64px
         ; }
 
+.icon-n-dash:before {
+  content: ""; }
+
+.icon-n-dash.color--default {
+  color: var(--color-icon-default); }
+
+.icon-n-dash.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-n-dash.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-n-dash.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-n-dash.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-n-dash.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-n-dash.color--light {
+  color: var(--color-text-subdued) !important; }
+
+.icon-n-dash.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-n-dash.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
+.icon-n-dash.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-n-dash.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-n-dash.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-m-dash:before {
+  content: ""; }
+
+.icon-m-dash.color--default {
+  color: var(--color-icon-default); }
+
+.icon-m-dash.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-m-dash.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-m-dash.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-m-dash.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-m-dash.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-m-dash.color--light {
+  color: var(--color-text-subdued) !important; }
+
+.icon-m-dash.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-m-dash.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
+.icon-m-dash.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-m-dash.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-m-dash.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-thin_space:before {
+  content: ""; }
+
+.icon-thin_space.color--default {
+  color: var(--color-icon-default); }
+
+.icon-thin_space.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-thin_space.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-thin_space.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-thin_space.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-thin_space.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-thin_space.color--light {
+  color: var(--color-text-subdued) !important; }
+
+.icon-thin_space.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-thin_space.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
+.icon-thin_space.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-thin_space.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-thin_space.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-thin_space_alt:before {
+  content: ""; }
+
+.icon-thin_space_alt.color--default {
+  color: var(--color-icon-default); }
+
+.icon-thin_space_alt.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-thin_space_alt.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-thin_space_alt.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-thin_space_alt.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-thin_space_alt.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-thin_space_alt.color--light {
+  color: var(--color-text-subdued) !important; }
+
+.icon-thin_space_alt.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-thin_space_alt.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
+.icon-thin_space_alt.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-thin_space_alt.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-thin_space_alt.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
 .icn-mix {
   position: relative;
   display: inline-flex !important;

package/dist/examples.bundle.js

@@ -102872,13 +102872,13 @@ var CopyableTextBox = function (props) {
             });
         });
     };
-    return (react_1.default.createElement(Form_1.InputWrapper, { label: props.label, disabled: props.disabled, value: props.value, error: props.error, invalid: props.error != null, info: props.info, size: (_a = props.size) !== null && _a !== void 0 ? _a : 'medium', fullWidth: true, htmlId: htmlId, tabindex: props.tabindex },
+    return (react_1.default.createElement(Form_1.InputWrapper, { label: props.label, disabled: props.disabled, value: props.value, error: props.error, invalid: props.error != null, info: props.disableCopyAndInfo ? undefined : props.info, size: (_a = props.size) !== null && _a !== void 0 ? _a : 'medium', fullWidth: true, htmlId: htmlId, tabindex: props.tabindex },
         react_1.default.createElement("div", { className: "d-flex items-center gap-1" },
             react_1.default.createElement("input", { id: htmlId, "aria-describedby": htmlId + 'label', type: "text", className: "sd-input__input", style: {
                     border: '1px solid var(--color-input-border)',
                     borderRadius: 'var(--b-radius--medium)',
                 }, value: props.value, disabled: true, "data-test-id": props['data-test-id'] }),
-            react_1.default.createElement(Button_1.Button, { text: (0, translations_1.gettext)('Copy'), icon: copied ? 'ok' : 'copy', iconOnly: true, onClick: handleCopy, disabled: props.disableCopyButton, type: "default", style: "hollow", size: props.size === 'medium' ? 'normal' : ((_b = props.size) !== null && _b !== void 0 ? _b : 'normal'), "data-test-id": "copy-button" }))));
+            react_1.default.createElement(Button_1.Button, { text: (0, translations_1.gettext)('Copy'), icon: copied ? 'ok' : 'copy', iconOnly: true, onClick: handleCopy, disabled: props.disableCopyAndInfo, type: "default", style: "hollow", size: props.size === 'medium' ? 'normal' : ((_b = props.size) !== null && _b !== void 0 ? _b : 'normal'), "data-test-id": "copy-button" }))));
 };
 exports.CopyableTextBox = CopyableTextBox;
 
@@ -183039,7 +183039,7 @@ exports.default = IconFontDoc;
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
-module.exports = {"icon":"photo, video, map-marker, slideshow, text, file, calendar, composite, audio, stream, ingest, archive, time, pin, expand, ascending, descending, th, grid-view, th-list, list-view, pencil, lock, retweet, unspike, fullscreen, fetch-as, search, star, star-empty, multi-star, th-large, grid-view-large, ok, zoom-in, zoom-out, signal, filter-large, trash, user, download, upload, repeat, refresh, list-alt, plus-large, picture, question-sign, info-sign, plus-sign, minus-sign, remove-sign, share-alt, exclamation-sign, eye-open, copy, comment, warning-sign, adjust, folder-close, folder-open, download-alt, tasks, globe, link, expand-thin, assign, dots, dots-vertical, backward-thin, forward-thin, chevron-left-thin, chevron-right-thin, switches, plus-small, minus-small, close-small, post, external, chevron-up-thin, chevron-down-thin, pick, revert, package-plus, list-plus, envelope, heart, home, print, font, bold, italic, underline, strikethrough, align-left, align-center, align-right, align-justify, unordered-list, indent-left, indent-right, ban-circle, bell, random, settings, package-create, list-menu, new-doc, edit-line, calendar-list, collapse, broadcast, broadcast-create, kill, graphic, close-thick, move, takes-package, highlight-package, preview-mode, unlocked, code, cut, paste, arrow-left, arrow-right, info-large, help-large, attachment, attachment-large, table, ordered-list, heading-1, heading-2, heading-3, heading-4, heading-5, heading-6, quote, multiedit, phone, mobile, twitter, facebook, linked-in, twitter-circle, facebook-circle, linked-in-circle, recurring, paragraph, suggestion, event, kanban-view, subscript, superscript, clear-format, preformatted, crop, flip-horizontal, flip-vertical, rotate-right, rotate-left, business, paywall, analytics, amp, undo, redo, instagram, play, stop, pause, fast_rewind, fast_forward, skip_previous, skip_next, add-image, add-gallery, text-format, to-uppercase, to-lowercase, arrow-small, clear-all, rundown, photo-cancel, video-cancel, text-cancel, file-cancel, audio-cancel, list-alt-cancel, post-cancel, text-block, graphic-cancel, play-cancel, thumb-up, thumb-down, open-ai"};
+module.exports = {"icon":"photo, video, map-marker, slideshow, text, file, calendar, composite, audio, stream, ingest, archive, time, pin, expand, ascending, descending, th, grid-view, th-list, list-view, pencil, lock, retweet, unspike, fullscreen, fetch-as, search, star, star-empty, multi-star, th-large, grid-view-large, ok, zoom-in, zoom-out, signal, filter-large, trash, user, download, upload, repeat, refresh, list-alt, plus-large, picture, question-sign, info-sign, plus-sign, minus-sign, remove-sign, share-alt, exclamation-sign, eye-open, copy, comment, warning-sign, adjust, folder-close, folder-open, download-alt, tasks, globe, link, expand-thin, assign, dots, dots-vertical, backward-thin, forward-thin, chevron-left-thin, chevron-right-thin, switches, plus-small, minus-small, close-small, post, external, chevron-up-thin, chevron-down-thin, pick, revert, package-plus, list-plus, envelope, heart, home, print, font, bold, italic, underline, strikethrough, align-left, align-center, align-right, align-justify, unordered-list, indent-left, indent-right, ban-circle, bell, random, settings, package-create, list-menu, new-doc, edit-line, calendar-list, collapse, broadcast, broadcast-create, kill, graphic, close-thick, move, takes-package, highlight-package, preview-mode, unlocked, code, cut, paste, arrow-left, arrow-right, info-large, help-large, attachment, attachment-large, table, ordered-list, heading-1, heading-2, heading-3, heading-4, heading-5, heading-6, quote, multiedit, phone, mobile, twitter, facebook, linked-in, twitter-circle, facebook-circle, linked-in-circle, recurring, paragraph, suggestion, event, kanban-view, subscript, superscript, clear-format, preformatted, crop, flip-horizontal, flip-vertical, rotate-right, rotate-left, business, paywall, analytics, amp, undo, redo, instagram, play, stop, pause, fast_rewind, fast_forward, skip_previous, skip_next, add-image, add-gallery, text-format, to-uppercase, to-lowercase, arrow-small, clear-all, rundown, photo-cancel, video-cancel, text-cancel, file-cancel, audio-cancel, list-alt-cancel, post-cancel, text-block, graphic-cancel, play-cancel, thumb-up, thumb-down, open-ai, n-dash, m-dash, thin_space, thin_space_alt"};
 
 /***/ }),
 /* 998 */
@@ -198815,7 +198815,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
 /* 1070 */
 /***/ (function(module, exports) {
 
-module.exports = {"name":"superdesk-ui-framework","version":"6.0.3","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","Konstantin Markov","Helmy Giacoman"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","watch":"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-16","@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","weekstart":"^2.0.0"},"peerDependencies":{"moment":"*"},"volta":{"node":"14.21.3"}}
+module.exports = {"name":"superdesk-ui-framework","version":"6.0.5","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","Konstantin Markov","Helmy Giacoman"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","watch":"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-16","@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","weekstart":"^2.0.0"},"peerDependencies":{"moment":"*"},"volta":{"node":"14.21.3"}}
 
 /***/ }),
 /* 1071 */

package/dist/sd_icons.svg

@@ -199,4 +199,8 @@
 <glyph unicode="&#xe6bd;" glyph-name="thumb-up" d="M401.454 64h302.546c40.288 0 78.226 18.968 102.4 51.2l128 170.666c16.618 22.158 25.6 49.106 25.6 76.8v130.134c0 45.76-36.654 83.2-81.454 83.2h-256.99l39.914 232.224c0 17.056-6.924 32.864-17.92 44.096l-43.172 43.68c-44.686-47.712-166.516-188.124-233.942-266.16-30.038-34.764-46.436-79.106-46.436-125.048v-357.592c0-45.76 36.654-83.2 81.454-83.2zM224 64c17.674 0 32 14.326 32 32v448c0 17.674-14.326 32-32 32h-128c-17.673 0-32-14.326-32-32v-448c0-17.674 14.327-32 32-32z" />
 <glyph unicode="&#xe6be;" glyph-name="thumb-down" d="M622.546 832h-302.546c-40.288 0-78.226-18.969-102.4-51.2l-128-170.666c-16.617-22.156-25.6-49.106-25.6-76.8v-130.134c0-45.76 36.655-83.2 81.455-83.2h256.989l-39.914-232.224c0-17.056 6.924-32.864 17.92-44.096l43.172-43.68c44.686 47.712 166.516 188.124 233.942 266.16 30.038 34.764 46.436 79.106 46.436 125.048v357.592c0 45.76-36.654 83.2-81.454 83.2zM800 832c-17.674 0-32-14.327-32-32v-448c0-17.674 14.326-32 32-32h128c17.674 0 32 14.326 32 32v448c0 17.673-14.326 32-32 32z" />
 <glyph unicode="&#xe6bf;" glyph-name="open-ai" d="M956.774 540.898c23.4 69.776 15.25 146.036-22.35 209.586-56.528 97.272-170.376 147.334-281.594 123.73-62.576 68.738-157.756 99.346-249.254 80.151s-165.906-85.080-195.090-172.753c-73.094-14.785-135.933-59.92-173.006-123.73-57.318-97.010-44.172-219.442 32.077-302.706-23.663-69.776-15.513-146.038 22.086-209.588 56.792-97.27 170.639-147.334 281.857-123.728 49.43-54.992 120.42-86.118 195.090-85.858 113.848 0 214.812 72.37 249.518 179.498 73.094 14.784 135.932 59.918 173.006 123.728 56.528 96.752 43.382 218.666-32.34 301.67zM566.59 2.924c-45.486 0-89.394 15.564-124.364 44.356l6.048 3.372 206.66 117.762c10.518 5.966 16.828 17.12 17.090 29.052v287.664l87.292-49.804c0.788-0.518 1.578-1.296 1.578-2.334v-238.12c-0.264-106.090-87.030-191.688-194.304-191.948zM148.801 179.050c-22.875 38.908-31.025 84.302-23.138 128.656l6.047-3.63 206.923-117.764c10.516-5.966 23.4-5.966 33.654 0l252.672 143.702v-99.606c0-1.036-0.526-2.074-1.314-2.594l-209.29-119.058c-93.076-52.916-211.918-21.53-265.555 70.294zM94.113 623.124c22.875 39.168 59.158 68.998 102.278 84.302v-242.27c-0.263-11.932 6.311-23.086 16.827-28.792l251.358-143.184-87.292-49.802c-1.052-0.518-2.104-0.518-3.156 0l-209.025 118.8c-92.813 53.176-124.627 170.16-71.253 261.984v-1.038zM812.164 458.672l-252.41 144.48 87.292 49.542c1.052 0.52 2.104 0.52 3.156 0l209.026-119.058c65.206-37.094 102.804-108.166 96.494-182.092s-55.214-137.736-125.942-163.676v242.27c-0.526 11.932-7.098 22.568-17.616 28.534zM898.93 587.588l-6.048 3.632-206.396 118.8c-10.518 5.966-23.402 5.966-33.918 0l-252.41-143.702v99.606c0 1.038 0.264 2.074 1.316 2.594l209.026 118.8c65.468 37.093 146.712 33.721 208.5-8.819s93.338-116.725 80.456-189.873v-1.038zM352.306 411.204l-87.292 49.542c-0.788 0.52-1.576 1.298-1.576 2.336v237.6c0 74.445 43.644 142.145 112.006 173.532 68.36 31.646 148.816 21.27 206.922-26.198l-6.046-3.372-206.66-117.763c-10.518-5.966-16.828-17.12-17.092-29.052zM399.632 512.106l112.534 64.068 112.794-64.068v-127.88l-112.268-64.068-112.796 64.068z" />
+<glyph unicode="&#xe6c0;" glyph-name="n-dash" d="M192 512h640v-128h-640v128z" />
+<glyph unicode="&#xe6c1;" glyph-name="m-dash" d="M64 512h896v-128h-896v128z" />
+<glyph unicode="&#xe6c2;" glyph-name="thin_space" d="M192 128v256h128v-128h384v128h128v-256h-640z" />
+<glyph unicode="&#xe6c3;" glyph-name="thin_space_alt" d="M256 768h-128v64h320v-64h-128v-256h-64zM576.030 64v320h256c16.974 0 33.252-6.743 45.254-18.746 12.004-12.002 18.746-28.282 18.746-45.254v-64.075c0-35.305-28.62-63.925-63.925-63.925h-192.075v-128zM640.030 256h181.999c5.523 0 10.001 4.478 10.001 10.001v43.998c0 5.523-4.478 10.001-10.001 10.001h-181.999zM640.31 640v-128h-64v320h64v-128h190.734v128h64v-320h-64v128zM192 192.857c-16.974 0-33.252 6.741-45.256 18.746-12.002 12.002-18.744 28.279-18.744 45.254v63.142c0 16.973 6.742 33.252 18.744 45.254 12.004 12.002 28.282 18.746 45.256 18.746h256l-32-64h-214.001c-5.521 0-9.999-4.478-9.999-10.001v-43.142c0-5.523 4.478-9.999 9.999-9.999h182.001c16.974 0 33.252-6.743 45.256-18.746 12.002-12.002 18.744-28.282 18.744-45.254v-64c0-16.975-6.742-33.252-18.744-45.254-12.004-12.004-28.282-18.746-45.256-18.746h-256l32 64h214.001c5.521 0 9.999 4.476 9.999 9.999v44c0 5.523-4.478 10.001-9.999 10.001zM192 192.857c-16.974 0-33.252 6.741-45.256 18.746-12.002 12.002-18.744 28.279-18.744 45.254v63.142c0 16.973 6.742 33.252 18.744 45.254 12.004 12.002 28.282 18.746 45.256 18.746h256l-32-64h-214.001c-5.521 0-9.999-4.478-9.999-10.001v-43.142c0-5.523 4.478-9.999 9.999-9.999h182.001c16.974 0 33.252-6.743 45.256-18.746 12.002-12.002 18.744-28.282 18.744-45.254v-64c0-16.975-6.742-33.252-18.744-45.254-12.004-12.004-28.282-18.746-45.256-18.746h-256l32 64h214.001c5.521 0 9.999 4.476 9.999 9.999v44c0 5.523-4.478 10.001-9.999 10.001zM640.31 640v-128h-64v320h64v-128h190.734v128h64v-320h-64v128zM576.030 64v320h256c16.974 0 33.252-6.743 45.254-18.746 12.004-12.002 18.746-28.282 18.746-45.254v-64.075c0-35.305-28.62-63.925-63.925-63.925h-192.075v-128zM640.030 256h181.999c5.523 0 10.001 4.478 10.001 10.001v43.998c0 5.523-4.478 10.001-10.001 10.001h-181.999zM256 768h-128v64h320v-64h-128v-256h-64z" />
 </font></defs></svg>

package/dist/superdesk-ui.bundle.css

@@ -20519,6 +20519,178 @@ a.label {
   --icon-base-size: 64px
         ; }
 
+.icon-n-dash:before {
+  content: ""; }
+
+.icon-n-dash.color--default {
+  color: var(--color-icon-default); }
+
+.icon-n-dash.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-n-dash.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-n-dash.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-n-dash.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-n-dash.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-n-dash.color--light {
+  color: var(--color-text-subdued) !important; }
+
+.icon-n-dash.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-n-dash.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
+.icon-n-dash.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-n-dash.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-n-dash.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-m-dash:before {
+  content: ""; }
+
+.icon-m-dash.color--default {
+  color: var(--color-icon-default); }
+
+.icon-m-dash.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-m-dash.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-m-dash.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-m-dash.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-m-dash.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-m-dash.color--light {
+  color: var(--color-text-subdued) !important; }
+
+.icon-m-dash.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-m-dash.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
+.icon-m-dash.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-m-dash.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-m-dash.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-thin_space:before {
+  content: ""; }
+
+.icon-thin_space.color--default {
+  color: var(--color-icon-default); }
+
+.icon-thin_space.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-thin_space.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-thin_space.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-thin_space.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-thin_space.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-thin_space.color--light {
+  color: var(--color-text-subdued) !important; }
+
+.icon-thin_space.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-thin_space.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
+.icon-thin_space.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-thin_space.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-thin_space.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-thin_space_alt:before {
+  content: ""; }
+
+.icon-thin_space_alt.color--default {
+  color: var(--color-icon-default); }
+
+.icon-thin_space_alt.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-thin_space_alt.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-thin_space_alt.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-thin_space_alt.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-thin_space_alt.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-thin_space_alt.color--light {
+  color: var(--color-text-subdued) !important; }
+
+.icon-thin_space_alt.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-thin_space_alt.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
+.icon-thin_space_alt.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-thin_space_alt.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-thin_space_alt.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
 .icn-mix {
   position: relative;
   display: inline-flex !important;
@@ -54376,6 +54548,178 @@ i.sd-sidetab-menu__helper-icon {
   --icon-base-size: 64px
         ; }
 
+.icon-n-dash:before {
+  content: ""; }
+
+.icon-n-dash.color--default {
+  color: var(--color-icon-default); }
+
+.icon-n-dash.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-n-dash.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-n-dash.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-n-dash.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-n-dash.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-n-dash.color--light {
+  color: var(--color-text-subdued) !important; }
+
+.icon-n-dash.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-n-dash.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
+.icon-n-dash.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-n-dash.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-n-dash.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-m-dash:before {
+  content: ""; }
+
+.icon-m-dash.color--default {
+  color: var(--color-icon-default); }
+
+.icon-m-dash.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-m-dash.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-m-dash.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-m-dash.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-m-dash.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-m-dash.color--light {
+  color: var(--color-text-subdued) !important; }
+
+.icon-m-dash.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-m-dash.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
+.icon-m-dash.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-m-dash.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-m-dash.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-thin_space:before {
+  content: ""; }
+
+.icon-thin_space.color--default {
+  color: var(--color-icon-default); }
+
+.icon-thin_space.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-thin_space.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-thin_space.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-thin_space.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-thin_space.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-thin_space.color--light {
+  color: var(--color-text-subdued) !important; }
+
+.icon-thin_space.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-thin_space.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
+.icon-thin_space.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-thin_space.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-thin_space.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-thin_space_alt:before {
+  content: ""; }
+
+.icon-thin_space_alt.color--default {
+  color: var(--color-icon-default); }
+
+.icon-thin_space_alt.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-thin_space_alt.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-thin_space_alt.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-thin_space_alt.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-thin_space_alt.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-thin_space_alt.color--light {
+  color: var(--color-text-subdued) !important; }
+
+.icon-thin_space_alt.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-thin_space_alt.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
+.icon-thin_space_alt.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-thin_space_alt.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-thin_space_alt.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
 .icn-mix {
   position: relative;
   display: inline-flex !important;
@@ -55883,7 +56227,7 @@ i.sd-sidetab-menu__helper-icon {
   position: relative;
   z-index: 2; }
 
-.p-dialog .p-dialog-footer button {
+.p-dialog .p-dialog-footer > button {
   margin: 0 0.5rem 0 0;
   width: auto; }
 

package/dist/superdesk-ui.bundle.js

@@ -102219,13 +102219,13 @@ var CopyableTextBox = function (props) {
             });
         });
     };
-    return (react_1.default.createElement(Form_1.InputWrapper, { label: props.label, disabled: props.disabled, value: props.value, error: props.error, invalid: props.error != null, info: props.info, size: (_a = props.size) !== null && _a !== void 0 ? _a : 'medium', fullWidth: true, htmlId: htmlId, tabindex: props.tabindex },
+    return (react_1.default.createElement(Form_1.InputWrapper, { label: props.label, disabled: props.disabled, value: props.value, error: props.error, invalid: props.error != null, info: props.disableCopyAndInfo ? undefined : props.info, size: (_a = props.size) !== null && _a !== void 0 ? _a : 'medium', fullWidth: true, htmlId: htmlId, tabindex: props.tabindex },
         react_1.default.createElement("div", { className: "d-flex items-center gap-1" },
             react_1.default.createElement("input", { id: htmlId, "aria-describedby": htmlId + 'label', type: "text", className: "sd-input__input", style: {
                     border: '1px solid var(--color-input-border)',
                     borderRadius: 'var(--b-radius--medium)',
                 }, value: props.value, disabled: true, "data-test-id": props['data-test-id'] }),
-            react_1.default.createElement(Button_1.Button, { text: (0, translations_1.gettext)('Copy'), icon: copied ? 'ok' : 'copy', iconOnly: true, onClick: handleCopy, disabled: props.disableCopyButton, type: "default", style: "hollow", size: props.size === 'medium' ? 'normal' : ((_b = props.size) !== null && _b !== void 0 ? _b : 'normal'), "data-test-id": "copy-button" }))));
+            react_1.default.createElement(Button_1.Button, { text: (0, translations_1.gettext)('Copy'), icon: copied ? 'ok' : 'copy', iconOnly: true, onClick: handleCopy, disabled: props.disableCopyAndInfo, type: "default", style: "hollow", size: props.size === 'medium' ? 'normal' : ((_b = props.size) !== null && _b !== void 0 ? _b : 'normal'), "data-test-id": "copy-button" }))));
 };
 exports.CopyableTextBox = CopyableTextBox;
 
@@ -170958,7 +170958,7 @@ __webpack_require__(1147);
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
-module.exports = {"icon":"photo, video, map-marker, slideshow, text, file, calendar, composite, audio, stream, ingest, archive, time, pin, expand, ascending, descending, th, grid-view, th-list, list-view, pencil, lock, retweet, unspike, fullscreen, fetch-as, search, star, star-empty, multi-star, th-large, grid-view-large, ok, zoom-in, zoom-out, signal, filter-large, trash, user, download, upload, repeat, refresh, list-alt, plus-large, picture, question-sign, info-sign, plus-sign, minus-sign, remove-sign, share-alt, exclamation-sign, eye-open, copy, comment, warning-sign, adjust, folder-close, folder-open, download-alt, tasks, globe, link, expand-thin, assign, dots, dots-vertical, backward-thin, forward-thin, chevron-left-thin, chevron-right-thin, switches, plus-small, minus-small, close-small, post, external, chevron-up-thin, chevron-down-thin, pick, revert, package-plus, list-plus, envelope, heart, home, print, font, bold, italic, underline, strikethrough, align-left, align-center, align-right, align-justify, unordered-list, indent-left, indent-right, ban-circle, bell, random, settings, package-create, list-menu, new-doc, edit-line, calendar-list, collapse, broadcast, broadcast-create, kill, graphic, close-thick, move, takes-package, highlight-package, preview-mode, unlocked, code, cut, paste, arrow-left, arrow-right, info-large, help-large, attachment, attachment-large, table, ordered-list, heading-1, heading-2, heading-3, heading-4, heading-5, heading-6, quote, multiedit, phone, mobile, twitter, facebook, linked-in, twitter-circle, facebook-circle, linked-in-circle, recurring, paragraph, suggestion, event, kanban-view, subscript, superscript, clear-format, preformatted, crop, flip-horizontal, flip-vertical, rotate-right, rotate-left, business, paywall, analytics, amp, undo, redo, instagram, play, stop, pause, fast_rewind, fast_forward, skip_previous, skip_next, add-image, add-gallery, text-format, to-uppercase, to-lowercase, arrow-small, clear-all, rundown, photo-cancel, video-cancel, text-cancel, file-cancel, audio-cancel, list-alt-cancel, post-cancel, text-block, graphic-cancel, play-cancel, thumb-up, thumb-down, open-ai"};
+module.exports = {"icon":"photo, video, map-marker, slideshow, text, file, calendar, composite, audio, stream, ingest, archive, time, pin, expand, ascending, descending, th, grid-view, th-list, list-view, pencil, lock, retweet, unspike, fullscreen, fetch-as, search, star, star-empty, multi-star, th-large, grid-view-large, ok, zoom-in, zoom-out, signal, filter-large, trash, user, download, upload, repeat, refresh, list-alt, plus-large, picture, question-sign, info-sign, plus-sign, minus-sign, remove-sign, share-alt, exclamation-sign, eye-open, copy, comment, warning-sign, adjust, folder-close, folder-open, download-alt, tasks, globe, link, expand-thin, assign, dots, dots-vertical, backward-thin, forward-thin, chevron-left-thin, chevron-right-thin, switches, plus-small, minus-small, close-small, post, external, chevron-up-thin, chevron-down-thin, pick, revert, package-plus, list-plus, envelope, heart, home, print, font, bold, italic, underline, strikethrough, align-left, align-center, align-right, align-justify, unordered-list, indent-left, indent-right, ban-circle, bell, random, settings, package-create, list-menu, new-doc, edit-line, calendar-list, collapse, broadcast, broadcast-create, kill, graphic, close-thick, move, takes-package, highlight-package, preview-mode, unlocked, code, cut, paste, arrow-left, arrow-right, info-large, help-large, attachment, attachment-large, table, ordered-list, heading-1, heading-2, heading-3, heading-4, heading-5, heading-6, quote, multiedit, phone, mobile, twitter, facebook, linked-in, twitter-circle, facebook-circle, linked-in-circle, recurring, paragraph, suggestion, event, kanban-view, subscript, superscript, clear-format, preformatted, crop, flip-horizontal, flip-vertical, rotate-right, rotate-left, business, paywall, analytics, amp, undo, redo, instagram, play, stop, pause, fast_rewind, fast_forward, skip_previous, skip_next, add-image, add-gallery, text-format, to-uppercase, to-lowercase, arrow-small, clear-all, rundown, photo-cancel, video-cancel, text-cancel, file-cancel, audio-cancel, list-alt-cancel, post-cancel, text-block, graphic-cancel, play-cancel, thumb-up, thumb-down, open-ai, n-dash, m-dash, thin_space, thin_space_alt"};
 
 /***/ })
 /******/ ]);

package/package.json

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

package/react/components/CopyableTextBox.d.ts

@@ -7,7 +7,7 @@ interface ICopyableTextBoxProps extends IInputCommon {
      * Defaults to `medium`
      */
     size?: 'medium' | 'large';
-    disableCopyButton?: boolean;
+    disableCopyAndInfo?: boolean;
     toastMessagePosition?: Position;
     'data-test-id'?: string;
 }

package/react/components/CopyableTextBox.js

@@ -80,12 +80,12 @@ var CopyableTextBox = function (props) {
             });
         });
     };
-    return (react_1.default.createElement(Form_1.InputWrapper, { label: props.label, disabled: props.disabled, value: props.value, error: props.error, invalid: props.error != null, info: props.info, size: (_a = props.size) !== null && _a !== void 0 ? _a : 'medium', fullWidth: true, htmlId: htmlId, tabindex: props.tabindex },
+    return (react_1.default.createElement(Form_1.InputWrapper, { label: props.label, disabled: props.disabled, value: props.value, error: props.error, invalid: props.error != null, info: props.disableCopyAndInfo ? undefined : props.info, size: (_a = props.size) !== null && _a !== void 0 ? _a : 'medium', fullWidth: true, htmlId: htmlId, tabindex: props.tabindex },
         react_1.default.createElement("div", { className: "d-flex items-center gap-1" },
             react_1.default.createElement("input", { id: htmlId, "aria-describedby": htmlId + 'label', type: "text", className: "sd-input__input", style: {
                     border: '1px solid var(--color-input-border)',
                     borderRadius: 'var(--b-radius--medium)',
                 }, value: props.value, disabled: true, "data-test-id": props['data-test-id'] }),
-            react_1.default.createElement(Button_1.Button, { text: (0, translations_1.gettext)('Copy'), icon: copied ? 'ok' : 'copy', iconOnly: true, onClick: handleCopy, disabled: props.disableCopyButton, type: "default", style: "hollow", size: props.size === 'medium' ? 'normal' : ((_b = props.size) !== null && _b !== void 0 ? _b : 'normal'), "data-test-id": "copy-button" }))));
+            react_1.default.createElement(Button_1.Button, { text: (0, translations_1.gettext)('Copy'), icon: copied ? 'ok' : 'copy', iconOnly: true, onClick: handleCopy, disabled: props.disableCopyAndInfo, type: "default", style: "hollow", size: props.size === 'medium' ? 'normal' : ((_b = props.size) !== null && _b !== void 0 ? _b : 'normal'), "data-test-id": "copy-button" }))));
 };
 exports.CopyableTextBox = CopyableTextBox;