ag-common 0.0.151 → 0.0.155

package/dist/ui/components/DropdownList/index.js

@@ -50,7 +50,7 @@ const SItems = styled_components_1.default.div `
       max-height: ${maxHeight};
     `}
 
-  overflow-y: scroll;
+  overflow-y: auto;
   ${({ open }) => open &&
     (0, styled_components_1.css) `
       display: flex;

package/dist/ui/components/Prompt/index.js

@@ -85,7 +85,14 @@ const PromptModal = ({ wrapper, res, bottomText, topText, okText = 'OK', cancelT
             react_1.default.createElement(Content, null,
                 topText && react_1.default.createElement(TopText, null, topText),
                 react_1.default.createElement(BottomText, null, bottomText),
-                react_1.default.createElement(TextEdit_1.TextEdit, { defaultValue: text, onSubmit: (c) => setText(c), placeholder: placeholder, defaultEditing: { focus: true }, singleLine: true, noGrow: true }),
+                react_1.default.createElement(TextEdit_1.TextEdit, { defaultValue: text, onSubmit: (c, enter) => {
+                        if (enter) {
+                            ret(c);
+                        }
+                        else {
+                            setText(c);
+                        }
+                    }, placeholder: placeholder, defaultEditing: { focus: true }, singleLine: true, noGrow: true }),
                 react_1.default.createElement(Bottom, { noGrow: true },
                     react_1.default.createElement(Button_1.Button, { onClick: () => ret(text) }, okText),
                     react_1.default.createElement(Button_1.Button, { invert: true, onClick: () => ret(undefined) }, cancelText))))));

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { StyledComponent } from 'styled-components';
 export declare const ValueReadonly: StyledComponent<"div", any, {}, never>;
-export declare const TextEdit: ({ defaultValue, defaultEditing, onSubmit, disableEdit, placeholder, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, className, singleLine, noGrow, }: {
+export declare const TextEdit: ({ defaultValue, defaultEditing, onSubmit, disableEdit, placeholder, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, className, singleLine, noGrow, attributes, }: {
     /**
      * forces single row input style. will also enable 'Enter' to auto submit
      */
@@ -14,7 +14,10 @@ export declare const TextEdit: ({ defaultValue, defaultEditing, onSubmit, disabl
     defaultEditing?: {
         focus: boolean;
     } | undefined;
-    onSubmit: (val: string) => void;
+    /**
+     * on submit.
+     */
+    onSubmit: (val: string, enterPressed: boolean) => void;
     disableEdit?: boolean | undefined;
     placeholder?: string | undefined;
     onEditingChange?: ((editing: boolean) => void) | undefined;
@@ -24,4 +27,8 @@ export declare const TextEdit: ({ defaultValue, defaultEditing, onSubmit, disabl
      * 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;
 }) => JSX.Element;

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

@@ -69,7 +69,7 @@ const Icon = styled_components_1.default.div `
     filter: saturate(3);
   }
 `;
-const TextEdit = ({ defaultValue, defaultEditing, onSubmit, disableEdit = false, placeholder, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, className, singleLine = false, noGrow = false, }) => {
+const TextEdit = ({ defaultValue, defaultEditing, onSubmit, disableEdit = false, placeholder, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, className, singleLine = false, noGrow = false, attributes, }) => {
     const ref = (0, react_1.useRef)(null);
     const taref = (0, react_1.useRef)(null);
     const [value, setValue] = (0, react_1.useState)(defaultValue);
@@ -77,7 +77,7 @@ const TextEdit = ({ defaultValue, defaultEditing, onSubmit, disableEdit = false,
     const valueChange = value !== defaultValue;
     (0, useOnClickOutside_1.useOnClickOutside)({ ref, moveMouseOutside: false }, () => {
         if (valueChange) {
-            onSubmit(value);
+            onSubmit(value, false);
         }
         else {
             if (!disableEdit && editing && defaultEditing) {
@@ -107,7 +107,7 @@ const TextEdit = ({ defaultValue, defaultEditing, onSubmit, disableEdit = false,
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [defaultEditing]);
     if (!editing || disableEdit) {
-        return (react_1.default.createElement(common_1.ValueBox, Object.assign({}, common_2.noDrag, { className: className, "data-editing": "false", onClick: () => onClickNotEditing === null || onClickNotEditing === void 0 ? void 0 : onClickNotEditing(), "data-pointer": onClickNotEditing ? 'true' : 'false', "data-nogrow": noGrow }),
+        return (react_1.default.createElement(common_1.ValueBox, Object.assign({}, common_2.noDrag, { className: className, "data-editing": "false", onClick: () => onClickNotEditing === null || onClickNotEditing === void 0 ? void 0 : onClickNotEditing(), "data-pointer": onClickNotEditing ? 'true' : 'false', "data-nogrow": noGrow }, attributes),
             react_1.default.createElement(exports.ValueReadonly, { "data-type": "text" }, value),
             react_1.default.createElement(Right, null, !disableEdit && (react_1.default.createElement(Icon, { style: common_1.iconRight, onClick: (e) => {
                     e.stopPropagation();
@@ -125,10 +125,13 @@ const TextEdit = ({ defaultValue, defaultEditing, onSubmit, disableEdit = false,
         : ValueTextArea;
     return (react_1.default.createElement(ValueBoxEdit, Object.assign({}, common_2.noDrag, { className: className, "data-editing": "true", 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ref: ref, tabIndex: editing ? 0 : undefined, "data-nogrow": noGrow }),
-        react_1.default.createElement(Comp, { "data-editing": "true", "data-valuechange": valueChange.toString(), ref: taref, "data-type": "text", value: value, onChange: (v) => setValue(v.currentTarget.value), placeholder: placeholder, rows: singleLine ? 1 : undefined, onKeyDown: (e) => singleLine && e.code.endsWith('Enter') && onSubmit(value) && false }),
+        ref: ref, tabIndex: editing ? 0 : undefined, "data-nogrow": noGrow }, attributes),
+        react_1.default.createElement(Comp, { "data-editing": "true", "data-valuechange": valueChange.toString(), ref: taref, "data-type": "text", value: value, onChange: (v) => setValue(v.currentTarget.value), placeholder: placeholder, rows: singleLine ? 1 : undefined, onKeyDown: (e) => singleLine &&
+                e.code.endsWith('Enter') &&
+                onSubmit(value, true) &&
+                false }),
         react_1.default.createElement(Right, null,
-            valueChange && (react_1.default.createElement(Icon, { style: common_1.iconLeft, onClick: () => valueChange && onSubmit(value) },
+            valueChange && (react_1.default.createElement(Icon, { style: common_1.iconLeft, onClick: () => valueChange && onSubmit(value, false) },
                 react_1.default.createElement(images_1.SaveIcon, null))),
             (valueChange || editing !== !!defaultEditing) && (react_1.default.createElement(Icon, { style: common_1.iconRight, onClick: () => {
                     setEditing(!!defaultEditing);

package/package.json

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