@industry-theme/backlogmd-kanban-panel 1.0.28 → 1.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -50739,8 +50739,7 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
50739
50739
  }, [enableKeyboardScrolling, isVisible, slideIndex, scrollConfig]);
50740
50740
  useEffect(() => {
50741
50741
  if (autoFocusOnVisible && isVisible && slideRef.current) {
50742
- console.log("🎯 Auto-focusing slide container");
50743
- slideRef.current.focus();
50742
+ slideRef.current.focus({ preventScroll: true });
50744
50743
  }
50745
50744
  }, [autoFocusOnVisible, isVisible]);
50746
50745
  const openPlaceholderModal = (placeholders, promptContent) => {
@@ -52707,12 +52706,8 @@ var Vt;
52707
52706
  })();
52708
52707
  var DocumentView = ({
52709
52708
  content: content2,
52710
- showSegmented = false,
52711
52709
  onCheckboxChange,
52712
- onSectionClick,
52713
52710
  maxWidth = "900px",
52714
- showSectionHeaders = true,
52715
- showSeparators = true,
52716
52711
  slideIdPrefix = "document",
52717
52712
  enableHtmlPopout = true,
52718
52713
  enableKeyboardScrolling = true,
@@ -52726,90 +52721,7 @@ var DocumentView = ({
52726
52721
  transparentBackground = false
52727
52722
  }) => {
52728
52723
  const containerRef = useRef(null);
52729
- const sectionRefs = useRef([]);
52730
52724
  const backgroundColor = transparentBackground ? "transparent" : theme2.colors.background;
52731
- const scrollToSection = useCallback((sectionIndex) => {
52732
- var _a;
52733
- if (sectionRefs.current[sectionIndex]) {
52734
- (_a = sectionRefs.current[sectionIndex]) == null ? void 0 : _a.scrollIntoView({
52735
- behavior: "smooth",
52736
- block: "start"
52737
- });
52738
- }
52739
- }, []);
52740
- const handleSectionClick = useCallback((index2) => {
52741
- scrollToSection(index2);
52742
- onSectionClick == null ? void 0 : onSectionClick(index2);
52743
- }, [scrollToSection, onSectionClick]);
52744
- if (typeof content2 === "string") {
52745
- return /* @__PURE__ */ React2__default.createElement("div", {
52746
- ref: containerRef,
52747
- style: {
52748
- height: "100%",
52749
- overflow: "auto",
52750
- backgroundColor
52751
- }
52752
- }, /* @__PURE__ */ React2__default.createElement("div", {
52753
- style: {
52754
- maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
52755
- margin: "0 auto",
52756
- height: "100%"
52757
- }
52758
- }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
52759
- content: content2,
52760
- slideIdPrefix,
52761
- slideIndex: 0,
52762
- isVisible: true,
52763
- theme: theme2,
52764
- onCheckboxChange,
52765
- enableHtmlPopout,
52766
- enableKeyboardScrolling,
52767
- autoFocusOnVisible,
52768
- onLinkClick,
52769
- handleRunBashCommand,
52770
- fontSizeScale,
52771
- handlePromptCopy,
52772
- repositoryInfo,
52773
- transparentBackground
52774
- })));
52775
- }
52776
- if (!showSegmented) {
52777
- const fullContent = content2.join(`
52778
-
52779
- ---
52780
-
52781
- `);
52782
- return /* @__PURE__ */ React2__default.createElement("div", {
52783
- ref: containerRef,
52784
- style: {
52785
- height: "100%",
52786
- overflow: "auto",
52787
- backgroundColor
52788
- }
52789
- }, /* @__PURE__ */ React2__default.createElement("div", {
52790
- style: {
52791
- maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
52792
- margin: "0 auto",
52793
- height: "100%"
52794
- }
52795
- }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
52796
- content: fullContent,
52797
- slideIdPrefix,
52798
- slideIndex: 0,
52799
- isVisible: true,
52800
- theme: theme2,
52801
- onCheckboxChange,
52802
- enableHtmlPopout,
52803
- enableKeyboardScrolling,
52804
- autoFocusOnVisible,
52805
- onLinkClick,
52806
- handleRunBashCommand,
52807
- fontSizeScale,
52808
- handlePromptCopy,
52809
- repositoryInfo,
52810
- transparentBackground
52811
- })));
52812
- }
52813
52725
  return /* @__PURE__ */ React2__default.createElement("div", {
52814
52726
  ref: containerRef,
52815
52727
  style: {
@@ -52820,49 +52732,13 @@ var DocumentView = ({
52820
52732
  }, /* @__PURE__ */ React2__default.createElement("div", {
52821
52733
  style: {
52822
52734
  maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
52823
- margin: "0 auto"
52824
- }
52825
- }, content2.map((slideContent, index2) => /* @__PURE__ */ React2__default.createElement("div", {
52826
- key: index2,
52827
- ref: (el) => {
52828
- if (el)
52829
- sectionRefs.current[index2] = el;
52830
- },
52831
- style: {
52832
- marginBottom: index2 < content2.length - 1 ? "48px" : "0",
52833
- scrollMarginTop: "20px"
52735
+ margin: "0 auto",
52736
+ height: "100%"
52834
52737
  }
52835
- }, showSectionHeaders && /* @__PURE__ */ React2__default.createElement("div", {
52836
- onClick: () => handleSectionClick(index2),
52837
- style: {
52838
- display: "flex",
52839
- alignItems: "center",
52840
- justifyContent: "space-between",
52841
- marginBottom: "16px",
52842
- paddingBottom: "8px",
52843
- borderBottom: `1px solid ${theme2.colors.border}`,
52844
- opacity: 0.7,
52845
- cursor: "pointer",
52846
- transition: "opacity 0.2s ease"
52847
- },
52848
- onMouseOver: (e2) => {
52849
- e2.currentTarget.style.opacity = "1";
52850
- },
52851
- onMouseOut: (e2) => {
52852
- e2.currentTarget.style.opacity = "0.7";
52853
- }
52854
- }, /* @__PURE__ */ React2__default.createElement("span", {
52855
- style: {
52856
- fontSize: "11px",
52857
- fontWeight: 600,
52858
- color: theme2.colors.textSecondary,
52859
- textTransform: "uppercase",
52860
- letterSpacing: "0.5px"
52861
- }
52862
- }, "Section ", index2 + 1, " of ", content2.length)), /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
52863
- content: slideContent,
52864
- slideIdPrefix: `${slideIdPrefix}-${index2}`,
52865
- slideIndex: index2,
52738
+ }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
52739
+ content: content2,
52740
+ slideIdPrefix,
52741
+ slideIndex: 0,
52866
52742
  isVisible: true,
52867
52743
  theme: theme2,
52868
52744
  onCheckboxChange,
@@ -52875,15 +52751,7 @@ var DocumentView = ({
52875
52751
  handlePromptCopy,
52876
52752
  repositoryInfo,
52877
52753
  transparentBackground
52878
- }), showSeparators && index2 < content2.length - 1 && /* @__PURE__ */ React2__default.createElement("div", {
52879
- style: {
52880
- marginTop: "32px",
52881
- marginBottom: "32px",
52882
- height: "1px",
52883
- backgroundColor: theme2.colors.border,
52884
- opacity: 0.3
52885
- }
52886
- })))));
52754
+ })));
52887
52755
  };
52888
52756
  function getTaskBodyMarkdown(task, options = {}) {
52889
52757
  const { includeTitle = false } = options;