tgui-core 1.5.5 → 1.5.7

package/dist/components/index.js

@@ -2,7 +2,7 @@ import { AnimatedNumber as e } from "./AnimatedNumber.js";
 import { Autofocus as m } from "./Autofocus.js";
 import { Blink as x } from "./Blink.js";
 import { BlockQuote as i } from "./BlockQuote.js";
-import { Box as n } from "./Box.js";
+import { Box as l } from "./Box.js";
 import { Button as u } from "./Button.js";
 import { ByondUi as c } from "./ByondUi.js";
 import { Chart as b } from "./Chart.js";
@@ -11,47 +11,45 @@ import { ColorBox as D } from "./ColorBox.js";
 import { Dialog as C } from "./Dialog.js";
 import { Dimmer as L } from "./Dimmer.js";
 import { Divider as y } from "./Divider.js";
-import { DmIcon as A } from "./DmIcon.js";
-import { DraggableControl as v } from "./DraggableControl.js";
-import { Dropdown as K } from "./Dropdown.js";
-import { FitText as R } from "./FitText.js";
+import { DmIcon as N } from "./DmIcon.js";
+import { DraggableControl as F } from "./DraggableControl.js";
+import { Dropdown as M } from "./Dropdown.js";
+import { FitText as h } from "./FitText.js";
 import { Flex as w } from "./Flex.js";
 import { Icon as O } from "./Icon.js";
 import { Image as U } from "./Image.js";
 import { ImageButton as j } from "./ImageButton.js";
 import { InfinitePlane as z } from "./InfinitePlane.js";
 import { Input as H } from "./Input.js";
