@pattern-stack/frontend-patterns 0.2.0-alpha.7 → 0.2.0-alpha.8

package/dist/atoms/utils/index.d.ts

@@ -2,5 +2,4 @@ export * from "./utils";
 export * from "./animations";
 export * from "./field-detection";
 export * from "./ui-mapping";
-export * from "./entity-card-mapping";
 //# sourceMappingURL=index.d.ts.map

package/dist/atoms/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/utils/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/utils/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}

package/dist/index.es.js

@@ -9,7 +9,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useRef, useState, useEffect, useMemo, forwardRef, useCallback, useContext, createContext, useId, Component } from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { Map as Map$1, Calculator, Brain, User, Handshake, Truck, Building, HelpCircle, Info, AlertCircle, Check, ArrowDown, ArrowUp, ArrowLeft, ArrowRight, ChevronUp, ChevronLeft, ChevronDown, ChevronRight, Music, Video, Image, Folder, File, Flag, Tag, Bookmark, Heart, Star, MapPin, Clock, Calendar, Phone, Mail, Unlock, Lock, Share, Upload, Download, Eye, Trash2, Edit, Plus, Search, Bell, Settings, Home, Layout, TrendingUp, Database, BarChart3, Users, Shield, X, Menu, Palette, Circle, Building2, Package, FileText, Loader2, EyeOff, InfoIcon, ChevronsUpDown, AreaChart, LineChart, TrendingDown, Minus, AlertTriangle, Activity, WifiOff, CloudOff, Cloud, CheckCircle, FileX, Sun, Moon, LogOut, Square, Waves, Zap, TreePine, Sparkles, Sunset, DollarSign, ShoppingCart, Target, ExternalLink, MoreHorizontal, Filter, Edit2, Undo2, RefreshCw, History, Save, Copy, Grid3X3, Layers, XCircle, Briefcase } from "lucide-react";
+import { Map as Map$1, Calculator, Brain, User, Handshake, Truck, Building, HelpCircle, Info, AlertCircle, Check, ArrowDown, ArrowUp, ArrowLeft, ArrowRight, ChevronUp, ChevronLeft, ChevronDown, ChevronRight, Music, Video, Image, Folder, File, Flag, Tag, Bookmark, Heart, Star, MapPin, Clock, Calendar, Phone, Mail, Unlock, Lock, Share, Upload, Download, Eye, Trash2, Edit, Plus, Search, Bell, Settings, Home, Layout, TrendingUp, Database, BarChart3, Users, Shield, X, Menu, Palette, Loader2, EyeOff, InfoIcon, Circle, ChevronsUpDown, AreaChart, LineChart, TrendingDown, Minus, AlertTriangle, Activity, WifiOff, CloudOff, Cloud, CheckCircle, FileX, Sun, Moon, LogOut, Square, Waves, Zap, TreePine, Sparkles, Sunset, Building2, DollarSign, ShoppingCart, Target, ExternalLink, MoreHorizontal, Filter, Edit2, Undo2, RefreshCw, FileText, History, Save, Copy, Grid3X3, Layers, XCircle, Briefcase } from "lucide-react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva } from "class-variance-authority";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
@@ -2009,362 +2009,6 @@ function renderField(value, fieldName, fieldType, breakpoint, item, customRender
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-const STATUS_COLOR_MAP = {
-  // Success states
-  active: "success",
-  completed: "success",
-  approved: "success",
-  paid: "success",
-  delivered: "success",
-  resolved: "success",
-  closed: "success",
-  // Warning states
-  pending: "warning",
-  processing: "warning",
-  review: "warning",
-  draft: "warning",
-  waiting: "warning",
-  // Error states
-  failed: "error",
-  rejected: "error",
-  cancelled: "error",
-  overdue: "error",
-  blocked: "error",
-  // Info states
-  new: "info",
-  open: "info",
-  in_progress: "info",
-  scheduled: "info",
-  // Neutral (default)
-  inactive: "neutral",
-  archived: "neutral",
-  unknown: "neutral"
-};
-function getStatusColor(value) {
-  if (typeof value !== "string") return "neutral";
-  const normalized = value.toLowerCase().replace(/[_-]/g, "_");
-  return STATUS_COLOR_MAP[normalized] ?? "neutral";
-}
-const CATEGORY_MAP = {
-  account: 1,
-  customer: 1,
-  client: 1,
-  user: 2,
-  contact: 2,
-  person: 2,
-  order: 3,
-  sale: 3,
-  transaction: 3,
-  product: 4,
-  item: 4,
-  inventory: 4,
-  task: 5,
-  activity: 5,
-  event: 5,
-  file: 6,
-  document: 6,
-  report: 6,
-  tag: 7,
-  category: 7,
-  label: 7,
-  default: 8
-};
-function getCategoryForEntity(entityType) {
-  if (!entityType) return 8;
-  const normalized = entityType.toLowerCase();
-  for (const [key, value] of Object.entries(CATEGORY_MAP)) {
-    if (normalized.includes(key)) return value;
-  }
-  return 8;
-}
-function getIconForEntity(entityType) {
-  if (!entityType) return /* @__PURE__ */ jsx(Circle, { className: "w-4 h-4" });
-  const normalized = entityType.toLowerCase();
-  if (normalized.includes("account") || normalized.includes("customer") || normalized.includes("client")) {
-    return /* @__PURE__ */ jsx(Building2, { className: "w-4 h-4" });
-  }
-  if (normalized.includes("user") || normalized.includes("contact") || normalized.includes("person")) {
-    return /* @__PURE__ */ jsx(User, { className: "w-4 h-4" });
-  }
-  if (normalized.includes("product") || normalized.includes("item")) {
-    return /* @__PURE__ */ jsx(Package, { className: "w-4 h-4" });
-  }
-  if (normalized.includes("file") || normalized.includes("document")) {
-    return /* @__PURE__ */ jsx(FileText, { className: "w-4 h-4" });
-  }
-  if (normalized.includes("tag") || normalized.includes("category")) {
-    return /* @__PURE__ */ jsx(Tag, { className: "w-4 h-4" });
-  }
-  return /* @__PURE__ */ jsx(Circle, { className: "w-4 h-4" });
-}
-function normalizeImportance(importance) {
-  switch (importance) {
-    case "critical":
-    case "high":
-    case "primary":
-      return "primary";
-    case "medium":
-    case "secondary":
-      return "secondary";
-    default:
-      return "tertiary";
-  }
-}
-function isPrimaryImportance(importance) {
-  return normalizeImportance(importance) === "primary";
-}
-function formatValueForCard(value, type, format) {
-  if (value === null || value === void 0) return "—";
-  switch (type) {
-    case "money": {
-      const num = Number(value);
-      const currency = (format == null ? void 0 : format.currency) ?? "USD";
-      if (num >= 1e6) {
-        return new Intl.NumberFormat("en-US", {
-          style: "currency",
-          currency,
-          notation: "compact",
-          maximumFractionDigits: 1
-        }).format(num);
-      }
-      if (num >= 1e3) {
-        return new Intl.NumberFormat("en-US", {
-          style: "currency",
-          currency,
-          notation: "compact",
-          maximumFractionDigits: 1
-        }).format(num);
-      }
-      return new Intl.NumberFormat("en-US", {
-        style: "currency",
-        currency,
-        maximumFractionDigits: 0
-      }).format(num);
-    }
-    case "percent": {
-      const num = Number(value);
-      return `${num.toFixed(0)}%`;
-    }
-    case "number": {
-      const num = Number(value);
-      if (num >= 1e6) return `${(num / 1e6).toFixed(1)}M`;
-      if (num >= 1e3) return `${(num / 1e3).toFixed(1)}K`;
-      return String(num);
-    }
-    case "date":
-    case "datetime": {
-      const date = new Date(String(value));
-      if (isNaN(date.getTime())) return String(value);
-      return date.toLocaleDateString("en-US", {
-        month: "short",
-        day: "numeric"
-      });
-    }
-    case "boolean":
-      return value ? "Yes" : "No";
-    default:
-      return String(value);
-  }
-}
-function autoDetectMapping(columns) {
-  var _a, _b, _c, _d, _e, _f;
-  const primaryCols = columns.filter((c) => isPrimaryImportance(c.importance));
-  const titleField = ((_a = primaryCols.find((c) => ["text", "entity", "user"].includes(c.type))) == null ? void 0 : _a.field) ?? ((_b = primaryCols[0]) == null ? void 0 : _b.field) ?? ((_c = columns[0]) == null ? void 0 : _c.field);
-  const valueField = (_d = primaryCols.find((c) => c.type === "money")) == null ? void 0 : _d.field;
-  const statusField = (_e = primaryCols.find(
-    (c) => c.type === "status" || c.type === "badge"
-  )) == null ? void 0 : _e.field;
-  const usedForMain = new Set([titleField, valueField, statusField].filter(Boolean));
-  const remainingPrimary = primaryCols.filter((c) => !usedForMain.has(c.field));
-  const subtitleField = (_f = remainingPrimary[0]) == null ? void 0 : _f.field;
-  const usedFields = new Set(
-    [titleField, valueField, statusField, subtitleField].filter(Boolean)
-  );
-  const metadataFields = primaryCols.filter((c) => !usedFields.has(c.field)).slice(0, 3).map((c) => c.field);
-  return {
-    titleField: titleField ?? "id",
-    subtitleField,
-    valueField,
-    statusField,
-    metadataFields,
-    iconConfig: void 0
-  };
-}
-function entityToListCardProps(item, columns, mapping, entityType) {
-  const autoMapping = autoDetectMapping(columns);
-  const effectiveMapping = { ...autoMapping, ...mapping };
-  const {
-    titleField,
-    subtitleField,
-    valueField,
-    statusField,
-    metadataFields,
-    iconConfig
-  } = effectiveMapping;
-  const getColumn = (field) => field ? columns.find((c) => c.field === field) : void 0;
-  const title = item[titleField] != null ? String(item[titleField]) : "—";
-  const subtitle = subtitleField && item[subtitleField] != null ? String(item[subtitleField]) : void 0;
-  let value;
-  if (valueField && item[valueField] != null) {
-    const valueCol = getColumn(valueField);
-    const formatted = formatValueForCard(
-      item[valueField],
-      (valueCol == null ? void 0 : valueCol.type) ?? "text",
-      valueCol == null ? void 0 : valueCol.format
-    );
-    value = {
-      text: formatted,
-      variant: "success"
-      // Money typically green
-    };
-  }
-  let badge;
-  if (statusField && item[statusField] != null) {
-    const statusValue = String(item[statusField]);
-    badge = {
-      text: statusValue,
-      variant: "status",
-      status: getStatusColor(statusValue),
-      size: "sm"
-    };
-  }
-  const metadata = metadataFields == null ? void 0 : metadataFields.map((field) => {
-    const col = getColumn(field);
-    if (!col || item[field] == null) return null;
-    return formatValueForCard(item[field], col.type, col.format);
-  }).filter((v) => v !== null);
-  let icon;
-  if (iconConfig) {
-    const iconValue = iconConfig.field ? item[iconConfig.field] : void 0;
-    if (iconConfig.variant === "status" && iconValue) {
-      icon = {
-        icon: iconConfig.icon ?? getIconForEntity(entityType),
-        variant: "status",
-        status: getStatusColor(iconValue),
-        size: "sm"
-      };
-    } else {
-      icon = {
-        icon: iconConfig.icon ?? getIconForEntity(entityType),
-        variant: "category",
-        category: getCategoryForEntity(entityType),
-        size: "sm"
-      };
-    }
-  } else {
-    icon = {
-      icon: getIconForEntity(entityType),
-      variant: "category",
-      category: getCategoryForEntity(entityType),
-      size: "sm"
-    };
-  }
-  return {
-    icon,
-    title,
-    subtitle,
-    metadata,
-    value,
-    badge
-  };
-}
-const HEADER_ABBREVIATIONS = {
-  customer: "Cust",
-  account: "Acct",
-  amount: "Amt",
-  quantity: "Qty",
-  priority: "Pri",
-  status: "Status",
-  created: "Created",
-  updated: "Updated",
-  description: "Desc",
-  total: "Total",
-  items: "Items",
-  number: "#",
-  date: "Date",
-  time: "Time"
-};
-function abbreviateHeader(label) {
-  const lower = label.toLowerCase();
-  for (const [key, abbrev] of Object.entries(HEADER_ABBREVIATIONS)) {
-    if (lower.includes(key)) return abbrev;
-  }
-  if (label.length > 8) return label.slice(0, 6) + "…";
-  return label;
-}
-function generateCompactColumns(columns, options = {}) {
-  const {
-    maxColumns = 5,
-    abbreviateHeaders = true,
-    requiredFields = [],
-    excludeFields = []
-  } = options;
-  const excludeSet = new Set(excludeFields);
-  const requiredSet = new Set(requiredFields);
-  const filteredColumns = columns.filter((col) => {
-    if (excludeSet.has(col.field)) return false;
-    return true;
-  });
-  const required = filteredColumns.filter((c) => requiredSet.has(c.field));
-  const primary = filteredColumns.filter(
-    (c) => !requiredSet.has(c.field) && normalizeImportance(c.importance) === "primary"
-  );
-  const secondary = filteredColumns.filter(
-    (c) => !requiredSet.has(c.field) && normalizeImportance(c.importance) === "secondary"
-  );
-  const selectedColumns = [...required, ...primary, ...secondary].slice(
-    0,
-    maxColumns
-  );
-  return selectedColumns.map((col) => ({
-    key: col.field,
-    header: abbreviateHeaders ? abbreviateHeader(col.label) : col.label,
-    sortable: col.sortable,
-    type: col.type,
-    format: col.format,
-    // Compact widths
-    width: getCompactWidth(col.type)
-  }));
-}
-function getCompactWidth(type) {
-  switch (type) {
-    case "money":
-      return "70px";
-    case "number":
-    case "percent":
-      return "50px";
-    case "status":
-    case "badge":
-      return "80px";
-    case "date":
-      return "70px";
-    case "datetime":
-      return "90px";
-    case "boolean":
-      return "50px";
-    default:
-      return "120px";
-  }
-}
-function createMobileCardRenderer(columns, mapping, entityType) {
-  const { ListCard: ListCard2 } = require("../components/data/ListCard");
-  return ({ data, onItemClick }) => /* @__PURE__ */ jsx("div", { className: "space-y-2", children: data.map((item, index) => {
-    const cardProps = entityToListCardProps(
-      item,
-      columns,
-      mapping,
-      entityType
-    );
-    return /* @__PURE__ */ jsx(
-      ListCard2,
-      {
-        ...cardProps,
-        onClick: onItemClick ? () => onItemClick(item) : void 0
-      },
-      item.id ?? index
-    );
-  }) });
-}
 let globalAuthService = null;
 function setGlobalAuthService(authService) {
   globalAuthService = authService;
@@ -17724,17 +17368,14 @@ export {
   cn,
   createAPIDataTemplate,
   createApiClient,
-  createMobileCardRenderer,
   createReactApp,
   createSimpleApp,
   defaultFieldRenderers,
   detectBulkOperationType,
   detectUIConfig,
-  entityToListCardProps,
   env,
   formatNumberWithTooltip,
   generateBulkOperationName,
-  generateCompactColumns,
   getAnimationClasses,
   getChartHeight,
   getContainerHeightClass,