@teselagen/ui 0.7.35 → 0.8.1

package/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/getFieldPathToField.js

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

package/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/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/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/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/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/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/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/getVals.js

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

package/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/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/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/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/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/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/index.js

@@ -1 +0,0 @@
-export { useDeepEqualMemo } from "./useDeepEqualMemo";

package/isBeingCalledExcessively.js

@@ -1,32 +0,0 @@
-const keyCount = {};
-// if this function is hit more than 20 times in a row in 2 seconds with the same uniqName then throw an error
-export const isBeingCalledExcessively = ({ uniqName }) => {
-  if (process.env.NODE_ENV !== "development") {
-    return;
-  }
-  if (!uniqName) {
-    throw new Error("uniqName is required");
-  }
-  // Initialize the count if it doesn't exist
-  keyCount[uniqName] = keyCount[uniqName] || 0;
-  keyCount[uniqName]++;
-
-  // Only set the timeout if it doesn't exist already to ensure it runs exactly once every 2 seconds
-  if (!keyCount[uniqName + "_timeout"]) {
-    keyCount[uniqName + "_timeout"] = setTimeout(() => {
-      keyCount[uniqName] = 0;
-      keyCount[uniqName + "_timeout"] = null;
-    }, 2000);
-  }
-
-  if (keyCount[uniqName] > 20) {
-    keyCount[uniqName] = 0;
-    // Also clear the timeout when throwing an error
-    if (keyCount[uniqName + "_timeout"]) {
-      clearTimeout(keyCount[uniqName + "_timeout"]);
-      keyCount[uniqName + "_timeout"] = null;
-    }
-    throw new Error(`isBeingCalledExcessively: ${uniqName}`);
-  }
-};
-

package/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/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/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/isValueEmpty.js

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

package/itemUpload.js

@@ -1,84 +0,0 @@
-import React from "react";
-import {
-  ProgressBar,
-  Intent,
-  Button,
-  Tooltip,
-  Position,
-  Icon
-} from "@blueprintjs/core";
-
-const itemUpload = props => {
-  const item = props.item;
-  const name = nameShortener(item.name);
-
-  return (
-    <div className="item-upload-container" key={item.id}>
-      <div className="item-upload">
-        <div>
-          {!props.saved ? (
-            <Tooltip
-              content={
-                <span>
-                  {`Click to
-              ${props.active ? "abort this uploading" : "remove this file"}`}
-                </span>
-              }
-              position={Position.LEFT}
-              usePortal={true}
-            >
-              <Button
-                intent={Intent.DANGER}
-                minimal
-                icon="delete"
-                onClick={props.onCancel}
-              />
-            </Tooltip>
-          ) : null}
-        </div>
-        <div>
-          <span>{name}</span>
-        </div>
-        <div>
-          {props.active ? `${props.value}%` : null}
-          {props.error ? (
-            <Tooltip content={props.error} usePortal={true}>
-              <Icon icon="error" intent={Intent.DANGER} />
-            </Tooltip>
-          ) : null}
-          {props.saved ? (
-            <Tooltip content={"File Saved"} usePortal={true}>
-              <Icon icon="saved" intent={Intent.SUCCESS} />
-            </Tooltip>
-          ) : null}
-        </div>
-      </div>
-      {props.active ? (
-        <ProgressBar intent={Intent.PRIMARY} value={props.value / 100} />
-      ) : null}
-    </div>
-  );
-};
-
-/**
- * Short file names length to display
- * @param {*} itemName
- */
-const nameShortener = itemName => {
-  if (itemName.length > 40) {
-    let name = "";
-    const arr = itemName.split(".");
-    name += `${arr[0].substring(0, 20)}...`;
-    if (arr.length >= 2) {
-      name += `${arr[arr.length - 2].substring(
-        arr[arr.length - 2].length - 5,
-        arr[arr.length - 2].length
-      )}`;
-      name += `.${arr[arr.length - 1]}`;
-    }
-    return name;
-  }
-  return itemName;
-};
-
-export default itemUpload;