themed-markdown 0.1.42 → 0.1.44

package/dist/index.mjs

@@ -4016,7 +4016,7 @@ function extractAllSlideTitles(slides) {
 }
 
 // industryMarkdown/components/SlideNavigationHeader.tsx
-import { ChevronLeft, ChevronRight, Maximize2, Minimize2, Menu, X } from "lucide-react";
+import { ChevronLeft, ChevronRight, Maximize2, Minimize2, Menu, X, PanelLeftClose, PanelRightClose } from "lucide-react";
 import React13 from "react";
 var SlideNavigationHeader = ({
   currentSlide,
@@ -4026,10 +4026,15 @@ var SlideNavigationHeader = ({
   showSlideCounter,
   showFullscreenButton,
   theme: theme2,
+  viewMode = "single",
+  collapseLeft = false,
+  collapseRight = false,
   onPrevious,
   onNext,
   onToggleTOC,
-  onToggleFullscreen
+  onToggleFullscreen,
+  onCollapseLeft,
+  onCollapseRight
 }) => {
   const navigationHeight = "48px";
   return /* @__PURE__ */ React13.createElement("div", {
@@ -4111,7 +4116,34 @@ var SlideNavigationHeader = ({
     }
   }, /* @__PURE__ */ React13.createElement(ChevronLeft, {
     size: 18
-  }), "Previous")), showSlideCounter && /* @__PURE__ */ React13.createElement("div", {
+  }), "Previous"), viewMode === "book" && onCollapseLeft && /* @__PURE__ */ React13.createElement("button", {
+    onClick: onCollapseLeft,
+    style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: "36px",
+      height: "36px",
+      backgroundColor: collapseLeft ? theme2.colors.backgroundSecondary : "transparent",
+      border: `1px solid ${theme2.colors.border}`,
+      borderRadius: theme2.radii[1],
+      color: theme2.colors.textSecondary,
+      cursor: "pointer",
+      transition: "all 0.2s ease"
+    },
+    onMouseOver: (e) => {
+      e.currentTarget.style.backgroundColor = theme2.colors.backgroundSecondary;
+      e.currentTarget.style.borderColor = theme2.colors.text;
+    },
+    onMouseOut: (e) => {
+      e.currentTarget.style.backgroundColor = collapseLeft ? theme2.colors.backgroundSecondary : "transparent";
+      e.currentTarget.style.borderColor = theme2.colors.border;
+    },
+    title: collapseLeft ? "Expand left panel" : "Collapse left panel"
+  }, /* @__PURE__ */ React13.createElement(PanelLeftClose, {
+    size: 18,
+    style: { transform: collapseLeft ? "rotate(180deg)" : "none" }
+  }))), showSlideCounter && /* @__PURE__ */ React13.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -4131,7 +4163,34 @@ var SlideNavigationHeader = ({
       alignItems: "center",
       gap: theme2.space[2]
     }
-  }, /* @__PURE__ */ React13.createElement("button", {
+  }, viewMode === "book" && onCollapseRight && /* @__PURE__ */ React13.createElement("button", {
+    onClick: onCollapseRight,
+    style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: "36px",
+      height: "36px",
+      backgroundColor: collapseRight ? theme2.colors.backgroundSecondary : "transparent",
+      border: `1px solid ${theme2.colors.border}`,
+      borderRadius: theme2.radii[1],
+      color: theme2.colors.textSecondary,
+      cursor: "pointer",
+      transition: "all 0.2s ease"
+    },
+    onMouseOver: (e) => {
+      e.currentTarget.style.backgroundColor = theme2.colors.backgroundSecondary;
+      e.currentTarget.style.borderColor = theme2.colors.text;
+    },
+    onMouseOut: (e) => {
+      e.currentTarget.style.backgroundColor = collapseRight ? theme2.colors.backgroundSecondary : "transparent";
+      e.currentTarget.style.borderColor = theme2.colors.border;
+    },
+    title: collapseRight ? "Expand right panel" : "Collapse right panel"
+  }, /* @__PURE__ */ React13.createElement(PanelRightClose, {
+    size: 18,
+    style: { transform: collapseRight ? "rotate(180deg)" : "none" }
+  })), /* @__PURE__ */ React13.createElement("button", {
     onClick: onNext,
     disabled: currentSlide === totalSlides - 1,
     style: {
@@ -7272,6 +7331,8 @@ var SlidePresentationBook = ({
   const [searchResults, setSearchResults] = useState13([]);
   const [currentSearchResult, setCurrentSearchResult] = useState13(-1);
   const [searchStartSlide, setSearchStartSlide] = useState13(0);
+  const [collapsedSide, setCollapsedSide] = useState13(null);
+  const [lastInteractedSide, setLastInteractedSide] = useState13("left");
   const containerRef = useRef12(null);
   const { theme: theme2 } = useTheme();
   const slideTitles = extractAllSlideTitles(slides);
@@ -7332,6 +7393,14 @@ var SlidePresentationBook = ({
   const goToNextSlide = useCallback5(() => {
     navigateToSlide(currentSlide + stepSize);
   }, [currentSlide, navigateToSlide, stepSize]);
+  const handleCollapseLeft = useCallback5(() => {
+    setLastInteractedSide("left");
+    setCollapsedSide(collapsedSide === "left" ? null : "left");
+  }, [collapsedSide]);
+  const handleCollapseRight = useCallback5(() => {
+    setLastInteractedSide("right");
+    setCollapsedSide(collapsedSide === "right" ? null : "right");
+  }, [collapsedSide]);
   const toggleFullscreen = useCallback5(() => {
     if (!containerRef.current)
       return;
@@ -7473,10 +7542,15 @@ var SlidePresentationBook = ({
     showSlideCounter,
     showFullscreenButton,
     theme: theme2,
+    viewMode,
+    collapseLeft: collapsedSide === "left",
+    collapseRight: collapsedSide === "right",
     onPrevious: goToPreviousSlide,
     onNext: goToNextSlide,
     onToggleTOC: () => setShowTOC((prev) => !prev),
-    onToggleFullscreen: toggleFullscreen
+    onToggleFullscreen: toggleFullscreen,
+    onCollapseLeft: handleCollapseLeft,
+    onCollapseRight: handleCollapseRight
   }), /* @__PURE__ */ React17.createElement("div", {
     style: {
       flex: 1,
@@ -7607,6 +7681,9 @@ var SlidePresentationBook = ({
       backgroundColor: theme2.colors.background
     }
   }, slides.length > 0 ? viewMode === "book" ? /* @__PURE__ */ React17.createElement(AnimatedResizableLayout, {
+    key: `${lastInteractedSide}-${collapsedSide}`,
+    collapsed: collapsedSide !== null,
+    collapsibleSide: lastInteractedSide,
     leftPanel: /* @__PURE__ */ React17.createElement("div", {
       style: {
         height: "100%",

package/dist/industryMarkdown/components/SlideNavigationHeader.d.ts

@@ -8,10 +8,15 @@ export interface SlideNavigationHeaderProps {
     showSlideCounter: boolean;
     showFullscreenButton: boolean;
     theme: Theme;
+    viewMode?: 'single' | 'book';
+    collapseLeft?: boolean;
+    collapseRight?: boolean;
     onPrevious: () => void;
     onNext: () => void;
     onToggleTOC: () => void;
     onToggleFullscreen: () => void;
+    onCollapseLeft?: () => void;
+    onCollapseRight?: () => void;
 }
 export declare const SlideNavigationHeader: React.FC<SlideNavigationHeaderProps>;
 //# sourceMappingURL=SlideNavigationHeader.d.ts.map

package/dist/industryMarkdown/components/SlideNavigationHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideNavigationHeader.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/SlideNavigationHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAgMtE,CAAC"}
+{"version":3,"file":"SlideNavigationHeader.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/SlideNavigationHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAmQtE,CAAC"}

package/dist/industryMarkdown/components/SlidePresentationBook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlidePresentationBook.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/SlidePresentationBook.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE7E,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,MAAM,WAAW,0BAA0B;IAEzC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAGtF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAG7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzD,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACrG,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAgtBtE,CAAC"}
+{"version":3,"file":"SlidePresentationBook.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/SlidePresentationBook.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE7E,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,MAAM,WAAW,0BAA0B;IAEzC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAGtF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAG7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzD,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACrG,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAquBtE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "themed-markdown",
-  "version": "0.1.42",
+  "version": "0.1.44",
   "description": "Industry-themed markdown renderer with presentation capabilities",
   "type": "module",
   "main": "dist/index.mjs",