@mdigital_ui/ui 0.4.0 → 0.4.2

package/dist/chunk-64NHVOZS.js

@@ -0,0 +1,272 @@
+import { dropdown_default } from './chunk-UTWQ2FZK.js';
+import { textColorVariants } from './chunk-POXI7JJ4.js';
+import { cn, iconSizes } from './chunk-NGYLRX6F.js';
+import { cva } from 'class-variance-authority';
+import { ChevronRight, MoreHorizontal, MoreVertical } from 'lucide-react';
+import React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var BreadcrumbContext = React.createContext({});
+var breadcrumbVariants = cva("", {
+  variants: {
+    size: {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var Breadcrumb = React.memo(
+  ({
+    children,
+    items,
+    color = "default",
+    size = "md",
+    separator,
+    className,
+    classNames
+  }) => {
+    const content = items?.length ? /* @__PURE__ */ jsx(BreadcrumbList, { children: items.map((item, index) => {
+      const isLast = index === items.length - 1;
+      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.ellipsis ? /* @__PURE__ */ jsx(
+          BreadcrumbEllipsis,
+          {
+            orientation: item.ellipsisOrientation || "horizontal",
+            items: item.ellipsisItems || [],
+            size
+          }
+        ) : isLast ? /* @__PURE__ */ jsx(
+          BreadcrumbPage,
+          {
+            leftIcon: item.leftIcon,
+            rightIcon: item.rightIcon,
+            children: item.label
+          }
+        ) : /* @__PURE__ */ jsx(
+          BreadcrumbLink,
+          {
+            href: item.href || "",
+            onClick: item.onClick,
+            leftIcon: item.leftIcon,
+            rightIcon: item.rightIcon,
+            children: item.label
+          }
+        ) }),
+        !isLast && /* @__PURE__ */ jsx(BreadcrumbSeparator, { size, children: separator })
+      ] }, index);
+    }) }) : children;
+    return /* @__PURE__ */ jsx(BreadcrumbContext.Provider, { value: { color, size, classNames }, children: /* @__PURE__ */ jsx(
+      "nav",
+      {
+        "aria-label": "breadcrumb",
+        className: cn(
+          "breadcrumbs_root",
+          breadcrumbVariants({ size }),
+          textColorVariants({ color }),
+          classNames?.root,
+          className
+        ),
+        children: content
+      }
+    ) });
+  }
+);
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React.memo(
+  ({ children, className }) => {
+    const { classNames } = React.useContext(BreadcrumbContext);
+    return /* @__PURE__ */ jsx(
+      "ol",
+      {
+        className: cn(
+          "breadcrumbs_list",
+          "flex items-center gap-1.5",
+          classNames?.list,
+          className
+        ),
+        children
+      }
+    );
+  }
+);
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React.memo(
+  ({ children, className }) => {
+    const { classNames } = React.useContext(BreadcrumbContext);
+    return /* @__PURE__ */ jsx(
+      "li",
+      {
+        className: cn(
+          "breadcrumbs_item",
+          "inline-flex items-center gap-1.5",
+          classNames?.item,
+          className
+        ),
+        children
+      }
+    );
+  }
+);
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React.memo(
+  ({ children, href, onClick, leftIcon, rightIcon, className }) => {
+    const { classNames } = React.useContext(BreadcrumbContext);
+    const handleClick = (e) => {
+      if (onClick) {
+        e.preventDefault();
+        onClick();
+      }
+    };
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      leftIcon && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center", children: leftIcon }),
+      children,
+      rightIcon && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center", children: rightIcon })
+    ] });
+    const linkClasses = cn(
+      "breadcrumbs_link",
+      "inline-flex items-center gap-1.5 transition-colors hover:underline cursor-pointer",
+      classNames?.link,
+      className
+    );
+    if (href) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          onClick: handleClick,
+          className: linkClasses,
+          children: content
+        }
+      );
+    }
+    if (onClick) {
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleClick,
+          className: linkClasses,
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "breadcrumbs_link",
+          "inline-flex items-center gap-1.5",
+          classNames?.link,
+          className
+        ),
+        children: content
+      }
+    );
+  }
+);
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React.memo(
+  ({ children, leftIcon, rightIcon, className }) => {
+    const { classNames } = React.useContext(BreadcrumbContext);
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        "aria-current": "page",
+        className: cn(
+          "breadcrumbs_current",
+          "inline-flex items-center gap-1.5 font-medium",
+          classNames?.current,
+          className
+        ),
+        children: [
+          leftIcon && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center", children: leftIcon }),
+          children,
+          rightIcon && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center", children: rightIcon })
+        ]
+      }
+    );
+  }
+);
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = React.memo(
+  ({ children, className, size = "md" }) => {
+    const { classNames } = React.useContext(BreadcrumbContext);
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "breadcrumbs_separator",
+          "text-text-secondary",
+          classNames?.separator,
+          className
+        ),
+        children: children ?? /* @__PURE__ */ jsx(ChevronRight, { className: iconSizes[size] })
+      }
+    );
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var isValidNavigationUrl = (href) => {
+  if (href.startsWith("/") || href.startsWith("#") || href.startsWith("?")) {
+    return true;
+  }
+  const dangerousProtocols = ["javascript:", "data:", "vbscript:"];
+  const lowerHref = href.toLowerCase();
+  if (dangerousProtocols.some((protocol) => lowerHref.startsWith(protocol))) {
+    return false;
+  }
+  try {
+    const url = new URL(href, window.location.origin);
+    return url.origin === window.location.origin;
+  } catch {
+    return true;
+  }
+};
+var BreadcrumbEllipsis = React.memo(
+  ({ orientation = "horizontal", items, children, className, size = "md" }) => {
+    const Icon = orientation === "horizontal" ? MoreHorizontal : MoreVertical;
+    const isInteractive = !!(items?.length || children);
+    const ellipsisButton = /* @__PURE__ */ jsxs(
+      "span",
+      {
+        role: isInteractive ? "button" : "presentation",
+        "aria-hidden": isInteractive ? void 0 : true,
+        "aria-label": isInteractive ? "Show more breadcrumbs" : void 0,
+        tabIndex: isInteractive ? 0 : void 0,
+        className: cn(
+          "flex items-center justify-center",
+          isInteractive && "cursor-pointer",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: iconSizes[size] }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
+        ]
+      }
+    );
+    if (items || children) {
+      const dropdownItems = (items || []).map((item) => ({
+        label: item.label || "",
+        value: item.label || "",
+        onClick: item.onClick || (() => {
+          if (item.href && isValidNavigationUrl(item.href)) {
+            window.location.href = item.href;
+          }
+        })
+      }));
+      return /* @__PURE__ */ jsx(dropdown_default, { items: dropdownItems, children: ellipsisButton });
+    }
+    return ellipsisButton;
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+var breadcrumbs_default = Breadcrumb;
+
+export { BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, breadcrumbs_default };
+//# sourceMappingURL=chunk-64NHVOZS.js.map
+//# sourceMappingURL=chunk-64NHVOZS.js.map

package/dist/chunk-64NHVOZS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/breadcrumbs/index.tsx"],"names":[],"mappings":"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","file":"chunk-64NHVOZS.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { ChevronRight, MoreHorizontal, MoreVertical } from 'lucide-react'\nimport React from 'react'\n\nimport Dropdown from '../dropdown'\nimport { cn, iconSizes } from '../utils'\nimport { textColorVariants } from '../variants'\nimport type {\n  BreadcrumbEllipsisProps,\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n  BreadcrumbListProps,\n  BreadcrumbPageProps,\n  BreadcrumbProps,\n  BreadcrumbsColor,\n  BreadcrumbSeparatorProps,\n  BreadcrumbsSize,\n} from './types'\n\nexport type { BreadcrumbItemData } from './types'\n\ninterface BreadcrumbContextValue {\n  color?: BreadcrumbsColor\n  size?: BreadcrumbsSize\n  classNames?: {\n    list?: string\n    item?: string\n    link?: string\n    separator?: string\n    current?: string\n  }\n}\n\nconst BreadcrumbContext = React.createContext<BreadcrumbContextValue>({})\n\nconst breadcrumbVariants = cva('', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst Breadcrumb = React.memo<BreadcrumbProps>(\n  ({\n    children,\n    items,\n    color = 'default',\n    size = 'md',\n    separator,\n    className,\n    classNames,\n  }) => {\n    const content = items?.length ? (\n      <BreadcrumbList>\n        {items.map((item, index) => {\n          const isLast = index === items.length - 1\n          return (\n            <React.Fragment key={index}>\n              <BreadcrumbItem>\n                {item.ellipsis ? (\n                  <BreadcrumbEllipsis\n                    orientation={item.ellipsisOrientation || 'horizontal'}\n                    items={item.ellipsisItems || []}\n                    size={size}\n                  />\n                ) : isLast ? (\n                  <BreadcrumbPage\n                    leftIcon={item.leftIcon}\n                    rightIcon={item.rightIcon}\n                  >\n                    {item.label}\n                  </BreadcrumbPage>\n                ) : (\n                  <BreadcrumbLink\n                    href={item.href || ''}\n                    onClick={item.onClick}\n                    leftIcon={item.leftIcon}\n                    rightIcon={item.rightIcon}\n                  >\n                    {item.label}\n                  </BreadcrumbLink>\n                )}\n              </BreadcrumbItem>\n              {!isLast && (\n                <BreadcrumbSeparator size={size}>\n                  {separator}\n                </BreadcrumbSeparator>\n              )}\n            </React.Fragment>\n          )\n        })}\n      </BreadcrumbList>\n    ) : (\n      children\n    )\n\n    return (\n      <BreadcrumbContext.Provider value={{ color, size, classNames }}>\n        <nav\n          aria-label=\"breadcrumb\"\n          className={cn(\n            'breadcrumbs_root',\n            breadcrumbVariants({ size }),\n            textColorVariants({ color }),\n            classNames?.root,\n            className,\n          )}\n        >\n          {content}\n        </nav>\n      </BreadcrumbContext.Provider>\n    )\n  },\n)\n\nBreadcrumb.displayName = 'Breadcrumb'\n\nexport const BreadcrumbList = React.memo<BreadcrumbListProps>(\n  ({ children, className }) => {\n    const { classNames } = React.useContext(BreadcrumbContext)\n\n    return (\n      <ol\n        className={cn(\n          'breadcrumbs_list',\n          'flex items-center gap-1.5',\n          classNames?.list,\n          className,\n        )}\n      >\n        {children}\n      </ol>\n    )\n  },\n)\n\nBreadcrumbList.displayName = 'BreadcrumbList'\n\nexport const BreadcrumbItem = React.memo<BreadcrumbItemProps>(\n  ({ children, className }) => {\n    const { classNames } = React.useContext(BreadcrumbContext)\n\n    return (\n      <li\n        className={cn(\n          'breadcrumbs_item',\n          'inline-flex items-center gap-1.5',\n          classNames?.item,\n          className,\n        )}\n      >\n        {children}\n      </li>\n    )\n  },\n)\n\nBreadcrumbItem.displayName = 'BreadcrumbItem'\n\nexport const BreadcrumbLink = React.memo<BreadcrumbLinkProps>(\n  ({ children, href, onClick, leftIcon, rightIcon, className }) => {\n    const { classNames } = React.useContext(BreadcrumbContext)\n\n    const handleClick = (e: React.MouseEvent) => {\n      if (onClick) {\n        e.preventDefault()\n        onClick()\n      }\n    }\n\n    const content = (\n      <>\n        {leftIcon && (\n          <span className=\"inline-flex items-center\">{leftIcon}</span>\n        )}\n        {children}\n        {rightIcon && (\n          <span className=\"inline-flex items-center\">{rightIcon}</span>\n        )}\n      </>\n    )\n\n    const linkClasses = cn(\n      'breadcrumbs_link',\n      'inline-flex items-center gap-1.5 transition-colors hover:underline cursor-pointer',\n      classNames?.link,\n      className,\n    )\n\n    if (href) {\n      return (\n        <a\n          href={href}\n          onClick={handleClick}\n          className={linkClasses}\n        >\n          {content}\n        </a>\n      )\n    }\n\n    if (onClick) {\n      return (\n        <button\n          type=\"button\"\n          onClick={handleClick}\n          className={linkClasses}\n        >\n          {content}\n        </button>\n      )\n    }\n\n    return (\n      <span\n        className={cn(\n          'breadcrumbs_link',\n          'inline-flex items-center gap-1.5',\n          classNames?.link,\n          className,\n        )}\n      >\n        {content}\n      </span>\n    )\n  },\n)\n\nBreadcrumbLink.displayName = 'BreadcrumbLink'\n\nexport const BreadcrumbPage = React.memo<BreadcrumbPageProps>(\n  ({ children, leftIcon, rightIcon, className }) => {\n    const { classNames } = React.useContext(BreadcrumbContext)\n\n    return (\n      <span\n        aria-current=\"page\"\n        className={cn(\n          'breadcrumbs_current',\n          'inline-flex items-center gap-1.5 font-medium',\n          classNames?.current,\n          className,\n        )}\n      >\n        {leftIcon && (\n          <span className=\"inline-flex items-center\">{leftIcon}</span>\n        )}\n        {children}\n        {rightIcon && (\n          <span className=\"inline-flex items-center\">{rightIcon}</span>\n        )}\n      </span>\n    )\n  },\n)\n\nBreadcrumbPage.displayName = 'BreadcrumbPage'\n\nexport const BreadcrumbSeparator = React.memo<BreadcrumbSeparatorProps>(\n  ({ children, className, size = 'md' }) => {\n    const { classNames } = React.useContext(BreadcrumbContext)\n\n    return (\n      <span\n        className={cn(\n          'breadcrumbs_separator',\n          'text-text-secondary',\n          classNames?.separator,\n          className,\n        )}\n      >\n        {children ?? <ChevronRight className={iconSizes[size]} />}\n      </span>\n    )\n  },\n)\n\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator'\n\n/**\n * Validates URL to prevent open redirect vulnerabilities\n * Only allows relative URLs or same-origin URLs\n */\nconst isValidNavigationUrl = (href: string): boolean => {\n  // Allow relative URLs starting with / or #\n  if (href.startsWith('/') || href.startsWith('#') || href.startsWith('?')) {\n    return true\n  }\n\n  // Block javascript: and other dangerous protocols\n  const dangerousProtocols = ['javascript:', 'data:', 'vbscript:']\n  const lowerHref = href.toLowerCase()\n  if (dangerousProtocols.some(protocol => lowerHref.startsWith(protocol))) {\n    return false\n  }\n\n  // For absolute URLs, verify same origin\n  try {\n    const url = new URL(href, window.location.origin)\n    return url.origin === window.location.origin\n  } catch {\n    // If URL parsing fails, allow it (likely a relative URL)\n    return true\n  }\n}\n\nexport const BreadcrumbEllipsis = React.memo<BreadcrumbEllipsisProps>(\n  ({ orientation = 'horizontal', items, children, className, size = 'md' }) => {\n    const Icon = orientation === 'horizontal' ? MoreHorizontal : MoreVertical\n    const isInteractive = !!(items?.length || children)\n\n    const ellipsisButton = (\n      <span\n        role={isInteractive ? 'button' : 'presentation'}\n        aria-hidden={isInteractive ? undefined : true}\n        aria-label={isInteractive ? 'Show more breadcrumbs' : undefined}\n        tabIndex={isInteractive ? 0 : undefined}\n        className={cn(\n          'flex items-center justify-center',\n          isInteractive && 'cursor-pointer',\n          className,\n        )}\n      >\n        <Icon className={iconSizes[size]} />\n        <span className=\"sr-only\">More</span>\n      </span>\n    )\n\n    // If items or children are provided, wrap in Dropdown\n    if (items || children) {\n      const dropdownItems = (items || []).map((item) => ({\n        label: item.label || '',\n        value: item.label || '',\n        onClick:\n          item.onClick ||\n          (() => {\n            // Validate URL before navigation to prevent open redirect\n            if (item.href && isValidNavigationUrl(item.href)) {\n              window.location.href = item.href\n            }\n          }),\n      }))\n\n      return <Dropdown items={dropdownItems}>{ellipsisButton}</Dropdown>\n    }\n\n    return ellipsisButton\n  },\n)\n\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis'\n\nexport type * from './types'\nexport default Breadcrumb\n"]}