revdev-components 0.155.0 → 0.157.0

package/build/fields/index.d.ts

@@ -11,3 +11,4 @@ export * from "./textArea";
 export * from "./checkbox";
 export * from "./switch";
 export * from "./autocomplete";
+export * from "./switchButton";

package/build/fields/switchButton/control.d.ts

@@ -3,8 +3,8 @@ import { SizeType } from "antd/lib/config-provider/SizeContext";
 import { RadioGroupProps } from "antd/lib";
 import { ValueOption } from "src/interfaces";
 export interface SwitchButtonControlProps extends Omit<RadioGroupProps, "onChange" | "value"> {
-    value?: string;
-    onChange?: (newValue?: string) => void;
+    value?: any;
+    onChange?: (newValue?: any) => void;
     options: ValueOption[];
     size?: SizeType;
 }

package/build/index.js

@@ -5043,6 +5043,25 @@ var AutoCompleteField = function (props) {
         React.createElement(antd.AutoComplete, __assign({}, controlProps))));
 };
 
+var SwitchButtonControl = function (_a) {
+    var onChange = _a.onChange, value = _a.value, options = _a.options, rest = __rest(_a, ["onChange", "value", "options"]);
+    var handleChange = React.useCallback(function (newValue) {
+        if (value == newValue) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+        }
+        else {
+            onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+        }
+    }, [onChange, value]);
+    return (React.createElement(antd.Radio.Group, __assign({ value: value }, rest), options.map(function (option) { return (React.createElement(antd.Radio.Button, { key: option.value, value: option.value, onClick: function () { return handleChange(option.value); } }, option.label)); })));
+};
+
+var SwitchButtonField = function (props) {
+    var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], _c = _b.buttonStyle, buttonStyle = _c === void 0 ? "solid" : _c, _d = _b.optionType, optionType = _d === void 0 ? "button" : _d, controlProps = __rest(_b, ["buttonStyle", "optionType"]);
+    return (React.createElement(FormLine, __assign({}, lineProps),
+        React.createElement(SwitchButtonControl, __assign({ buttonStyle: buttonStyle, optionType: optionType }, controlProps))));
+};
+
 var s$l = {"root":"index-module_root__9GQDU"};
 
 var FormButton = function (_a) {
@@ -5623,6 +5642,7 @@ exports.SelectField = SelectField;
 exports.SocialIcon = SocialIcon;
 exports.SocialIconNameList = SocialIconNameList;
 exports.SplitLine = SplitLine;
+exports.SwitchButtonField = SwitchButtonField;
 exports.SwitchField = SwitchField;
 exports.TextAreaField = TextAreaField;
 exports.TextUtil = TextUtil;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revdev-components",
-  "version": "0.155.0",
+  "version": "0.157.0",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "scripts": {