@teselagen/ui 0.7.33-beta.2 → 0.7.33-beta.4

package/src/formatPasteData.js

@@ -1,16 +0,0 @@
-import { getFieldPathToField } from "./getFieldPathToField";
-
-export const formatPasteData = ({ schema, newVal, path }) => {
-  const pathToField = getFieldPathToField(schema);
-  const column = pathToField[path];
-  if (column.type === "genericSelect") {
-    if (newVal?.__genSelCol === path) {
-      newVal = newVal.__strVal;
-    } else {
-      newVal = undefined;
-    }
-  } else {
-    newVal = Object.hasOwn(newVal, "__strVal") ? newVal.__strVal : newVal;
-  }
-  return newVal;
-};

package/src/getAllRows.js

@@ -1,11 +0,0 @@
-export const getAllRows = e => {
-  const el = e.target.querySelector(".data-table-container")
-    ? e.target.querySelector(".data-table-container")
-    : e.target.closest(".data-table-container");
-
-  const allRowEls = el.querySelectorAll(".rt-tr");
-  if (!allRowEls || !allRowEls.length) {
-    return;
-  }
-  return allRowEls;
-};

package/src/getCellCopyText.js

@@ -1,7 +0,0 @@
-export const getCellCopyText = cellWrapper => {
-  const text = cellWrapper && cellWrapper.getAttribute("data-copy-text");
-  const jsonText = cellWrapper && cellWrapper.getAttribute("data-copy-json");
-
-  const textContent = text || cellWrapper.textContent || "";
-  return [textContent, jsonText];
-};

package/src/getCellInfo.js

@@ -1,36 +0,0 @@
-import { getIdOrCodeOrIndex } from "./getIdOrCodeOrIndex";
-
-export const getCellInfo = ({
-  columnIndex,
-  columnPath,
-  rowId,
-  schema,
-  entities,
-  rowIndex,
-  isEntityDisabled,
-  entity
-}) => {
-  const leftpath = schema.fields[columnIndex - 1]?.path;
-  const rightpath = schema.fields[columnIndex + 1]?.path;
-  const cellIdToLeft = leftpath && `${rowId}:${leftpath}`;
-  const cellIdToRight = rightpath && `${rowId}:${rightpath}`;
-  const rowAboveId =
-    entities[rowIndex - 1] &&
-    getIdOrCodeOrIndex(entities[rowIndex - 1], rowIndex - 1);
-  const rowBelowId =
-    entities[rowIndex + 1] &&
-    getIdOrCodeOrIndex(entities[rowIndex + 1], rowIndex + 1);
-  const cellIdAbove = rowAboveId && `${rowAboveId}:${columnPath}`;
-  const cellIdBelow = rowBelowId && `${rowBelowId}:${columnPath}`;
-
-  const cellId = `${rowId}:${columnPath}`;
-  const rowDisabled = isEntityDisabled(entity);
-  return {
-    cellId,
-    cellIdAbove,
-    cellIdToRight,
-    cellIdBelow,
-    cellIdToLeft,
-    rowDisabled
-  };
-};

package/src/getCellVal.js

@@ -1,20 +0,0 @@
-import { get } from "lodash-es";
-import { isString } from "lodash-es";
-import { isTruthy } from "./isTruthy";
-
-export const getCellVal = (ent, path, col) => {
-  const isBool = col?.type === "boolean";
-  let selectedCellVal = get(ent, path, "");
-  if (isBool) {
-    if (isString(selectedCellVal)) {
-      selectedCellVal = selectedCellVal.toLowerCase();
-    }
-    selectedCellVal =
-      selectedCellVal === "true" ||
-      selectedCellVal === true ||
-      selectedCellVal === 1 ||
-      selectedCellVal === "yes";
-    selectedCellVal = isTruthy(selectedCellVal);
-  }
-  return selectedCellVal;
-};

package/src/getDayjsFormatter.js

