semiotic 2.0.0-rc.39 → 2.0.0-rc.40

package/dist/index.d2ee57d8.js

@@ -76040,7 +76040,6 @@ var _d3Shape = require("d3-shape");
 var _frameFunctions = require("../svg/frameFunctions");
 var _pieceDrawing = require("../svg/pieceDrawing");
 var _summaryLayouts = require("../svg/summaryLayouts");
-var _reactAnnotation = require("react-annotation");
 var _pieceLayouts = require("../svg/pieceLayouts");
 var _dataFunctions = require("../data/dataFunctions");
 var _functions = require("../generic_utilities/functions");
@@ -76523,28 +76522,48 @@ const calculateOrdinalFrame = (currentProps, currentState)=>{
                 if (projection === "radial" && labelSettings.orient === "stem") transformRotate = `rotate(${pieArcs[i].outerPoint[0] < 0 ? pieArcs[i].midAngle * 360 + 90 : pieArcs[i].midAngle * 360 - 90})`;
                 else if (projection === "radial" && labelSettings.orient === "annotation") {
                     const { centroid  } = pieArcs[i];
-                    const labelIndex = pieArcs.filter((p, q)=>q <= i && centroid[0] < 0 === pieArcs[q].centroid[0] < 0 && centroid[1] < 0 === pieArcs[q].centroid[1] < 0
+                    const labelIndex = pieArcs.filter((p, q)=>q < i && centroid[0] < 0 === pieArcs[q].centroid[0] < 0 && centroid[1] < 0 === pieArcs[q].centroid[1] < 0
                     ).length;
                     const labelMod = labelIndex * 15;
+                    let labelLength = d.length * 7;
+                    let textAnchor = "start";
                     let positionProps = {
                         dx: 0,
                         dy: 0
                     };
-                    if (centroid[0] < 0) positionProps.dx = -30;
-                    else positionProps.dx = 30;
-                    if (centroid[1] < 0) positionProps.dy = -35 + labelMod;
-                    else positionProps.dy = 35 - labelMod;
-                    return(/*#__PURE__*/ _jsxDevRuntime.jsxDEV(_reactAnnotation.AnnotationCalloutElbow, {
-                        x: 0,
-                        y: 0,
-                        ...positionProps,
-                        color: "black",
-                        note: {
-                            label: d
-                        }
-                    }, void 0, false, {
+                    if (centroid[0] < 0) {
+                        textAnchor = "end";
+                        labelLength = -labelLength;
+                        positionProps.dx = -35;
+                    } else positionProps.dx = 35;
+                    if (centroid[1] < 0) positionProps.dy = -35 - labelMod;
+                    else positionProps.dy = 35 + labelMod;
+                    return(/*#__PURE__*/ _jsxDevRuntime.jsxDEV("g", {
+                        children: [
+                            /*#__PURE__*/ _jsxDevRuntime.jsxDEV("path", {
+                                fill: "none",
+                                stroke: "black",
+                                strokeWidth: 2,
+                                d: `M0,0L${positionProps.dx},${positionProps.dy}L${positionProps.dx + labelLength},${positionProps.dy}`
+                            }, void 0, false, {
+                                fileName: "src/components/processing/ordinal.tsx",
+                                lineNumber: 805,
+                                columnNumber: 15
+                            }, undefined),
+                            /*#__PURE__*/ _jsxDevRuntime.jsxDEV("text", {
+                                textAnchor: textAnchor,
+                                x: positionProps.dx,
+                                y: positionProps.dy - 2,
+                                children: d
+                            }, void 0, false, {
+                                fileName: "src/components/processing/ordinal.tsx",
+                                lineNumber: 813,
+                                columnNumber: 15
+                            }, undefined)
+                        ]
+                    }, void 0, true, {
                         fileName: "src/components/processing/ordinal.tsx",
-                        lineNumber: 801,
+                        lineNumber: 804,
                         columnNumber: 13
                     }, undefined));
                 } else if (projection === "radial" && labelSettings.orient !== "center") transformRotate = `rotate(${pieArcs[i].outerPoint[1] < 0 ? pieArcs[i].midAngle * 360 : pieArcs[i].midAngle * 360 + 180})`;
@@ -76557,7 +76576,7 @@ const calculateOrdinalFrame = (currentProps, currentState)=>{
                     children: d
                 }, void 0, false, {
                     fileName: "src/components/processing/ordinal.tsx",
-                    lineNumber: 832,
+                    lineNumber: 843,
                     columnNumber: 11
                 }, undefined));
             };
@@ -76589,7 +76608,7 @@ const calculateOrdinalFrame = (currentProps, currentState)=>{
                 children: label
             }, `olabel-${i}`, false, {
                 fileName: "src/components/processing/ordinal.tsx",
-                lineNumber: 884,
+                lineNumber: 895,
                 columnNumber: 9
             }, undefined));
         });
