@teselagen/ui 0.8.2 → 0.8.4

package/src/DataTable/EditabelCell.js

@@ -1,44 +0,0 @@
-import React, { useEffect, useRef, useState } from "react";
-
-export const EditableCell = ({
-  cancelEdit,
-  dataTest,
-  finishEdit,
-  isNumeric,
-  initialValue
-}) => {
-  const [value, setValue] = useState(initialValue);
-  const inputRef = useRef(null);
-
-  useEffect(() => {
-    if (inputRef.current) {
-      inputRef.current.focus();
-    }
-  }, [isNumeric]);
-
-  return (
-    <input
-      style={{
-        border: 0,
-        width: "95%",
-        fontSize: 12,
-        background: "none"
-      }}
-      ref={inputRef}
-      {...dataTest}
-      autoFocus
-      onKeyDown={e => {
-        e.stopPropagation();
-        if (e.key === "Enter") {
-          e.target.blur();
-        } else if (e.key === "Escape") {
-          cancelEdit();
-        }
-      }}
-      onBlur={() => finishEdit(value)}
-      onChange={e => setValue(e.target.value)}
-      type={isNumeric ? "number" : undefined}
-      value={value}
-    />
-  );
-};

package/src/DataTable/EditabelCell.jsx

@@ -1,44 +0,0 @@
-import React, { useEffect, useRef, useState } from "react";
-
-export const EditableCell = ({
-  cancelEdit,
-  dataTest,
-  finishEdit,
-  isNumeric,
-  initialValue
-}) => {
-  const [value, setValue] = useState(initialValue);
-  const inputRef = useRef(null);
-
-  useEffect(() => {
-    if (inputRef.current) {
-      inputRef.current.focus();
-    }
-  }, [isNumeric]);
-
-  return (
-    <input
-      style={{
-        border: 0,
-        width: "95%",
-        fontSize: 12,
-        background: "none"
-      }}
-      ref={inputRef}
-      {...dataTest}
-      autoFocus
-      onKeyDown={e => {
-        e.stopPropagation();
-        if (e.key === "Enter") {
-          e.target.blur();
-        } else if (e.key === "Escape") {
-          cancelEdit();
-        }
-      }}
-      onBlur={() => finishEdit(value)}
-      onChange={e => setValue(e.target.value)}
-      type={isNumeric ? "number" : undefined}
-      value={value}
-    />
-  );
-};

package/src/DataTable/RenderCell.jsx

@@ -1,191 +0,0 @@
-import React from "react";
-import { useSelector } from "react-redux";
-import { Checkbox, Icon } from "@blueprintjs/core";
-import {
-  getIdOrCodeOrIndex,
-  isBottomRightCornerOfRectangle,
-  PRIMARY_SELECTED_VAL
-} from "./utils";
-import { DropdownCell } from "./DropdownCell";
-import { EditableCell } from "./EditabelCell";
-import { getVals } from "./getVals";
-import { CellDragHandle } from "./CellDragHandle";
-
-export const RenderCell = ({
-  oldFunc,
-  getCopyTextForCell,
-  column,
-  isCellEditable,
-  isEntityDisabled,
-  finishCellEdit,
-  formName,
-  noEllipsis,
-  cancelCellEdit,
-  getCellHoverText,
-  selectedCells,
-  isSelectionARectangle,
-  startCellEdit,
-  tableRef,
-  onDragEnd,
-  args
-}) => {
-  const editingCell = useSelector(
-    state => state.form?.[formName]?.values?.reduxFormEditingCell
-  );
-  const initialValue = useSelector(
-    state => state.form?.[formName]?.values?.reduxFormInitialValue
-  );
-
-  const [row] = args;
-  const rowId = getIdOrCodeOrIndex(row.original, row.index);
-  const cellId = `${rowId}:${row.column.path}`;
-  const isEditingCell = editingCell === cellId;
-  let val = oldFunc(...args);
-  const oldVal = val;
-  const text = getCopyTextForCell(val, row, column);
-  const dataTest = {
-    "data-test": "tgCell_" + column.path
-  };
-  const fullValue = row.original?.[row.column.path];
-
-  if (isEditingCell) {
-    if (column.type === "genericSelect") {
-      const GenericSelectComp = column.GenericSelectComp;
-
-      return (
-        <GenericSelectComp
-          rowId={rowId}
-          fullValue={fullValue}
-          initialValue={text}
-          {...dataTest}
-          finishEdit={(newVal, doNotStopEditing) => {
-            finishCellEdit(cellId, newVal, doNotStopEditing);
-          }}
-          dataTest={dataTest}
-          cancelEdit={cancelCellEdit}
-        />
-      );
-    }
-    if (column.type === "dropdown" || column.type === "dropdownMulti") {
-      return (
-        <DropdownCell
-          isMulti={dataTest.isMulti || column.type === "dropdownMulti"}
-          initialValue={dataTest.initialValue || text}
-          options={getVals(column.values)}
-          finishEdit={(newVal, doNotStopEditing) => {
-            finishCellEdit(cellId, newVal, doNotStopEditing);
-          }}
-          dataTest={dataTest}
-          cancelEdit={cancelCellEdit}
-        />
-      );
-    } else {
-      return (
-        <EditableCell
-          dataTest={dataTest}
-          cancelEdit={cancelCellEdit}
-          isNumeric={column.type === "number"}
-          initialValue={initialValue || text}
-          finishEdit={newVal => {
-            finishCellEdit(cellId, newVal);
-          }}
-        />
-      );
-    }
-  }
-
-  const isBool = column.type === "boolean";
-  if (isCellEditable && isBool) {
-    val = (
-      <Checkbox
-        disabled={isEntityDisabled(row.original)}
-        className="tg-cell-edit-boolean-checkbox"
-        checked={oldVal === "True"}
-        onChange={e => {
-          const checked = e.target.checked;
-          finishCellEdit(cellId, checked);
-        }}
-      />
-    );
-    noEllipsis = true;
-  }
-
-  //wrap the original tableColumn.Cell function in another div in order to add a title attribute
-  let title = text;
-  if (getCellHoverText) title = getCellHoverText(...args);
-  else if (column.getTitleAttr) title = column.getTitleAttr(...args);
-  const isSelectedCell = selectedCells?.[cellId];
-  const {
-    isRect,
-    selectionGrid,
-    lastRowIndex,
-    lastCellIndex,
-    entityMap,
-    pathToIndex
-  } = isSelectionARectangle();
-
-  return (
-    <>
-      <div
-        style={{
-          ...(!noEllipsis && {
-            textOverflow: "ellipsis",
-            overflow: "hidden"
-          })
-        }}
-        {...dataTest}
-        className="tg-cell-wrapper"
-        data-copy-text={text}
-        data-copy-json={JSON.stringify(
-          //tnw: eventually we'll parse these back out and use either the fullValue (for the generic selects) or the regular text vals for everything else
-          column.type === "genericSelect"
-            ? {
-                __strVal: fullValue,
-                __genSelCol: column.path
-              }
-            : { __strVal: text }
-        )}
-        title={title || undefined}
-      >
-        {val}
-      </div>
-      {isCellEditable &&
-        (column.type === "dropdown" ||
-          column.type === "dropdownMulti" ||
-          column.type === "genericSelect") && (
-          <Icon
-            icon="caret-down"
-            style={{
-              position: "absolute",
-              right: 5,
-              opacity: 0.3
-            }}
-            className="cell-edit-dropdown"
-            onClick={() => {
-              startCellEdit(cellId);
-            }}
-          />
-        )}
-
-      {isSelectedCell &&
-        (isRect
-          ? isBottomRightCornerOfRectangle({
-              cellId,
-              selectionGrid,
-              lastRowIndex,
-              lastCellIndex,
-              entityMap,
-              pathToIndex
-            })
-          : isSelectedCell === PRIMARY_SELECTED_VAL) && (
-          <CellDragHandle
-            key={cellId}
-            thisTable={tableRef.current.tableRef}
-            cellId={cellId}
-            isSelectionARectangle={isSelectionARectangle}
-            onDragEnd={onDragEnd}
-          />
-        )}
-    </>
-  );
-};

