@macrostrat/column-components
Version:
React rendering primitives for stratigraphic columns
109 lines (96 loc) • 6.14 kB
JavaScript
import $f5b828bbb980a05d$export$2e2bcd8739ae039 from "./column-components.e1d11b63.js";
import {NotesList as $d5159dd74a2bc947$export$53e4fd4e0e3d986} from "./column-components.8dce5be5.js";
import $d674d3f092d90ef7$export$2e2bcd8739ae039 from "./column-components.f725b2e5.js";
import {ColumnContext as $8qE85$ColumnContext, useModelEditor as $8qE85$useModelEditor} from "./column-components.fa405a9f.js";
import {NoteLayoutProvider as $00c4b971e86fe1d8$export$c48860e5e2301a05, NoteUnderlay as $00c4b971e86fe1d8$export$53f13bca8c4c45d9} from "./column-components.2a78b581.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.2126e2f4.js";
import {NewNotePositioner as $97f1c9639f0dd9c0$export$b6af173e35939b8f} from "./column-components.d72701d4.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));
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, 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
}, [
(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,
onClickNote: onClickNote
}),
(0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $97f1c9639f0dd9c0$export$b6af173e35939b8f)),
(0, $f5b828bbb980a05d$export$2e2bcd8739ae039)((0, $788eb3ac0fd4a0dc$export$9939e67821493b95), {
allowPositionEditing: allowPositionEditing
})
])
])
]);
}
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, children: children } = 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,
deltaConnectorAttachment: deltaConnectorAttachment,
onClickNote: onClickNote
}),
children
])
]);
}
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=column-components.e04a0231.js.map