@pstdio/ui 0.17.0 → 0.18.0

package/dist/resource-badge-CuItchgL.js

@@ -0,0 +1,98 @@
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { c as w } from "react/compiler-runtime";
+import { chakra as T, Text as E, IconButton as I } from "@chakra-ui/react";
+import { FileSpreadsheet as L, FileCode as k, FileChartLine as R, FileJson as A, FileText as D, FileCog as N, FileImage as O, FileArchive as q, File as B, X as H } from "lucide-react";
+import { T as P } from "./scroll-area-BMbg1WcD.js";
+const U = (n) => {
+  const e = n.split(".").pop()?.toLowerCase() ?? "";
+  return ["csv", "tsv", "xlsx", "xls", "parquet"].includes(e) ? L : ["sql", "py", "js", "ts", "jsx", "tsx", "java", "cpp", "c", "h", "css", "scss", "sass", "php", "rb", "go", "rs", "kt", "swift"].includes(e) ? k : ["json", "jsonl", "ndjson"].includes(e) ? n.includes("/visualizations/") ? R : A : ["md", "txt", "rst", "org", "pdf", "doc", "docx", "rtf"].includes(e) ? D : ["yaml", "yml", "toml", "ini", "conf", "config"].includes(e) ? N : ["png", "jpg", "jpeg", "gif", "svg", "webp", "ico"].includes(e) ? O : ["zip", "tar", "gz", "rar", "7z"].includes(e) ? q : B;
+}, W = {
+  sm: {
+    container: {
+      height: "5",
+      lineHeight: {
+        base: "5"
+      },
+      px: "xs"
+    },
+    iconSize: 12,
+    textStyle: "label/XS"
+  },
+  md: {
+    container: {
+      height: "6",
+      lineHeight: {
+        base: "6"
+      },
+      px: "xs"
+    },
+    iconSize: 14,
+    textStyle: "label/S/regular"
+  }
+}, X = {
+  neutral: {
+    color: "fg",
+    bg: "bg.subtle",
+    borderColor: "border",
+    _hover: {
+      bg: "bg.hover"
+    }
+  },
+  accent: {
+    color: "var(--schub-foreground-accent)",
+    bg: "var(--schub-accent-subtle)",
+    borderColor: "var(--schub-accent-subtle)",
+    _hover: {
+      bg: "var(--schub-accent-subtle)"
+    }
+  }
+}, Y = "md", Z = "neutral", Q = (n) => {
+  const e = w(38);
+  let t, l, o, s, r, x, h;
+  e[0] !== n ? ({
+    fileName: t,
+    onSelect: s,
+    onRemove: o,
+    size: x,
+    tone: h,
+    icon: l,
+    ...r
+  } = n, e[0] = n, e[1] = t, e[2] = l, e[3] = o, e[4] = s, e[5] = r, e[6] = x, e[7] = h) : (t = e[1], l = e[2], o = e[3], s = e[4], r = e[5], x = e[6], h = e[7]);
+  const j = x === void 0 ? Y : x, C = h === void 0 ? Z : h;
+  let b;
+  e[8] !== t ? (b = U(t), e[8] = t, e[9] = b) : b = e[9];
+  const v = b, i = W[j], y = X[C], z = s ? "pointer" : "default";
+  let c;
+  e[10] !== t || e[11] !== s ? (c = (F) => {
+    F.stopPropagation(), s?.(t);
+  }, e[10] = t, e[11] = s, e[12] = c) : c = e[12];
+  let a;
+  e[13] !== v || e[14] !== l || e[15] !== i.iconSize ? (a = l ?? /* @__PURE__ */ g(v, { size: i.iconSize }), e[13] = v, e[14] = l, e[15] = i.iconSize, e[16] = a) : a = e[16];
+  let f;
+  e[17] !== a ? (f = /* @__PURE__ */ g(T.span, { display: "inline-flex", flexShrink: 0, children: a }), e[17] = a, e[18] = f) : f = e[18];
+  let m;
+  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+    base: "14rem"
+  }, e[19] = m) : m = e[19];
+  let d;
+  e[20] !== t || e[21] !== i.textStyle ? (d = /* @__PURE__ */ g(E, { maxW: m, textOverflow: "ellipsis", whiteSpace: "nowrap", overflow: "hidden", textStyle: i.textStyle, children: t }), e[20] = t, e[21] = i.textStyle, e[22] = d) : d = e[22];
+  let p;
+  e[23] !== t || e[24] !== d ? (p = /* @__PURE__ */ g(P, { content: t, children: d }), e[23] = t, e[24] = d, e[25] = p) : p = e[25];
+  let u;
+  e[26] !== t || e[27] !== o ? (u = o && /* @__PURE__ */ g(I, { "aria-label": `Remove ${t}`, size: "2xs", variant: "ghost", _hover: {
+    bg: "transparent"
+  }, onClick: (F) => {
+    F.stopPropagation(), o?.(t);
+  }, children: /* @__PURE__ */ g(H, { size: 12 }) }), e[26] = t, e[27] = o, e[28] = u) : u = e[28];
+  let S;
+  return e[29] !== r || e[30] !== i.container || e[31] !== u || e[32] !== z || e[33] !== c || e[34] !== f || e[35] !== p || e[36] !== y ? (S = /* @__PURE__ */ _(T.span, { display: "flex", flexDirection: "row", alignItems: "center", borderWidth: "1px", borderRadius: "xs", gap: "2xs", cursor: z, ...y, ...i.container, onClick: c, ...r, children: [
+    f,
+    p,
+    u
+  ] }), e[29] = r, e[30] = i.container, e[31] = u, e[32] = z, e[33] = c, e[34] = f, e[35] = p, e[36] = y, e[37] = S) : S = e[37], S;
+};
+export {
+  Q as R,
+  U as g
+};
+//# sourceMappingURL=resource-badge-CuItchgL.js.map

package/dist/resource-badge-CuItchgL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-badge-CuItchgL.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: \"5\",\n      lineHeight: { base: \"5\" },\n      px: \"xs\",\n    },\n    iconSize: 12,\n    textStyle: \"label/XS\",\n  },\n  md: {\n    container: {\n      height: \"6\",\n      lineHeight: { base: \"6\" },\n      px: \"xs\",\n    },\n    iconSize: 14,\n    textStyle: \"label/S/regular\",\n  },\n} as const;\n\nconst TONE_STYLES = {\n  neutral: {\n    color: \"fg\",\n    bg: \"bg.subtle\",\n    borderColor: \"border\",\n    _hover: {\n      bg: \"bg.hover\",\n    },\n  },\n  accent: {\n    color: \"var(--schub-foreground-accent)\",\n    bg: \"var(--schub-accent-subtle)\",\n    borderColor: \"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      borderWidth=\"1px\"\n      borderRadius=\"xs\"\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 display=\"inline-flex\" flexShrink={0}>\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      {onRemove && (\n        <IconButton\n          aria-label={`Remove ${fileName}`}\n          size=\"2xs\"\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","borderColor","_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","IconButton","e_0","X","t11","jsxs"],"mappings":"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"}