@macrostrat/column-components/dist/esm/notes.eacdcb56.js

React rendering primitives for stratigraphic columns

import $f5b828bbb980a05d$export$2e2bcd8739ae039 from "./hyper.1919039d.js";
import {NotesList as $d5159dd74a2bc947$export$53e4fd4e0e3d986} from "./note.a33dfc43.js";
import $d674d3f092d90ef7$export$2e2bcd8739ae039 from "./defs.24f3cbc6.js";
import {useModelEditor as $8qE85$useModelEditor, ColumnContext as $8qE85$ColumnContext} from "./context.e45851d6.js";
import {NoteUnderlay as $00c4b971e86fe1d8$export$53f13bca8c4c45d9, NoteLayoutProvider as $00c4b971e86fe1d8$export$c48860e5e2301a05} from "./layout.4f2206ef.js";
import {NoteEditorContext as $788eb3ac0fd4a0dc$export$cbc16735c48a2e0f, NoteTextEditor as $788eb3ac0fd4a0dc$export$f3c30e51e696113d, NoteEditorProvider as $788eb3ac0fd4a0dc$export$63b2a30da318abf8, NoteEditor as $788eb3ac0fd4a0dc$export$9939e67821493b95} from "./editor.72e577d2.js";
import {NewNotePositioner as $97f1c9639f0dd9c0$export$b6af173e35939b8f} from "./new.5089f1c3.js";
import "./types.e045c681.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));
    const { confirmChanges: confirmChanges } = (0, $8qE85$useModelEditor)();
    return (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $00c4b971e86fe1d8$export$53f13bca8c4c45d9), {
        onClick () {
            console.log("Clicked to cancel note editing");
            return setEditingNote(null);
        }
    });
};
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 } = 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
            }, [
                (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $d674d3f092d90ef7$export$2e2bcd8739ae039)),
                (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)($4b6ab5d9a1759367$var$CancelEditUnderlay),
                (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $d5159dd74a2bc947$export$53e4fd4e0e3d986), {
                    editHandler: inEditMode ? onUpdateNote : null,
                    inEditMode: inEditMode
                }),
                (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $97f1c9639f0dd9c0$export$b6af173e35939b8f)),
                (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $788eb3ac0fd4a0dc$export$9939e67821493b95), {
                    allowPositionEditing: allowPositionEditing
                })
            ])
        ])
    ]);
}
function $4b6ab5d9a1759367$export$c6e73cac972b98c9(props) {
    const { width: width, paddingLeft: paddingLeft = 60, transform: transform, notes: notes, noteComponent: noteComponent = $4b6ab5d9a1759367$export$1e92413934596f41 } = props;
    const innerWidth = width - paddingLeft;
    return (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $00c4b971e86fe1d8$export$c48860e5e2301a05), {
        notes: notes,
        width: innerWidth,
        paddingLeft: paddingLeft,
        noteComponent: noteComponent
    }, [
        (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), {
                inEditMode: false
            })
        ])
    ]);
}
function $4b6ab5d9a1759367$export$78231d3424a637d3(props) {
    const { editable: editable = true, ...rest } = props;
    const ctx = (0, $8qE85$useContext)((0, $8qE85$ColumnContext));
    // not sure why we have this here.
    if (ctx?.scaleClamped == null) return null;
    const c = editable ? $4b6ab5d9a1759367$var$EditableNotesColumn : $4b6ab5d9a1759367$export$c6e73cac972b98c9;
    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=notes.eacdcb56.js.map