fix: user profile style fix, new select library and table icons

client/licenseChecker.js

@@ -10,7 +10,7 @@ const check = (cwd) => {
         onlyAllow:
           'AFLv2.1;Apache 2.0;Apache-2.0;Apache*;Artistic-2.0;0BSD;BSD*;BSD-2-Clause;BSD-3-Clause;CC0-1.0;CC-BY-3.0;CC-BY-4.0;ISC;MIT;MPL-2.0;ODC-By-1.0;Python-2.0;Unlicense;',
         excludePackages:
-          '@cds/city@1.1.0;@handsontable/angular@14.6.2;handsontable@14.6.2;hyperformula@2.7.1;jackspeak@3.4.3;path-scurry@1.11.1;package-json-from-dist@1.0.1'
+          '@cds/city@1.1.0;@handsontable/angular@15.2.0;handsontable@15.2.0;hyperformula@2.7.1;hyperformula@3.0.0;jackspeak@3.4.3;path-scurry@1.11.1;package-json-from-dist@1.0.1'
       },
       (error, json) => {
         if (error) {

client/package.json

@@ -44,11 +44,11 @@
     "@angular/platform-browser": "^17.3.3",
     "@angular/platform-browser-dynamic": "^17.3.3",
     "@angular/router": "^17.3.3",
-    "@cds/core": "^6.10.0",
-    "@clr/angular": "^17.0.1",
+    "@cds/core": "^6.15.1",
+    "@clr/angular": "^17.8.0",
     "@clr/icons": "^13.0.2",
-    "@clr/ui": "^17.0.1",
-    "@handsontable/angular": "^14.3.0",
+    "@clr/ui": "^17.8.0",
+    "@handsontable/angular": "^15.2.0",
     "@sasjs/adapter": "^4.11.0",
     "@sasjs/utils": "^3.4.0",
     "@sheet/crypto": "file:libraries/sheet-crypto.tgz",
@@ -60,7 +60,7 @@
     "crypto-js": "^4.2.0",
     "d3-graphviz": "^5.0.2",
     "fs-extra": "^7.0.1",
-    "handsontable": "^14.3.0",
+    "handsontable": "^15.2.0",
     "https-browserify": "1.0.0",
     "hyperformula": "^2.5.0",
     "iconv-lite": "^0.5.0",

client/src/app/editor/components/edit-record/edit-record.component.scss

@@ -137,6 +137,11 @@
       font-size: .541667rem;
       margin-right: 6px;
 
+      .clr-input-group {
+        width: 100%;
+        border: 0;
+      }
+
       input {
         width: 100%;
         border: 0;
@@ -235,4 +240,4 @@
 
 .validation-info-alert {
   width: 310px
-}
+}

client/src/app/home/home.component.html

@@ -123,11 +123,7 @@
     </div>
 
     <div *ngIf="!loading" class="no-table-selected">
-      <clr-icon
-        shape="warning-standard"
-        size="60"
-        class="is-info icon-dc-fill"
-      ></clr-icon>
+      <img src="images/select-table.png" class="select-table-icon"/>
       <p
         *ngIf="treeNodeLibraries?.length! > 0"
         class="text-center color-gray mt-10"

client/src/app/shared/user-nav-dropdown/header-actions.component.html

@@ -23,7 +23,7 @@
   <app-loading-indicator></app-loading-indicator>
 
   <clr-dropdown class="app-nav-dropdown">
-    <button class="nav-text color-white" clrDropdownToggle>
+    <button class="nav-text color-white user-nav-toggle" clrDropdownToggle>
       <span>{{ userName }}</span>
       <span *ngIf="userName !== 'Not logged in' && isViya"
         ><img class="avatar-img" src="{{ getPictureUrl() }}" alt=""

client/src/app/shared/user-nav-dropdown/header-actions.component.scss

@@ -19,6 +19,13 @@ $clr-light-gray: #eee;
   }
 }
 
+.user-nav-toggle {
+  padding: 0 10px !important;
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+
 .app-nav-dropdown {
   //left padding for branding is also 24px
   padding-right: 15px;
@@ -146,4 +153,4 @@ $clr-light-gray: #eee;
   height: 40px;
   margin-left: 10px;
   border-radius: 50px;
-}
+}

client/src/app/viewer/viewer.component.html

@@ -480,11 +480,7 @@
       *ngIf="!lib && !table && !noDataReqErr && !noData"
       class="no-table-selected"
     >
-      <clr-icon
-        shape="warning-standard"
-        size="60"
-        class="is-info icon-dc-fill"
-      ></clr-icon>
+      <img src="images/select-library.png" class="select-table-icon"/>
       <h3 class="text-center color-gray mt-10" cds-text="section">
         Please select a library
       </h3>
@@ -520,11 +516,7 @@
         *ngIf="libinfo !== null"
         class="no-table-selected-info pointer-events-none"
       >
-        <clr-icon
-          shape="info-standard"
-          size="40"
-          class="is-info icon-dc-fill"
-        ></clr-icon>
+        <img src="images/select-table.png" class="select-table-icon"/>
         <p class="text-center color-gray mt-10" cds-text="section">
           Please select a table
         </p>

client/src/styles.scss

@@ -76,6 +76,14 @@ body[cds-theme="light"] {
   }
 }
 
+.select-table-icon {
+  width: 80px;
+}
+
+.select-library-icon {
+  width: 80px;
+}
+
 [cds-text=label] {
   color: var(--cds-global-typography-color-200);
 }

client/tsconfig.json

@@ -13,6 +13,7 @@
         "ES2022",
         "dom"
       ],
+      "skipLibCheck": true,
       "module": "ES2022",
       "importHelpers": true,
       "moduleResolution": "node",