ag-common 0.0.521 → 0.0.523

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

@@ -1,10 +1,12 @@
 import React from 'react';
-export declare const CheckboxEdit: ({ defaultValue, onSubmit, noGrow, allowUndo, }: {
+export declare const CheckboxEdit: ({ defaultValue, onSubmit, noGrow, allowUndo, rightSpan, }: {
     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;
+    allowUndo: boolean;
+    /** display to right of CB */
+    rightSpan?: React.ReactNode;
 }) => React.JSX.Element;

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

@@ -41,7 +41,9 @@ const Icons = (0, styled_1.default)(FlexRow_1.FlexRow) `
   top: 0;
   right: -2rem;
 `;
-const CheckboxEdit = ({ defaultValue, onSubmit, noGrow = false, allowUndo = true, }) => {
+const CheckboxEdit = ({ defaultValue, onSubmit, noGrow = false, 
+/** default allowUndo=true */
+allowUndo = true, rightSpan, }) => {
     const ref = (0, react_1.useRef)(null);
     const [value, setValue] = (0, react_1.useState)(defaultValue);
     (0, react_1.useEffect)(() => {
@@ -53,19 +55,20 @@ const CheckboxEdit = ({ defaultValue, onSubmit, noGrow = false, allowUndo = true
             onSubmit(value);
         }
     });
-    return (react_1.default.createElement(common_2.ValueBox, Object.assign({}, common_1.noDrag, { ref: ref, "data-nogrow": noGrow }),
-        react_1.default.createElement(common_2.ValueInputCB, { type: "checkbox", "data-type": "checkbox", checked: value, onChange: () => {
-                if (allowUndo) {
-                    setValue(!value);
-                }
-                else {
-                    onSubmit(!value);
-                }
-            }, onKeyDown: (e) => e.key === 'Enter' && value !== defaultValue && onSubmit(value) }),
+    return (react_1.default.createElement(common_2.ValueBox, Object.assign({}, common_1.noDrag, { style: { cursor: 'pointer' }, ref: ref, "data-nogrow": noGrow, onClick: () => {
+            if (allowUndo) {
+                setValue(!value);
+            }
+            else {
+                onSubmit(!value);
+            }
+        } }),
+        react_1.default.createElement(common_2.ValueInputCB, { type: "checkbox", "data-type": "checkbox", checked: value, onKeyDown: (e) => e.key === 'Enter' && value !== defaultValue && onSubmit(value) }),
         allowUndo && value !== defaultValue && (react_1.default.createElement(Icons, { center: true, enableOverflow: true },
             react_1.default.createElement(common_2.IconD, { style: common_2.iconLeft, onClick: () => value !== defaultValue && onSubmit(value) },
                 react_1.default.createElement(Save_1.Save, null)),
             react_1.default.createElement(common_2.IconD, { style: Object.assign(Object.assign({}, common_2.iconRight), { fill: '#134563' }), onClick: () => setValue(defaultValue) },
-                react_1.default.createElement(Undo_1.Undo, null))))));
+                react_1.default.createElement(Undo_1.Undo, null)))),
+        !rightSpan ? '' : rightSpan));
 };
 exports.CheckboxEdit = CheckboxEdit;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.521",
+  "version": "0.0.523",
   "name": "ag-common",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",