@wavemaker-ai/react-runtime 1.0.0-rc.647502 → 1.0.0-rc.647565

package/components/input/default/checkbox/index.js

@@ -1,253 +1,332 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmCheckbox = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _input = require("@base-ui-components/react/input");
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _withFormController = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/form/form-controller/withFormController"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _withStandalone = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withStandalone"));
-var _excluded = ["caption", "checkedvalue", "uncheckedvalue", "datavalue", "disabled", "hint", "arialabel", "name", "readonly", "required", "shortcutkey", "show", "tabindex", "type", "selectedicon", "unselectedicon", "onChange", "onBlur", "className", "listener", "onClick", "onFocus", "displayValue"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var __jsx = _react["default"].createElement;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var DEFAULT_CLS = "app-checkbox checkbox";
-var WmCheckbox = /*#__PURE__*/(0, _react.memo)(function (props) {
-  var _props$hidden;
-  var _props$caption = props.caption,
-    caption = _props$caption === void 0 ? "&nbsp;" : _props$caption,
-    _props$checkedvalue = props.checkedvalue,
-    checkedvalue = _props$checkedvalue === void 0 ? true : _props$checkedvalue,
-    _props$uncheckedvalue = props.uncheckedvalue,
-    uncheckedvalue = _props$uncheckedvalue === void 0 ? false : _props$uncheckedvalue,
-    _props$datavalue = props.datavalue,
-    datavalue = _props$datavalue === void 0 ? null : _props$datavalue,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    hint = props.hint,
-    arialabel = props.arialabel,
-    name = props.name,
-    _props$readonly = props.readonly,
-    readonly = _props$readonly === void 0 ? false : _props$readonly,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    shortcutkey = props.shortcutkey,
-    _props$show = props.show,
-    show = _props$show === void 0 ? true : _props$show,
-    _props$tabindex = props.tabindex,
-    tabindex = _props$tabindex === void 0 ? 0 : _props$tabindex,
-    type = props.type,
-    selectedicon = props.selectedicon,
-    unselectedicon = props.unselectedicon,
-    onChange = props.onChange,
-    onBlur = props.onBlur,
-    className = props.className,
-    listener = props.listener,
-    onClick = props.onClick,
-    onFocus = props.onFocus,
-    displayValue = props.displayValue,
-    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var checkboxRef = (0, _react.useRef)(null);
-  var prevRefValue = (0, _react.useRef)(null);
-
-  // Keep track of the actual value (not just boolean state)
-  var _React$useState = _react["default"].useState(function () {
-      // Initialize with null/undefined when datavalue is null/undefined
-      if (datavalue === null || datavalue === undefined) return null;
-      return datavalue === checkedvalue ? checkedvalue : uncheckedvalue;
-    }),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    actualValue = _React$useState2[0],
-    setActualValue = _React$useState2[1];
-
-  // Determine if checkbox should be visually checked
-  var isChecked = (0, _react.useMemo)(function () {
-    // Only check if actualValue explicitly matches checkedvalue
-    return actualValue === checkedvalue;
-  }, [actualValue, checkedvalue]);
-
-  // Update actual value when datavalue prop changes
-  (0, _react.useEffect)(function () {
-    if (prevRefValue.current === datavalue) return;
-    if (datavalue === null || datavalue === undefined) {
-      setActualValue(null);
-    } else {
-      var isEqual = datavalue === checkedvalue || String(datavalue) === String(checkedvalue);
-      var newValue = isEqual ? checkedvalue : uncheckedvalue;
-      setActualValue(newValue);
-      prevRefValue.current = datavalue;
-    }
-  }, [datavalue]);
-  var handleChange = (0, _react.useCallback)(function (event) {
-    // Determine the new actual value based on checkbox state
-    var newValue = event.target.checked ? checkedvalue : uncheckedvalue;
-
-    // Update our internal state with the actual value
-    setActualValue(newValue);
-    prevRefValue.current = newValue;
-    if (listener !== null && listener !== void 0 && listener.onChange) {
-      listener.onChange(props.fieldName || name, {
-        datavalue: newValue,
-        // Pass the actual value, not boolean
-        displayValue: newValue
-      });
-    }
-    if (onChange) {
-      var _window;
-      (_window = window) === null || _window === void 0 || _window.queueMicrotask(function () {
-        // Pass the actual value in the onChange callback
-        onChange(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], newValue, actualValue !== null && actualValue !== void 0 ? actualValue : uncheckedvalue);
-      });
-    }
-  }, [checkedvalue, uncheckedvalue, onChange, listener, name, actualValue]);
-  var handleBlur = (0, _react.useCallback)(function (event) {
-    onBlur === null || onBlur === void 0 || onBlur(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name]);
-  }, [onBlur]);
-  var handleFocus = (0, _react.useCallback)(function (event) {
-    onFocus === null || onFocus === void 0 || onFocus(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name]);
-  }, [onFocus]);
-  var handleKeyDown = (0, _react.useCallback)(function (event) {
-    if (disabled || readonly) {
-      return;
-    }
-    if (event.key === "Enter") {
-      var _checkboxRef$current;
-      event.preventDefault();
-      (_checkboxRef$current = checkboxRef.current) === null || _checkboxRef$current === void 0 || _checkboxRef$current.click();
-    }
-  }, []);
-  var handleClick = function handleClick(event) {
-    // Determine the new actual value based on checkbox state
-    if (disabled || readonly) {
-      return;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-    var newValue = event.target.checked ? checkedvalue : uncheckedvalue;
-    if (listener !== null && listener !== void 0 && listener.onChange) {
-      listener.onChange(name, {
-        datavalue: newValue,
-        // Pass the actual value
-        displayValue: newValue
-      });
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
     }
-    if (onClick) {
-      // Pass the actual value in the onClick callback
-      onClick(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], newValue, actualValue);
-    }
-  };
-  var checkboxClasses = [type === "button" ? "app-iconbutton-toggle" : DEFAULT_CLS, type === "toggle" ? "app-toggle" : "", !isChecked ? "unchecked" : "", disabled || readonly ? "disabled" : "", required && caption ? "required" : "", className || ""].filter(Boolean).join(" ");
-  var handleMouseEnter = function handleMouseEnter(event) {
-    if (props.onMouseEnter) {
-      props.onMouseEnter(event, props, displayValue, actualValue);
-    }
-  };
-  var handleMouseLeave = function handleMouseLeave(event) {
-    if (props.onMouseLeave) {
-      props.onMouseLeave(event, props, displayValue, actualValue);
-    }
-  };
-  var events = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, props.onMouseEnter ? {
-    onMouseEnter: handleMouseEnter
-  } : {}), props.onMouseLeave ? {
-    onMouseLeave: handleMouseLeave
-  } : {}), props.onClick ? {
-    onClick: handleClick
-  } : {}), props.onFocus ? {
-    onFocus: handleFocus
-  } : {});
-  return __jsx("div", (0, _extends2["default"])({
-    hidden: (_props$hidden = props.hidden) !== null && _props$hidden !== void 0 ? _props$hidden : false,
-    className: checkboxClasses
-  }, name ? {
-    name: name
-  } : {}, caption ? {
-    caption: caption
-  } : {}, type === "toggle" ? {
-    type: "toggle"
-  } : type === "button" ? {
-    type: "button"
-  } : {}, {
-    "aria-disabled": disabled,
-    style: props.styles
-  }), __jsx(_Box["default"], {
-    component: "label",
-    className: (0, _clsx["default"])("wm-checkbox-label", !isChecked && "unchecked", (disabled || readonly) && "disabled", required && caption && "required", type === "button" && "icon-button-toggle"),
-    onKeyDown: handleKeyDown
-  }, __jsx(_input.Input, (0, _extends2["default"])({}, events, {
-    type: "checkbox",
-    ref: checkboxRef,
-    "aria-readonly": readonly,
-    checked: isChecked // Use the computed isChecked value
-  }, !readonly && !disabled ? {
-    onChange: handleChange,
-    onClick: handleClick
-  } : {}, {
-    onBlur: handleBlur,
-    disabled: disabled,
-    required: required,
-    name: name,
-    "aria-label": arialabel,
-    accessKey: shortcutkey,
-    tabIndex: tabindex,
-    title: hint,
-    className: "".concat(disabled || readonly ? "disabled" : "")
-  })), type === "toggle" ? __jsx(_Box["default"], {
-    component: "span",
-    className: "caption fa-xs text-center"
-  }, __jsx(_Box["default"], {
-    component: "span",
-    className: (0, _clsx["default"])(isChecked ? "end-icon" : "start-icon", isChecked ? selectedicon : unselectedicon)
-  })) : type === "button" ? __jsx(_Box["default"], {
-    component: "span",
-    className: (0, _clsx["default"])("toggle-icon", isChecked ? selectedicon : unselectedicon)
-  }) : __jsx(_Box["default"], {
-    component: "span",
-    className: "caption",
-    dangerouslySetInnerHTML: {
-      __html: caption
-    }
-  }), __jsx(_Box["default"], {
-    component: "img",
-    alt: "Checkbox Image",
-    "aria-hidden": "true",
-    src: "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",
-    className: "switch",
-    width: "auto",
-    height: "auto"
-  })), __jsx(_input.Input, {
-    type: "hidden",
-    className: "ng-hide model-holder",
-    "aria-hidden": "true",
-    tabIndex: -1,
-    disabled: disabled,
-    value: actualValue === null || actualValue === undefined ? "false" : String(actualValue) // Handle null/undefined values
-  }));
-}, function (prev, next) {
-  var keys = ["datavalue", "checkedvalue", "uncheckedvalue", "disabled", "readonly", "required", "shortcutkey", "show", "tabindex", "type", "selectedicon", "unselectedicon", "className", "hidden"];
-  return keys.every(function (key) {
-    return prev[key] === next[key];
-  });
-});
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useMemo, useRef, memo } from "react";
+import { Input } from "@base-ui-components/react/input";
+import Box from "@mui/material/Box";
+import { withBaseWrapper } from "../../../../higherOrder/withBaseWrapper";
+import withFormController from "../../../data/form/form-controller/withFormController";
+import clsx from "clsx";
+import withStandalone from "../../../../higherOrder/withStandalone";
+const DEFAULT_CLS = "app-checkbox checkbox";
+const WmCheckbox = memo(
+  (props) => {
+    var _b;
+    const _a = props, {
+      caption = "&nbsp;",
+      checkedvalue = true,
+      uncheckedvalue = false,
+      datavalue = null,
+      disabled: disabled = false,
+      hint,
+      arialabel,
+      name,
+      readonly = false,
+      required = false,
+      shortcutkey,
+      show = true,
+      tabindex = 0,
+      type,
+      selectedicon,
+      unselectedicon,
+      onChange,
+      onBlur,
+      className,
+      listener,
+      onClick,
+      onFocus,
+      displayValue,
+      "item-id": itemId
+    } = _a, rest = __objRest(_a, [
+      "caption",
+      "checkedvalue",
+      "uncheckedvalue",
+      "datavalue",
+      // Changed default to null
+      "disabled",
+      "hint",
+      "arialabel",
+      "name",
+      "readonly",
+      "required",
+      "shortcutkey",
+      "show",
+      "tabindex",
+      "type",
+      "selectedicon",
+      "unselectedicon",
+      "onChange",
+      "onBlur",
+      "className",
+      "listener",
+      "onClick",
+      "onFocus",
+      "displayValue",
+      "item-id"
+    ]);
+    const checkboxRef = useRef(null);
+    const prevRefValue = useRef(null);
+    const [actualValue, setActualValue] = React.useState(() => {
+      if (datavalue === null || datavalue === void 0) return null;
+      return datavalue === checkedvalue ? checkedvalue : uncheckedvalue;
+    });
+    const isChecked = useMemo(() => {
+      return actualValue === checkedvalue;
+    }, [actualValue, checkedvalue]);
+    useEffect(() => {
+      if (prevRefValue.current === datavalue) return;
+      if (datavalue === null || datavalue === void 0) {
+        setActualValue(null);
+      } else {
+        const isEqual = datavalue === checkedvalue || String(datavalue) === String(checkedvalue);
+        const newValue = isEqual ? checkedvalue : uncheckedvalue;
+        setActualValue(newValue);
+        prevRefValue.current = datavalue;
+      }
+    }, [datavalue]);
+    const handleChange = useCallback(
+      (event) => {
+        var _a2, _b2, _c;
+        const newValue = event.target.checked ? checkedvalue : uncheckedvalue;
+        setActualValue(newValue);
+        prevRefValue.current = newValue;
+        if (listener == null ? void 0 : listener.onChange) {
+          listener.onChange(itemId || props.fieldName || name, {
+            datavalue: newValue,
+            // Pass the actual value, not boolean
+            displayValue: newValue
+          });
+        }
+        if (onChange) {
+          const widgetKey = itemId || props.fieldName || name;
+          const widget = (_c = (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[widgetKey]) != null ? _c : (_b2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b2[name];
+          window == null ? void 0 : window.queueMicrotask(() => {
+            onChange(
+              event,
+              __spreadProps(__spreadValues({}, widget), { datavalue: newValue, displayValue: newValue }),
+              newValue,
+              actualValue != null ? actualValue : uncheckedvalue
+            );
+          });
+        }
+      },
+      [checkedvalue, uncheckedvalue, onChange, listener, name, itemId, props.fieldName, actualValue]
+    );
+    const handleBlur = useCallback(
+      (event) => {
+        onBlur == null ? void 0 : onBlur(event, listener == null ? void 0 : listener.Widgets[itemId || name]);
+      },
+      [onBlur]
+    );
+    const handleFocus = useCallback(
+      (event) => {
+        onFocus == null ? void 0 : onFocus(event, listener == null ? void 0 : listener.Widgets[itemId || name]);
+      },
+      [onFocus]
+    );
+    const handleKeyDown = useCallback((event) => {
+      var _a2;
+      if (disabled || readonly) {
+        return;
+      }
+      if (event.key === "Enter") {
+        event.preventDefault();
+        (_a2 = checkboxRef.current) == null ? void 0 : _a2.click();
+      }
+    }, []);
+    const handleClick = (event) => {
+      if (disabled || readonly) {
+        return;
+      }
+      const newValue = event.target.checked ? checkedvalue : uncheckedvalue;
+      if (listener == null ? void 0 : listener.onChange) {
+        listener.onChange(name, {
+          datavalue: newValue,
+          // Pass the actual value
+          displayValue: newValue
+        });
+      }
+      if (onClick) {
+        onClick(event, listener == null ? void 0 : listener.Widgets[itemId || name], newValue, actualValue);
+      }
+    };
+    const checkboxClasses = [
+      type === "button" ? "app-iconbutton-toggle" : DEFAULT_CLS,
+      type === "toggle" ? "app-toggle" : "",
+      !isChecked ? "unchecked" : "",
+      disabled || readonly ? "disabled" : "",
+      required && caption ? "required" : "",
+      className || ""
+    ].filter(Boolean).join(" ");
+    const handleMouseEnter = (event) => {
+      if (props.onMouseEnter) {
+        props.onMouseEnter(
+          event,
+          props,
+          displayValue,
+          actualValue
+        );
+      }
+    };
+    const handleMouseLeave = (event) => {
+      if (props.onMouseLeave) {
+        props.onMouseLeave(
+          event,
+          props,
+          displayValue,
+          actualValue
+        );
+      }
+    };
+    const events = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, props.onMouseEnter ? { onMouseEnter: handleMouseEnter } : {}), props.onMouseLeave ? { onMouseLeave: handleMouseLeave } : {}), props.onClick ? { onClick: handleClick } : {}), props.onFocus ? { onFocus: handleFocus } : {});
+    return /* @__PURE__ */ jsxs(
+      "div",
+      __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+        hidden: (_b = props.hidden) != null ? _b : false,
+        className: checkboxClasses
+      }, name ? { name } : {}), caption ? { caption } : {}), type === "toggle" ? { type: "toggle" } : type === "button" ? { type: "button" } : {}), {
+        "aria-disabled": disabled,
+        style: props.styles,
+        children: [
+          /* @__PURE__ */ jsxs(
+            Box,
+            {
+              component: "label",
+              className: clsx(
+                "wm-checkbox-label",
+                !isChecked && "unchecked",
+                (disabled || readonly) && "disabled",
+                required && caption && "required",
+                type === "button" && "icon-button-toggle"
+              ),
+              onKeyDown: handleKeyDown,
+              children: [
+                /* @__PURE__ */ jsx(
+                  Input,
+                  __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, events), {
+                    type: "checkbox",
+                    ref: checkboxRef,
+                    "aria-readonly": readonly,
+                    checked: isChecked
+                  }), !readonly && !disabled ? { onChange: handleChange, onClick: handleClick } : {}), {
+                    onBlur: handleBlur,
+                    disabled,
+                    required,
+                    name,
+                    "aria-label": arialabel,
+                    accessKey: shortcutkey,
+                    tabIndex: tabindex,
+                    title: hint,
+                    className: `${disabled || readonly ? "disabled" : ""}`
+                  })
+                ),
+                type === "toggle" ? /* @__PURE__ */ jsx(Box, { component: "span", className: "caption fa-xs text-center", children: /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    component: "span",
+                    className: clsx(
+                      isChecked ? "end-icon" : "start-icon",
+                      isChecked ? selectedicon : unselectedicon
+                    )
+                  }
+                ) }) : type === "button" ? /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    component: "span",
+                    className: clsx("toggle-icon", isChecked ? selectedicon : unselectedicon)
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    component: "span",
+                    className: "caption",
+                    dangerouslySetInnerHTML: { __html: caption }
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    component: "img",
+                    alt: "Checkbox Image",
+                    "aria-hidden": "true",
+                    src: "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",
+                    className: "switch",
+                    width: "auto",
+                    height: "auto"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "hidden",
+              className: "ng-hide model-holder",
+              "aria-hidden": "true",
+              tabIndex: -1,
+              disabled,
+              value: actualValue === null || actualValue === void 0 ? "false" : String(actualValue)
+            }
+          )
+        ]
+      })
+    );
+  },
+  (prev, next) => {
+    const keys = [
+      "datavalue",
+      "checkedvalue",
+      "uncheckedvalue",
+      "disabled",
+      "readonly",
+      "required",
+      "shortcutkey",
+      "show",
+      "tabindex",
+      "type",
+      "selectedicon",
+      "unselectedicon",
+      "className",
+      "hidden"
+    ];
+    return keys.every((key) => prev[key] === next[key]);
+  }
+);
 WmCheckbox.displayName = "WmCheckbox";