@@ -1,35 +0,0 @@
-import dayjs from "dayjs";
-import LocalizedFormat from "dayjs/plugin/localizedFormat";
-import localeData from "dayjs/plugin/localeData";
-
-dayjs.extend(localeData);
-dayjs.extend(LocalizedFormat);
-const userLocale = Intl.DateTimeFormat().resolvedOptions().locale;
-
-if (userLocale) {
-  const requireLocale = (newLocale, skipCall) => {
-    if (dayjs.locale() !== newLocale) {
-      try {
-        require(`dayjs/locale/${newLocale}.js`);
-        dayjs.locale(newLocale);
-      } catch (error) {
-        // error
-        if (!skipCall && newLocale.includes("-")) {
-          requireLocale(newLocale.split("-")[0], true);
-        }
-      }
-    }
-  };
-  const localeToUse = userLocale.toLowerCase();
-  requireLocale(localeToUse);
-}
-
-export default function getDayjsFormatter(format) {
-  return {
-    formatDate: date => dayjs(date).format(format),
-    parseDate: str => dayjs(str, format).toDate(),
-    placeholder: format?.toLowerCase().includes("l")
-      ? dayjs.Ls[dayjs.locale()]?.formats[format.toUpperCase()]
-      : format
-  };
-}

package/src/getFieldPathToField.js

@@ -1,7 +0,0 @@
-export const getFieldPathToField = schema => {
-  const fieldPathToField = {};
-  schema.fields.forEach(f => {
-    fieldPathToField[f.path] = f;
-  });
-  return fieldPathToField;
-};

package/src/getIdOrCodeOrIndex.js

@@ -1,9 +0,0 @@
-export const getIdOrCodeOrIndex = (record, rowIndex) => {
-  if (record.id || record.id === 0) {
-    return record.id;
-  } else if (record.code) {
-    return record.code;
-  } else {
-    return rowIndex;
-  }
-};

package/src/getLastSelectedEntity.js

@@ -1,11 +0,0 @@
-export const getLastSelectedEntity = idMap => {
-  let lastSelectedEnt;
-  let latestTime;
-  Object.values(idMap).forEach(({ time, entity }) => {
-    if (!latestTime || time > latestTime) {
-      lastSelectedEnt = entity;
-      latestTime = time;
-    }
-  });
-  return lastSelectedEnt;
-};

package/src/getNewEntToSelect.js

@@ -1,25 +0,0 @@
-export const getNewEntToSelect = ({
-  type,
-  lastSelectedIndex,
-  entities,
-  isEntityDisabled
-}) => {
-  let newIndexToSelect;
-  if (type === "up") {
-    newIndexToSelect = lastSelectedIndex - 1;
-  } else {
-    newIndexToSelect = lastSelectedIndex + 1;
-  }
-  const newEntToSelect = entities[newIndexToSelect];
-  if (!newEntToSelect) return;
-  if (isEntityDisabled && isEntityDisabled(newEntToSelect)) {
-    return getNewEntToSelect({
-      type,
-      lastSelectedIndex: newIndexToSelect,
-      entities,
-      isEntityDisabled
-    });
-  } else {
-    return newEntToSelect;
-  }
-};

package/src/getNewName.js

@@ -1,31 +0,0 @@
-export function getNewName(list, targetName) {
-  const usedNumbers = [];
-
-  for (let i = 0; i < list.length; i++) {
-    const currentName = list[i].name;
-    const baseName = currentName.replace(/\(\d+\)\.csv$/, ".csv");
-
-    if (baseName === targetName) {
-      const match = currentName.match(/\((\d+)\)\.csv$/);
-      if (match) {
-        usedNumbers[parseInt(match[1])] = true;
-      } else {
-        usedNumbers[0] = true;
-      }
-    }
-  }
-
-  let newName = targetName;
-  for (let i = 0; i <= usedNumbers.length; i++) {
-    if (!usedNumbers[i]) {
-      if (i === 0) {
-        newName = targetName;
-      } else {
-        newName = targetName.replace(".csv", `(${i}).csv`);
-      }
-      break;
-    }
-  }
-
-  return newName;
-}

package/src/getRowCopyText.js

@@ -1,28 +0,0 @@
-import { getCellCopyText } from "./getCellCopyText";
-import { flatMap } from "lodash-es";
-
-export const getRowCopyText = (rowEl, { specificColumn } = {}) => {
-  //takes in a row element
-  if (!rowEl) return [];
-  const textContent = [];
-  const jsonText = [];
-
-  for (const cellEl of rowEl.children) {
-    const cellChild = cellEl.querySelector(`[data-copy-text]`);
-    if (!cellChild) {
-      if (specificColumn) continue; //strip it
-      continue; //just leave it blank
-    }
-    if (
-      specificColumn &&
-      cellChild.getAttribute("data-test") !== specificColumn
-    ) {
-      continue;
-    }
-    const [t, j] = getCellCopyText(cellChild);
-    textContent.push(t);
-    jsonText.push(j);
-  }
-
-  return [flatMap(textContent).join("\t"), jsonText];
-};

