@macrostrat/column-components/dist/esm/column-components.a5f1138f.js

React rendering primitives for stratigraphic columns

import $f5b828bbb980a05d$export$2e2bcd8739ae039 from "./column-components.de2f942b.js";
import {NotesList as $d5159dd74a2bc947$export$53e4fd4e0e3d986} from "./column-components.d201ed99.js";
import $d674d3f092d90ef7$export$2e2bcd8739ae039 from "./column-components.f725b2e5.js";
import {ColumnContext as $8qE85$ColumnContext} from "./column-components.0ccab336.js";
import {NoteLayoutProvider as $00c4b971e86fe1d8$export$c48860e5e2301a05, NoteUnderlay as $00c4b971e86fe1d8$export$53f13bca8c4c45d9} from "./column-components.fea107a9.js";
import {NoteEditor as $788eb3ac0fd4a0dc$export$9939e67821493b95, NoteEditorContext as $788eb3ac0fd4a0dc$export$cbc16735c48a2e0f, NoteEditorProvider as $788eb3ac0fd4a0dc$export$63b2a30da318abf8, NoteTextEditor as $788eb3ac0fd4a0dc$export$f3c30e51e696113d} from "./column-components.69f8f6d2.js";
import {NewNotePositioner as $97f1c9639f0dd9c0$export$b6af173e35939b8f} from "./column-components.5e44fd55.js";
import "./column-components.3dce74af.js";
import {useContext as $8qE85$useContext} from "react";










