ag-common 0.0.220 → 0.0.221

package/dist/ui/components/TextEdit/TextEdit.d.ts

@@ -1,55 +1,5 @@
 /// <reference types="react" />
+import { ITextEdit } from './types';
 import { StyledComponent } from 'styled-components';
 export declare const ValueReadonly: StyledComponent<"div", any, {}, never>;
-export declare const TextEdit: ({ defaultValue, defaultEditing, disableEdit, placeholder, className, singleLine, noGrow, attributes, leftContent, onSubmit, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, allowUndo, onEscape, }: {
-    /**
-     * forces single row input style. will also enable 'Enter' to auto submit
-     */
-    singleLine?: boolean | undefined;
-    className?: string | undefined;
-    /**
-     * default value of field. default empty
-     */
-    defaultValue?: string | undefined;
-    /**
-     * if truthy will enable text edit mode by default. if focus is true, will also focus on open
-     */
-    defaultEditing?: {
-        focus?: boolean | undefined;
-    } | undefined;
-    onSubmit: (val: string, enterPressed: boolean) => void;
-    /**
-     * disable edit text functionality
-     */
-    disableEdit?: boolean | undefined;
-    placeholder?: string | undefined;
-    /**
-     * when the user edits or unselects edit
-     */
-    onEditingChange?: ((editing: boolean) => void) | undefined;
-    /**
-     * if null will disable click outside
-     */
-    onClickOutsideWithNoValue?: (() => void) | null | undefined;
-    onClickNotEditing?: (() => void) | undefined;
-    /**
-     * if true, will not grow. default false
-     */
-    noGrow?: boolean | undefined;
-    /**
-     * will set these attributes directly on element. can put data-* here
-     */
-    attributes?: Record<string, string | number | boolean> | undefined;
-    /**
-     * optional content at the left of the box
-     */
-    leftContent?: JSX.Element | undefined;
-    /**
-     * if true, will add undo button after changes. if false, will submit after every keypress. default true
-     */
-    allowUndo?: boolean | undefined;
-    /**
-     * will call on user pressed escape
-     */
-    onEscape?: (() => void) | undefined;
-}) => JSX.Element;
+export declare const TextEdit: ({ defaultValue, defaultEditing, disableEdit, placeholder, className, singleLine, noGrow, attributes, leftContent, onSubmit, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, allowUndo, onEscape, maxLength, onKeyDown, }: ITextEdit) => JSX.Element;

package/dist/ui/components/TextEdit/TextEdit.js

@@ -73,7 +73,7 @@ const Icon = styled_components_1.default.div `
     filter: saturate(3);
   }
 `;
-const TextEdit = ({ defaultValue = '', defaultEditing, disableEdit = false, placeholder, className, singleLine = false, noGrow = false, attributes, leftContent, onSubmit, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, allowUndo = true, onEscape, }) => {
+const TextEdit = ({ defaultValue = '', defaultEditing, disableEdit = false, placeholder, className, singleLine = false, noGrow = false, attributes, leftContent, onSubmit, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, allowUndo = true, onEscape, maxLength, onKeyDown, }) => {
     const ref = (0, react_1.useRef)(null);
     const taref = (0, react_1.useRef)(null);
     const [value, setValue] = (0, react_1.useState)(defaultValue);
@@ -138,7 +138,11 @@ const TextEdit = ({ defaultValue = '', defaultEditing, disableEdit = false, plac
                 if (!allowUndo) {
                     onSubmit(v.currentTarget.value, false);
                 }
-            }, placeholder: placeholder, rows: singleLine ? 1 : undefined, onKeyDown: (e) => {
+            }, placeholder: placeholder, rows: singleLine ? 1 : undefined, maxLength: maxLength, onKeyDown: (e) => {
+                if ((onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e)) === false) {
+                    e.preventDefault();
+                    return;
+                }
                 if (singleLine && e.code.endsWith('Enter')) {
                     onSubmit(value, true);
                 }

package/dist/ui/components/TextEdit/types.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+export interface ITextEdit {
+    /**
+     * forces single row input style. will also enable 'Enter' to auto submit
+     */
+    singleLine?: boolean;
+    className?: string;
+    /**
+     * default value of field. default empty
+     */
+    defaultValue?: string;
+    /**
+     * if truthy will enable text edit mode by default. if focus is true, will also focus on open
+     */
+    defaultEditing?: {
+        focus?: boolean;
+    };
+    onSubmit: (val: string, 
+    /**
+     * if true, was passed by pressing Enter
+     */
+    enterPressed: boolean) => void;
+    /**
+     * disable edit text functionality
+     */
+    disableEdit?: boolean;
+    placeholder?: string;
+    /**
+     * when the user edits or unselects edit
+     */
+    onEditingChange?: (editing: boolean) => void;
+    /**
+     * if null will disable click outside
+     */
+    onClickOutsideWithNoValue?: (() => void) | null;
+    onClickNotEditing?: () => void;
+    /**
+     * if true, will not grow. default false
+     */
+    noGrow?: boolean;
+    /**
+     * will set these attributes directly on element. can put data-* here
+     */
+    attributes?: Record<string, string | number | boolean>;
+    /**
+     * optional content at the left of the box
+     */
+    leftContent?: JSX.Element;
+    /**
+     * if true, will add undo button after changes. if false, will submit after every keypress. default true
+     */
+    allowUndo?: boolean;
+    /**
+     * will call on user pressed escape
+     */
+    onEscape?: () => void;
+    maxLength?: number;
+    /**
+     * if provided and return false, will cancel keydown
+     */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => boolean;
+}

package/dist/ui/components/TextEdit/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.220",
+  "version": "0.0.221",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",