-import { Interactive as W } from "./Interactive.js";
-import { KeyListener as Y } from "./KeyListener.js";
-import { Knob as _ } from "./Knob.js";
-import { LabeledControls as oo } from "./LabeledControls.js";
-import { LabeledList as eo } from "./LabeledList.js";
-import { MenuBar as mo } from "./MenuBar.js";
-import { Modal as xo } from "./Modal.js";
-import { NoticeBox as io } from "./NoticeBox.js";
-import { NumberInput as no } from "./NumberInput.js";
-import { Pointer as uo } from "./Pointer.js";
-import { Popper as co } from "./Popper.js";
-import { ProgressBar as Bo } from "./ProgressBar.js";
-import { RestrictedInput as go } from "./RestrictedInput.js";
-import { RoundGauge as To } from "./RoundGauge.js";
-import { Section as ko } from "./Section.js";
-import { Slider as So } from "./Slider.js";
-import { Stack as Po } from "./Stack.js";
-import { StyleableSection as No } from "./StyleableSection.js";
-import { Table as Fo } from "./Table.js";
-import { Tabs as Mo } from "./Tabs.js";
-import { TextArea as ho } from "./TextArea.js";
-import { TimeDisplay as Go } from "./TimeDisplay.js";
-import { Tooltip as Qo } from "./Tooltip.js";
-import { TrackOutsideClicks as Vo } from "./TrackOutsideClicks.js";
-import { VirtualList as qo } from "./VirtualList.js";
+import { KeyListener as W } from "./KeyListener.js";
+import { Knob as Y } from "./Knob.js";
+import { LabeledControls as _ } from "./LabeledControls.js";
+import { LabeledList as oo } from "./LabeledList.js";
+import { MenuBar as eo } from "./MenuBar.js";
+import { Modal as mo } from "./Modal.js";
+import { NoticeBox as xo } from "./NoticeBox.js";
+import { NumberInput as io } from "./NumberInput.js";
+import { Popper as lo } from "./Popper.js";
+import { ProgressBar as uo } from "./ProgressBar.js";
+import { RestrictedInput as co } from "./RestrictedInput.js";
+import { RoundGauge as Bo } from "./RoundGauge.js";
+import { Section as go } from "./Section.js";
+import { Slider as To } from "./Slider.js";
+import { Stack as ko } from "./Stack.js";
+import { StyleableSection as So } from "./StyleableSection.js";
+import { Table as Ao } from "./Table.js";
+import { Tabs as Po } from "./Tabs.js";
+import { TextArea as Ko } from "./TextArea.js";
+import { TimeDisplay as Ro } from "./TimeDisplay.js";
+import { Tooltip as vo } from "./Tooltip.js";
+import { TrackOutsideClicks as Go } from "./TrackOutsideClicks.js";
+import { VirtualList as Qo } from "./VirtualList.js";
 export {
   e as AnimatedNumber,
   m as Autofocus,
   x as Blink,
   i as BlockQuote,
-  n as Box,
+  l as Box,
   u as Button,
   c as ByondUi,
   b as Chart,
@@ -60,39 +58,37 @@ export {
   C as Dialog,
   L as Dimmer,
   y as Divider,
-  A as DmIcon,
-  v as DraggableControl,
-  K as Dropdown,
-  R as FitText,
+  N as DmIcon,
+  F as DraggableControl,
+  M as Dropdown,
+  h as FitText,
   w as Flex,
   O as Icon,
   U as Image,
   j as ImageButton,
   z as InfinitePlane,
   H as Input,
-  W as Interactive,
-  Y as KeyListener,
-  _ as Knob,
-  oo as LabeledControls,
-  eo as LabeledList,
-  mo as MenuBar,
-  xo as Modal,
-  io as NoticeBox,
-  no as NumberInput,
-  uo as Pointer,
-  co as Popper,
-  Bo as ProgressBar,
-  go as RestrictedInput,
-  To as RoundGauge,
-  ko as Section,
-  So as Slider,
-  Po as Stack,
-  No as StyleableSection,
-  Fo as Table,
-  Mo as Tabs,
-  ho as TextArea,
-  Go as TimeDisplay,
-  Qo as Tooltip,
-  Vo as TrackOutsideClicks,
-  qo as VirtualList
+  W as KeyListener,
+  Y as Knob,
+  _ as LabeledControls,
+  oo as LabeledList,
+  eo as MenuBar,
+  mo as Modal,
+  xo as NoticeBox,
+  io as NumberInput,
+  lo as Popper,
+  uo as ProgressBar,
+  co as RestrictedInput,
+  Bo as RoundGauge,
+  go as Section,
+  To as Slider,
+  ko as Stack,
+  So as StyleableSection,
+  Ao as Table,
+  Po as Tabs,
+  Ko as TextArea,
+  Ro as TimeDisplay,
+  vo as Tooltip,
+  Go as TrackOutsideClicks,
+  Qo as VirtualList
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tgui-core",
-  "version": "1.5.5",
+  "version": "1.5.7",
   "description": "TGUI core component library",
   "keywords": ["TGUI", "library", "typescript"],
   "files": ["dist"],

package/dist/components/Interactive.d.ts

@@ -1,23 +0,0 @@
-import { default as React, Component, KeyboardEvent, MouseEvent, RefObject } from 'react';
-export interface Interaction {
-    left: number;
-    top: number;
-}
-export interface InteractiveProps {
-    onMove: (interaction: Interaction) => void;
-    onKey: (offset: Interaction) => void;
-    children: React.ReactNode;
-    style?: React.CSSProperties;
-}
-export declare class Interactive extends Component<InteractiveProps> {
-    containerRef: RefObject<HTMLDivElement>;
-    constructor(props: InteractiveProps);
-    handleMoveStart: (event: MouseEvent) => void;
-    handleMove: (event: MouseEvent) => void;
-    handleMoveEnd: () => void;
-    handleKeyDown: (event: KeyboardEvent) => void;
-    toggleDocumentEvents: (state: boolean) => void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}

package/dist/components/Interactive.js

@@ -1,75 +0,0 @@
-var h = Object.defineProperty;
-var u = (t, n, e) => n in t ? h(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
-var s = (t, n, e) => u(t, typeof n != "symbol" ? n + "" : n, e);
-import { jsx as p } from "react/jsx-runtime";
-import { Component as f, createRef as g } from "react";
-import { clamp as l } from "../common/math.js";
-const i = (t) => {
-  var n;
-  return ((n = t == null ? void 0 : t.ownerDocument) == null ? void 0 : n.defaultView) || self;
-}, a = (t, n) => {
-  const e = t.getBoundingClientRect();
-  return {
-    left: l(
-      (n.pageX - (e.left + i(t).pageXOffset)) / e.width,
-      0,
-      1
-    ),
-    top: l(
-      (n.pageY - (e.top + i(t).pageYOffset)) / e.height,
-      0,
-      1
-    )
-  };
-};
-class w extends f {
-  constructor(e) {
-    super(e);
-    s(this, "containerRef");
-    s(this, "handleMoveStart", (e) => {
-      const o = this.containerRef.current;
-      o && (e.preventDefault(), o.focus(), this.props.onMove(a(o, e)), this.toggleDocumentEvents(!0));
-    });
-    s(this, "handleMove", (e) => {
-      e.preventDefault(), e.buttons > 0 && this.containerRef.current ? this.props.onMove(a(this.containerRef.current, e)) : this.toggleDocumentEvents(!1);
-    });
-    s(this, "handleMoveEnd", () => {
-      this.toggleDocumentEvents(!1);
-    });
-    s(this, "handleKeyDown", (e) => {
-      const o = e.which || e.keyCode;
-      o < 37 || o > 40 || (e.preventDefault(), this.props.onKey({
-        left: o === 39 ? 0.05 : o === 37 ? -0.05 : 0,
-        top: o === 40 ? 0.05 : o === 38 ? -0.05 : 0
-      }));
-    });
-    s(this, "toggleDocumentEvents", (e) => {
-      const o = this.containerRef.current, r = i(o), c = e ? r.addEventListener.bind(r) : r.removeEventListener.bind(r);
-      c("mousemove", this.handleMove), c("mouseup", this.handleMoveEnd);
-    });
-    this.containerRef = g();
-  }
-  componentDidMount() {
-    this.toggleDocumentEvents(!0);
-  }
-  componentWillUnmount() {
-    this.toggleDocumentEvents(!1);
-  }
-  render() {
-    return /* @__PURE__ */ p(
-      "div",
-      {
-        ...this.props,
-        style: this.props.style,
-        ref: this.containerRef,
-        onMouseDown: this.handleMoveStart,
-        className: "react-colorful__interactive",
-        onKeyDown: this.handleKeyDown,
-        children: this.props.children
-      }
-    );
-  }
-}
-export {
-  w as Interactive
-};

package/dist/components/Pointer.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-interface PointerProps {
-    className?: string;
-    top?: number;
-    left: number;
-    color: string;
-}
-export declare const Pointer: ({ className, color, left, top, }: PointerProps) => ReactNode;
-export {};

package/dist/components/Pointer.js

@@ -1,23 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { classes as a } from "../common/react.js";
-const m = ({
-  className: r,
-  color: e,
-  left: t,
-  top: l = 0.5
-}) => {
-  const s = a(["react-colorful__pointer", r]), c = {
-    top: `${l * 100}%`,
-    left: `${t * 100}%`
-  };
-  return /* @__PURE__ */ o("div", { className: s, style: c, children: /* @__PURE__ */ o(
-    "div",
-    {
-      className: "react-colorful__pointer-fill",
-      style: { backgroundColor: e }
-    }
-  ) });
-};
-export {
-  m as Pointer
-};