@teselagen/ui 0.7.23 → 0.7.24

package/DataTable/EditabelCell.d.ts

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

package/FormComponents/tryToMatchSchemas.d.ts

@@ -7,7 +7,7 @@ export default function tryToMatchSchemas({ incomingData, validateAgainstSchema
     matchedHeaders: {};
     userSchema: {
         fields: {
-            path: string;
+            path: never;
             type: string;
         }[];
         userData: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.7.23",
+  "version": "0.7.24",
   "main": "./src/index.js",
   "type": "module",
   "exports": {
@@ -12,6 +12,7 @@
   },
   "dependencies": {
     "@teselagen/file-utils": "0.3.18",
+    "@teselagen/bounce-loader": "0.3.11",
     "@blueprintjs/core": "3.54.0",
     "@blueprintjs/datetime": "^3.24.1",
     "@blueprintjs/icons": "3.33.0",
@@ -48,7 +49,7 @@
     "react-markdown": "9.0.1",
     "react-redux": "^8.0.5",
     "react-rnd": "^10.2.4",
-    "react-router-dom": "5",
+    "react-router-dom": "4",
     "react-transition-group": "^2.4.0",
     "recompose": "npm:react-recompose@0.31.1",
     "redux": "^4.1.2",

package/src/DataTable/EditabelCell.js

@@ -4,8 +4,11 @@ export const EditableCell = ({
   cancelEdit,
   dataTest,
   finishEdit,
+  initialValue,
+  isEditableCellInitialValue,
   isNumeric,
-  initialValue
+  shouldSelectAll,
+  stopSelectAll
 }) => {
   const [value, setValue] = useState(initialValue);
   const inputRef = useRef(null);
@@ -13,8 +16,15 @@ export const EditableCell = ({
   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();
+      }
     }
-  }, [isNumeric]);
+  }, [isEditableCellInitialValue, isNumeric, shouldSelectAll, stopSelectAll]);
 
   return (
     <input
@@ -28,10 +38,11 @@ export const EditableCell = ({
       {...dataTest}
       autoFocus
       onKeyDown={e => {
-        e.stopPropagation();
         if (e.key === "Enter") {
-          e.target.blur();
+          finishEdit(value);
+          e.stopPropagation();
         } else if (e.key === "Escape") {
+          e.stopPropagation();
           cancelEdit();
         }
       }}

package/DataTable/utils/useDeepEqualMemo.d.ts

@@ -1 +0,0 @@
-export function useDeepEqualMemo(value: any): undefined;

package/DataTable/utils/useTableParams.d.ts

@@ -1,49 +0,0 @@
-/**
- *  Note all these options can be passed at Design Time or at Runtime (like reduxForm())
- *
- * @export
- *
- * @param {compOrOpts} compOrOpts
- * @typedef {object} compOrOpts
- * @property {*string} formName - required unique identifier for the table
- * @property {Object | Function} schema - The data table schema or a function returning it. The function wll be called with props as the argument.
- * @property {boolean} urlConnected - whether the table should connect to/update the URL
- * @property {boolean} withSelectedEntities - whether or not to pass the selected entities
- * @property {boolean} isCodeModel - whether the model is keyed by code instead of id in the db
- * @property {object} defaults - tableParam defaults such as pageSize, filter, etc
- * @property {boolean} noOrderError - won't console an error if an order is not found on schema
- */
-export default function useTableParams(props: any): any;
-/**
- * Note all these options can be passed at Design Time or at Runtime (like reduxForm())
- */
-export type compOrOpts = {
-    /**
-     * } formName - required unique identifier for the table
-     */
-    string: any;
-    /**
-     * - The data table schema or a function returning it. The function wll be called with props as the argument.
-     */
-    schema: Object | Function;
-    /**
-     * - whether the table should connect to/update the URL
-     */
-    urlConnected: boolean;
-    /**
-     * - whether or not to pass the selected entities
-     */
-    withSelectedEntities: boolean;
-    /**
-     * - whether the model is keyed by code instead of id in the db
-     */
-    isCodeModel: boolean;
-    /**
-     * - tableParam defaults such as pageSize, filter, etc
-     */
-    defaults: object;
-    /**
-     * - won't console an error if an order is not found on schema
-     */
-    noOrderError: boolean;
-};