function $4b6ab5d9a1759367$export$1e92413934596f41(props) {
    const { visibility: visibility, note: note, onClick: onClick } = props;
    const text = note.note;
    return (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)("p.col-note-label", {
        style: {
            visibility: visibility
        },
        onClick: onClick
    }, text);
}
const $4b6ab5d9a1759367$var$CancelEditUnderlay = function() {
    const { setEditingNote: setEditingNote } = (0, $8qE85$useContext)((0, $788eb3ac0fd4a0dc$export$cbc16735c48a2e0f));
    return (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $00c4b971e86fe1d8$export$53f13bca8c4c45d9), {
        onClick (evt) {
            setEditingNote(null);
            evt.stopPropagation();
        }
    });
};
function $4b6ab5d9a1759367$var$EditableNotesColumn(props) {
    const { width: width, paddingLeft: paddingLeft = 60, transform: transform, notes: notes, inEditMode: inEditMode = false, onUpdateNote: onUpdateNote, onDeleteNote: onDeleteNote, onCreateNote: onCreateNote, noteComponent: noteComponent = $4b6ab5d9a1759367$export$1e92413934596f41, noteEditor: noteEditor = (0, $788eb3ac0fd4a0dc$export$f3c30e51e696113d), allowPositionEditing: allowPositionEditing = false, forceOptions: forceOptions, onClickNote: onClickNote } = props;
    const innerWidth = width - paddingLeft;
    return (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $00c4b971e86fe1d8$export$c48860e5e2301a05), {
        notes: notes,
        width: innerWidth,
        paddingLeft: paddingLeft,
        noteComponent: noteComponent,
        forceOptions: forceOptions
    }, [
        (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $788eb3ac0fd4a0dc$export$63b2a30da318abf8), {
            inEditMode: inEditMode,
            noteEditor: noteEditor,
            onCreateNote: onCreateNote,
            onUpdateNote: onUpdateNote,
            onDeleteNote: onDeleteNote
        }, [
            (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)("g.section-log", {
                transform: transform,
                className: "focusable editable"
            }, [
                (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $d674d3f092d90ef7$export$2e2bcd8739ae039)),
                (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)($4b6ab5d9a1759367$var$CancelEditUnderlay),
                (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $d5159dd74a2bc947$export$53e4fd4e0e3d986), {
                    onClickNote: onClickNote
                }),
                (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $97f1c9639f0dd9c0$export$b6af173e35939b8f)),
                (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $788eb3ac0fd4a0dc$export$9939e67821493b95), {
                    allowPositionEditing: allowPositionEditing
                })
            ])
        ])
    ]);
}
function $4b6ab5d9a1759367$var$FocusableNoteColumn(props) {
    /** A notes column with selection capabilities. */ const { width: width, paddingLeft: paddingLeft = 60, transform: transform, notes: notes, forceOptions: forceOptions, noteComponent: noteComponent = $4b6ab5d9a1759367$export$1e92413934596f41, focusedNoteComponent: focusedNoteComponent = $4b6ab5d9a1759367$export$1e92413934596f41, deltaConnectorAttachment: deltaConnectorAttachment, onClickNote: onClickNote } = props;
    const innerWidth = width - paddingLeft;
    return (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $00c4b971e86fe1d8$export$c48860e5e2301a05), {
        notes: notes,
        width: innerWidth,
        paddingLeft: paddingLeft,
        noteComponent: noteComponent,
        forceOptions: forceOptions
    }, [
        (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $788eb3ac0fd4a0dc$export$63b2a30da318abf8), {
            inEditMode: true,
            noteEditor: focusedNoteComponent
        }, [
            (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)("g.section-log", {
                transform: transform,
                className: "focusable"
            }, [
                (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $d674d3f092d90ef7$export$2e2bcd8739ae039)),
                (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)($4b6ab5d9a1759367$var$CancelEditUnderlay),
                (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $d5159dd74a2bc947$export$53e4fd4e0e3d986), {
                    onClickNote: onClickNote,
                    deltaConnectorAttachment: deltaConnectorAttachment
                }),
                (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $788eb3ac0fd4a0dc$export$9939e67821493b95), {
                    allowPositionEditing: false
                })
            ])
        ])
    ]);
}
function $4b6ab5d9a1759367$export$c6e73cac972b98c9(props) {
    /** A non-editable notes column. */ const { width: width, paddingLeft: paddingLeft = 60, transform: transform, notes: notes, noteComponent: noteComponent = $4b6ab5d9a1759367$export$1e92413934596f41, deltaConnectorAttachment: deltaConnectorAttachment, onClickNote: onClickNote, forceOptions: forceOptions, children: children } = props;
    const innerWidth = width - paddingLeft;
    return (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $00c4b971e86fe1d8$export$c48860e5e2301a05), {
        notes: notes,
        width: innerWidth,
        paddingLeft: paddingLeft,
        noteComponent: noteComponent,
        forceOptions: forceOptions
    }, [
        (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)("g.section-log", {
            transform: transform
        }, [
            (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $d674d3f092d90ef7$export$2e2bcd8739ae039)),
            (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $d5159dd74a2bc947$export$53e4fd4e0e3d986), {
                deltaConnectorAttachment: deltaConnectorAttachment,
                onClickNote: onClickNote
            }),
            children
        ])
    ]);
}
function $4b6ab5d9a1759367$export$78231d3424a637d3(props) {
    const { editable: editable = false, ...rest } = props;
    const ctx = (0, $8qE85$useContext)((0, $8qE85$ColumnContext));
    // not sure why we have this here.
    if (ctx?.scaleClamped == null) return null;
    let c = $4b6ab5d9a1759367$export$c6e73cac972b98c9;
    if (editable) c = $4b6ab5d9a1759367$var$EditableNotesColumn;
    else if (rest.focusedNoteComponent != null) c = $4b6ab5d9a1759367$var$FocusableNoteColumn;
    return (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)(c, rest);
}


export {$4b6ab5d9a1759367$export$1e92413934596f41 as NoteComponent, $4b6ab5d9a1759367$export$c6e73cac972b98c9 as StaticNotesColumn, $4b6ab5d9a1759367$export$78231d3424a637d3 as NotesColumn, $788eb3ac0fd4a0dc$export$f3c30e51e696113d as NoteTextEditor, $788eb3ac0fd4a0dc$export$9939e67821493b95 as NoteEditor, $788eb3ac0fd4a0dc$export$cbc16735c48a2e0f as NoteEditorContext};
//# sourceMappingURL=column-components.a5f1138f.js.map