Create a new dist version 3.2.8 (#483)

Collecting:
- [CI/CD] NPM publish & release (#476)
- [FEAT] Changes to the real time pipeline screen (#482)

Author: ilan7empest

commit_message

@@ -1,10 +1,7 @@
 
 
-Create a new dist version 3.2.7
+Create a new dist version 3.2.8
 
 Collecting:
-- [Dependabot] Bump storybook from 8.6.14 to 8.6.15 in the npm_and_yarn group across 1 directory #468
-- [FIX] bump @storybook/react to resolve dependabot alert #471
-- [Dependabot] Bump react-router from 6.22.3 to 6.30.3 in the npm_and_yarn group across 1 directory #474
-- [CHORE ]Handle permission denied error message in the table #473
-- [Dependabot] Bump lodash from 4.17.21 to 4.17.23 in the npm_and_yarn group across 1 directory
+- [CI/CD] NPM publish & release (#476)
+- [FEAT] Changes to the real time pipeline screen (#482)

dist/components/FormToggle/FormToggle.d.ts

@@ -1,16 +1,22 @@
 export default FormToggle;
-declare function FormToggle({ density, label, name, onChange, ...inputProps }: {
+declare function FormToggle({ className, density, label, labelTip, name, readOnly, onChange, ...inputProps }: {
     [x: string]: any;
+    className?: string;
     density?: string;
     label?: string;
+    labelTip?: string;
     name: any;
+    readOnly?: boolean;
     onChange?: () => void;
 }): JSX.Element;
 declare namespace FormToggle {
     namespace propTypes {
+        export let className: any;
         export { DENSITY as density };
         export let label: any;
+        export let labelTip: any;
         export let name: any;
+        export let readOnly: any;
         export let onChange: any;
     }
 }

dist/components/FormToggle/FormToggle.d.ts.map

@@ -1,48 +1,72 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { jsx as l, jsxs as f } from "react/jsx-runtime";
 import "react";
-import g from "classnames";
-import o from "prop-types";
-import { Field as p } from "react-final-form";
-import { DENSITY as c } from "../../types.mjs";
+import _ from "classnames";
+import r from "prop-types";
+import { Field as h } from "react-final-form";
+import N from "../Tip/Tip.mjs";
+import { DENSITY as x } from "../../types.mjs";
 /* empty css                 */
-const n = ({ density: l = "", label: t = "", name: e, onChange: i = () => {
-}, ...s }) => {
-  const f = g(
+const b = ({
+  className: a = "",
+  density: m = "",
+  label: t = "",
+  labelTip: o = "",
+  name: e,
+  readOnly: c = !1,
+  onChange: s = () => {
+  },
+  ...d
+}) => {
+  const p = _(
+    "test",
+    "form-field-toggle",
     "form-field__wrapper",
-    l && `form-field__wrapper-${l}`
+    m && `form-field__wrapper-${m}`,
+    (t || o) && "form-field-toggle_has-label",
+    a
   );
-  return /* @__PURE__ */ r(p, { name: e, value: s.value, type: "checkbox", children: ({ input: a }) => /* @__PURE__ */ d(
-    "label",
+  return /* @__PURE__ */ l(h, { name: e, value: d.value, type: "checkbox", children: ({ input: i }) => /* @__PURE__ */ f(
+    "div",
     {
-      className: "form-field-toggle",
+      className: p,
       "data-testid": e ? `${e}-form-field-toggle` : "form-field-toggle",
       children: [
-        t && /* @__PURE__ */ r("div", { className: "form-field__label", children: t }),
-        /* @__PURE__ */ r(
-          "input",
-          {
-            "data-testid": e ? `${e}-form-toggle` : "form-toggle",
-            id: e,
-            ...a,
-            ...s,
-            onChange: (m) => {
-              i && i(m), a.onChange(m);
-            },
-            type: "checkbox"
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: f, children: /* @__PURE__ */ r("span", { className: "form-field-toggle__switch" }) })
+        (t || o) && /* @__PURE__ */ f("label", { htmlFor: e, className: "form-field-toggle__label", children: [
+          t,
+          o && /* @__PURE__ */ l(N, { text: o })
+        ] }),
+        /* @__PURE__ */ f("label", { htmlFor: e, className: "form-field-toggle__toggle-wrapper", children: [
+          /* @__PURE__ */ l(
+            "input",
+            {
+              type: "checkbox",
+              "data-testid": e ? `${e}-form-toggle` : "form-toggle",
+              id: e,
+              ...i,
+              ...d,
+              value: String(i.checked),
+              disabled: c,
+              onChange: (g) => {
+                s == null || s(g), i.onChange(g);
+              }
+            }
+          ),
+          /* @__PURE__ */ l("span", { className: "form-field-toggle__switch" })
+        ] })
       ]
     }
   ) });
 };
-n.propTypes = {
-  density: c,
-  label: o.string,
-  name: o.string.isRequired,
-  onChange: o.func
+b.propTypes = {
+  className: r.string,
+  density: x,
+  label: r.string,
+  labelTip: r.string,
+  name: r.string.isRequired,
+  readOnly: r.bool,
+  onChange: r.func
 };
 export {
-  n as default
+  b as default
 };
 //# sourceMappingURL=FormToggle.mjs.map