@macrostrat/column-components/dist/editor/facies/swatch.cjs

React rendering primitives for stratigraphic columns

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const React = require("react");
const util = require("../util.cjs");
const main_module = require("../main.module.scss.cjs");
const facies = require("../../context/facies.cjs");
const FaciesRow = ({ facies: facies2 }) => main_module.default("span.facies-picker-row", [
  main_module.default(BasicFaciesSwatch, { facies: facies2, className: "facies-color-swatch" }),
  main_module.default("span.facies-picker-name", facies2.name)
]);
class FaciesPicker extends React.Component {
  static contextType = facies.FaciesContext;
  render() {
    const { facies: facies2 } = this.context;
    const { interval, onChange } = this.props;
    const options = facies2.map((f) => ({
      value: f.id,
      label: main_module.default(FaciesRow, { facies: f })
    }));
    let value = options.find((d) => d.value === interval.facies);
    if (value == null) {
      value = null;
    }
    return main_module.default(util.RaisedSelect, {
      id: "facies-select",
      options,
      value,
      selected: interval.facies,
      isClearable: true,
      onChange(res) {
        console.log("Changing", res);
        const f = res != null ? res.value : null;
        return onChange(f);
      }
    });
  }
}
const BasicFaciesSwatch = ({ facies: d, ...rest }) => main_module.default("div.color-swatch", {
  style: {
    backgroundColor: d.color || "black",
    width: "2em",
    height: "2em"
  },
  ...rest
});
function FaciesSwatch(props) {
  const { facies: facies2, isEditable = false } = props;
  return main_module.default(BasicFaciesSwatch, { facies: facies2 });
}
exports.BasicFaciesSwatch = BasicFaciesSwatch;
exports.FaciesPicker = FaciesPicker;
exports.FaciesSwatch = FaciesSwatch;
//# sourceMappingURL=swatch.cjs.map