package/src/getTableConfigFromStorage.js

@@ -1,5 +0,0 @@
-export default function getTableConfigFromStorage(formName) {
-  let tableConfig = window.localStorage.getItem(formName);
-  tableConfig = tableConfig && JSON.parse(tableConfig);
-  return tableConfig;
-}

package/src/getTextFromEl.js

@@ -1,28 +0,0 @@
-import React from "react";
-
-export default function getTextFromEl(el, options = {}) {
-  const { lowerCase } = options;
-  if (React.isValidElement(el)) {
-    return el && el.props && el.props.children
-      ? (el.props.children.reduce
-          ? el.props.children
-          : [el.props.children]
-        ).reduce((acc, child) => {
-          if (child && child.props && child.props.children) {
-            acc += getTextFromEl(child);
-          } else if (typeof child === "string") {
-            if (lowerCase) {
-              acc += child.toLowerCase();
-            } else {
-              acc += child;
-            }
-          } else if (typeof child === "number") {
-            acc += child + "";
-          }
-          return acc;
-        }, "")
-      : "";
-  } else {
-    return el;
-  }
-}

package/src/getVals.js

@@ -1,8 +0,0 @@
-import { isFunction } from "lodash-es";
-
-export function getVals(values) {
-  if (isFunction(values)) {
-    return values();
-  }
-  return values;
-}

package/src/handleCopyColumn.js

@@ -1,21 +0,0 @@
-import { getAllRows } from "./getAllRows";
-import { getIdOrCodeOrIndex } from "./getIdOrCodeOrIndex";
-import { handleCopyRows } from "./handleCopyRows";
-
-export const handleCopyColumn = (e, cellWrapper, selectedRecords) => {
-  const specificColumn = cellWrapper.getAttribute("data-test");
-  let rowElsToCopy = getAllRows(e);
-  if (!rowElsToCopy) return;
-  if (selectedRecords) {
-    const ids = selectedRecords.map(e => getIdOrCodeOrIndex(e)?.toString());
-    rowElsToCopy = Array.from(rowElsToCopy).filter(rowEl => {
-      const id = rowEl.closest(".rt-tr-group")?.getAttribute("data-test-id");
-      return id !== undefined && ids.includes(id);
-    });
-  }
-  if (!rowElsToCopy) return;
-  handleCopyRows(rowElsToCopy, {
-    specificColumn,
-    onFinishMsg: "Column Copied"
-  });
-};

package/src/handleCopyHelper.js

@@ -1,15 +0,0 @@
-import copy from "copy-to-clipboard";
-
-export const handleCopyHelper = (stringToCopy, jsonToCopy, message) => {
-  !window.Cypress &&
-    copy(stringToCopy, {
-      onCopy: clipboardData => {
-        clipboardData.setData("application/json", JSON.stringify(jsonToCopy));
-      },
-      // keep this so that pasting into spreadsheets works.
-      format: "text/plain"
-    });
-  if (message) {
-    window.toastr.success(message);
-  }
-};

package/src/handleCopyRows.js

@@ -1,23 +0,0 @@
-import download from "downloadjs";
-import { getRowCopyText } from "./getRowCopyText";
-import { handleCopyHelper } from "./handleCopyHelper";
-
-export const handleCopyRows = (
-  rowElsToCopy,
-  { specificColumn, onFinishMsg, isDownload } = {}
-) => {
-  let textToCopy = [];
-  const jsonToCopy = [];
-  rowElsToCopy.forEach(rowEl => {
-    const [t, j] = getRowCopyText(rowEl, { specificColumn });
-    textToCopy.push(t);
-    jsonToCopy.push(j);
-  });
-  textToCopy = textToCopy.filter(text => text).join("\n");
-  if (!textToCopy) return window.toastr.warning("No text to copy");
-  if (isDownload) {
-    download(textToCopy.replaceAll("\t", ","), "tableData.csv", "text/csv");
-  } else {
-    handleCopyHelper(textToCopy, jsonToCopy, onFinishMsg || "Row Copied");
-  }
-};

package/src/handleCopyTable.js

@@ -1,16 +0,0 @@
-import { getAllRows } from "./getAllRows";
-import { handleCopyRows } from "./handleCopyRows";
-
-export const handleCopyTable = (e, opts) => {
-  try {
-    const allRowEls = getAllRows(e);
-    if (!allRowEls) return;
-    handleCopyRows(allRowEls, {
-      ...opts,
-      onFinishMsg: "Table Copied"
-    });
-  } catch (error) {
-    console.error(`error:`, error);
-    window.toastr.error("Error copying rows.");
-  }
-};

