revdev-components 0.226.0 → 0.228.0

package/build/fields/switch/control/index.d.ts

@@ -1,7 +1,9 @@
 import React from "react";
 import { SwitchProps } from "antd";
-interface Props extends Omit<SwitchProps, "name"> {
+export interface SwitchFieldControlProps extends Omit<SwitchProps, "name"> {
     children?: React.ReactNode;
+    description?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
 }
-export declare const SwitchFieldControl: React.FC<Props>;
-export {};
+export declare const SwitchFieldControl: React.FC<SwitchFieldControlProps>;

package/build/fields/switch/index.d.ts

@@ -1,8 +1,7 @@
 import React from "react";
-import { SwitchProps } from "antd";
 import { FormLineProps } from "../line";
-interface Props extends FormLineProps, Omit<SwitchProps, "name"> {
-    children?: React.ReactNode;
+import { SwitchFieldControlProps } from "./control";
+interface Props extends FormLineProps, SwitchFieldControlProps {
 }
 export declare const SwitchField: React.FC<Props>;
 export {};

package/build/index.js

@@ -5409,18 +5409,21 @@ var CheckboxField = function (props) {
         React.createElement(antd.Checkbox, __assign({}, controlProps))));
 };
 
-var s$s = {"root":"index-module_root__GGl-p"};
+var s$s = {"root":"index-module_root__GGl-p","control":"index-module_control__-bnWX","title":"index-module_title__2P0gT"};
 
 var SwitchFieldControl = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement("div", { className: s$s.root },
-        React.createElement(antd.Switch, __assign({}, props)),
-        children && React.createElement("div", { className: s$s.content }, children)));
+    var className = _a.className, title = _a.title, titleClassName = _a.titleClassName, children = _a.children, description = _a.description, descriptionClassName = _a.descriptionClassName, props = __rest(_a, ["className", "title", "titleClassName", "children", "description", "descriptionClassName"]);
+    var leftContent = title || children;
+    return (React.createElement("div", { className: classNames(s$s.root, className) },
+        React.createElement("div", { className: s$s.control },
+            React.createElement(antd.Switch, __assign({}, props)),
+            leftContent && React.createElement("div", { className: classNames(titleClassName) }, leftContent)),
+        description && React.createElement("div", { className: classNames(s$s.description, descriptionClassName) }, description)));
 };
 
 var SwitchField = function (props) {
     var _a = useLineProps(props), lineProps = _a[0], controlProps = _a[1];
-    return (React.createElement(FormLine, __assign({}, lineProps, { valuePropName: "checked" }),
+    return (React.createElement(FormLine, __assign({}, lineProps, { valuePropName: "checked", noStyle: true }),
         React.createElement(SwitchFieldControl, __assign({}, controlProps))));
 };
 

package/build/styles.css

@@ -179,11 +179,21 @@ body {
   width: 100%;
 }
 .index-module_root__GGl-p {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5em;
+}
+
+.index-module_control__-bnWX {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 0.7em;
 }
+
+.index-module_title__2P0gT {
+  font-weight: bold;
+}
 .index-module_root__9GQDU {
   padding-top: 16px;
   display: flex;

package/package.json

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