semiotic 2.0.2 → 3.0.0-beta.1

package/ai/dist/src/components/constants/frame_props.js

@@ -0,0 +1,251 @@
+"use strict";
+//size is a special case and handled checking the actual values in the size array
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.networkFrameChangeProps = exports.networkFrameStylingProps = exports.networkFrameScaleAffectingProps = exports.networkFrameDataAffectingProps = exports.orFrameChangeProps = exports.orFrameStylingProps = exports.orFrameScaleAffectingProps = exports.orFrameDataAffectingProps = exports.xyFrameChangeProps = exports.xyFrameStylingProps = exports.xyFrameScaleAffectingProps = exports.xyFrameDataAffectingProps = exports.xyFrameDataProps = void 0;
+const sharedChangeProps = [
+    "customClickBehavior",
+    "customHoverBehavior",
+    "customDoubleClickBehavior",
+    "hoverAnnotation",
+    "name",
+    "title",
+    "margin",
+    "className",
+    "additionalDefs",
+    "renderKey"
+];
+// Legacy export for backward compatibility
+exports.xyFrameDataProps = [
+    "lines",
+    "points",
+    "summaries",
+    "xScaleType",
+    "yScaleType",
+    "xAccessor",
+    "yAccessor",
+    "lineDataAccessor",
+    "areaDataAccessor",
+    "summaryDataAccessor",
+    "lineType",
+    "showLinePoints",
+    "showSummaryPoints",
+    "defined",
+    "summaryType"
+];
+// NEW: Props that affect data projection - trigger calculateDataExtent
+exports.xyFrameDataAffectingProps = [
+    // Core data props
+    "lines",
+    "points",
+    "summaries",
+    // Data accessors
+    "xAccessor",
+    "yAccessor",
+    "lineDataAccessor",
+    "areaDataAccessor",
+    "summaryDataAccessor",
+    "lineIDAccessor",
+    // Data transformation
+    "lineType",
+    "summaryType",
+    "showLinePoints",
+    "showSummaryPoints",
+    "defined",
+    // Extent overrides (affect extent calculation)
+    "xExtent",
+    "yExtent",
+    // Scale types (affect data domain)
+    "xScaleType",
+    "yScaleType",
+    "invertX",
+    "invertY",
+    // Filters (affect which data is processed)
+    "filterRenderedLines",
+    "filterRenderedPoints",
+    "filterRenderedSummaries"
+];
+// NEW: Props that affect scales/layout - trigger scale recalc but not data projection
+exports.xyFrameScaleAffectingProps = [
+    // Size and layout
+    "size",
+    "margin",
+    "title",
+    // Axes (affect margin calculation)
+    "axes",
+    // All data-affecting props also affect scales
+    ...exports.xyFrameDataAffectingProps
+];
+// NEW: Props that only affect styling/rendering - no data or scale recalc
+exports.xyFrameStylingProps = [
+    // Styling
+    "lineStyle",
+    "pointStyle",
+    "summaryStyle",
+    // Classes
+    "lineClass",
+    "pointClass",
+    "areaClass",
+    "summaryClass",
+    "className",
+    // Custom marks
+    "customPointMark",
+    "customLineMark",
+    "customSummaryMark",
+    // Render modes
+    "lineRenderMode",
+    "pointRenderMode",
+    "summaryRenderMode",
+    "canvasLines",
+    "canvasPoints",
+    "canvasSummaries",
+    // Interaction (no data recalc needed)
+    "customClickBehavior",
+    "customHoverBehavior",
+    "customDoubleClickBehavior",
+    "hoverAnnotation",
+    // Other rendering
+    "additionalDefs",
+    "renderKey",
+    "name"
+];
+// Legacy export - now includes all prop categories
+exports.xyFrameChangeProps = [
+    ...exports.xyFrameDataAffectingProps,
+    ...exports.xyFrameStylingProps,
+    "axes", // Duplicated but needed for backward compatibility
+    "size",
+    "margin",
+    "title"
+];
+// NEW: Props that affect data projection - trigger calculateOrdinalFrame data processing
+exports.orFrameDataAffectingProps = [
+    // Core data
+    "data",
+    // Data accessors
+    "oAccessor",
+    "rAccessor",
+    "dataAccessor",
+    // Data transformation
+    "type",
+    "summaryType",
+    "connectorType",
+    "projection",
+    "orient",
+    // Scale types (affect data domain)
+    "oScaleType",
+    "rScaleType",
+    // Extent overrides
+    "oExtent",
+    "rExtent",
+    "invertO",
+    "invertR",
+    // Layout affecting data
+    "oPadding",
+    "oSort",
+    "dynamicColumnWidth",
+    "rBaseline",
+    "summaryPosition",
+    // Custom rendering
+    "renderFn"
+];
+// NEW: Props that affect scales/layout - trigger scale recalc but not data projection
+exports.orFrameScaleAffectingProps = [
+    // Size and layout
+    "size",
+    "margin",
+    "title",
+    // Axes and labels (affect margin/layout)
+    "axes",
+    "oLabel",
+    // All data-affecting props also affect scales
+    ...exports.orFrameDataAffectingProps
+];
+// NEW: Props that only affect styling/rendering - no data or scale recalc
+exports.orFrameStylingProps = [
+    // Styling
+    "style",
+    "connectorStyle",
+    "summaryStyle",
+    // Classes
+    "className",
+    // Interaction (no data recalc needed)
+    "customClickBehavior",
+    "customHoverBehavior",
+    "customDoubleClickBehavior",
+    "hoverAnnotation",
+    "pieceHoverAnnotation",
+    "summaryHoverAnnotation",
+    // Other rendering
+    "additionalDefs",
+    "renderKey",
+    "name"
+];
+// Legacy export - now includes all prop categories
+exports.orFrameChangeProps = [
+    ...exports.orFrameDataAffectingProps,
+    ...exports.orFrameStylingProps,
+    "axes", // Duplicated but needed for backward compatibility
+    "size",
+    "margin",
+    "title",
+    "oLabel"
+];
+// NEW: Props that affect data projection - trigger calculateNetworkFrame data processing
+exports.networkFrameDataAffectingProps = [
+    // Core data
+    "graph",
+    "nodes",
+    "edges",
+    // Data accessors
+    "nodeIDAccessor",
+    "sourceAccessor",
+    "targetAccessor",
+    "nodeSizeAccessor",
+    "edgeWidthAccessor",
+    // Layout and type
+    "networkType",
+    "edgeType",
+    // Filters
+    "filterRenderedNodes",
+    // Custom rendering
+    "renderFn"
+];
+// NEW: Props that affect scales/layout - trigger scale recalc but not data projection
+exports.networkFrameScaleAffectingProps = [
+    // Size and layout
+    "size",
+    "margin",
+    "title",
+    // Labels (might affect layout)
+    "nodeLabels",
+    // All data-affecting props also affect scales
+    ...exports.networkFrameDataAffectingProps
+];
+// NEW: Props that only affect styling/rendering - no data or scale recalc
+exports.networkFrameStylingProps = [
+    // Styling
+    "nodeStyle",
+    "edgeStyle",
+    // Custom marks
+    "customNodeIcon",
+    // Classes
+    "className",
+    // Interaction (no data recalc needed)
+    "customClickBehavior",
+    "customHoverBehavior",
+    "customDoubleClickBehavior",
+    "hoverAnnotation",
+    // Other rendering
+    "additionalDefs",
+    "renderKey",
+    "name"
+];
+// Legacy export - now includes all prop categories
+exports.networkFrameChangeProps = [
+    ...exports.networkFrameDataAffectingProps,
+    ...exports.networkFrameStylingProps,
+    "size",
+    "margin",
+    "title",
+    "nodeLabels"
+];

