@eveshipfit/ui-ingame 1.3.0 → 1.5.0

package/README.md

@@ -32,7 +32,7 @@ Give the `FittingWindow` its browser and statistics to get the buttons that slid
 
 Icons are drawn from `@eveshipfit/images`: put the components inside an `ImagesProvider` of
 `@eveshipfit/react-hooks`. The tooltips of `ShipStatistics` come from `texts.dat` of `@eveshipfit/sde`: put it inside a
-`TextsProvider` too.
+`TextsProvider` too. `ShipStatistics` shows the fit's price when the engine has an `esi`.
 
 ## License
 

package/dist/index.d.mts

@@ -6,7 +6,7 @@ interface DialogProps {
   onClose: () => void;
   children: ReactNode;
 }
-/** A modal; `onClose` is called when the user closes it, by Escape or the close button. */
+/** A modal that opens on its first field; `onClose` is called when the user closes it, by Escape or the close button. */
 export declare function Dialog({ open, title, onClose, children }: DialogProps): import("react").JSX.Element;
 //#endregion
 //#region src/primitives/TreeList/TreeList.d.ts
@@ -26,24 +26,28 @@ interface TreeGroupProps {
   defaultOpen?: boolean;
   /** Shown at the end of the row, like a count or an action. */
   after?: ReactNode;
+  onDragStart?: (event: DragEvent) => void;
+  onDragEnd?: () => void;
   /** Only called while the group is open, so large trees stay cheap. */
   children: () => ReactNode;
 }
-export declare function TreeGroup({ label, typeId, icon, description, defaultOpen, after, children }: TreeGroupProps): import("react").JSX.Element;
+export declare function TreeGroup({ label, typeId, icon, description, defaultOpen, after, onDragStart, onDragEnd, children }: TreeGroupProps): import("react").JSX.Element;
 interface TreeLeafProps {
   label: ReactNode;
   /** Shows the type's icon in front of the label. */
   typeId?: number;
   title?: string;
   onActivate?: () => void;
+  /** Activates on a single click. */
+  activateOnClick?: boolean;
   onHover?: (hovering: boolean) => void;
   onDragStart?: (event: DragEvent) => void;
   onDragEnd?: () => void;
   /** Shown at the end of the row, like a count or an action. */
   after?: ReactNode;
 }
