@teselagen/ui 0.9.1 → 0.9.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.9.1",
+  "version": "0.9.4",
   "main": "./src/index.js",
   "type": "module",
   "exports": {
@@ -10,6 +10,7 @@
     },
     "./style.css": "./style.css"
   },
+  "devDependencies": {},
   "dependencies": {
     "@blueprintjs/core": "3.54.0",
     "@blueprintjs/datetime": "^3.24.1",
@@ -18,6 +19,7 @@
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@teselagen/react-table": "6.10.18",
+    "chance": "1.1.11",
     "classnames": "^2.3.2",
     "color": "^3.2.1",
     "copy-to-clipboard": "^3.3.1",
@@ -51,8 +53,6 @@
     "url-join": "^4.0.1",
     "use-deep-compare-effect": "^1.6.1",
     "write-excel-file": "^1.4.25",
-    "cypress-real-events": "^1.13.0",
-    "chance": "^1.1.11",
     "@dnd-kit/utilities": "3.2.2",
     "@teselagen/file-utils": "0.3.20",
     "@blueprintjs/icons": "3.33.0"

package/src/DataTable/index.js

@@ -27,7 +27,8 @@ import {
   isFunction,
   isEqual,
   every,
-  some
+  some,
+  identity
 } from "lodash-es";
 import {
   Button,
@@ -1241,16 +1242,22 @@ const DataTable = ({
 
       //index 0 of the table is the column titles
       //must add 1 to rowNum
-      const rowNumbersToCopy = selectedRecords
-        .map(rec => idToIndex[rec.id || rec.code] + 1)
-        .sort();
+      // Dedupe rows by row index, not by Set (which dedupes by value)
+      const rowNumbersToCopy = [];
+      selectedRecords.forEach(rec => {
+        const rowIndex = idToIndex[rec.id || rec.code] + 1;
+        if (!rowNumbersToCopy.includes(rowIndex)) {
+          rowNumbersToCopy.push(rowIndex);
+        }
+      });
+      rowNumbersToCopy.sort();
 
       if (!rowNumbersToCopy.length) return;
       rowNumbersToCopy.unshift(0); //add in the header row
       try {
         const allRowEls = getAllRows(tableRef);
         if (!allRowEls) return;
-        const rowEls = rowNumbersToCopy.map(i => allRowEls[i]);
+        const rowEls = rowNumbersToCopy.map(i => allRowEls[i]).filter(identity);
         if (window.Cypress) window.Cypress.__copiedRowsLength = rowEls.length;
         handleCopyRows(rowEls, {
           onFinishMsg: "Selected rows copied"
@@ -2868,7 +2875,12 @@ const DataTable = ({
   );
 
   return (
-    <div tabIndex="1" onKeyDown={handleKeyDown} onKeyUp={handleKeyUp}>
+    <div
+      tabIndex="1"
+      style={{ height: "100%" }}
+      onKeyDown={handleKeyDown}
+      onKeyUp={handleKeyUp}
+    >
       <div
         className={classNames(
           "data-table-container",

package/DataTable/EditabelCell.d.ts

@@ -1,10 +0,0 @@
-export function EditableCell({ cancelEdit, dataTest, finishEdit, initialValue, isEditableCellInitialValue, isNumeric, shouldSelectAll, stopSelectAll }: {
-    cancelEdit: any;
-    dataTest: any;
-    finishEdit: any;
-    initialValue: any;
-    isEditableCellInitialValue: any;
-    isNumeric: any;
-    shouldSelectAll: any;
-    stopSelectAll: any;
-}): import("react/jsx-runtime").JSX.Element;

package/DataTable/defaultProps.d.ts

@@ -1,43 +0,0 @@
-import { noop } from 'lodash-es';
-declare namespace _default {
-    export { noop as addFilters };
-    export let className: string;
-    export { noop as clearFilters };
-    export { noop as contextMenu };
-    export let disabled: boolean;
-    export let entities: never[];
-    export let extraClasses: string;
-    export let filters: never[];
-    export let isCopyable: boolean;
-    export { noop as isEntityDisabled };
-    export let isLoading: boolean;
-    export let isSimple: boolean;
-    export let isSingleSelect: boolean;
-    export let maxHeight: number;
-    export let noHeader: boolean;
-    export let noSelect: boolean;
-    export let noUserSelect: boolean;
-    export { noop as onDeselect };
-    export { noop as onMultiRowSelect };
-    export { noop as onRowClick };
-    export { noop as onRowSelect };
-    export { noop as onSingleRowSelect };
-    export let page: number;
-    export let pageSize: number;
-    export let reduxFormExpandedEntityIdMap: {};
-    export let reduxFormSearchInput: string;
-    export let reduxFormSelectedEntityIdMap: {};
-    export { noop as removeSingleFilter };
-    export let resized: never[];
-    export { noop as resizePersist };
-    export { noop as setFilter };
-    export { noop as setOrder };
-    export { noop as setPage };
-    export { noop as setPageSize };
-    export { noop as setSearchTerm };
-    export let showCount: boolean;
-    export let style: {};
-    export let withCheckboxes: boolean;
-    export let withSort: boolean;
-}
-export default _default;

package/DataTable/utils/computePresets.d.ts

@@ -1 +0,0 @@
-export default function computePresets(props?: {}): import('lodash').Dictionary<any>;

package/src/DataTable/EditabelCell.js

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

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/ExcelCell.js

@@ -1,38 +0,0 @@
-/* eslint react/jsx-no-bind: 0 */
-import { Popover } from "@blueprintjs/core";
-import React, { useState } from "react";
-
-export default function ExcelCell() {
-  const [v, setV] = useState("");
-  const [isPopoverOpen, setIsPopoverOpen] = useState(false);
-  return (
-    <Popover
-      onClose={() => {
-        setIsPopoverOpen(false);
-      }}
-      isOpen={isPopoverOpen}
-      content={<div>Sum</div>}
-    >
-      <div
-        style={{
-          border: "1px solid #ccc",
-          padding: 5,
-          width: 100,
-          height: 30
-        }}
-        contentEditable
-        onInput={e => {
-          const text = e.currentTarget.textContent;
-
-          if (text === "=") {
-            // open a popover
-            setIsPopoverOpen(true);
-          }
-          setV(text);
-        }}
-      >
-        {v}
-      </div>
-    </Popover>
-  );
-}