tgui-core 1.7.6 → 1.8.0

package/dist/common/collections.d.ts

@@ -7,4 +7,11 @@ type Zip<T extends unknown[][]> = {
  * the second elements of the given arrays, and so on.
  */
 export declare function zip<T extends unknown[][]>(...arr: T): Zip<T>;
+/**
+ * Helper function for string compares with native sorts
+ * @param a first string to compare
+ * @param b second string to compare
+ * @returns -1 for a < b, 1 for a > b and 0 otherwise
+ */
+export declare function stringCompare(a: string, b: string): 0 | 1 | -1;
 export {};

package/dist/common/collections.js

@@ -1,6 +1,10 @@
-function m(...a) {
-  return Array(Math.max(...a.map((p) => p.length))).fill(void 0).map((p, t) => a.map((i) => i[t]));
+function p(...n) {
+  return Array(Math.max(...n.map((t) => t.length))).fill(void 0).map((t, r) => n.map((i) => i[r]));
+}
+function a(n, t) {
+  return n < t ? -1 : n > t ? 1 : 0;
 }
 export {
-  m as zip
+  a as stringCompare,
+  p as zip
 };

package/dist/components/Input.js

@@ -1,14 +1,14 @@
-import { jsxs as j, jsx as p } from "react/jsx-runtime";
-import { useRef as k, useEffect as m } from "react";
-import { KEY as w, isEscape as B } from "../common/keys.js";
-import { classes as F } from "../common/react.js";
-import { debounce as O } from "../common/timer.js";
-import { Box as R } from "./Box.js";
+import { jsxs as S, jsx as p } from "react/jsx-runtime";
+import { useRef as j, useEffect as m } from "react";
+import { KEY as k, isEscape as v } from "../common/keys.js";
+import { classes as w } from "../common/react.js";
+import { debounce as B } from "../common/timer.js";
+import { Box as F } from "./Box.js";
 function d(r) {
   return typeof r != "number" && typeof r != "string" ? "" : String(r);
 }
-const V = O((r) => r(), 250);
-function C(r) {
+const O = B((r) => r(), 250);
+function z(r) {
   const {
     autoFocus: g,
     autoSelect: l,
@@ -19,55 +19,58 @@ function C(r) {
     maxLength: x,
     monospace: y,
     onChange: n,
-    onEnter: c,
+    onEnter: o,
     onEscape: s,
-    onInput: i,
-    placeholder: N,
-    selfClear: _,
-    updateOnPropsChange: D,
-    value: o,
-    ...E
-  } = r, a = k(null);
-  function K(t) {
+    onInput: a,
+    placeholder: E,
+    selfClear: N,
+    updateOnPropsChange: _,
+    value: c,
+    ...A
+  } = r, i = j(null);
+  function D(t) {
     var u;
-    if (!i) return;
+    if (!a) return;
     const e = (u = t.currentTarget) == null ? void 0 : u.value;
-    b ? V(() => i(t, e)) : i(t, e);
+    b ? O(() => a(t, e)) : a(t, e);
   }
-  function S(t) {
-    if (t.key === w.Enter) {
-      c == null || c(t, t.currentTarget.value), _ ? t.currentTarget.value = "" : (t.currentTarget.blur(), n == null || n(t, t.currentTarget.value));
+  function K(t) {
+    if (t.key === k.Enter) {
+      o == null || o(t, t.currentTarget.value), N ? t.currentTarget.value = "" : (t.currentTarget.blur(), n == null || n(t, t.currentTarget.value));
       return;
     }
-    B(t.key) && (s == null || s(t), t.currentTarget.value = d(o), t.currentTarget.blur());
+    v(t.key) && (s == null || s(t), t.currentTarget.value = d(c), t.currentTarget.blur());
   }
   function f(t) {
-    const e = a.current;
+    const e = i.current;
     if (!e) return;
     const u = d(t);
     e.value !== u && (e.value = u);
   }
   return m(() => {
-    const t = a.current;
+    const t = i.current;
     if (t) {
-      f(o);
+      f(c);
       const e = g || l, u = document.activeElement === t;
       e && !u && setTimeout(() => {
         t.focus(), l && t.select();
       }, 1);
     }
   }, []), m(() => {
-    D && f(o);
-  }, [o]), /* @__PURE__ */ j(
-    R,
+    if (_) {
+      const t = i.current;
+      t && (document.activeElement === t || f(c));
+    }
+  }, [c]), /* @__PURE__ */ S(
+    F,
     {
-      className: F([
+      className: w([
         "Input",
         h && "Input--fluid",
         y && "Input--monospace",
         I
       ]),
-      ...E,
+      ...A,
       children: [
         /* @__PURE__ */ p("div", { className: "Input__baseline", children: "." }),
         /* @__PURE__ */ p(
@@ -77,10 +80,10 @@ function C(r) {
             disabled: T,
             maxLength: x,
             onBlur: (t) => n == null ? void 0 : n(t, t.target.value),
-            onChange: K,
-            onKeyDown: S,
-            placeholder: N,
-            ref: a
+            onChange: D,
+            onKeyDown: K,
+            placeholder: E,
+            ref: i
           }
         )
       ]
@@ -88,6 +91,6 @@ function C(r) {
   );
 }
 export {
-  C as Input,
+  z as Input,
   d as toInputValue
 };

package/package.json

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