@teselagen/ui 0.7.27 → 0.7.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.7.27",
+  "version": "0.7.32",
   "main": "./src/index.js",
   "type": "module",
   "exports": {
@@ -11,19 +11,13 @@
     "./style.css": "./style.css"
   },
   "dependencies": {
-    "@teselagen/file-utils": "0.3.20",
-    "@teselagen/bounce-loader": "0.3.11",
     "@blueprintjs/core": "3.54.0",
     "@blueprintjs/datetime": "^3.24.1",
-    "@blueprintjs/icons": "3.33.0",
     "@blueprintjs/select": "3.18.11",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
-    "@dnd-kit/utilities": "3.2.2",
     "@teselagen/react-table": "6.10.16",
-    "bluebird": "3.7.2",
-    "buffer": "5.7.1",
     "classnames": "^2.3.2",
     "color": "^3.2.1",
     "copy-to-clipboard": "^3.3.1",
@@ -33,12 +27,9 @@
     "fuse.js": "^6.6.2",
     "fuzzysearch": "^1.0.3",
     "immer": "^9.0.15",
-    "is-mobile": "^3.0.0",
-    "jszip": "^3.10.1",
     "lodash-es": "^4.17.21",
     "math-expression-evaluator": "^1.3.7",
     "mobx": "^6.10.2",
-    "mock-fs": "5.2.0",
     "nanoid": "^4.0.0",
     "papaparse": "5.3.2",
     "qs": "^6.9.6",
@@ -49,7 +40,7 @@
     "react-markdown": "9.0.1",
     "react-redux": "^8.0.5",
     "react-rnd": "^10.2.4",
-    "react-router-dom": "4",
+    "react-router-dom": "5",
     "react-transition-group": "^2.4.0",
     "recompose": "npm:react-recompose@0.31.1",
     "redux": "^4.1.2",
@@ -59,7 +50,12 @@
     "tippy.js": "^6.3.7",
     "url-join": "^4.0.1",
     "use-deep-compare-effect": "^1.6.1",
-    "write-excel-file": "^1.4.25"
+    "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"
   },
   "license": "MIT"
 }

package/src/DataTable/index.js

@@ -489,7 +489,8 @@ const DataTable = ({
     withSearch = !isSimple,
     withSelectAll,
     withSort,
-    withTitle = !isSimple
+    withTitle = !isSimple,
+    noExcessiveCheck
   } = props;
 
   const _entities = useMemo(
@@ -504,7 +505,7 @@ const DataTable = ({
   // This is because we need to maintain the reduxFormSelectedEntityIdMap and
   // allOrderedEntities updated
   useEffect(() => {
-    isBeingCalledExcessively({ uniqName: `dt_entities_${formName}` });
+    !noExcessiveCheck && isBeingCalledExcessively({ uniqName: `dt_entities_${formName}` });
     change("allOrderedEntities", entitiesAcrossPages);
     if (entities.length === 0 || isEmpty(reduxFormSelectedEntityIdMap)) return;
     changeSelectedEntities({
@@ -513,7 +514,7 @@ const DataTable = ({
       change
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [entitiesAcrossPages, reduxFormSelectedEntityIdMap, change]);
+  }, [entitiesAcrossPages, reduxFormSelectedEntityIdMap, change, noExcessiveCheck]);
 
   const [tableConfig, setTableConfig] = useState({ fieldOptions: [] });
 
@@ -525,7 +526,7 @@ const DataTable = ({
       } else {
         newTableConfig = getTableConfigFromStorage(formName);
       }
-      isBeingCalledExcessively({ uniqName: `dt_setTableConfig_${formName}` });
+      !noExcessiveCheck && isBeingCalledExcessively({ uniqName: `dt_setTableConfig_${formName}` });
       // if the tableConfig is the same as the newTableConfig, don't update
       setTableConfig(prev => {
         if (!newTableConfig) {
@@ -547,7 +548,8 @@ const DataTable = ({
     formName,
     syncDisplayOptionsToDb,
     tableConfigurations,
-    withDisplayOptions
+    withDisplayOptions,
+    noExcessiveCheck
   ]);
 
   const schema = useMemo(() => {

package/src/index.js

@@ -12,7 +12,6 @@ export {
   getCurrentParamsFromUrl,
   setCurrentParamsOnUrl
 } from "./DataTable/utils/queryParams";
-
 export {
   default as withSelectedEntities,
   getSelectedEntities

package/src/utils/isBeingCalledExcessively.js

@@ -22,3 +22,4 @@ export const isBeingCalledExcessively = ({ uniqName }) => {
     throw new Error(`isBeingCalledExcessively: ${uniqName}`);
   }
 };
+

package/utils/hotkeyUtils.d.ts

@@ -1,6 +1,4 @@
 export function comboToLabel(def: any, useSymbols?: boolean): any;
 export function hotkeysById(hotkeys: any, mode?: string): (id: any) => any;
 export function getHotkeyProps(def: any, id: any): any;
-export function withHotkeys(hotkeys: any, handlers: any): ({ children }?: {
-    children: any;
-}) => import("react/jsx-runtime").JSX.Element;
+export function withHotkeys(hotkeys: any, handlers: any): ({ children }?: {}) => import("react/jsx-runtime").JSX.Element;

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 || {};
-}