-/** Activates on double click, as EVE's own lists do; single clicks are for selecting text and dragging. */
-export declare function TreeLeaf({ label, typeId, title, onActivate, onHover, onDragStart, onDragEnd, after }: TreeLeafProps): import("react").JSX.Element;
+/** Activates on double click, as EVE's own lists do, unless `activateOnClick` is set. */
+export declare function TreeLeaf({ label, typeId, title, onActivate, activateOnClick, onHover, onDragStart, onDragEnd, after }: TreeLeafProps): import("react").JSX.Element;
 //#endregion
 //#region src/primitives/Icon/Icon.d.ts
 declare const textures: {
@@ -58,12 +62,16 @@ declare const textures: {
   "module-unfit": string;
   "module-power": string;
   "module-info": string;
+  "mode-defense": string;
+  "mode-sharpshooter": string;
+  "mode-propulsion": string;
   link: string;
   search: string;
   collapse: string;
   checkmark: string;
   close: string;
   folder: string;
+  export: string;
   "fits-browser": string;
   "fits-personal": string;
   "fits-corporation": string;
@@ -85,6 +93,15 @@ declare const textures: {
   statistics: string;
   cargo: string;
   "drone-bay": string;
+  "fighter-bay": string;
+  "fighter-light": string;
+  "fighter-support": string;
+  "fighter-heavy": string;
+  "fighter-role-interceptor": string;
+  "fighter-role-attack": string;
+  "fighter-role-support": string;
+  "fighter-role-heavy-attack": string;
+  "fighter-role-bomber": string;
   "ammo-hold": string;
   "arrow-left": string;
   "arrow-right": string;
@@ -155,8 +172,9 @@ export declare function FilterToggle({ icon, typeId, label, pressed, onPressedCh
 //#endregion
 //#region src/primitives/Tooltip/Tooltip.d.ts
 interface TooltipProps {
-  label: ReactNode;
-  /** One element, which the tooltip points at. */
+  /** Without one, there is no tooltip. */
+  label?: ReactNode;
+  /** The tooltip points at the first element. */
   children: ReactNode;
 }
 /**
@@ -193,10 +211,12 @@ export declare function slotAngle(rack: WheelRack, index: number): number;
 //#region src/primitives/Wheel/Wheel.d.ts
 interface WheelProps {
   label: string;
+  /** Leaves out the scales of the gauges. */
+  hideScales?: boolean;
   children?: ReactNode;
 }
 /** Square, and as big as EVE's at `--esf-scale`, or as wide as `--esf-wheel-size`. */
-export declare function Wheel({ label, children }: WheelProps): import("react").JSX.Element;
+export declare function Wheel({ label, hideScales, children }: WheelProps): import("react").JSX.Element;
 //#endregion
 //#region src/primitives/Wheel/WheelRackMarker.d.ts
 type MarkedRack = Extract<WheelRack, "high" | "medium" | "low">;
@@ -221,17 +241,21 @@ interface WheelSlotProps extends HTMLAttributes<HTMLDivElement> {
   available?: boolean;
   /** Shown, but not fitted yet. */
   preview?: boolean;
+  /** Shown when hovering the slot. */
+  tooltip?: ReactNode;
   /** Makes the slot a button, named `label`. */
   onPress?: MouseEventHandler<HTMLElement>;
   /** Makes the slot draggable. */
   onDragStart?: DragEventHandler<HTMLDivElement>;
   onDragEnd?: DragEventHandler<HTMLDivElement>;
   label?: string;
+  /** False leaves out the actions shown on hover. */
+  actions?: boolean;
   onUnfit?: () => void;
   onRemoveCharge?: () => void;
   onTogglePower?: () => void;
 }
-export declare function WheelSlot({ rack, angle, typeId, typeName, chargeTypeId, chargeable, state, activatable, available, preview, onPress, onDragStart, onDragEnd, label, onUnfit, onRemoveCharge, onTogglePower, className, style, ...props }: WheelSlotProps): import("react").JSX.Element;
+export declare function WheelSlot({ rack, angle, typeId, typeName, chargeTypeId, chargeable, state, activatable, available, preview, tooltip, onPress, onDragStart, onDragEnd, label, actions: showActions, onUnfit, onRemoveCharge, onTogglePower, className, style, ...props }: WheelSlotProps): import("react").JSX.Element;
 //#endregion
 //#region src/primitives/Wheel/WheelHardpoints.d.ts
 interface Hardpoints {
@@ -307,9 +331,13 @@ export declare function CapacitorRing({ capacity, level, label }: CapacitorRingP
 //#region src/components/FittingWheel/FittingWheel.d.ts
 interface FittingWheelProps {
   label?: string;
+  /** Shows the fit without letting it be changed. */
+  readOnly?: boolean;
+  /** Leaves out the hardpoints, and the CPU, powergrid and calibration gauges and their scales. */
+  hideStats?: boolean;
 }
 /** The fitting wheel of the fit in the surrounding `EveShipFitProvider`. */
-export declare function FittingWheel({ label }: FittingWheelProps): import("react").JSX.Element;
+export declare function FittingWheel({ label, readOnly, hideStats }: FittingWheelProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/FittingWindow/FittingWindow.d.ts
 interface FittingWindowProps {
@@ -367,9 +395,10 @@ export declare function DroneStats(): import("react").JSX.Element;
 //#endregion
 //#region src/components/ShipStatistics/FitPrice.d.ts
 interface FitPriceProps {
-  /** In ISK. */
-  price: number;
+  /** In ISK; undefined while unknown. */
+  price: number | undefined;
+  change?: "better" | "worse";
 }
-export declare function FitPrice({ price }: FitPriceProps): import("react").JSX.Element;
+export declare function FitPrice({ price, change }: FitPriceProps): import("react").JSX.Element;
 //#endregion
 export type { CapacitorRingProps, DamageType, DialogProps, FilterToggleProps, FitPriceProps, FittingWheelProps, FittingWindowProps, Hardpoints, HistoryBarProps, IconName, IconProps, ItemBrowserProps, Layer, MarkedRack, ResistanceBarProps, ShipStatisticsProps, SlotState, StatProps, StatsSectionProps, TooltipProps, TooltipTextProps, TreeGroupProps, TreeLeafProps, TreeListProps, TypeIconProps, WheelGaugeProps, WheelHardpointsProps, WheelHullProps, WheelProps, WheelRack, WheelRackMarkerProps, WheelResource, WheelSlotProps };