chore: improve texts, use hidden span for icons, prettier

Author: r0b1n

…dgets/file-uploader-web/rollup.config.js …gets/file-uploader-web/rollup.config.mjspackages/pluggableWidgets/file-uploader-web/rollup.config.js renamed to packages/pluggableWidgets/file-uploader-web/rollup.config.mjs packages/pluggableWidgets/file-uploader-web/rollup.config.js renamed to packages/pluggableWidgets/file-uploader-web/rollup.config.mjs

@@ -220,12 +220,12 @@
                             <description />
                         </property>
                         <property key="buttonIsDefault" type="boolean" defaultValue="false">
-                            <caption>Is default</caption>
-                            <description>The action will be triggered by clicking on the file entry.</description>
+                            <caption>Default file action</caption>
+                            <description>When set to Yes, the action will be triggered by clicking on the file entry.</description>
                         </property>
                         <property key="buttonIsVisible" type="expression" defaultValue="true">
-                            <caption>Is visible</caption>
-                            <description>The button will be hidden if false is returned.</description>
+                            <caption>Visible</caption>
+                            <description>The button will be hidden when false is returned.</description>
                             <returnType type="Boolean" />
                         </property>
                     </propertyGroup>

packages/pluggableWidgets/file-uploader-web/src/FileUploader.xml

@@ -54,13 +54,13 @@ function DefaultActionsBar(props: ButtonsBarProps) {
     return (
         <div className={"entry-details-actions"}>
             <ActionButton
-                icon={<div className={"download-icon"} />}
+                icon={<span className={"download-icon"} aria-hidden={true} />}
                 title={translations.get("downloadButtonTextMessage")}
                 action={onViewClick}
                 isDisabled={!props.store.canDownload}
             />
             <ActionButton
-                icon={<div className={"remove-icon"} />}
+                icon={<span className={"remove-icon"} aria-hidden={true} />}
                 title={translations.get("removeButtonTextMessage")}
                 action={onRemove}
                 isDisabled={!props.store.canRemove}

packages/pluggableWidgets/file-uploader-web/src/components/ActionsBar.tsx

@@ -143,6 +143,7 @@ Place your custom CSS here
             }
 
             .download-icon {
+                display: inline-block;
                 height: 24px;
                 width: 24px;
                 background-repeat: no-repeat;
@@ -249,6 +250,7 @@ Place your custom CSS here
                     }
 
                     .remove-icon {
+                        display: inline-block;
                         height: 24px;
                         width: 24px;
                         background-repeat: no-repeat;