ag-common 0.0.249 → 0.0.252

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

@@ -27,8 +27,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PromptModal = void 0;
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
 const Button_1 = require("../Button");
 const FlexColumn_1 = require("../FlexColumn");
 const FlexRow_1 = require("../FlexRow");

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

@@ -27,7 +27,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxEdit = void 0;
-/* eslint-disable jsx-a11y/no-onchange */
 const images_1 = require("./images");
 const common_1 = require("./common");
 const common_2 = require("../../styles/common");

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

@@ -24,7 +24,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColourEdit = void 0;
-/* eslint-disable jsx-a11y/no-onchange */
 const images_1 = require("./images");
 const common_1 = require("./common");
 const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");

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

@@ -1,6 +1,10 @@
 /// <reference types="react" />
-export declare const ListboxEdit: ({ defaultValue, onSubmit, values, }: {
+export declare const ListboxEdit: ({ defaultValue, onSubmit, values, canEdit, }: {
     defaultValue: string;
-    onSubmit: (val: string[]) => void;
+    onSubmit: (val: string) => void;
     values: string[];
+    /**
+     * if true can revert or explicit save. default true
+     */
+    canEdit?: boolean | undefined;
 }) => JSX.Element;

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

@@ -24,22 +24,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListboxEdit = void 0;
-/* eslint-disable jsx-a11y/no-onchange */
 const images_1 = require("./images");
 const common_1 = require("./common");
 const common_2 = require("../../styles/common");
 const react_1 = __importStar(require("react"));
-const ListboxEdit = ({ defaultValue, onSubmit, values, }) => {
+const ListboxEdit = ({ defaultValue, onSubmit, values, canEdit = true, }) => {
     const [value, setValue] = (0, react_1.useState)(defaultValue);
     (0, react_1.useEffect)(() => {
         setValue(defaultValue);
     }, [defaultValue]);
     return (react_1.default.createElement(common_1.ValueBox, Object.assign({}, common_2.noDrag),
-        react_1.default.createElement("select", { size: 5, value: value, onChange: (v) => setValue(v.target.value) }, values.map((v) => (react_1.default.createElement("option", { key: v, value: v }, v)))),
-        value !== defaultValue && (react_1.default.createElement(common_1.IconD, { style: common_1.iconLeft, onClick: () => value !== defaultValue &&
-                onSubmit(value.split(',').map((s) => s.trim())) },
+        react_1.default.createElement("select", { size: 5, value: value, onChange: (v) => canEdit ? setValue(v.target.value) : onSubmit(v.target.value) }, values.map((v) => (react_1.default.createElement("option", { key: v, value: v }, v)))),
+        canEdit && 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) },
+        canEdit && value !== defaultValue && (react_1.default.createElement(common_1.IconD, { style: common_1.iconRight, onClick: () => setValue(defaultValue) },
             react_1.default.createElement(images_1.UndoIcon, null)))));
 };
 exports.ListboxEdit = ListboxEdit;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const RadioGroup: <T>({ defaultValue, onSubmit, values, renderLabel, renderValue, }: {
+    /**
+     * can overload the render of the label. defaults to toString
+     */
+    renderLabel?: ((a: T) => string) | undefined;
+    /**
+     * render the value from the generic T. defaults to toString
+     */
+    renderValue?: ((a: T) => string) | undefined;
+    defaultValue: T;
+    onSubmit: (val: T) => void;
+    values: T[];
+}) => JSX.Element;

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

@@ -0,0 +1,51 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = void 0;
+const common_1 = require("./common");
+const FlexColumn_1 = require("../FlexColumn");
+const common_2 = require("../../styles/common");
+const math_1 = require("../../../common/helpers/math");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Label = styled_components_1.default.label ``;
+const RadioGroup = ({ defaultValue, onSubmit, values, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+renderLabel = (e) => e.toString(), 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+renderValue = (e) => e.toString(), }) => {
+    const [name] = (0, react_1.useState)((0, math_1.getRandomInt)(10000).toString());
+    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    (0, react_1.useEffect)(() => {
+        setValue(defaultValue);
+    }, [defaultValue]);
+    return (react_1.default.createElement(common_1.ValueBox, Object.assign({}, common_2.noDrag), values.map((v) => (react_1.default.createElement(FlexColumn_1.FlexColumn, { key: name + v },
+        react_1.default.createElement(Label, null, renderLabel(v)),
+        react_1.default.createElement("input", { type: "radio", key: renderValue(v), value: renderValue(v), name: name, checked: v === value, onChange: () => onSubmit(v) }))))));
+};
+exports.RadioGroup = RadioGroup;

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

@@ -24,7 +24,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextEdit = exports.ValueReadonly = void 0;
-/* eslint-disable jsx-a11y/no-onchange */
 const images_1 = require("./images");
 const common_1 = require("./common");
 const LengthBox_1 = require("./LengthBox");

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

@@ -1,5 +1,6 @@
 export * from './CheckboxEdit';
 export * from './ColourEdit';
 export * from './ListboxEdit';
+export * from './RadioGroup';
 export * from './TextEdit';
 export * from './types';

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

@@ -17,5 +17,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./CheckboxEdit"), exports);
 __exportStar(require("./ColourEdit"), exports);
 __exportStar(require("./ListboxEdit"), exports);
+__exportStar(require("./RadioGroup"), exports);
 __exportStar(require("./TextEdit"), exports);
 __exportStar(require("./types"), exports);

package/package.json

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