@macrostrat/column-components
Version:
React rendering primitives for stratigraphic columns
337 lines (336 loc) • 9.64 kB
JavaScript
;
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const React = require("react");
const h = require("@macrostrat/hyper");
const classNames = require("classnames");
const frame = require("../frame.cjs");
const patterns = require("./patterns.cjs");
const tex = require("react-svg-textures");
const facies = require("../context/facies.cjs");
const column = require("../context/column.cjs");
const layout = require("../context/layout.cjs");
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
const h__default = /* @__PURE__ */ _interopDefault(h);
const classNames__default = /* @__PURE__ */ _interopDefault(classNames);
const tex__default = /* @__PURE__ */ _interopDefault(tex);
const Lines = tex__default.default.Lines;
const symbolIndex = {
"dolomite-limestone": 641,
lime_mudstone: 627,
sandstone: 607,
siltstone: 616,
"dolomitic siltstone": 616,
shale: 620,
limestone: 627,
dolomite: 642,
conglomerate: 602,
"dolomite-mudstone": 642,
mudstone: 620,
"sandy-dolomite": 645,
quartzite: 702
};
const isCarbonateSymbol = function(d) {
if (d < 627) {
return false;
}
if (d > 648) {
return false;
}
return true;
};
const defaultResolveID = function(d) {
if (d == null) return null;
const pat = d.fgdc_pattern ?? symbolIndex[d.pattern] ?? d.pattern;
if (pat == null) return null;
return `${pat}`;
};
const carbonateResolveID = function(d) {
const v = defaultResolveID(d);
if (v == null) {
return v;
}
if (isCarbonateSymbol(v)) {
return 627;
} else {
return -1;
}
};
const __divisionSize = function(d) {
let { bottom, top } = d;
if (top < bottom) {
[top, bottom] = [bottom, top];
}
return [bottom, top];
};
function ColumnRect(props) {
let { division: d, padWidth = false, key, width, ...rest } = props;
const scale = React.useContext(column.ColumnContext).scale;
const [bottom, top] = __divisionSize(d);
const y = scale(top);
let x = 0;
if (padWidth) {
x -= 5;
width += 10;
}
const height = scale(bottom) - y;
if (key == null) {
key = d.id;
}
return h__default.default("rect", { x, y, width, height, key, ...rest });
}
const expandDivisionsByKey = function(divisions, key) {
const __ = [{ ...divisions[0] }];
for (let d of Array.from(divisions)) {
const ix = __.length - 1;
const shouldSkip = d[key] == null || d[key] === __[ix][key];
if (shouldSkip) {
__[ix].top = d.top;
} else {
__.push({ ...d });
}
}
return __;
};
function ParameterIntervals(props) {
const { divisions, width } = React.useContext(layout.ColumnLayoutContext);
const { padWidth, parameter: key, fillForInterval } = props;
const newDivisions = expandDivisionsByKey(divisions, key);
if (newDivisions.length === 1) {
return null;
}
return h__default.default(
"g",
{ className: key },
newDivisions.map(
(div) => h__default.default(ColumnRect, {
className: classNames__default.default(key, div.id),
division: div,
padWidth,
fill: fillForInterval(div[key], div),
width
})
)
);
}
const FaciesIntervals = function(props) {
const { getFaciesColor } = React.useContext(facies.FaciesContext);
return h__default.default(ParameterIntervals, {
parameter: "facies",
fillForInterval(param, division) {
const { facies: facies2, facies_color } = division;
return getFaciesColor(facies2) || facies_color;
},
...props
});
};
const FaciesColumnInner = FaciesIntervals;
function CoveredOverlay({
color = "rgba(0,0,0,0.5)",
patternSize = 9,
strokeWidth = 3
}) {
const UUID = frame.useUUID();
const { divisions, width } = layout.useColumnLayout();
const fill = `url(#${UUID}-covered)`;
const coveredDivs = divisions.filter((d) => d.covered);
return h__default.default("g.covered-overlay", {}, [
h__default.default("defs", [
h__default.default(Lines, {
id: `${UUID}-covered`,
size: patternSize,
strokeWidth,
stroke: color
})
]),
h__default.default(
"g.main",
coveredDivs.map((d) => {
return h__default.default(ColumnRect, { division: d, width, fill });
})
)
]);
}
const LithologySymbolDefs = function(props) {
let { resolveID, divisions, UUID, scalePattern } = props;
if (scalePattern == null) {
scalePattern = () => 1;
}
if (divisions == null) {
({ divisions } = React.useContext(column.ColumnContext));
}
const __ = divisions.map((d) => resolveID(d)).filter((x, i, arr) => arr.indexOf(x) === i);
return h__default.default(
"defs",
__.map(function(id, i) {
if (id === -1) {
return null;
}
let sz = 100;
if (scalePattern != null) {
const scalar = scalePattern(id);
sz *= scalar;
}
return h__default.default(patterns.GeologicPattern, {
key: i,
prefix: UUID,
id,
width: sz,
height: sz
});
})
);
};
class LithologyBoxes extends frame.UUIDComponent {
static contextType = layout.ColumnLayoutContext;
static defaultProps = {
resolveID: defaultResolveID,
minimumHeight: 0
};
constructor(props) {
super(props);
this.constructLithologyDivisions = this.constructLithologyDivisions.bind(this);
this.renderEach = this.renderEach.bind(this);
}
constructLithologyDivisions() {
let d, patternID;
const { divisions } = this.context;
const { resolveID, minimumHeight } = this.props;
const __ = [];
for (d of Array.from(divisions)) {
const ix = __.length - 1;
patternID = resolveID(d);
if (ix === -1) {
__.push({ ...d, patternID });
continue;
}
const sameAsLast = patternID === resolveID(__[ix]);
const shouldSkip = patternID == null || sameAsLast;
if (shouldSkip) {
__[ix].top = Math.max(__[ix].top, d.top);
} else {
__.push({ ...d, patternID });
}
}
if (minimumHeight > 0) {
const nextVals = [];
for (let i = 0; i < __.length; i++) {
d = __[i];
const heightTooSmall = d.top - d.bottom < minimumHeight;
if (heightTooSmall && __[i + 1] != null) {
var name;
__[i + 1].bottom = d.bottom;
if (__[name = i + 1].patternID == null) {
__[name].patternID = resolveID(d);
}
} else {
nextVals.push(d);
}
}
return nextVals;
}
return __;
}
renderEach(d) {
const { width } = this.context;
const className = classNames__default.default(
{
definite: d.definite_boundary,
covered: d.covered
},
"lithology"
);
let fill = `url(#${this.UUID}-${d.patternID})`;
if (d.patternID === -1) {
fill = "transparent";
}
return h__default.default(ColumnRect, { width, division: d, className, fill });
}
render() {
const divisions = this.constructLithologyDivisions();
const { resolveID } = this.props;
return h__default.default("g.lithology", [
h__default.default(LithologySymbolDefs, {
divisions,
resolveID,
UUID: this.UUID
}),
h__default.default("g", divisions.map(this.renderEach))
]);
}
}
const LithologyColumnInner = LithologyBoxes;
function LithologyColumn(props) {
const { left = 0, shiftY = 0, width, children, clipToFrame = true } = props;
return h__default.default(
layout.ColumnLayoutProvider,
{ width },
h__default.default(
frame.ClippingFrame,
{
className: "lithology-column",
left,
shiftY,
frame: frame.SimpleFrame,
clip: clipToFrame
},
children
)
);
}
const simplifiedResolveID = function(d) {
const p = symbolIndex[d.fill_pattern];
if (p != null) {
return p;
}
const fp = d.fill_pattern;
if (parseInt(fp) === 624) {
return defaultResolveID(d);
} else {
return fp;
}
};
const SimplifiedLithologyColumn = (props) => h__default.default(LithologyColumnInner, {
resolveID: simplifiedResolveID,
...props
});
const GeneralizedSectionColumn = function(props) {
let { children, frame: frame$1, ...rest } = props;
if (frame$1 == null) {
frame$1 = frame.GrainsizeFrame;
}
return h__default.default(
frame.ClippingFrame,
{
className: "lithology-column",
frame: frame$1,
...rest
},
children
);
};
const CarbonateDivisions = (props) => h__default.default(LithologyColumnInner, {
resolveID: carbonateResolveID,
...props
});
exports.GrainsizeFrame = frame.GrainsizeFrame;
exports.SimpleFrame = frame.SimpleFrame;
exports.GeologicPattern = patterns.GeologicPattern;
exports.GeologicPatternContext = patterns.GeologicPatternContext;
exports.GeologicPatternProvider = patterns.GeologicPatternProvider;
exports.PatternType = patterns.PatternType;
exports.CarbonateDivisions = CarbonateDivisions;
exports.ColumnRect = ColumnRect;
exports.CoveredOverlay = CoveredOverlay;
exports.FaciesColumnInner = FaciesColumnInner;
exports.FaciesIntervals = FaciesIntervals;
exports.GeneralizedSectionColumn = GeneralizedSectionColumn;
exports.LithologyBoxes = LithologyBoxes;
exports.LithologyColumn = LithologyColumn;
exports.LithologyColumnInner = LithologyColumnInner;
exports.LithologySymbolDefs = LithologySymbolDefs;
exports.ParameterIntervals = ParameterIntervals;
exports.SimplifiedLithologyColumn = SimplifiedLithologyColumn;
exports.defaultResolveID = defaultResolveID;
exports.expandDivisionsByKey = expandDivisionsByKey;
exports.symbolIndex = symbolIndex;
//# sourceMappingURL=index.cjs.map