MIT License

Author: johannesloetzsch

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 FormsWizard
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

packages/edit-timeline/features/timeline/Timeline.tsx

@@ -68,7 +68,7 @@ export function Timeline() {
 
   /** Calculate a timeline event from a row of table data **/
   const eventFromRow = useCallback( (row: Row, index: number) => (
-    {
+    mapping && {
       id: row.id,
       content: _.get(row, mapping.content),
       start: _.get(row, mapping.start),
@@ -82,22 +82,18 @@ export function Timeline() {
       tableData
         .map(eventFromRow)
         .filter(
-          (event) => event.start
+          (event) => event && event.start
         ) /** entries with missing start are not valid **/,
     [tableData]
   );
   console.log({tableData, mapping, items})
 
   const handleMove = useCallback( (dispatch: AppDispatch, item: Item, callback: any) => {
     /** TODO we could use a reducer, that is setting both dates in one dispatch **/
-    dispatch(
-      setCellData([
-        item._rowIdx,
-        mapping.start,
-        item.start?.toISOString().slice(0, 19),
-      ])
+    mapping && dispatch(
+      setCellData([item._rowIdx, mapping.start, item.start?.toISOString().slice(0, 19)])
     );
-    dispatch(
+    mapping && dispatch(
       setCellData([item._rowIdx, mapping.end, item.end?.toISOString().slice(0, 19)])
     );
     callback(item);
@@ -110,7 +106,7 @@ export function Timeline() {
   );
   const onSelect = useCallback(
     (selectionArgs: { items: number[] }) =>
-      handleSelect(dispatch, selectionArgs, items),
+      items && handleSelect(dispatch, selectionArgs, items),
     [dispatch, items]
   );
 
@@ -119,7 +115,7 @@ export function Timeline() {
     ...defaultOptions,
   };
 
-  return (
+  return items && (
     <div>
       <VisTimelineWrapper options={options} items={items} onSelect={onSelect} />
     </div>