ag-common 0.0.268 → 0.0.271

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

@@ -28,6 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BorderGradient = void 0;
 const colours_1 = require("../../styles/colours");
+const object_1 = require("../../../common/helpers/object");
 const styled_components_1 = __importStar(require("styled-components"));
 const react_1 = __importDefault(require("react"));
 const BGcss = (0, styled_components_1.css) `
@@ -66,14 +67,14 @@ const FeatureBoxFill = (0, styled_components_1.default)(Padding) `
 `;
 const BorderGradient = ({ left = colours_1.colours.orange, right = colours_1.colours.orangeRed, children, radius = '2rem', fill = false, padding = '2rem', className, onClick, href, target, rel, noGrow = false, disabled = false, canClick = false, }) => {
     const CCND = canClick && !disabled;
-    const style = {
+    const style = (0, object_1.removeUndefValuesFromObject)({
         flexGrow: noGrow ? 0 : 1,
         '--left': left,
         '--right': right,
         borderRadius: radius,
-        filter: !disabled ? '' : 'grayscale(1)',
+        filter: !disabled ? null : 'grayscale(1)',
         cursor: CCND ? 'pointer' : 'default',
-    };
+    });
     const props = {
         onClick: (e) => !disabled && onClick && onClick(e),
         className,

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

@@ -1,5 +1,9 @@
-export declare const CheckboxEdit: ({ defaultValue, onSubmit, noGrow, }: {
+export declare const CheckboxEdit: ({ defaultValue, onSubmit, noGrow, allowUndo, }: {
     defaultValue: boolean;
     onSubmit: (val: boolean) => void;
     noGrow?: boolean | undefined;
+    /**
+     * if true, will add undo button after changes. if false, will submit after every keypress. default true
+     */
+    allowUndo?: boolean | undefined;
 }) => JSX.Element;

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

@@ -39,7 +39,7 @@ const Icons = (0, styled_components_1.default)(FlexRow_1.FlexRow) `
   top: 0;
   right: -2rem;
 `;
-const CheckboxEdit = ({ defaultValue, onSubmit, noGrow = false, }) => {
+const CheckboxEdit = ({ defaultValue, onSubmit, noGrow = false, allowUndo = true, }) => {
     const ref = (0, react_1.useRef)(null);
     const [value, setValue] = (0, react_1.useState)(defaultValue);
     (0, react_1.useEffect)(() => {
@@ -52,11 +52,18 @@ const CheckboxEdit = ({ defaultValue, onSubmit, noGrow = false, }) => {
         }
     });
     return (react_1.default.createElement(common_1.ValueBox, Object.assign({}, common_2.noDrag, { ref: ref, "data-nogrow": noGrow }),
-        react_1.default.createElement(common_1.ValueInputCB, { type: "checkbox", "data-type": "checkbox", checked: value, onChange: () => setValue(!value), onKeyPress: (e) => e.key === 'Enter' && value !== defaultValue && onSubmit(value) }),
-        react_1.default.createElement(Icons, { center: true, enableOverflow: true },
+        react_1.default.createElement(common_1.ValueInputCB, { type: "checkbox", "data-type": "checkbox", checked: value, onChange: () => {
+                if (allowUndo) {
+                    setValue(!value);
+                }
+                else {
+                    onSubmit(!value);
+                }
+            }, onKeyPress: (e) => e.key === 'Enter' && value !== defaultValue && onSubmit(value) }),
+        allowUndo && (react_1.default.createElement(Icons, { center: true, enableOverflow: true },
             value !== defaultValue && (react_1.default.createElement(common_1.IconD, { style: common_1.iconLeft, onClick: () => value !== defaultValue && onSubmit(value) },
                 react_1.default.createElement(images_1.SaveIcon, null))),
             value !== defaultValue && (react_1.default.createElement(common_1.IconD, { style: common_1.iconRight, onClick: () => setValue(defaultValue) },
-                react_1.default.createElement(images_1.UndoIcon, null))))));
+                react_1.default.createElement(images_1.UndoIcon, null)))))));
 };
 exports.CheckboxEdit = CheckboxEdit;

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

@@ -1,4 +1,4 @@
 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, maxLength, onKeyDown, }: ITextEdit) => JSX.Element;
+export declare const TextEdit: (p: ITextEdit) => JSX.Element;

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

@@ -29,6 +29,7 @@ const common_1 = require("./common");
 const LengthBox_1 = require("./LengthBox");
 const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
 const common_2 = require("../../styles/common");
+const dom_1 = require("../../helpers/dom");
 const styled_components_1 = __importStar(require("styled-components"));
 const react_1 = __importStar(require("react"));
 exports.ValueReadonly = styled_components_1.default.div `
@@ -81,7 +82,8 @@ 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, maxLength, onKeyDown, }) => {
+const TextEdit = (p) => {
+    const { defaultValue = '', defaultEditing, disableEdit = false, placeholder, className, singleLine = false, noGrow = false, leftContent, onSubmit, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, allowUndo = true, onEscape, maxLength, onKeyDown, } = p;
     const ref = (0, react_1.useRef)(null);
     const taref = (0, react_1.useRef)(null);
     const [value, setValue] = (0, react_1.useState)(defaultValue);
@@ -94,17 +96,16 @@ const TextEdit = ({ defaultValue = '', defaultEditing, disableEdit = false, plac
     }, () => {
         if (valueChange) {
             onSubmit(value, false);
+            return;
         }
-        else {
-            if (!disableEdit && onClickOutsideWithNoValue) {
-                onClickOutsideWithNoValue();
-            }
-            if (!disableEdit && editing && defaultEditing) {
-                return;
-            }
-            if (editing) {
-                setEditingRaw(false);
-            }
+        if (!disableEdit && onClickOutsideWithNoValue) {
+            onClickOutsideWithNoValue();
+        }
+        if (!disableEdit && editing && defaultEditing) {
+            return;
+        }
+        if (editing) {
+            setEditingRaw(false);
         }
     });
     const setEditing = (0, react_1.useCallback)((b) => {
@@ -124,7 +125,7 @@ const TextEdit = ({ defaultValue = '', defaultEditing, disableEdit = false, plac
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     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 }, attributes),
+        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 }, (0, dom_1.filterDataProps)(p)),
             leftContent || null,
             react_1.default.createElement(exports.ValueReadonly, { "data-type": "text" }, value || react_1.default.createElement("span", { style: { color: '#ccc' } }, placeholder)),
             react_1.default.createElement(Right, null, !disableEdit && (react_1.default.createElement(Icon, { style: common_1.iconRight, onClick: (e) => {
@@ -140,7 +141,7 @@ const TextEdit = ({ defaultValue = '', defaultEditing, disableEdit = false, plac
         : 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: -1, "data-nogrow": noGrow }, attributes),
+        ref: ref, tabIndex: -1, "data-nogrow": noGrow }, (0, dom_1.filterDataProps)(p)),
         leftContent || null,
         react_1.default.createElement(Comp, { tabIndex: editing ? 0 : undefined, "data-editing": "true", "data-valuechange": valueChange.toString(), ref: taref, "data-type": "text", value: value, onChange: (v) => {
                 setValue(v.currentTarget.value);

package/package.json

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