From 2028438b5c0fc45da802e36548f0787d29d691a1 Mon Sep 17 00:00:00 2001
From: Enzo Batista <111511512+Enzo707@users.noreply.github.com>
Date: Wed, 3 Apr 2024 17:58:05 -0300
Subject: [PATCH] [DYN-6796] improve library node icons look (#222)

* fix: webpack publicPath loading resources and library.js on index.html properly

* feat: improve icons look increasing room between nodes

* 1.0.1

---------

Co-authored-by: enzo707 <enzo.batista@autodesk.com>
---
 index.html                      |  2 +-
 package-lock.json               |  4 ++--
 package.json                    |  2 +-
 src/components/LibraryItem.tsx  | 14 +++++++++-----
 src/resources/LibraryStyles.css | 13 ++++++++++---
 webpack.config.js               |  2 +-
 6 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index 52fb0c1..f0ee999 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,7 @@
     <div id="libraryContainerPlaceholder"></div>
 
     <!-- The main library view compoment -->
-    <script src='./dist/librarie.js'></script>
+    <script src='./dist/build/librarie.js'></script>
     <!-- uncomment to debug in IE11 (polyfill fetch and promise)
     <script src="//cdn.jsdelivr.net/npm/bluebird@3.7.2/js/browser/bluebird.min.js"></script>
     <script src='https://unpkg.com/whatwg-fetch@3.6.2/dist/fetch.umd.js'></script>
diff --git a/package-lock.json b/package-lock.json
index ad4083c..b62d903 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@dynamods/librariejs",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@dynamods/librariejs",
-      "version": "1.0.0",
+      "version": "1.0.1",
       "license": "MIT",
       "dependencies": {
         "core-js": "^3.36.1",
diff --git a/package.json b/package.json
index 36bfbae..14f90f9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dynamods/librariejs",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Project that contains all hosted contents of Dynamo Windows client",
   "main": "index.js",
   "scripts": {
diff --git a/src/components/LibraryItem.tsx b/src/components/LibraryItem.tsx
index 231ca09..8ac4063 100644
--- a/src/components/LibraryItem.tsx
+++ b/src/components/LibraryItem.tsx
@@ -159,11 +159,15 @@ export class LibraryItem extends React.Component<LibraryItemProps, LibraryItemSt
         this.props.data.itemType !== "coregroup" &&
         this.props.data.itemType !== "classType" &&
         this.props.data.itemType !== "none") {
-            return <img
-                className={"LibraryItemIcon"}
-                src={this.props.data.iconUrl}
-                onError={this.onImageLoadFail}
-            />;
+            return (
+                <div className="LibraryItemIconWrapper">
+                    <img
+                        className={"LibraryItemIcon"}
+                        src={this.props.data.iconUrl}
+                        onError={this.onImageLoadFail}
+                    />
+                </div>
+            );
         }
 
          // If it is a section, display the icon (if given) and provide a click interaction.
diff --git a/src/resources/LibraryStyles.css b/src/resources/LibraryStyles.css
index f580317..b6977b2 100644
--- a/src/resources/LibraryStyles.css
+++ b/src/resources/LibraryStyles.css
@@ -197,12 +197,19 @@ button {
 	-webkit-user-drag: none;
 }
 
+.LibraryItemContainerNone .LibraryItemIconWrapper {
+	width: 2.5rem;
+	height: 2.5rem;
+	margin: 0rem 0.3rem;
+}
+
 .LibraryItemContainerNone .LibraryItemIcon {
 	align-self: flex-start;
-	padding-left: 0.5rem;
+	height: 100%;
+	width: 100%;
+	object-fit: scale-down;
+	padding: 0rem;
 	padding-right: 0.5rem;
-	width: 2.5rem;
-	height: 2.5rem;
 	-webkit-user-drag: none;
 }
 
diff --git a/webpack.config.js b/webpack.config.js
index 8a2d764..a850e77 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -20,7 +20,7 @@ module.exports = {
     output: {
         filename: productionBuild ? "librarie.min.js" : "librarie.js",
         path: path.join(__dirname, '/dist/build'),
-        publicPath: "./dist/build",
+        publicPath: "./dist/build/",
         libraryTarget: "umd",
         library: "LibraryEntryPoint",
     },