revdev-components 0.44.0 → 0.45.0

package/build/fields/index.d.ts

@@ -8,3 +8,4 @@ export * from "./range-picker";
 export * from "./select";
 export * from "./text-area";
 export * from "./checkbox";
+export * from "./switch";

package/build/index.js

@@ -1521,13 +1521,13 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var s$i = {"root":"index-module_root__-LDR1"};
+var s$j = {"root":"index-module_root__-LDR1"};
 
 // https://www.svgrepo.com/
 function useBasicIcon(_a, icons) {
     var className = _a.className, name = _a.name, props = __rest(_a, ["className", "name"]);
     var svgAttrs = React.useMemo(function () {
-        return __assign({ className: classNames(s$i.root, className), fill: "currentColor" }, props);
+        return __assign({ className: classNames(s$j.root, className), fill: "currentColor" }, props);
     }, [className, props]);
     var Icon = icons[name];
     return Icon ? React.createElement(Icon, __assign({}, svgAttrs)) : undefined;
@@ -4614,7 +4614,7 @@ var SocialIcon = function (props) {
     return useBasicIcon(props, icons);
 };
 
-var s$h = {"root":"index-module_root__gtTIa","action":"index-module_action__pOSde"};
+var s$i = {"root":"index-module_root__gtTIa","action":"index-module_action__pOSde"};
 
 function useForm(form) {
     var newForm = antd.Form.useForm()[0];
@@ -4634,10 +4634,10 @@ function AppForm(_a) {
     React.useEffect(function () {
         onValid === null || onValid === void 0 ? void 0 : onValid(valid);
     }, [onValid, valid]);
-    return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$h.root, className), layout: "vertical", onValuesChange: onValuesChange, onFieldsChange: onFieldsChange, initialValues: initialValues }, typeof children === "function" ? children({ valid: valid }) : children));
+    return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$i.root, className), layout: "vertical", onValuesChange: onValuesChange, onFieldsChange: onFieldsChange, initialValues: initialValues }, typeof children === "function" ? children({ valid: valid }) : children));
 }
 
-var s$g = {"root":"index-module_root__2S1Jp"};
+var s$h = {"root":"index-module_root__2S1Jp"};
 
 function useLineProps(_a) {
     var lineClassName = _a.lineClassName, name = _a.name, label = _a.label, rules = _a.rules, valuePropName = _a.valuePropName, noStyle = _a.noStyle, hasFeedback = _a.hasFeedback, dependencies = _a.dependencies, rest = __rest(_a, ["lineClassName", "name", "label", "rules", "valuePropName", "noStyle", "hasFeedback", "dependencies"]);
@@ -4651,7 +4651,7 @@ var FormLine = function (_a) {
         }
         return [];
     }, [validateRules]);
-    return React.createElement(antd.Form.Item, __assign({ className: classNames(s$g.root, className), rules: rules }, props));
+    return React.createElement(antd.Form.Item, __assign({ className: classNames(s$h.root, className), rules: rules }, props));
 };
 
 var DatePickerField = function (props) {
@@ -4672,12 +4672,12 @@ var InputField = function (props) {
         React.createElement(antd.Input, __assign({}, controlProps))));
 };
 
-var s$f = {"input":"index-module_input__LxXnu"};
+var s$g = {"input":"index-module_input__LxXnu"};
 
 var InputNumberField = function (props) {
     var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], className = _b.className, controlProps = __rest(_b, ["className"]);
     return (React.createElement(FormLine, __assign({}, lineProps),
-        React.createElement(antd.InputNumber, __assign({ className: classNames(s$f.input, className) }, controlProps))));
+        React.createElement(antd.InputNumber, __assign({ className: classNames(s$g.input, className) }, controlProps))));
 };
 
 var RadioButtonField = function (props) {
@@ -4686,13 +4686,13 @@ var RadioButtonField = function (props) {
         React.createElement(antd.Radio.Group, __assign({ buttonStyle: buttonStyle, optionType: optionType }, controlProps))));
 };
 
-var s$e = {"popup":"index-module_popup__5L587"};
+var s$f = {"popup":"index-module_popup__5L587"};
 
 var RangePicker = antd.DatePicker.RangePicker;
 var RangePickerField = function (props) {
     var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], oneMonth = _b.oneMonth, controlProps = __rest(_b, ["oneMonth"]);
     return (React.createElement(FormLine, __assign({}, lineProps),
-        React.createElement(RangePicker, __assign({}, controlProps, { popupClassName: oneMonth ? s$e.popup : undefined }))));
+        React.createElement(RangePicker, __assign({}, controlProps, { popupClassName: oneMonth ? s$f.popup : undefined }))));
 };
 
 var SelectField = function (props) {
@@ -4714,6 +4714,16 @@ var CheckboxField = function (props) {
         React.createElement(antd.Checkbox, __assign({}, controlProps))));
 };
 
+var s$e = {"root":"index-module_root__3Y1jZ"};
+
+var SwitchField = function (props) {
+    var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], children = _b.children, controlProps = __rest(_b, ["children"]);
+    return (React.createElement(FormLine, __assign({}, lineProps, { valuePropName: "checked" }),
+        React.createElement("div", { className: s$e.root },
+            React.createElement(antd.Switch, __assign({}, controlProps)),
+            children && React.createElement("div", { className: s$e.content }, children))));
+};
+
 // export function useDebounceCallback<T extends (...args: any[]) => any>(delay: number, callback: T, deps: DependencyList = []): DebouncedFunc<T> {
 //   return useCallback(debounce(callback, delay), deps);
 // }
@@ -5090,6 +5100,7 @@ exports.RegularIconNameList = RegularIconNameList;
 exports.SelectField = SelectField;
 exports.SocialIcon = SocialIcon;
 exports.SocialIconNameList = SocialIconNameList;
+exports.SwitchField = SwitchField;
 exports.TextAreaField = TextAreaField;
 exports.useApiLazyQuery = useApiLazyQuery;
 exports.useApiLazyQueryRequest = useApiLazyQueryRequest;

package/build/styles.css

@@ -41,6 +41,12 @@
 .index-module_popup__5L587.ant-picker-panel:nth-child(1) button {
   visibility: visible !important;
 }
+.index-module_root__3Y1jZ {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.7em;
+}
 .index-module_root__f8fnA {
   display: flex;
   gap: 1em;

package/package.json

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