@algorithm-shift/design-system 1.2.53 → 1.2.55

package/dist/index.d.mts

@@ -21,7 +21,7 @@ interface ImageProps extends ElementProps {
 
 type InputProperties = {
   name?: string;
-  value?: string | undefined;
+  value?: string | undefined | any;
   placeholder?: string | undefined;
   errorMessage?: string | undefined;
   isEditable?: boolean | undefined;
@@ -107,7 +107,6 @@ interface TableProps extends ElementProps {
 interface TabsProps extends ElementProps {
   tabs?: Record<string, any>;
   pathname?: string;
-  LinkComponent?: React.ComponentType<any>;
   verticalMenu?: boolean;
   canvasMode?: 'desktop' | 'tablet' | 'mobile';
 }
@@ -170,21 +169,17 @@ interface NavbarProps extends ElementProps {
   imageUrl?: string;
   altText?: string;
   canvasMode?: 'desktop' | 'tablet' | 'mobile';
-  LinkComponent?: React.ComponentType<any>;
-  ImageComponent?: React.ComponentType<any>;
   list?: Record<string, any>;
   userName?: string;
 }
 
 interface BreadcrumbProps extends ElementProps {
   list?: Record<string, any>;
-  LinkComponent?: React.ComponentType<any>;
 }
 
 interface ButtonGroupProps extends ElementProps {
   textContent?: string;
   list?: Record<string, any>;
-  LinkComponent?: React.ComponentType<any>;
 }
 
 interface IconProps extends ElementProps {
@@ -217,9 +212,9 @@ declare const Typography: ({ className, style, tagName, textContent, }: Typograp
     className: string;
 }, HTMLElement>;
 
-declare const Breadcrumb: ({ list, className, style, LinkComponent }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
+declare const Breadcrumb: ({ list, className, style }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
 
-declare function SplitButton({ style, textContent, className, list, LinkComponent }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
+declare function SplitButton({ style, textContent, className, list }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
 
 declare const Icon: ({ iconType, name, className, fontSize, style }: IconProps) => react_jsx_runtime.JSX.Element | null;
 
@@ -285,13 +280,13 @@ declare const Table: ({ columns, data, rowActions, className, style, pagination,
 
 declare const CustomPagination: ({ totalPages, currentPage, onPageChange, maxVisiblePages, perPage, }: CustomPaginationProps) => react_jsx_runtime.JSX.Element;
 
-declare const Tabs: ({ className, style, tabs, verticalMenu, LinkComponent, pathname, canvasMode }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const Tabs: ({ className, style, tabs, verticalMenu, pathname, canvasMode }: TabsProps) => react_jsx_runtime.JSX.Element;
 
 declare const StagesComponent: ({ stages, isShowBtn, buttonText, className, style }: StagesProps) => react_jsx_runtime.JSX.Element;
 
 declare const Spacer: ({ className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, LinkComponent, ImageComponent, list, userName }: NavbarProps): react_jsx_runtime.JSX.Element;
+declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, list, userName }: NavbarProps): react_jsx_runtime.JSX.Element;
 
 declare const ChartComponent: ({ className, style, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -21,7 +21,7 @@ interface ImageProps extends ElementProps {
 
 type InputProperties = {
   name?: string;
-  value?: string | undefined;
+  value?: string | undefined | any;
   placeholder?: string | undefined;
   errorMessage?: string | undefined;
   isEditable?: boolean | undefined;
@@ -107,7 +107,6 @@ interface TableProps extends ElementProps {
 interface TabsProps extends ElementProps {
   tabs?: Record<string, any>;
   pathname?: string;
-  LinkComponent?: React.ComponentType<any>;
   verticalMenu?: boolean;
   canvasMode?: 'desktop' | 'tablet' | 'mobile';
 }
@@ -170,21 +169,17 @@ interface NavbarProps extends ElementProps {
   imageUrl?: string;
   altText?: string;
   canvasMode?: 'desktop' | 'tablet' | 'mobile';
-  LinkComponent?: React.ComponentType<any>;
-  ImageComponent?: React.ComponentType<any>;
   list?: Record<string, any>;
   userName?: string;
 }
 
 interface BreadcrumbProps extends ElementProps {
   list?: Record<string, any>;
-  LinkComponent?: React.ComponentType<any>;
 }
 
 interface ButtonGroupProps extends ElementProps {
   textContent?: string;
   list?: Record<string, any>;
-  LinkComponent?: React.ComponentType<any>;
 }
 
 interface IconProps extends ElementProps {
@@ -217,9 +212,9 @@ declare const Typography: ({ className, style, tagName, textContent, }: Typograp
     className: string;
 }, HTMLElement>;
 
-declare const Breadcrumb: ({ list, className, style, LinkComponent }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
+declare const Breadcrumb: ({ list, className, style }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
 
-declare function SplitButton({ style, textContent, className, list, LinkComponent }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
+declare function SplitButton({ style, textContent, className, list }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
 
 declare const Icon: ({ iconType, name, className, fontSize, style }: IconProps) => react_jsx_runtime.JSX.Element | null;
 
@@ -285,13 +280,13 @@ declare const Table: ({ columns, data, rowActions, className, style, pagination,
 
 declare const CustomPagination: ({ totalPages, currentPage, onPageChange, maxVisiblePages, perPage, }: CustomPaginationProps) => react_jsx_runtime.JSX.Element;
 
-declare const Tabs: ({ className, style, tabs, verticalMenu, LinkComponent, pathname, canvasMode }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const Tabs: ({ className, style, tabs, verticalMenu, pathname, canvasMode }: TabsProps) => react_jsx_runtime.JSX.Element;
 
 declare const StagesComponent: ({ stages, isShowBtn, buttonText, className, style }: StagesProps) => react_jsx_runtime.JSX.Element;
 
 declare const Spacer: ({ className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, LinkComponent, ImageComponent, list, userName }: NavbarProps): react_jsx_runtime.JSX.Element;
+declare function Navbar({ style, badgeType, badgeCount, hideBadgeWhenZero, profileType, showName, imageUrl, altText, canvasMode, list, userName }: NavbarProps): react_jsx_runtime.JSX.Element;
 
 declare const ChartComponent: ({ className, style, ...props }: BarChartProps) => react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -26635,8 +26635,9 @@ var __iconNode1634 = [
 var ZoomOut = createLucideIcon("zoom-out", __iconNode1634);
 
 // src/components/Basic/Breadcrumb/Breadcrumb.tsx
+var import_link3 = __toESM(require("next/link"));
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var Breadcrumb = ({ list = [], className, style, LinkComponent }) => {
+var Breadcrumb = ({ list = [], className, style }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "nav",
     {
@@ -26646,8 +26647,8 @@ var Breadcrumb = ({ list = [], className, style, LinkComponent }) => {
       children: list.map((item, index) => {
         const isLast = index === list.length - 1;
         return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center", children: [
-          item.url && !isLast && LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            LinkComponent,
+          item.url && !isLast ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            import_link3.default,
             {
               href: item.url,
               className: "hover:text-foreground transition-colors",
@@ -26765,8 +26766,9 @@ function DropdownMenuSubContent({
 }
 
 // src/components/Basic/ButtonGroup/ButtonGroup.tsx
+var import_link4 = __toESM(require("next/link"));
 var import_jsx_runtime12 = require("react/jsx-runtime");
-function SplitButton({ style, textContent, className, list = [], LinkComponent }) {
+function SplitButton({ style, textContent, className, list = [] }) {
   const bgColor = style?.backgroundColor || "";
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "inline-flex rounded-md overflow-hidden border border-teal-200 bg-teal-700 items-center focus:ring-0", style: { backgroundColor: bgColor }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
@@ -26787,7 +26789,7 @@ function SplitButton({ style, textContent, className, list = [], LinkComponent }
           children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ChevronDown, { className: "w-4 h-4" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuContent, { align: "end", className: "bg-white min-w-[120px]", children: list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuItem, { className: "text-black", children: LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(LinkComponent, { href: item.url || "#", children: item.header }) : item.header }, item.id)) })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuContent, { align: "end", className: "bg-white min-w-[120px]", children: list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_link4.default, { href: item.url || "#", children: item.header }) }, item.id)) })
     ] })
   ] });
 }
@@ -28013,7 +28015,7 @@ var DateRange = ({ className, style, ...props }) => {
           id: "date",
           variant: "outline",
           className: cn(
-            "w-[300px] justify-start text-left font-normal text-[11px]",
+            "w-full justify-start text-left font-normal text-[11px] border-[#BDBDBD]",
             !date && "text-muted-foreground"
           ),
           children: date?.from ? date.to ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
@@ -28530,8 +28532,9 @@ var Table4 = ({
 var Table_default = Table4;
 
 // src/components/Navigation/Tabs/Tabs.tsx
+var import_link5 = __toESM(require("next/link"));
 var import_jsx_runtime47 = require("react/jsx-runtime");
-var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, canvasMode }) => {
+var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode }) => {
   const rawTabs = Array.isArray(tabs) ? tabs : [];
   const baseClasses = "text-[12px] text-foreground p-2 text-center rounded-md transition-colors";
   const activeClasses = "bg-white/10 text-white";
@@ -28559,7 +28562,7 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
               {
                 asChild: true,
                 className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100 focus:bg-gray-100",
-                children: LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
+                children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_link5.default, { href: item.url || "#", children: item.header })
               },
               item.id
             ))
@@ -28567,7 +28570,7 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
         )
       ] }, index);
     }
-    return tab.url && LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LinkComponent, { href: tab.url, className: finalClasses, style: tab.style, children: tab.header }, index) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
+    return tab.url ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_link5.default, { href: tab.url, className: finalClasses, style: tab.style, children: tab.header }, index) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
   };
   const renderMobileMenu = () => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DropdownMenu, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DropdownMenuTrigger, { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-white/10 text-white text-sm", children: [
@@ -28590,7 +28593,7 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
                 {
                   asChild: true,
                   className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100",
-                  children: LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
+                  children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_link5.default, { href: item.url || "#", children: item.header })
                 },
                 item.id
               )) })
@@ -28601,7 +28604,7 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
             {
               asChild: true,
               className: "cursor-pointer rounded-sm px-3 py-2 text-[13px] text-gray-800 hover:bg-gray-100",
-              children: LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LinkComponent, { href: tab.url || "#", children: tab.header }) : tab.header
+              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_link5.default, { href: tab.url || "#", children: tab.header })
             },
             i
           );
@@ -28696,6 +28699,8 @@ var AvatarFallback = React6.forwardRef(({ className, ...props }, ref) => /* @__P
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/Navigation/Navbar/Navbar.tsx
+var import_link6 = __toESM(require("next/link"));
+var import_image3 = __toESM(require("next/image"));
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function Navbar({
   style,
@@ -28707,16 +28712,14 @@ function Navbar({
   imageUrl,
   altText = "Logo",
   canvasMode = "desktop",
-  LinkComponent,
-  ImageComponent,
   list = [],
   userName = "Guest User"
 }) {
   const isMobileView = canvasMode === "mobile" || canvasMode === "tablet";
   return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("nav", { className: "w-full border-b bg-white shadow-sm", style, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-2", children: [
-    LinkComponent && ImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(LinkComponent, { href: "/", className: "flex items-center space-x-2", children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ImageComponent, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-semibold text-blue-700", children: "Logo" }) }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-semibold text-blue-700", children: "Logo" }),
-    !isMobileView && LinkComponent && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex items-center space-x-6 sm:hidden md:flex", children: list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-      LinkComponent,
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_link6.default, { href: "/", className: "flex items-center space-x-2", children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_image3.default, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-semibold text-blue-700", children: "Logo" }) }),
+    !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex items-center space-x-6 sm:hidden md:flex", children: list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      import_link6.default,
       {
         href: item.url || "#",
         className: "text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors",
@@ -28771,7 +28774,7 @@ function Navbar({
             }
           )
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DropdownMenuContent, { align: "end", className: "bg-white", children: LinkComponent && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: list && list.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(LinkComponent, { href: item.url || "#", children: item.header }) }, item.id)) }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DropdownMenuContent, { align: "end", className: "bg-white", children: list && list.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_link6.default, { href: item.url || "#", children: item.header }) }, item.id)) }) })
       ] })
     ] })
   ] }) });