@teselagen/ui 0.7.3-beta.3 → 0.7.3

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,8 +67554,10 @@ 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);
+          }, 0);
         }
       );
     }
@@ -72891,7 +72893,7 @@ const _FillWindow = class _FillWindow extends React$1.Component {
       this.props.children && isFunction$5(this.props.children) ? this.props.children(windowDimensions) : this.props.children
     );
     if (asPortal)
-      return require$$2$1(inner, window.document.body);
+      return React$1.createPortal(inner, window.document.body);
     return inner;
   }
 };

package/index.es.js

@@ -57,7 +57,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import * as React$1 from "react";
-import React__default, { useState, useEffect, forwardRef, useImperativeHandle, Fragment, useMemo, useRef, useReducer, useCallback, createElement, Component, useLayoutEffect, createContext, memo, useContext, isValidElement, PureComponent } from "react";
+import React__default, { useState, useEffect, forwardRef, useImperativeHandle, Fragment, useMemo, useRef, useReducer, useCallback, createElement, Component, useLayoutEffect, createContext, memo, useContext, isValidElement, PureComponent, createPortal as createPortal$1 } from "react";
 import { Icon, Classes, Button, Intent, MenuItem, Keys, Tag, Popover, Tooltip, Spinner, InputGroup, Checkbox, Switch, TextArea, EditableText, NumericInput, RadioGroup, Position, FormGroup, Menu, Toaster, MenuDivider, useHotkeys, ContextMenu, Callout, Dialog, Card, Tabs, Tab, Colors, Overlay, KeyCombo, ProgressBar } from "@blueprintjs/core";
 import { formValueSelector, initialize, change, Field, reduxForm, SubmissionError, destroy, touch, FormName, Fields } from "redux-form";
 import require$$2$1, { unstable_batchedUpdates, createPortal, flushSync } from "react-dom";
@@ -67536,8 +67536,10 @@ 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);
+          }, 0);
         }
       );
     }
@@ -72873,7 +72875,7 @@ const _FillWindow = class _FillWindow extends React__default.Component {
       this.props.children && isFunction$5(this.props.children) ? this.props.children(windowDimensions) : this.props.children
     );
     if (asPortal)
-      return require$$2$1(inner, window.document.body);
+      return createPortal$1(inner, window.document.body);
     return inner;
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.7.3-beta.3",
+  "version": "0.7.3",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -45,6 +45,7 @@
     "react-color": "^2.19.3",
     "react-dom": "^18.3.1",
     "react-dropzone": "^11.4.2",
+    "react-markdown": "8.0.7",
     "react-redux": "^8.0.5",
     "react-rnd": "^10.2.4",
     "react-router-dom": "4",
@@ -53,6 +54,7 @@
     "redux": "^4.1.2",
     "redux-form": "^8.3.10",
     "redux-thunk": "2.4.1",
+    "remark-gfm": "^3.0.1",
     "tippy.js": "^6.3.7",
     "url-join": "^4.0.1",
     "use-deep-compare-effect": "^1.6.1",

package/src/DataTable/EditabelCell.js

@@ -1,20 +1,30 @@
-import React, { useEffect, useRef } from "react";
+import React, { useEffect, useRef, useState } from "react";
 
 export const EditableCell = ({
-  value,
-  setValue,
   cancelEdit,
   dataTest,
   finishEdit,
-  isNumeric
+  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();
+      }
     }
-  }, [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/FillWindow.js

@@ -1,5 +1,4 @@
-import React from "react";
-import createPortal from "react-dom";
+import React, { createPortal } from "react";
 import { isFunction } from "lodash-es";
 import rerenderOnWindowResize from "./rerenderOnWindowResize";
 import "./FillWindow.css";

package/src/FormComponents/Uploader.js

@@ -369,8 +369,11 @@ 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);
+          }, 0);
         }
       );
     }

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

package/FormComponents/AbstractField.d.ts

@@ -1 +0,0 @@
-export function withAbstractWrapper(ComponentToWrap: any, opts?: {}): (props: any) => import("react/jsx-runtime").JSX.Element;