@pstdio/ui 0.15.0 → 0.17.0

package/dist/resource-badge-qCWHP-wQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-badge-qCWHP-wQ.js","sources":["../src/utils/get-file-type-icon.ts","../src/components/primitives/resource-badge.tsx"],"sourcesContent":["import type { LucideIcon } from \"lucide-react\";\nimport {\n  File,\n  FileArchive,\n  FileChartLine,\n  FileCode,\n  FileCog,\n  FileImage,\n  FileJson,\n  FileSpreadsheet,\n  FileText,\n} from \"lucide-react\";\n\nexport const getFileTypeIcon = (filename: string): LucideIcon => {\n  const extension = filename.split(\".\").pop()?.toLowerCase() ?? \"\";\n\n  if ([\"csv\", \"tsv\", \"xlsx\", \"xls\", \"parquet\"].includes(extension)) return FileSpreadsheet;\n  if (\n    [\n      \"sql\",\n      \"py\",\n      \"js\",\n      \"ts\",\n      \"jsx\",\n      \"tsx\",\n      \"java\",\n      \"cpp\",\n      \"c\",\n      \"h\",\n      \"css\",\n      \"scss\",\n      \"sass\",\n      \"php\",\n      \"rb\",\n      \"go\",\n      \"rs\",\n      \"kt\",\n      \"swift\",\n    ].includes(extension)\n  ) {\n    return FileCode;\n  }\n  if ([\"json\", \"jsonl\", \"ndjson\"].includes(extension)) {\n    if (filename.includes(\"/visualizations/\")) return FileChartLine;\n    return FileJson;\n  }\n  if ([\"md\", \"txt\", \"rst\", \"org\", \"pdf\", \"doc\", \"docx\", \"rtf\"].includes(extension)) return FileText;\n  if ([\"yaml\", \"yml\", \"toml\", \"ini\", \"conf\", \"config\"].includes(extension)) return FileCog;\n  if ([\"png\", \"jpg\", \"jpeg\", \"gif\", \"svg\", \"webp\", \"ico\"].includes(extension)) return FileImage;\n  if ([\"zip\", \"tar\", \"gz\", \"rar\", \"7z\"].includes(extension)) return FileArchive;\n  return File;\n};\n","import type { HTMLChakraProps } from \"@chakra-ui/react\";\nimport { chakra, IconButton, Spacer, Text } from \"@chakra-ui/react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { AlertTriangle, X } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { Tooltip } from \"@/components/primitives/tooltip\";\nimport { getFileTypeIcon } from \"@/utils/get-file-type-icon\";\n\nconst SIZE_STYLES = {\n  sm: {\n    container: {\n      height: \"20px\",\n      lineHeight: { base: \"20px\" },\n      px: \"2xs\",\n    },\n    iconSize: 12,\n    textStyle: \"xs\",\n  },\n  md: {\n    container: {\n      height: \"24px\",\n      lineHeight: { base: \"24px\" },\n      px: \"xs\",\n    },\n    iconSize: 14,\n    textStyle: \"sm\",\n  },\n} as const;\n\nconst TONE_STYLES = {\n  neutral: {\n    color: \"color.primary\",\n    bg: \"bg.muted\",\n    _hover: {\n      bg: \"bg.emphasized\",\n    },\n  },\n  accent: {\n    color: \"var(--schub-foreground-accent)\",\n    bg: \"var(--schub-accent-subtle)\",\n    _hover: {\n      bg: \"var(--schub-accent-subtle)\",\n    },\n  },\n} as const;\n\nexport interface MissingResourceBadgeProps {\n  referenceId: string;\n  onRemove?: (referenceId: string) => void;\n}\n\n/**\n * Shown when a reference points to a resource that no longer exists\n */\nexport const MissingResourceBadge = (props: MissingResourceBadgeProps) => {\n  const { referenceId, onRemove } = props;\n  return (\n    <chakra.span\n      height=\"24px\"\n      lineHeight={{ base: \"24px\" }}\n      gap=\"2xs\"\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      paddingX=\"xs\"\n      borderRadius=\"9999px\"\n      color=\"blacks.50\"\n      bg=\"red.500\"\n      _hover={{\n        bg: \"red.600\",\n      }}\n    >\n      <chakra.span mr=\"xs\" display=\"inline-flex\">\n        <AlertTriangle size={14} />\n      </chakra.span>\n      <Text maxW={{ base: \"17.5rem\" }} textOverflow=\"ellipsis\" whiteSpace=\"nowrap\" overflow=\"hidden\">\n        Missing Reference\n      </Text>\n      <Spacer />\n      {onRemove && (\n        <IconButton\n          color=\"blacks.50\"\n          aria-label=\"Remove reference\"\n          size=\"2xs\"\n          ml=\"sm\"\n          variant=\"ghost\"\n          _hover={{\n            bg: \"transparent\",\n          }}\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove?.(referenceId);\n          }}\n        >\n          <X size={12} />\n        </IconButton>\n      )}\n    </chakra.span>\n  );\n};\n\nexport type ResourceBadgeSize = keyof typeof SIZE_STYLES;\nexport type ResourceBadgeTone = keyof typeof TONE_STYLES;\n\nexport interface ResourceBadgeProps extends Omit<HTMLChakraProps<\"span\">, \"onSelect\"> {\n  fileName: string;\n  onRemove?: (fileName: string) => void;\n  onSelect?: (fileName: string) => void;\n  size?: ResourceBadgeSize;\n  tone?: ResourceBadgeTone;\n  icon?: ReactNode;\n}\n\nconst DEFAULT_SIZE: ResourceBadgeSize = \"md\";\nconst DEFAULT_TONE: ResourceBadgeTone = \"neutral\";\n\nexport const ResourceBadge = (props: ResourceBadgeProps) => {\n  const { fileName, onSelect, onRemove, size = DEFAULT_SIZE, tone = DEFAULT_TONE, icon, ...rest } = props;\n  const IconComp: LucideIcon = getFileTypeIcon(fileName);\n  const sizeStyles = SIZE_STYLES[size];\n  const toneStyles = TONE_STYLES[tone];\n\n  return (\n    <chakra.span\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      borderRadius=\"9999px\"\n      gap=\"2xs\"\n      cursor={onSelect ? \"pointer\" : \"default\"}\n      {...toneStyles}\n      {...sizeStyles.container}\n      onClick={(e) => {\n        e.stopPropagation();\n        onSelect?.(fileName);\n      }}\n      {...rest}\n    >\n      <chakra.span mr=\"xs\" display=\"inline-flex\">\n        {icon ?? <IconComp size={sizeStyles.iconSize} />}\n      </chakra.span>\n      <Tooltip content={fileName}>\n        <Text\n          maxW={{ base: \"14rem\" }}\n          textOverflow=\"ellipsis\"\n          whiteSpace=\"nowrap\"\n          overflow=\"hidden\"\n          textStyle={sizeStyles.textStyle}\n        >\n          {fileName}\n        </Text>\n      </Tooltip>\n      <Spacer />\n      {onRemove && (\n        <IconButton\n          aria-label={`Remove ${fileName}`}\n          size=\"2xs\"\n          ml=\"xs\"\n          variant=\"ghost\"\n          _hover={{\n            bg: \"transparent\",\n          }}\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove?.(fileName);\n          }}\n        >\n          <X size={12} />\n        </IconButton>\n      )}\n    </chakra.span>\n  );\n};\n"],"names":["getFileTypeIcon","filename","extension","split","pop","toLowerCase","includes","FileSpreadsheet","FileCode","FileChartLine","FileJson","FileText","FileCog","FileImage","FileArchive","File","SIZE_STYLES","sm","container","height","lineHeight","base","px","iconSize","textStyle","md","TONE_STYLES","neutral","color","bg","_hover","accent","DEFAULT_SIZE","DEFAULT_TONE","ResourceBadge","props","$","_c","fileName","icon","onRemove","onSelect","rest","t0","t1","size","tone","undefined","t2","IconComp","sizeStyles","toneStyles","t3","t4","e","stopPropagation","t5","jsx","t6","chakra","t7","Symbol","for","t8","Text","t9","Tooltip","t10","Spacer","t11","IconButton","e_0","X","t12","jsxs"],"mappings":"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"}