Merge 8e4a8788a2 into dff69e9191

packages/excalidraw/components/DefaultSidebar.tsx

@@ -61,6 +61,7 @@ export const DefaultSidebar = Object.assign(
       className,
       onDock,
       docked,
+      libraryEnabled,
       ...rest
     }: Merge<
       MarkOptional<Omit<SidebarProps, "name">, "children">,
@@ -102,15 +103,19 @@ export const DefaultSidebar = Object.assign(
                 <Sidebar.TabTrigger tab={CANVAS_SEARCH_TAB}>
                   {searchIcon}
                 </Sidebar.TabTrigger>
-                <Sidebar.TabTrigger tab={LIBRARY_SIDEBAR_TAB}>
-                  {LibraryIcon}
-                </Sidebar.TabTrigger>
+                {libraryEnabled && (
+                  <Sidebar.TabTrigger tab={LIBRARY_SIDEBAR_TAB}>
+                    {LibraryIcon}
+                  </Sidebar.TabTrigger>
+                )}
                 <DefaultSidebarTabTriggersTunnel.Out />
               </Sidebar.TabTriggers>
             </Sidebar.Header>
-            <Sidebar.Tab tab={LIBRARY_SIDEBAR_TAB}>
-              <LibraryMenu />
-            </Sidebar.Tab>
+            {libraryEnabled && (
+              <Sidebar.Tab tab={LIBRARY_SIDEBAR_TAB}>
+                <LibraryMenu />
+              </Sidebar.Tab>
+            )}
             <Sidebar.Tab tab={CANVAS_SEARCH_TAB}>
               <SearchMenu />
             </Sidebar.Tab>

packages/excalidraw/components/LayerUI.tsx

@@ -156,7 +156,8 @@ const LayerUI = ({
 }: LayerUIProps) => {
   const device = useDevice();
   const tunnels = useInitializeTunnels();
-
+  const showLibrary =
+    UIOptions.libraryEnabled === undefined ? true : UIOptions.libraryEnabled;
   const TunnelsJotaiProvider = tunnels.tunnelsJotai.Provider;
 
   const [eyeDropperState, setEyeDropperState] = useAtom(activeEyeDropperAtom);
@@ -375,11 +376,11 @@ const LayerUI = ({
       </FixedSideContainer>
     );
   };
-
   const renderSidebars = () => {
     return (
       <DefaultSidebar
         __fallback
+        libraryEnabled={showLibrary}
         onDock={(docked) => {
           trackEvent(
             "sidebar",

packages/excalidraw/components/Sidebar/common.ts

@@ -25,6 +25,10 @@ export type SidebarProps<P = {}> = {
    * supply alongside `docked` prop in order to make the Sidebar user-dockable
    */
   onDock?: (docked: boolean) => void;
+  /**
+   * Allow hiding library button, default: true
+   */
+  libraryEnabled?: boolean;
   docked?: boolean;
   className?: string;
   // NOTE sidebars we use internally inside the editor must have this flag set.

packages/excalidraw/types.ts

@@ -645,6 +645,7 @@ export type UIOptions = Partial<{
   tools: {
     image: boolean;
   };
+  libraryEnabled?: boolean;
   /** @deprecated does nothing. Will be removed in 0.15 */
   welcomeScreen?: boolean;
 }>;