package/src/DataTable/defaultProps.js

@@ -1,45 +0,0 @@
-import { noop } from "lodash-es";
-
-// eslint-disable-next-line import/no-anonymous-default-export
-export default {
-  //NOTE: DO NOT SET DEFAULTS HERE FOR PROPS THAT GET COMPUTED AS PART OF PRESET GROUPS IN computePresets
-  addFilters: noop,
-  className: "",
-  clearFilters: noop,
-  contextMenu: noop,
-  disabled: false,
-  entities: [],
-  extraClasses: "",
-  filters: [],
-  isCopyable: true,
-  isEntityDisabled: noop,
-  isLoading: false,
-  isSimple: false,
-  isSingleSelect: false,
-  maxHeight: 600,
-  noHeader: false,
-  noSelect: false,
-  noUserSelect: false,
-  onDeselect: noop,
-  onMultiRowSelect: noop,
-  onRowClick: noop,
-  onRowSelect: noop,
-  onSingleRowSelect: noop,
-  page: 1,
-  pageSize: 10,
-  reduxFormExpandedEntityIdMap: {},
-  reduxFormSearchInput: "",
-  reduxFormSelectedEntityIdMap: {},
-  removeSingleFilter: noop,
-  resized: [],
-  resizePersist: noop,
-  setFilter: noop,
-  setOrder: noop,
-  setPage: noop,
-  setPageSize: noop,
-  setSearchTerm: noop,
-  showCount: false,
-  style: {},
-  withCheckboxes: false,
-  withSort: true
-};

package/src/DataTable/utils/computePresets.js

@@ -1,42 +0,0 @@
-import { omitBy, isNil } from "lodash-es";
-//we use this to make adding preset prop groups simpler
-export default function computePresets(props = {}) {
-  const { isSimple } = props;
-  let toReturn = omitBy(props, isNil);
-  toReturn.pageSize = toReturn.controlled_pageSize || toReturn.pageSize;
-  if (isSimple) {
-    //isSimplePreset
-    toReturn = {
-      noHeader: true,
-      noFooter: !props.withPaging,
-      noPadding: true,
-      noFullscreenButton: true,
-      hidePageSizeWhenPossible: !props.withPaging,
-      isInfinite: !props.withPaging,
-      hideSelectedCount: true,
-      withTitle: false,
-      withSearch: false,
-      compact: true,
-      withPaging: false,
-      withFilter: false,
-      ...toReturn
-    };
-  } else {
-    toReturn = {
-      // the usual defaults:
-      noFooter: false,
-      noPadding: false,
-      compact: true,
-      noFullscreenButton: false,
-      hidePageSizeWhenPossible: false,
-      isInfinite: false,
-      hideSelectedCount: false,
-      withTitle: true,
-      withSearch: true,
-      withPaging: true,
-      withFilter: true,
-      ...toReturn
-    };
-  }
-  return toReturn || {};
-}

package/src/DataTable/utils/useDeepEqualMemo.js

@@ -1,10 +0,0 @@
-import { isEqual } from "lodash-es";
-import { useRef } from "react";
-
-export const useDeepEqualMemo = value => {
-  const ref = useRef();
-  if (!isEqual(value, ref.current)) {
-    ref.current = value;
-  }
-  return ref.current;
-};