@industry-theme/file-city-panel 0.2.0 → 0.2.1

package/dist/panels/CodeCityPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeCityPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CodeCityPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAuBjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAYpD;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AA+rCD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EA4BxC,CAAC"}
+{"version":3,"file":"CodeCityPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CodeCityPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAuBjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAYpD;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AA2sCD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EA4BxC,CAAC"}

package/dist/panels.bundle.js

@@ -14618,6 +14618,7 @@ const CodeCityPanelContent = ({
     resizeObserver.observe(container);
     return () => resizeObserver.disconnect();
   }, []);
+  const LEGEND_MIN_SIZE = 200;
   const layout = useMemo(() => {
     if (!containerSize) {
       return { minMapSize: 0, legendPosition: "bottom", legendMaxSize: 0 };
@@ -14625,12 +14626,16 @@ const CodeCityPanelContent = ({
     const { width, height } = containerSize;
     const isLandscape = width > height;
     if (isLandscape) {
-      const minMapSize = height;
-      const legendMaxSize = width - minMapSize;
+      const idealMapSize = height;
+      const availableForLegend = width - idealMapSize;
+      const legendMaxSize = Math.max(availableForLegend, LEGEND_MIN_SIZE);
+      const minMapSize = width - legendMaxSize;
       return { minMapSize, legendPosition: "right", legendMaxSize };
     } else {
-      const minMapSize = width;
-      const legendMaxSize = height - minMapSize;
+      const idealMapSize = width;
+      const availableForLegend = height - idealMapSize;
+      const legendMaxSize = Math.max(availableForLegend, LEGEND_MIN_SIZE);
+      const minMapSize = height - legendMaxSize;
       return { minMapSize, legendPosition: "bottom", legendMaxSize };
     }
   }, [containerSize]);