@@ -76603,7 +76622,7 @@ const calculateOrdinalFrame = (currentProps, currentState)=>{
                 children: labelArray
             }, "ordinalframe-labels-container", false, {
                 fileName: "src/components/processing/ordinal.tsx",
-                lineNumber: 901,
+                lineNumber: 912,
                 columnNumber: 9
             }, undefined);
         } else if (projection === "horizontal") oLabels = /*#__PURE__*/ _jsxDevRuntime.jsxDEV("g", {
@@ -76611,7 +76630,7 @@ const calculateOrdinalFrame = (currentProps, currentState)=>{
             children: labelArray
         }, "ordinalframe-labels-container", false, {
             fileName: "src/components/processing/ordinal.tsx",
-            lineNumber: 911,
+            lineNumber: 922,
             columnNumber: 9
         }, undefined);
         else if (projection === "radial") oLabels = /*#__PURE__*/ _jsxDevRuntime.jsxDEV("g", {
@@ -76619,7 +76638,7 @@ const calculateOrdinalFrame = (currentProps, currentState)=>{
             children: labelArray
         }, "ordinalframe-labels-container", false, {
             fileName: "src/components/processing/ordinal.tsx",
-            lineNumber: 917,
+            lineNumber: 928,
             columnNumber: 9
         }, undefined);
     }
@@ -76964,7 +76983,7 @@ const calculateOrdinalFrame = (currentProps, currentState)=>{
   window.$RefreshReg$ = prevRefreshReg;
   window.$RefreshSig$ = prevRefreshSig;
 }
-},{"react/jsx-dev-runtime":"gXJRa","react":"1t2t3","d3-collection":"7XP3n","d3-array":"5qgI3","d3-shape":"9vB6P","../svg/frameFunctions":"2NHO0","../svg/pieceDrawing":"3ORHX","../svg/summaryLayouts":"3fLrs","../svg/pieceLayouts":"hHmgv","../data/dataFunctions":"1aX9E","../generic_utilities/functions":"agNnh","d3-scale":"fyLRm","@parcel/transformer-js/src/esmodule-helpers.js":"8nxwZ","@parcel/transformer-react-refresh-wrap/lib/helpers/helpers.js":"dYTN5","react-annotation":"4g9DY"}],"hHmgv":[function(require,module,exports) {
+},{"react/jsx-dev-runtime":"gXJRa","react":"1t2t3","d3-collection":"7XP3n","d3-array":"5qgI3","d3-shape":"9vB6P","../svg/frameFunctions":"2NHO0","../svg/pieceDrawing":"3ORHX","../svg/summaryLayouts":"3fLrs","../svg/pieceLayouts":"hHmgv","../data/dataFunctions":"1aX9E","../generic_utilities/functions":"agNnh","d3-scale":"fyLRm","@parcel/transformer-js/src/esmodule-helpers.js":"8nxwZ","@parcel/transformer-react-refresh-wrap/lib/helpers/helpers.js":"dYTN5"}],"hHmgv":[function(require,module,exports) {
 var $parcel$ReactRefreshHelpers$0e6f = require("@parcel/transformer-react-refresh-wrap/lib/helpers/helpers.js");
 var prevRefreshReg = window.$RefreshReg$;
 var prevRefreshSig = window.$RefreshSig$;
@@ -88211,15 +88230,19 @@ const colors = [
     "#b6a756"
 ];
 const data = [
-    5,
-    8,
     10,
-    15,
-    6,
-    7,
     8,
-    9,
-    10
+    5,
+    4,
+    3,
+    3,
+    2,
+    1,
+    1,
+    1,
+    1,
+    1,
+    1
 ];
 const data2 = [
     15,
@@ -88240,8 +88263,8 @@ const data3 = [
 exports.default = (state)=>{
     const donutSettings = {
         size: [
-            600,
-            400
+            500,
+            500
         ],
         data: state.changeData ? data2 : data,
         projection: "radial",
@@ -88257,7 +88280,7 @@ exports.default = (state)=>{
         },
         oLabel: {
             orient: "annotation",
-            labelFormatter: ()=>"This a Label"
+            labelFormatter: ()=>"This a Label a really long label"
         },
         margin: {
             left: 100,