@macrostrat/column-components/dist/esm/column-components.774634b4.js

React rendering primitives for stratigraphic columns

import {FaciesContext as $4Nvke$FaciesContext} from "./column-components.fa405a9f.js";
import {BasicFaciesSwatch as $513054fd2f38b672$export$601edd34af742364} from "./column-components.d5938d25.js";
import {RaisedSelect as $741ee768ea1c82a7$export$ee7a0846eb965877} from "./column-components.52669521.js";
import $4Nvke$columncomponents44a49d18js from "./column-components.44a49d18.js";
import "./column-components.92b8a25a.css";
import {Component as $4Nvke$Component} from "react";
import {hyperStyled as $4Nvke$hyperStyled} from "@macrostrat/hyper";


function $parcel$interopDefault(a) {
  return a && a.__esModule ? a.default : a;
}






const $8955dcb38857d316$var$h = (0, $4Nvke$hyperStyled)((0, ($parcel$interopDefault($4Nvke$columncomponents44a49d18js))));
const $8955dcb38857d316$var$FaciesRow = ({ facies: facies })=>$8955dcb38857d316$var$h("span.facies-picker-row", [
        $8955dcb38857d316$var$h((0, $513054fd2f38b672$export$601edd34af742364), {
            facies: facies,
            className: "facies-color-swatch"
        }),
        $8955dcb38857d316$var$h("span.facies-picker-name", facies.name)
    ]);
class $8955dcb38857d316$export$f2b9950aa847eed7 extends (0, $4Nvke$Component) {
    static{
        this.contextType = (0, $4Nvke$FaciesContext);
    }
    render() {
        const { facies: facies } = this.context;
        const { interval: interval, onChange: onChange } = this.props;
        const options = facies.map((f)=>({
                value: f.id,
                label: $8955dcb38857d316$var$h($8955dcb38857d316$var$FaciesRow, {
                    facies: f
                })
            }));
        let value = options.find((d)=>d.value === interval.facies);
        if (value == null) value = null;
        return $8955dcb38857d316$var$h((0, $741ee768ea1c82a7$export$ee7a0846eb965877), {
            id: "facies-select",
            options: options,
            value: value,
            selected: interval.facies,
            isClearable: true,
            onChange (res) {
                console.log("Changing", res);
                const f = res != null ? res.value : null;
                return onChange(f);
            }
        });
    }
}


export {$8955dcb38857d316$export$f2b9950aa847eed7 as FaciesPicker};
//# sourceMappingURL=column-components.774634b4.js.map