ag-common 0.0.218 → 0.0.221

package/dist/common/helpers/i18n.d.ts

@@ -1,4 +1,4 @@
-declare type TLangExceptEn = 'id' | 'vi' | 'pr';
+declare type TLangExceptEn = 'id' | 'vi' | 'pt';
 export declare type TLang = TLangExceptEn | 'en';
 export declare const AllLang: TLang[];
 /**
@@ -11,4 +11,7 @@ export declare type TResource = {
 };
 export declare const getValidatedLang: (raw: string) => TLang;
 export declare const t: (res: TResource, lang: TLang) => string;
+export declare const useTranslation: <T extends {
+    [a: string]: TResource;
+}>(texts: T, lang: TLang) => (lineText: keyof T) => string;
 export {};

package/dist/common/helpers/i18n.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.t = exports.getValidatedLang = exports.AllLang = void 0;
-exports.AllLang = ['en', 'id', 'vi', 'pr'];
+exports.useTranslation = exports.t = exports.getValidatedLang = exports.AllLang = void 0;
+exports.AllLang = ['en', 'id', 'vi', 'pt'];
 const getValidatedLang = (raw) => {
     const f = exports.AllLang.find((l) => l === raw);
     if (!f) {
@@ -18,3 +18,15 @@ const t = (res, lang) => {
     return (_a = res[lang]) !== null && _a !== void 0 ? _a : res.en;
 };
 exports.t = t;
+const useTranslation = (texts, lang) => {
+    const ret = (lineText) => {
+        var _a, _b;
+        const v1 = (_a = texts[lineText]) === null || _a === void 0 ? void 0 : _a[lang];
+        if (v1 || v1 === null) {
+            return v1 !== null && v1 !== void 0 ? v1 : '';
+        }
+        return (_b = texts[lineText].en) !== null && _b !== void 0 ? _b : '???';
+    };
+    return ret;
+};
+exports.useTranslation = useTranslation;

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/dist/ui/helpers/index.d.ts

@@ -8,7 +8,6 @@ export * from './debounce';
 export * from './dom';
 export * from './extractAttributes';
 export * from './jwt';
-export * from './lang';
 export * from './plural';
 export * from './routes';
 export * from './serviceWorker';

package/dist/ui/helpers/index.js

@@ -24,7 +24,6 @@ __exportStar(require("./debounce"), exports);
 __exportStar(require("./dom"), exports);
 __exportStar(require("./extractAttributes"), exports);
 __exportStar(require("./jwt"), exports);
-__exportStar(require("./lang"), exports);
 __exportStar(require("./plural"), exports);
 __exportStar(require("./routes"), exports);
 __exportStar(require("./serviceWorker"), exports);

package/package.json

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

package/dist/ui/helpers/lang.d.ts

@@ -1,4 +0,0 @@
-import { TLang, TResource } from '../../common/helpers/i18n';
-export declare const useTranslation: <T extends {
-    [a: string]: TResource;
-}>(texts: T, lang: TLang) => (lineText: keyof T) => string;

package/dist/ui/helpers/lang.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTranslation = void 0;
-const useTranslation = (texts, lang) => {
-    const ret = (lineText) => {
-        var _a;
-        let v1 = (_a = texts[lineText]) === null || _a === void 0 ? void 0 : _a[lang];
-        const missing = v1 === undefined;
-        if (missing) {
-            v1 = texts[lineText].en;
-        }
-        if (missing) {
-            return '???';
-        }
-        if (v1 === undefined || v1 === null) {
-            return '???';
-        }
-        return v1;
-    };
-    return ret;
-};
-exports.useTranslation = useTranslation;