@adecore/ui 0.50.6 → 0.50.7

package/dist/FileIcon.js

@@ -1,14 +1,14 @@
 import { c as _c } from "react/compiler-runtime";
 import { useInsertionEffect } from 'react';
 import clsx from 'clsx';
-import { fileIconFor, mountFileIconSprite } from './file-icon.js';
+import { fileIconFor, fileIconOverrideFor, mountFileIconSprite } from './file-icon.js';
 /*
  * The one place the library steps outside Lucide. The glyphs are Seti's, and so are their colors: a
  * TypeScript blue is the mark of the file type, not a theme choice. Decorative like every other icon here.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 export function FileIcon(t0) {
-  const $ = _c(12);
+  const $ = _c(20);
   const {
     path,
     size: t1,
@@ -25,50 +25,86 @@ export function FileIcon(t0) {
   }
   useInsertionEffect(mountFileIconSprite, t2);
   let t3;
-  if ($[1] !== className) {
-    t3 = clsx("file-icon", className);
-    $[1] = className;
+  if ($[1] !== path) {
+    t3 = fileIconOverrideFor(path);
+    $[1] = path;
     $[2] = t3;
   } else {
     t3 = $[2];
   }
+  const own = t3;
+  if (own !== null) {
+    let t4;
+    if ($[3] !== className) {
+      t4 = clsx("file-icon", className);
+      $[3] = className;
+      $[4] = t4;
+    } else {
+      t4 = $[4];
+    }
+    let t5;
+    if ($[5] !== own || $[6] !== size || $[7] !== t4) {
+      t5 = /*#__PURE__*/_jsx("img", {
+        src: own,
+        alt: "",
+        width: size,
+        height: size,
+        className: t4
+      });
+      $[5] = own;
+      $[6] = size;
+      $[7] = t4;
+      $[8] = t5;
+    } else {
+      t5 = $[8];
+    }
+    return t5;
+  }
   let t4;