-var WithFormController = (0, _withFormController["default"])(WmCheckbox);
-var WmCheckboxStandalone = exports.WmCheckbox = (0, _withStandalone["default"])(WithFormController);
-/**
- * The WmCheckbox component provides a single checkbox input with customizable checked/unchecked values.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/input-checkbox--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/input-checkbox--docs)
- *
- * @param props - {@link WmCheckboxProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WithFormController);
+const WithFormController = withFormController(WmCheckbox);
+const WmCheckboxStandalone = withStandalone(WithFormController);
+var checkbox_default = withBaseWrapper(WithFormController);
+export {
+  WmCheckboxStandalone as WmCheckbox,
+  checkbox_default as default
+};

package/components/input/default/checkbox/props.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/components/input/default/checkboxset/index.d.ts

@@ -42,6 +42,7 @@ declare const WmCheckboxsetStandalone: React.ComponentType<import("../../../data
     tabIndex?: number;
     displayValue?: string;
     fieldName?: string;
+    content?: string;
     standalone?: boolean;
     ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
     animation?: string;
@@ -149,6 +150,7 @@ declare const _default: React.ComponentType<{
     tabIndex?: number;
     displayValue?: string;
     fieldName?: string;
+    content?: string;
     ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
     animation?: string;
     show?: boolean | string;