@teselagen/ui 0.7.5 → 0.7.6

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

@@ -67554,10 +67554,8 @@ const Uploader = /* @__PURE__ */ __name(({
       Promise.allSettled(Array.isArray(__accept) ? __accept : [__accept]).then(
         (results) => {
           const resolved = flatMap(results, (r2) => r2.value);
+          setAcceptLoading(false);
           setResolvedAccept(resolved);
-          setTimeout(() => {
-            setAcceptLoading(false);
-          }, 100);
         }
       );
     }

package/index.es.js

@@ -67536,10 +67536,8 @@ const Uploader = /* @__PURE__ */ __name(({
       Promise.allSettled(Array.isArray(__accept) ? __accept : [__accept]).then(
         (results) => {
           const resolved = flatMap(results, (r2) => r2.value);
+          setAcceptLoading(false);
           setResolvedAccept(resolved);
-          setTimeout(() => {
-            setAcceptLoading(false);
-          }, 100);
         }
       );
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.7.5",
+  "version": "0.7.6",
   "main": "./src/index.js",
   "exports": {
     ".": {

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/src/FormComponents/Uploader.js

@@ -369,11 +369,8 @@ const Uploader = ({
       Promise.allSettled(Array.isArray(__accept) ? __accept : [__accept]).then(
         results => {
           const resolved = flatMap(results, r => r.value);
+          setAcceptLoading(false);
           setResolvedAccept(resolved);
-          setTimeout(() => {
-            // give the resolved accept a full JS cycle to update before allowing actionability on the dropzone
-            setAcceptLoading(false);
-          }, 100);
         }
       );
     }

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