-  if ($[3] !== path) {
-    t4 = fileIconFor(path);
-    $[3] = path;
-    $[4] = t4;
+  if ($[9] !== className) {
+    t4 = clsx("file-icon", className);
+    $[9] = className;
+    $[10] = t4;
   } else {
-    t4 = $[4];
+    t4 = $[10];
   }
-  const t5 = `#${t4}`;
-  let t6;
-  if ($[5] !== t5) {
-    t6 = /*#__PURE__*/_jsx("use", {
-      href: t5
-    });
-    $[5] = t5;
-    $[6] = t6;
+  let t5;
+  if ($[11] !== path) {
+    t5 = fileIconFor(path);
+    $[11] = path;
+    $[12] = t5;
   } else {
-    t6 = $[6];
+    t5 = $[12];
   }
+  const t6 = `#${t5}`;
   let t7;
-  if ($[7] !== ref || $[8] !== size || $[9] !== t3 || $[10] !== t6) {
-    t7 = /*#__PURE__*/_jsx("svg", {
+  if ($[13] !== t6) {
+    t7 = /*#__PURE__*/_jsx("use", {
+      href: t6
+    });
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== ref || $[16] !== size || $[17] !== t4 || $[18] !== t7) {
+    t8 = /*#__PURE__*/_jsx("svg", {
       ref: ref,
-      className: t3,
+      className: t4,
       width: size,
       height: size,
       viewBox: "0 0 16 16",
       "aria-hidden": true,
-      children: t6
+      children: t7
     });
-    $[7] = ref;
-    $[8] = size;
-    $[9] = t3;
-    $[10] = t6;
-    $[11] = t7;
+    $[15] = ref;
+    $[16] = size;
+    $[17] = t4;
+    $[18] = t7;
+    $[19] = t8;
   } else {
-    t7 = $[11];
+    t8 = $[19];
   }
-  return t7;
+  return t8;
 }

package/dist/file-icon.d.ts

@@ -1,4 +1,6 @@
 import { type FileTreeIconConfig } from '@pierre/trees';
 export declare const FILE_TREE_ICONS: FileTreeIconConfig;
 export declare const fileIconFor: (path: string) => string;
+export declare function setFileIconOverride(next: ((path: string) => string | null) | null): void;
+export declare function fileIconOverrideFor(path: string): string | null;
 export declare const mountFileIconSprite: () => void;

package/dist/file-icon.js

@@ -24,6 +24,14 @@ const resolveIcon = (...args) => {
  * generic file icon: the tree marks a folder with its chevron, not a glyph.
  */
 export const fileIconFor = path => resolveIcon('file-tree-icon-file', path).name;
+let override = null;
+/* What an app knows better about a file's icon: the address of an svg, or null for the icon this set has. */
+export function setFileIconOverride(next) {
+  override = next;
+}
+export function fileIconOverrideFor(path) {
+  return override?.(path) ?? null;
+}
 /* The tree carries the sprite into its own shadow root, out of reach of anything that draws an
    icon next to it, so the document gets a copy of the same sheet to point `<use>` at. */
 export const mountFileIconSprite = () => {

package/dist/index.d.ts

@@ -73,7 +73,7 @@ export { ZoomControls, type ZoomControlsProps, type ZoomLabels, type ZoomSelecti
 export { copyText, readClipboardText } from './clipboard.ts';
 export { messageOf } from './error-message.ts';
 export type { ResetKeys } from './error-boundary.ts';
-export { FILE_TREE_ICONS } from './file-icon.ts';
+export { FILE_TREE_ICONS, setFileIconOverride } from './file-icon.ts';
 export { cameThroughPortal, isInFloatingLayer } from './floating.ts';
 export { LoadedComponent, lazyDialog, lazyNamed, onLazyOpenError } from './lazy.tsx';
 export type { LazyComponent } from './lazy.tsx';

package/dist/index.js

@@ -69,7 +69,7 @@ export { Wipe } from "./Wipe.js";
 export { ZoomControls } from "./ZoomControls.js";
 export { copyText, readClipboardText } from './clipboard.js';
 export { messageOf } from './error-message.js';
-export { FILE_TREE_ICONS } from './file-icon.js';
+export { FILE_TREE_ICONS, setFileIconOverride } from './file-icon.js';
 export { cameThroughPortal, isInFloatingLayer } from './floating.js';
 export { LoadedComponent, lazyDialog, lazyNamed, onLazyOpenError } from "./lazy.js";
 export { LazyBoundary } from "./LazyBoundary.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adecore/ui",
-  "version": "0.50.6",
+  "version": "0.50.7",
   "description": "React components, a theme, formatters and a settings dialog for desktop-grade apps on React 19, Base UI and Tailwind 4.",
   "license": "FSL-1.1-MIT",
   "author": "Bas Milius",

package/src/FileIcon.tsx

@@ -1,6 +1,6 @@
 import { useInsertionEffect, type Ref } from 'react';
 import clsx from 'clsx';
-import { fileIconFor, mountFileIconSprite } from './file-icon.ts';
+import { fileIconFor, fileIconOverrideFor, mountFileIconSprite } from './file-icon.ts';
 
 export interface FileIconProps {
     /* Absolute or relative; only the last segment decides which icon this is. */
@@ -19,6 +19,12 @@ export function FileIcon({ path, size = 16, className, ref }: FileIconProps) {
     // Before the browser paints, so a `<use>` never points at a symbol that is not in the document yet.
     useInsertionEffect(mountFileIconSprite, []);
 
+    const own = fileIconOverrideFor(path);
+
+    if (own !== null) {
+        return <img src={own} alt="" width={size} height={size} className={clsx('file-icon', className)} />;
+    }
+
     return (
         <svg ref={ref} className={clsx('file-icon', className)} width={size} height={size} viewBox="0 0 16 16" aria-hidden>
             <use href={`#${fileIconFor(path)}`} />

package/src/file-icon.ts

@@ -29,6 +29,17 @@ const resolveIcon: ReturnType<typeof createFileTreeIconResolver>['resolveIcon']
  */
 export const fileIconFor = (path: string): string => resolveIcon('file-tree-icon-file', path).name;
 
+let override: ((path: string) => string | null) | null = null;
+
+/* What an app knows better about a file's icon: the address of an svg, or null for the icon this set has. */
+export function setFileIconOverride(next: ((path: string) => string | null) | null): void {
+    override = next;
+}
+
+export function fileIconOverrideFor(path: string): string | null {
+    return override?.(path) ?? null;
+}
+
 /* The tree carries the sprite into its own shadow root, out of reach of anything that draws an
    icon next to it, so the document gets a copy of the same sheet to point `<use>` at. */
 export const mountFileIconSprite = (): void => {

package/src/index.ts

@@ -92,7 +92,7 @@ export { ZoomControls, type ZoomControlsProps, type ZoomLabels, type ZoomSelecti
 export { copyText, readClipboardText } from './clipboard.ts';
 export { messageOf } from './error-message.ts';
 export type { ResetKeys } from './error-boundary.ts';
-export { FILE_TREE_ICONS } from './file-icon.ts';
+export { FILE_TREE_ICONS, setFileIconOverride } from './file-icon.ts';
 export { cameThroughPortal, isInFloatingLayer } from './floating.ts';
 export { LoadedComponent, lazyDialog, lazyNamed, onLazyOpenError } from './lazy.tsx';
 export type { LazyComponent } from './lazy.tsx';