@visulima/tui 0.0.1 → 1.0.0-alpha.2

package/dist/packem_shared/useCursor-BIJzc8k9.js

@@ -0,0 +1,19 @@
+import { useContext, useRef, useCallback, useInsertionEffect } from 'react';
+import { C as CursorContext } from './CursorContext-JxRzlqAx.js';
+
+const useCursor = () => {
+  const context = useContext(CursorContext);
+  const positionRef = useRef(void 0);
+  const setCursorPosition = useCallback((position) => {
+    positionRef.current = position;
+  }, []);
+  useInsertionEffect(() => {
+    context.setCursorPosition(positionRef.current);
+    return () => {
+      context.setCursorPosition(void 0);
+    };
+  });
+  return { setCursorPosition };
+};
+
+export { useCursor as default };

package/dist/packem_shared/useElementDimensions-CAoKitVD.js

@@ -0,0 +1,67 @@
+import { useState, useEffect } from 'react';
+
+const walkNodePosition = (node) => {
+  let current = node;
+  let left = 1;
+  let top = 1;
+  while (current) {
+    if (!current.yogaNode) {
+      return { left, top };
+    }
+    const layout = current.yogaNode.getComputedLayout();
+    left += layout.left;
+    top += layout.top;
+    current = current.parentNode;
+  }
+  return { left, top };
+};
+const getElementPosition = (node) => {
+  if (!node) {
+    return void 0;
+  }
+  return walkNodePosition(node);
+};
+const getElementDimensions = (node) => {
+  const elementLayout = node?.yogaNode?.getComputedLayout();
+  if (!elementLayout) {
+    return void 0;
+  }
+  return {
+    height: elementLayout.height,
+    width: elementLayout.width
+  };
+};
+const useElementPosition = (ref, deps = []) => {
+  const [position, setPosition] = useState({
+    left: 0,
+    top: 0
+  });
+  useEffect(
+    () => {
+      const pos = getElementPosition(ref.current);
+      if (pos) {
+        setPosition(pos);
+      }
+    },
+    deps
+  );
+  return position;
+};
+const useElementDimensions = (ref, deps = []) => {
+  const [dimensions, setDimensions] = useState({
+    height: 0,
+    width: 0
+  });
+  useEffect(
+    () => {
+      const dims = getElementDimensions(ref.current);
+      if (dims) {
+        setDimensions(dims);
+      }
+    },
+    deps
+  );
+  return dimensions;
+};
+
+export { getElementDimensions, getElementPosition, useElementDimensions, useElementPosition };

package/dist/packem_shared/useFocus-CNl5QHHf.js

@@ -0,0 +1,37 @@
+import { useContext, useMemo, useEffect } from 'react';
+import { F as FocusContext } from './FocusContext-CWkYtgcm.js';
+import useStdin from './useStdin-X-O0kd-n.js';
+
+const useFocus = ({ autoFocus = false, id: customId, isActive = true } = {}) => {
+  const { isRawModeSupported, setRawMode } = useStdin();
+  const { activate, activeId, add, deactivate, focus, remove } = useContext(FocusContext);
+  const id = useMemo(() => customId ?? Math.random().toString().slice(2, 7), [customId]);
+  useEffect(() => {
+    add(id, { autoFocus });
+    return () => {
+      remove(id);
+    };
+  }, [id, autoFocus]);
+  useEffect(() => {
+    if (isActive) {
+      activate(id);
+    } else {
+      deactivate(id);
+    }
+  }, [isActive, id]);
+  useEffect(() => {
+    if (!isRawModeSupported || !isActive) {
+      return;
+    }
+    setRawMode(true);
+    return () => {
+      setRawMode(false);
+    };
+  }, [isActive]);
+  return {
+    focus,
+    isFocused: Boolean(id) && activeId === id
+  };
+};
+
+export { useFocus as default };

package/dist/packem_shared/useFocusManager-BPYaUuKQ.js

@@ -0,0 +1,16 @@
+import { useContext } from 'react';
+import { F as FocusContext } from './FocusContext-CWkYtgcm.js';
+
+const useFocusManager = () => {
+  const focusContext = useContext(FocusContext);
+  return {
+    activeId: focusContext.activeId,
+    disableFocus: focusContext.disableFocus,
+    enableFocus: focusContext.enableFocus,
+    focus: focusContext.focus,
+    focusNext: focusContext.focusNext,
+    focusPrevious: focusContext.focusPrevious
+  };
+};
+
+export { useFocusManager as default };