@sikka/hawa 0.1.78 → 0.1.80

package/.github/workflows/hawa-ci.yml

@@ -71,10 +71,12 @@ jobs:
 
       - name: Change working directory to ./landing
         run: cd ./landing
+
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v2
         with:
           node-version: ${{ matrix.node-version }}
+
       - name: Install Hawa Landing
         run: |
           rm -fr /home/cloudpanel/htdocs/hawa.style || true
@@ -84,6 +86,14 @@ jobs:
           npm install
           npm run build --if-present
           ln -s /var/www/html/sikka-software/_work/Hawa/Hawa/landing /home/cloudpanel/htdocs/hawa.style
+          
+      - name: Stop and Delete Previous PM2 Process
+        run: |
           pm2 stop hawa-landing || true
           pm2 delete hawa-landing || true
-          pm2 start npm --name "hawa-landing" -- start || true
+
+      - name: Start Hawa Landing with PM2
+        run: pm2 start npm --name "hawa-landing" -- start || true
+
+      - name: Save PM2 Process List
+        run: pm2 save || true

package/dist/index.d.mts

@@ -907,6 +907,7 @@ type AppLayoutTypes = {
     topBar?: boolean;
     username?: string;
     email?: string;
+    avatarImage?: any;
     drawerSize?: "sm" | "md" | "large";
     profileMenuItems?: MenuItemType[];
     onSettingsClick?: () => void;

package/dist/index.d.ts

@@ -907,6 +907,7 @@ type AppLayoutTypes = {
     topBar?: boolean;
     username?: string;
     email?: string;
+    avatarImage?: any;
     drawerSize?: "sm" | "md" | "large";
     profileMenuItems?: MenuItemType[];
     onSettingsClick?: () => void;

package/dist/index.js

@@ -6047,7 +6047,10 @@ var BackToTop = function(_param) {
         setVisible(scrollTop >= rect2.height + (props.paddingThreshold || 100));
     };
     var backToTop = function() {
-        props.anchor.current.scrollTo(0, 0);
+        props.anchor.current.scrollTo({
+            top: 0,
+            behavior: "smooth"
+        });
     };
     (0, import_react42.useEffect)(function() {
         if (!props.anchor.current) return;
@@ -7614,7 +7617,10 @@ var AppLayout = function(_param) {
         direction: isRTL ? "rtl" : "ltr",
         trigger: /* @__PURE__ */ import_react61.default.createElement("div", {
             className: "relative h-8 w-8  cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"
-        }, /* @__PURE__ */ import_react61.default.createElement("svg", {
+        }, props.avatarImage ? /* @__PURE__ */ import_react61.default.createElement("img", {
+            src: props.avatarImage,
+            alt: "User Avatar"
+        }) : /* @__PURE__ */ import_react61.default.createElement("svg", {
             "aria-label": "Avatar Icon",
             className: "absolute -left-1 h-10 w-10 text-gray-400",
             fill: "currentColor",

package/dist/index.mjs

@@ -5762,7 +5762,7 @@ var BackToTop = ({ ...props }) => {
     setVisible(scrollTop >= rect2.height + (props.paddingThreshold || 100));
   };
   const backToTop = () => {
-    props.anchor.current.scrollTo(0, 0);
+    props.anchor.current.scrollTo({ top: 0, behavior: "smooth" });
   };
   useEffect16(() => {
     if (!props.anchor.current)
@@ -7591,7 +7591,7 @@ var AppLayout = ({
           side: "bottom",
           sideOffset: 5,
           direction: isRTL ? "rtl" : "ltr",
-          trigger: /* @__PURE__ */ React75.createElement("div", { className: "relative h-8 w-8  cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600" }, /* @__PURE__ */ React75.createElement(
+          trigger: /* @__PURE__ */ React75.createElement("div", { className: "relative h-8 w-8  cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600" }, props.avatarImage ? /* @__PURE__ */ React75.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ React75.createElement(
             "svg",
             {
               "aria-label": "Avatar Icon",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.1.78",
+  "version": "0.1.80",
   "description": "Modern UI Kit made with Tailwind & Radix Primitives",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/elements/BackToTop.tsx

@@ -36,7 +36,7 @@ export const BackToTop: FC<BackToTopTypes> = ({ ...props }) => {
   }
 
   const backToTop = () => {
-    props.anchor.current.scrollTo(0, 0)
+    props.anchor.current.scrollTo({ top: 0, behavior: "smooth" })
   }
 
   // FIXME: Observers and listeners run twice

package/src/layout/AppLayout.tsx

@@ -21,6 +21,7 @@ type AppLayoutTypes = {
   topBar?: boolean
   username?: string
   email?: string
+  avatarImage?: any
   drawerSize?: "sm" | "md" | "large"
   profileMenuItems?: MenuItemType[]
   onSettingsClick?: () => void
@@ -205,18 +206,22 @@ export const AppLayout: React.FunctionComponent<AppLayoutTypes> = ({
               direction={isRTL ? "rtl" : "ltr"}
               trigger={
                 <div className="relative h-8 w-8  cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600">
-                  <svg
-                    aria-label="Avatar Icon"
-                    className="absolute -left-1 h-10 w-10 text-gray-400"
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                  >
-                    <path
-                      fillRule="evenodd"
-                      d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z"
-                      clipRule="evenodd"
-                    ></path>
-                  </svg>
+                  {props.avatarImage ? (
+                    <img src={props.avatarImage} alt="User Avatar" />
+                  ) : (
+                    <svg
+                      aria-label="Avatar Icon"
+                      className="absolute -left-1 h-10 w-10 text-gray-400"
+                      fill="currentColor"
+                      viewBox="0 0 20 20"
+                    >
+                      <path
+                        fillRule="evenodd"
+                        d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z"
+                        clipRule="evenodd"
+                      ></path>
+                    </svg>
+                  )}
                 </div>
               }
               items={props.profileMenuItems}