package/src/handlerHelpers.js

@@ -1,24 +0,0 @@
-export const onEnterHelper = callback => ({
-  onKeyDown: event => {
-    if (event.key === "Enter") {
-      callback(event);
-    }
-  }
-});
-
-export const onBlurHelper = callback => ({
-  onBlur: event => {
-    callback(event);
-  }
-});
-
-export const onEnterOrBlurHelper = callback => ({
-  onKeyDown: function (event) {
-    if (event.key === "Enter") {
-      callback(event);
-    }
-  },
-  onBlur: function (event) {
-    callback(event);
-  }
-});

package/src/hotkeyUtils.js

@@ -1,131 +0,0 @@
-import React, { useMemo } from "react";
-import { useHotkeys } from "@blueprintjs/core";
-import { startCase } from "lodash-es";
-
-// This has been mostly superseded by blueprint's KeyCombo component, but may
-// still be useful for cases where we need plain text
-export function comboToLabel(def, useSymbols = true) {
-  const combo = typeof def === "string" ? def : def.combo;
-
-  if (useSymbols) {
-    let parts = combo.replace("++", "+plus").split("+");
-    parts = parts.map(p => symbols[p] || startCase(p) || p);
-    return parts.join("");
-  } else {
-    return combo
-      .split("+")
-      .map(p => startCase(p) || p)
-      .join(" + ")
-      .replace("Meta", isMac ? "Cmd" : "Ctrl")
-      .replace("Mod", isMac ? "Cmd" : "Ctrl")
-      .replace("Alt", isMac ? "Option" : "Alt");
-  }
-}
-
-// HOF to get hotkey combos by id
-export const hotkeysById =
-  (hotkeys, mode = "raw") =>
-  id => {
-    const def = getHotkeyProps(hotkeys[id]);
-    return (
-      def &&
-      (mode === "raw" ? def.combo : comboToLabel(def.combo, mode === "symbols"))
-    );
-  };
-
-// Translate shorthand array if needed
-export const getHotkeyProps = (def, id) => {
-  let out;
-  if (typeof def === "string") {
-    out = { combo: def };
-  } else if (def instanceof Array) {
-    out = { combo: def[0], label: def[1], ...(def[2] || {}) };
-  } else {
-    out = def;
-  }
-  out.label = out.label || startCase(id);
-  return out;
-};
-
-/*
- * HOC to add hotkey support to components. Use this instead of blueprint's one.
- *
- * Arguments:
- * - hotkeySpec: either a named hotkey section previously registered, or an
- *   object mapping command ids to hotkey definitions, where each hotkey can
- *   be either:
- *   - a string consisting in the key combo (e.g. 'ctrl+shift+x')
- *   - an array holding the combo, label, and an object with any other props
- *   - an object holding all props
- * - handlers: an object mapping command ids to handler functions
- * - options: an object that may specify the follownig options:
- *   - functional: boolean indicating if the wrapped component will be a
- *     functional stateless component instead of a class-based one
- *
- * Returns a function that can be invoked with a component class, or a
- * stateless component function (if specified in the options) and returns
- * the decorated class. It may also be invoked without arguments to generate a
- * dummy ad-hoc component with no output.
- *
- */
-export const withHotkeys = (hotkeys, handlers) => {
-  return ({ children } = {}) => {
-    const memoedHotkeys = useMemo(
-      () =>
-        Object.keys(hotkeys).map(id => {
-          const { ...props } = getHotkeyProps(hotkeys[id], id);
-          return {
-            key: id,
-            global: props.global !== false,
-            onKeyDown: function (e) {
-              return handlers[id](e);
-            },
-            ...props
-          };
-        }),
-      []
-    );
-
-    const { handleKeyDown, handleKeyUp } = useHotkeys(memoedHotkeys);
-    const newProps = {
-      tabIndex: 0,
-      onKeyDown: handleKeyDown,
-      onKeyUp: handleKeyUp
-    };
-    return children ? ( //tnr: if children are passed, we'll clone them with the new props
-      React.cloneElement(children, newProps)
-    ) : (
-      //if not, then we'll return a div that can be used
-      <div className="hotkeyHandler" {...newProps}></div>
-    );
-  };
-};
-
-const isMac = navigator.userAgent.includes("Mac OS X");
-
-// TODO maybe avoid using symbols by default when not on Mac?
-// Anyway, alternative 'Key + Key' description is provided as well
-const symbols = {
-  cmd: "⌘",
-  meta: "⌘",
-  ctrl: "⌃",
-  alt: "⌥",
-  shift: "⇧",
-  esc: "␛", //'⎋',
-  enter: "⏎",
-  backspace: "⌫",
-  plus: "+",
-  tab: "⇥",
-  space: "␣",
-  capslock: "⇪",
-  pageup: "⇞",
-  pagedown: "⇟",
-  home: "↖",
-  end: "↘",
-  left: "←",
-  right: "→",
-  up: "↑",
-  down: "↓"
-};
-
-symbols.mod = symbols[isMac ? "meta" : "ctrl"];