package/ai/dist/src/components/constants/jsx.js

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateFinalDefs = exports.filterDefs = void 0;
+const React = __importStar(require("react"));
+const frameFunctions_1 = require("../svg/frameFunctions");
+const filterDefs = ({ matte, key, additionalDefs }) => (React.createElement("defs", null,
+    React.createElement("filter", { id: "paintyFilterHeavy" },
+        React.createElement("feGaussianBlur", { id: "gaussblurrer", in: "SourceGraphic", stdDeviation: 4, colorInterpolationFilters: "sRGB", result: "blur" }),
+        React.createElement("feColorMatrix", { in: "blur", mode: "matrix", values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 34 -7", result: "gooey" })),
+    React.createElement("filter", { id: "paintyFilterLight" },
+        React.createElement("feGaussianBlur", { id: "gaussblurrer", in: "SourceGraphic", stdDeviation: 2, colorInterpolationFilters: "sRGB", result: "blur" }),
+        React.createElement("feColorMatrix", { in: "blur", mode: "matrix", values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 34 -7", result: "gooey" })),
+    React.createElement("clipPath", { id: `matte-clip-${key}` }, matte),
+    additionalDefs));
+exports.filterDefs = filterDefs;
+const generateFinalDefs = ({ matte, size, margin, frameKey, additionalDefs, name }) => {
+    let marginGraphic;
+    if (typeof matte === "function") {
+        marginGraphic = matte({ size, margin });
+    }
+    else if (React.isValidElement(matte)) {
+        marginGraphic = matte;
+    }
+    else if (matte === true) {
+        marginGraphic = (React.createElement("path", { fill: "white", transform: `translate(${-margin.left},${-margin.top})`, d: (0, frameFunctions_1.drawMarginPath)({
+                margin,
+                size: size,
+                inset: 0
+            }), className: `${name}-matte` }));
+    }
+    const finalFilterDefs = (0, exports.filterDefs)({
+        matte: marginGraphic,
+        key: matte && (frameKey || name),
+        additionalDefs: additionalDefs
+    });
+    return { defs: finalFilterDefs, matte: marginGraphic };
+};
+exports.generateFinalDefs = generateFinalDefs;