snapshot of https://github.com/excalidraw/excalidraw.git (master, 2026-09-16; blobs > 131072B omitted)

2026-09-16 05:31:04 +05:00
commit 1a8d07ca6c
1286 changed files with 360144 additions and 0 deletions
--- a/packages/excalidraw/components/footer/Footer.tsx
+++ b/packages/excalidraw/components/footer/Footer.tsx
@@ -0,0 +1,97 @@
+import clsx from "clsx";
+
+import { actionShortcuts } from "../../actions";
+import { useTunnels } from "../../context/tunnels";
+import { ExitZenModeButton, UndoRedoActions, ZoomActions } from "../Actions";
+import { useApp } from "../App";
+import { HelpButton } from "../HelpButton";
+import { Section } from "../Section";
+import Stack from "../Stack";
+
+import type { ActionManager } from "../../actions/manager";
+import type { UIAppState } from "../../types";
+
+const Footer = ({
+  appState,
+  actionManager,
+  showExitZenModeBtn,
+  renderWelcomeScreen,
+  defaultUIEnabled,
+  zoomUIEnabled,
+}: {
+  appState: UIAppState;
+  actionManager: ActionManager;
+  showExitZenModeBtn: boolean;
+  renderWelcomeScreen: boolean;
+  defaultUIEnabled: boolean;
+  zoomUIEnabled: boolean;
+}) => {
+  const { FooterCenterTunnel, WelcomeScreenHelpHintTunnel } = useTunnels();
+  const app = useApp();
+
+  return (
+    <footer
+      role="contentinfo"
+      className="layer-ui__wrapper__footer App-menu App-menu_bottom"
+    >
+      {(defaultUIEnabled || (zoomUIEnabled && app.isNavigationEnabled())) && (
+        <div
+          className={clsx(
+            "layer-ui__wrapper__footer-left zen-mode-transition",
+            {
+              "layer-ui__wrapper__footer-left--transition-left":
+                appState.zenModeEnabled,
+            },
+          )}
+        >
+          <Stack.Col gap={2}>
+            <Section heading="canvasActions">
+              {zoomUIEnabled && app.isNavigationEnabled() && (
+                <ZoomActions renderAction={actionManager.renderAction} />
+              )}
+
+              {defaultUIEnabled && !appState.viewModeEnabled && (
+                <UndoRedoActions
+                  renderAction={actionManager.renderAction}
+                  className={clsx("zen-mode-transition", {
+                    "layer-ui__wrapper__footer-left--transition-bottom":
+                      appState.zenModeEnabled,
+                  })}
+                />
+              )}
+            </Section>
+          </Stack.Col>
+        </div>
+      )}
+      <FooterCenterTunnel.Out />
+      {(defaultUIEnabled || renderWelcomeScreen) && (
+        <div
+          className={clsx(
+            "layer-ui__wrapper__footer-right zen-mode-transition",
+            {
+              "transition-right": appState.zenModeEnabled,
+            },
+          )}
+        >
+          <div style={{ position: "relative" }}>
+            {renderWelcomeScreen && <WelcomeScreenHelpHintTunnel.Out />}
+            {defaultUIEnabled && (
+              <HelpButton
+                onClick={() => actionManager.executeAction(actionShortcuts)}
+              />
+            )}
+          </div>
+        </div>
+      )}
+      {defaultUIEnabled && (
+        <ExitZenModeButton
+          actionManager={actionManager}
+          showExitZenModeBtn={showExitZenModeBtn}
+        />
+      )}
+    </footer>
+  );
+};
+
+export default Footer;
+Footer.displayName = "Footer";