package/src/initializeHasuraWhereAndFilter.js

@@ -1,27 +0,0 @@
-export function initializeHasuraWhereAndFilter(
-  additionalFilter,
-  where = {},
-  currentParams
-) {
-  where._and = where._and || [];
-  where._or = where._or || [];
-  if (typeof additionalFilter === "function") {
-    const newWhere = additionalFilter(where, currentParams);
-    if (newWhere) {
-      where = {
-        ...where,
-        ...newWhere
-      };
-    }
-  } else if (typeof additionalFilter === "object")
-    where._and.push(additionalFilter);
-}
-
-export const addCustomColumnFilters = (where, fields, currentParams) => {
-  fields.forEach(field => {
-    const { customColumnFilter, filterDisabled } = field;
-    if (filterDisabled || !customColumnFilter) return;
-    customColumnFilter(where, currentParams);
-  });
-};
-

package/src/isBeingCalledExcessively.js

@@ -1,24 +0,0 @@
-const keyCount = {};
-export const isBeingCalledExcessively = ({ uniqName }) => {
-  if (process.env.NODE_ENV !== "development") {
-    return;
-  }
-  if (!uniqName) {
-    throw new Error("uniqName is required");
-  }
-  // if this function is hit more than 10 times in a row in 2 seconds with the same uniqName then throw an error
-  if (keyCount[uniqName + "_timeout"]) {
-    clearTimeout(keyCount[uniqName + "_timeout"]);
-  }
-  keyCount[uniqName] = keyCount[uniqName] || 0;
-  keyCount[uniqName]++;
-
-  keyCount[uniqName + "_timeout"] = setTimeout(() => {
-    keyCount[uniqName] = 0;
-  }, 2000);
-
-  if (keyCount[uniqName] > 20) {
-    keyCount[uniqName] = 0;
-    throw new Error(`isBeingCalledExcessively: ${uniqName}`);
-  }
-};

package/src/isBottomRightCornerOfRectangle.js

@@ -1,20 +0,0 @@
-export const isBottomRightCornerOfRectangle = ({
-  cellId,
-  selectionGrid,
-  lastRowIndex,
-  lastCellIndex,
-  entityMap,
-  pathToIndex
-}) => {
-  selectionGrid.forEach(row => {
-    // remove undefineds from start of row
-    while (row[0] === undefined && row.length) row.shift();
-  });
-  const [rowId, cellPath] = cellId.split(":");
-  const ent = entityMap[rowId];
-  if (!ent) return;
-  const { i } = ent;
-  const cellIndex = pathToIndex[cellPath];
-  const isBottomRight = i === lastRowIndex && cellIndex === lastCellIndex;
-  return isBottomRight;
-};

package/src/isEntityClean.js

@@ -1,15 +0,0 @@
-export function isEntityClean(e) {
-  if (typeof e !== "object" || e === null) {
-    return true; // or return false depending on what you want for non-object inputs
-  }
-  let isClean = true;
-  for (const [key, val] of Object.entries(e)) {
-    if (key === "id") continue;
-    if (key === "_isClean") continue;
-    if (val) {
-      isClean = false;
-      break;
-    }
-  }
-  return isClean;
-}

package/src/isTruthy.js

@@ -1,12 +0,0 @@
-export function isTruthy(v) {
-  if (!v) return false;
-  if (typeof v === "string") {
-    if (v.toLowerCase() === "false") {
-      return false;
-    }
-    if (v.toLowerCase() === "no") {
-      return false;
-    }
-  }
-  return true;
-}

package/src/isValueEmpty.js

@@ -1,3 +0,0 @@
-export function isValueEmpty(val) {
-  return val === undefined || val === null || val === "";
-}