gwan-design-system 0.1.8 → 0.1.10

package/dist/index.d.mts

@@ -115,7 +115,7 @@ interface IFilter {
 declare const FilterDropdown: FC<IFilter>;
 
 interface IInput {
-    label: string;
+    label?: string;
     value: string;
     onChange: (value: string) => void;
     disabled?: boolean;
@@ -123,6 +123,7 @@ interface IInput {
     inputClassName?: string;
     required?: boolean;
     className?: string;
+    type?: string;
 }
 declare const Input: FC<IInput>;
 
@@ -147,6 +148,7 @@ interface IMenuItem {
     route: string;
     isActive: boolean;
     isDivider: boolean;
+    onClick?: () => void;
 }
 interface INavBar {
     menuItems: IMenuItem[];
@@ -161,6 +163,7 @@ interface INavBar {
     isCollapsed?: boolean;
     menuBackgroundColor?: string;
     className?: string;
+    menuItemTextClass?: string;
 }
 declare const NavBar: FC<INavBar>;
 

package/dist/index.d.ts

@@ -115,7 +115,7 @@ interface IFilter {
 declare const FilterDropdown: FC<IFilter>;
 
 interface IInput {
-    label: string;
+    label?: string;
     value: string;
     onChange: (value: string) => void;
     disabled?: boolean;
@@ -123,6 +123,7 @@ interface IInput {
     inputClassName?: string;
     required?: boolean;
     className?: string;
+    type?: string;
 }
 declare const Input: FC<IInput>;
 
@@ -147,6 +148,7 @@ interface IMenuItem {
     route: string;
     isActive: boolean;
     isDivider: boolean;
+    onClick?: () => void;
 }
 interface INavBar {
     menuItems: IMenuItem[];
@@ -161,6 +163,7 @@ interface INavBar {
     isCollapsed?: boolean;
     menuBackgroundColor?: string;
     className?: string;
+    menuItemTextClass?: string;
 }
 declare const NavBar: FC<INavBar>;
 

package/dist/index.js

@@ -865,7 +865,7 @@ var FilterDropdown = ({ children, className = "" }) => {
     /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "div",
       {
-        className: "flex flex-row gap-4 items-center w-fit border border-neutral-300 hover:border-neutral-400 group p-2 rounded-lg cursor-pointer",
+        className: "flex flex-row gap-4 items-center w-fit border border-neutral-300 hover:border-neutral-400 group p-[14px] rounded-lg cursor-pointer",
         onClick: () => setIsChildrenVisible(!isChildrenVisible),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "size-5 text-neutral-300 group-hover:text-neutral-400", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Filter, {}) }),
@@ -889,10 +889,11 @@ var Input = ({
   placeholder,
   inputClassName = "",
   required = false,
-  className = ""
+  className = "",
+  type = "text"
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: `flex flex-col gap-1 relative ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("label", { htmlFor: label, className: "text-sm text-neutral-600 mb-2", children: `${label}${required ? " *" : ""}` }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("label", { htmlFor: label, className: "text-sm text-neutral-600 mb-2", children: `${label}${required ? " *" : ""}` }),
     /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "input",
       {
@@ -902,7 +903,8 @@ var Input = ({
         onChange: (e) => onChange(e.target.value),
         disabled,
         className: `border border-neutral-300 outline-none p-4 rounded-lg ${disabled ? "cursor-not-allowed" : "cursor-text"} text-sm w-full ${inputClassName}`,
-        required
+        required,
+        type
       }
     )
   ] });
@@ -973,7 +975,8 @@ var NavBar = ({
   menuHeightClass = "h-[100vh]",
   isCollapsed = false,
   menuBackgroundColor = "bg-primary-100",
-  className = ""
+  className = "",
+  menuItemTextClass = ""
 }) => {
   const router = (0, import_navigation.useRouter)();
   const [isActiveMenuItem, setIsActiveMenuItem] = (0, import_react8.useState)("");
@@ -1000,6 +1003,9 @@ var NavBar = ({
   }, [isMenuCollapsed]);
   const handleClick = (menu) => {
     setIsActiveMenuItem(menu.title);
+    if (menu.onClick) {
+      menu.onClick();
+    }
     router.push(menu.route);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
@@ -1039,13 +1045,13 @@ var NavBar = ({
                   "span",
                   {
                     onClick: () => setIsMenuCollapsed(!isMenuCollapsed),
-                    className: `cursor-pointer w-8 h-8 rounded-full ${menuBackgroundColor} border border-neutral-300 absolute -right-8 flex items-center justify-center text-black`,
+                    className: `cursor-pointer w-8 h-8 rounded-full ${menuBackgroundColor} border border-neutral-50 absolute -right-8 flex items-center justify-center text-black`,
                     children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "size-5", children: isMenuCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ChevRight, {}) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ChevLeft, {}) })
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "border-neutral-300 border-b" }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "border-neutral-50 border-b" }),
             /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-col gap-1", children: menuItems.map((item, index) => {
               if (!item.isDivider) {
                 return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
@@ -1056,7 +1062,7 @@ var NavBar = ({
                     onMouseEnter: () => setShowTooltip(index),
                     onMouseLeave: () => setShowTooltip(null),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "w-6 h-6 ml-1 relative", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: `w-6 h-6 ml-1 relative ${menuItemTextClass}`, children: [
                         item.icon,
                         isMenuCollapsed && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                           tooltip_default,
@@ -1069,7 +1075,7 @@ var NavBar = ({
                           }
                         )
                       ] }),
-                      !isMenuItemsCollapsed && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-nowrap", children: item.title })
+                      !isMenuItemsCollapsed && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: `text-nowrap ${menuItemTextClass}`, children: item.title })
                     ]
                   },
                   `menu_item_${index + 1}`
@@ -1078,7 +1084,7 @@ var NavBar = ({
               return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 "div",
                 {
-                  className: "border-neutral-300 border-b my-3"
+                  className: "border-neutral-50 border-b my-3"
                 },
                 `menu_item_${index + 1}`
               );