@multiplatform.one/forms 6.0.0

package/dist/cjs/fields/Checkbox/Checkbox.native.js

@@ -0,0 +1,380 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Checkbox_exports = {};
+__export(Checkbox_exports, {
+  Checkbox: () => Checkbox
+});
+module.exports = __toCommonJS(Checkbox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_fieldLayout = require("../../fieldLayout.native.js");
+var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_utils = require("../../shared/utils.native.js");
+var import_CheckboxFieldFrame = require("./CheckboxFieldFrame.native.js");
+function Checkbox(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    disabled,
+    readOnly,
+    size,
+    id: idProp,
+    checked,
+    defaultValue,
+    onCheckedChange,
+    onBlur,
+    checkboxProps,
+    children,
+    pointy,
+    skeleton,
+    compact
+  } = param;
+  var _knobProps_textAccentColor, _ref;
+  var _tamaguiTheme_accentTokenKey, _tamaguiTheme_color;
+  var {
+    resolvedForm,
+    knobProps,
+    control,
+    text,
+    elevation,
+    id
+  } = (0, import_utils.useFormField)({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name, function (v) {
+    return !v;
+  });
+  var resolvedPointy = pointy !== null && pointy !== void 0 ? pointy : knobProps.pointy;
+  var checkboxSizeMap = {
+    $2: "$3",
+    $3: "$3",
+    $4: "$true",
+    $5: "$5"
+  };
+  var resolvedSize = size || checkboxSizeMap[knobProps.sizeToken] || knobProps.sizeToken;
+  var radiusToken = knobProps.borderRadius.borderRadius;
+  var cappedRadius = resolvedPointy ? 0 : (0, import_utils.clampRadiusForControl)(radiusToken, 2);
+  var resolvedRadius = cappedRadius === 0 ? {
+    borderWidth: knobProps.borderRadius.borderWidth,
+    borderRadius: 0
+  } : {
+    borderWidth: knobProps.borderRadius.borderWidth,
+    borderRadius: cappedRadius
+  };
+  var inlineGapMap = {
+    none: "$1",
+    small: "$1.5",
+    medium: "$2",
+    large: "$2.5"
+  };
+  var inlineGap = inlineGapMap[knobProps.space] || "$2";
+  var baseLabelColor = error ? import_colorRamps.formCommonColors.error : knobProps.textAccentColor;
+  var labelHoverStyle = {
+    color: baseLabelColor,
+    ...text.hoverKnobProps
+  };
+  var labelPressStyle = {
+    color: baseLabelColor,
+    ...text.pressKnobProps
+  };
+  var labelFocusStyle = {
+    color: baseLabelColor,
+    ...text.focusKnobProps
+  };
+  var labelFocusVisibleStyle = {
+    color: baseLabelColor,
+    ...text.focusVisibleKnobProps
+  };
+  var tamaguiTheme = (0, import_tamagui.useTheme)();
+  var elevationWrapperProps = (0, import_react2.useMemo)(function () {
+    return (0, import_utils.getElevationWrapperProps)(knobProps, elevation);
+  }, [knobProps, elevation]);
+  var accentTokenKey = ((_knobProps_textAccentColor = knobProps.textAccentColor) !== null && _knobProps_textAccentColor !== void 0 ? _knobProps_textAccentColor : "$color").replace("$", "");
+  var indicatorColor = (0, import_tamagui.getVariable)((_ref = (_tamaguiTheme_accentTokenKey = tamaguiTheme[accentTokenKey]) === null || _tamaguiTheme_accentTokenKey === void 0 ? void 0 : _tamaguiTheme_accentTokenKey.get("web")) !== null && _ref !== void 0 ? _ref : (_tamaguiTheme_color = tamaguiTheme.color) === null || _tamaguiTheme_color === void 0 ? void 0 : _tamaguiTheme_color.get("web"));
+  var indicatorWeight = knobProps.textWeight.fontWeight === "700" ? "bold" : knobProps.textWeight.fontWeight === "400" ? "regular" : "light";
+  var renderIndicator = function renderIndicator2(currentChecked) {
+    if (children) return children;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, {
+      ...(knobProps.transition ? {
+        animation: knobProps.transition
+      } : void 0),
+      children: currentChecked === "indeterminate" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.MinusIcon, {
+        color: indicatorColor,
+        weight: indicatorWeight
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {
+        color: indicatorColor,
+        weight: indicatorWeight
+      })
+    });
+  };
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      size,
+      knobProps,
+      compactSpacing: true,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "rounded",
+          width: 20,
+          height: 20
+        }), label && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "text",
+          width: "40%",
+          height: 14
+        })]
+      })
+    });
+  }
+  if (!resolvedForm || !name) {
+    var _resolvedRadius_borderRadius;
+    var isControlled = checked !== void 0;
+    var needsFieldLayout = !!(error || helperText);
+    var checkboxEl = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CheckboxFieldFrame.CheckboxFieldFrame, {
+      ...knobProps.inputSurface,
+      size: resolvedSize,
+      ...resolvedRadius,
+      outlined: knobProps.outlined,
+      transition: knobProps.transition,
+      ...((0, import_utils.clampRadiusInStateProps)(control.hoverKnobProps, 2) && {
+        hoverStyle: {
+          backgroundColor: import_colorRamps.formControlColors.background,
+          borderColor: import_colorRamps.formControlColors.border,
+          ...(0, import_utils.clampRadiusInStateProps)(control.hoverKnobProps, 2)
+        }
+      }),
+      ...((0, import_utils.clampRadiusInStateProps)(control.pressKnobProps, 2) && {
+        pressStyle: {
+          backgroundColor: import_colorRamps.formControlColors.background,
+          borderColor: import_colorRamps.formControlColors.border,
+          ...(0, import_utils.clampRadiusInStateProps)(control.pressKnobProps, 2)
+        }
+      }),
+      ...((0, import_utils.clampRadiusInStateProps)(control.focusKnobProps, 2) && {
+        focusStyle: {
+          backgroundColor: import_colorRamps.formControlColors.background,
+          borderColor: import_colorRamps.formControlColors.border,
+          ...(0, import_utils.clampRadiusInStateProps)(control.focusKnobProps, 2)
+        }
+      }),
+      ...((0, import_utils.clampRadiusInStateProps)(control.focusVisibleKnobProps, 2) && {
+        focusVisibleStyle: {
+          backgroundColor: import_colorRamps.formControlColors.background,
+          borderColor: import_colorRamps.formControlColors.border,
+          ...(0, import_utils.clampRadiusInStateProps)(control.focusVisibleKnobProps, 2)
+        }
+      }),
+      ...checkboxProps,
+      disabled,
+      id,
+      ...(isControlled ? {
+        checked
+      } : defaultValue !== void 0 ? {
+        defaultChecked: defaultValue
+      } : void 0),
+      ...(readOnly ? {
+        pointerEvents: "none"
+      } : void 0),
+      ...(readOnly ? {
+        "aria-readonly": true
+      } : void 0),
+      "aria-required": required || void 0,
+      "aria-invalid": !!error || void 0,
+      onCheckedChange: function onCheckedChange1(val) {
+        if (disabled || readOnly) return;
+        onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange(val);
+      },
+      ...(onBlur ? {
+        onBlur
+      } : void 0),
+      children: renderIndicator(checked !== null && checked !== void 0 ? checked : defaultValue)
+    });
+    var checkboxControl = elevationWrapperProps.elevation ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      borderRadius: (_resolvedRadius_borderRadius = resolvedRadius.borderRadius) !== null && _resolvedRadius_borderRadius !== void 0 ? _resolvedRadius_borderRadius : knobProps.borderRadius.borderRadius,
+      ...elevationWrapperProps,
+      children: checkboxEl
+    }) : checkboxEl;
+    var hasElevation = !!elevationWrapperProps.elevation;
+    var checkboxRow = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      gap: inlineGap,
+      alignItems: "center",
+      ...(hasElevation && {
+        overflow: "visible"
+      }),
+      children: [checkboxControl, label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
+        htmlFor: id,
+        size: size || "$true",
+        ...knobProps.textWeight,
+        color: baseLabelColor,
+        hoverStyle: labelHoverStyle,
+        pressStyle: labelPressStyle,
+        focusStyle: labelFocusStyle,
+        focusVisibleStyle: labelFocusVisibleStyle,
+        paddingRight: "$1",
+        ...labelProps,
+        children: [label, required && " *"]
+      })]
+    });
+    if (!needsFieldLayout) return checkboxRow;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      error,
+      helperText,
+      size,
+      knobProps,
+      children: checkboxRow
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children2(field) {
+      var resolvedError = (0, import_utils.getFieldError)(field, error);
+      var resolvedChecked = checked !== void 0 ? checked : field.state.value;
+      var resolvedLabelColor = resolvedError ? import_colorRamps.formCommonColors.error : knobProps.textAccentColor;
+      var resolvedLabelHoverStyle = {
+        color: resolvedLabelColor,
+        ...text.hoverKnobProps
+      };
+      var resolvedLabelPressStyle = {
+        color: resolvedLabelColor,
+        ...text.pressKnobProps
+      };
+      var resolvedLabelFocusStyle = {
+        color: resolvedLabelColor,
+        ...text.focusKnobProps
+      };
+      var resolvedLabelFocusVisibleStyle = {
+        color: resolvedLabelColor,
+        ...text.focusVisibleKnobProps
+      };
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        error: resolvedError,
+        helperText,
+        size,
+        knobProps,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: inlineGap,
+          alignItems: "center",
+          ...(elevationWrapperProps.elevation && {
+            overflow: "visible"
+          }),
+          children: [function () {
+            var _resolvedRadius_borderRadius2;
+            var checkboxElement = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CheckboxFieldFrame.CheckboxFieldFrame, {
+              ...knobProps.inputSurface,
+              size: resolvedSize,
+              ...resolvedRadius,
+              outlined: knobProps.outlined,
+              transition: knobProps.transition,
+              ...((0, import_utils.clampRadiusInStateProps)(control.hoverKnobProps, 2) && {
+                hoverStyle: {
+                  backgroundColor: import_colorRamps.formControlColors.background,
+                  borderColor: import_colorRamps.formControlColors.border,
+                  ...(0, import_utils.clampRadiusInStateProps)(control.hoverKnobProps, 2)
+                }
+              }),
+              ...((0, import_utils.clampRadiusInStateProps)(control.pressKnobProps, 2) && {
+                pressStyle: {
+                  backgroundColor: import_colorRamps.formControlColors.background,
+                  borderColor: import_colorRamps.formControlColors.border,
+                  ...(0, import_utils.clampRadiusInStateProps)(control.pressKnobProps, 2)
+                }
+              }),
+              ...((0, import_utils.clampRadiusInStateProps)(control.focusKnobProps, 2) && {
+                focusStyle: {
+                  backgroundColor: import_colorRamps.formControlColors.background,
+                  borderColor: import_colorRamps.formControlColors.border,
+                  ...(0, import_utils.clampRadiusInStateProps)(control.focusKnobProps, 2)
+                }
+              }),
+              ...((0, import_utils.clampRadiusInStateProps)(control.focusVisibleKnobProps, 2) && {
+                focusVisibleStyle: {
+                  backgroundColor: import_colorRamps.formControlColors.background,
+                  borderColor: import_colorRamps.formControlColors.border,
+                  ...(0, import_utils.clampRadiusInStateProps)(control.focusVisibleKnobProps, 2)
+                }
+              }),
+              ...checkboxProps,
+              disabled,
+              id,
+              checked: resolvedChecked,
+              ...(readOnly ? {
+                pointerEvents: "none"
+              } : void 0),
+              ...(readOnly ? {
+                "aria-readonly": true
+              } : void 0),
+              "aria-required": required || void 0,
+              "aria-invalid": !!resolvedError || void 0,
+              onCheckedChange: function onCheckedChange1(newChecked) {
+                if (disabled || readOnly) return;
+                var fieldValue = newChecked === "indeterminate" ? false : newChecked === true;
+                field.handleChange(fieldValue);
+                onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange(newChecked);
+              },
+              onBlur: (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur),
+              children: renderIndicator(resolvedChecked)
+            });
+            return elevationWrapperProps.elevation ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+              borderRadius: (_resolvedRadius_borderRadius2 = resolvedRadius.borderRadius) !== null && _resolvedRadius_borderRadius2 !== void 0 ? _resolvedRadius_borderRadius2 : knobProps.borderRadius.borderRadius,
+              ...elevationWrapperProps,
+              children: checkboxElement
+            }) : checkboxElement;
+          }(), label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
+            htmlFor: id,
+            size: size || "$true",
+            ...knobProps.textWeight,
+            color: resolvedLabelColor,
+            hoverStyle: resolvedLabelHoverStyle,
+            pressStyle: resolvedLabelPressStyle,
+            focusStyle: resolvedLabelFocusStyle,
+            focusVisibleStyle: resolvedLabelFocusVisibleStyle,
+            paddingRight: "$1",
+            ...labelProps,
+            children: [label, required && " *"]
+          })]
+        })
+      });
+    }
+  });
+}
+//# sourceMappingURL=Checkbox.native.js.map

package/dist/cjs/fields/Checkbox/Checkbox.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Checkbox_exports","__export","Checkbox","module","exports","import_jsx_runtime","require","import_react","import_react2","import_tamagui","import_Skeleton","import_fieldLayout","import_colorRamps","import_utils","import_CheckboxFieldFrame","param","name","form","formProp","validators","label","labelProps","helperText","error","required","disabled","readOnly","size","id","idProp","checked","defaultValue","onCheckedChange","onBlur","checkboxProps","children","pointy","skeleton","compact","_knobProps_textAccentColor","_ref","_tamaguiTheme_accentTokenKey","_tamaguiTheme_color","resolvedForm","knobProps","control","text","elevation","useFormField","resolvedValidators","useResolvedValidators","v","resolvedPointy","checkboxSizeMap","$2","$3","$4","$5","resolvedSize","sizeToken","radiusToken","borderRadius","cappedRadius","clampRadiusForControl","resolvedRadius","borderWidth","inlineGapMap","none","small","medium","large","inlineGap","space","baseLabelColor","formCommonColors","textAccentColor","labelHoverStyle","color","hoverKnobProps","labelPressStyle","pressKnobProps","labelFocusStyle","focusKnobProps","labelFocusVisibleStyle","focusVisibleKnobProps","tamaguiTheme","useTheme","elevationWrapperProps","useMemo","getElevationWrapperProps","accentTokenKey","replace","indicatorColor","getVariable","get","indicatorWeight","textWeight","fontWeight","renderIndicator","renderIndicator2","currentChecked","jsx","Indicator","transition","animation","MinusIcon","weight","CheckIcon","FieldLayout","compactSpacing","jsxs","XStack","gap","alignItems","Skeleton","variant","width","height","_resolvedRadius_borderRadius","isControlled","needsFieldLayout","checkboxEl","CheckboxFieldFrame","inputSurface","outlined","clampRadiusInStateProps","hoverStyle","backgroundColor","formControlColors","background","borderColor","border","pressStyle","focusStyle","focusVisibleStyle","defaultChecked","pointerEvents","onCheckedChange1","val","checkboxControl","View","hasElevation","checkboxRow","overflow","Label","htmlFor","paddingRight","Field","children2","field","resolvedError","getFieldError","resolvedChecked","state","resolvedLabelColor","resolvedLabelHoverStyle","resolvedLabelPressStyle","resolvedLabelFocusStyle","resolvedLabelFocusVisibleStyle","_resolvedRadius_borderRadius2","checkboxElement","newChecked","fieldValue","handleChange","mergeFieldHandler"],"sources":["../../../../src/fields/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqE,CAAAK,gBAAA;AAIrE,IAAAK,kBAAwB,GAAAC,OAAA;AAQxB,IAAAC,YAAA,GAAAD,OAAwF;AACxF,IAAAE,aAAA,GAAAF,OAAyB;AACzB,IAAAG,cAAA,GAAAH,OAAmC;AACnC,IAAAI,eAAA,GAAAJ,OAAoD;AACpD,IAAAK,kBAQO,GAAAL,OAAA;AACP,IAAAM,iBAAA,GAAAN,OAAA,CAAmC;AA6GzB,IAAAO,YAAA,GAAAP,OAAA;AAhFH,IAAAQ,yBAAkB,GAAAR,OAAA;AAAA,SACvBJ,SAAAa,KAAA;EACA;IAAMC,IAAA;IAAAC,IAAA,EAAAC,QAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,EAAA,EAAAC,MAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC,eAAA;IAAAC,MAAA;IAAAC,aAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAvB,KAAA;EACN,IAAAwB,0BAAA,EAAAC,IAAA;EACA,IAAAC,4BAAA,EAAAC,mBAAA;EACA;IAAAC,YAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,SAAA;IAAAnB;EAAA,QAAAf,YAAA,CAAAmC,YAAA;IACA/B,IAAA,EAAAC,QAAA;IACAU,EAAA,EAAAC,MAAA;IACAS;EACA;EACA,IAAAW,kBAAA,OAAApC,YAAA,CAAAqC,qBAAA,EAAA1B,QAAA,EAAAL,UAAA,EAAAC,KAAA,EAAAJ,IAAA,YAAAmC,CAAA;IACA,QAAAA,CAAA;EACA;EACA,IAAAC,cAAA,GAAAhB,MAAA,aAAAA,MAAA,cAAAA,MAAA,GAAAQ,SAAA,CAAAR,MAAA;EACA,IAAAiB,eAAA;IACAC,EAAA;IACAC,EAAA;IACAC,EAAA;IACAC,EAAA;EACA;EACA,IAAAC,YAAA,GAAA/B,IAAA,IAAA0B,eAAA,CAAAT,SAAA,CAAAe,SAAA,KAAAf,SAAA,CAAAe,SAAA;EACA,IAAAC,WAAA,GAAAhB,SAAA,CAAAiB,YAAA,CAAAA,YAAA;EACF,IAAkBC,YAAA,GAAAV,cAAA,WAAAvC,YAAA,CAAAkD,qBAAA,EAAAH,WAAA;EAChB,IAAAI,cAAQ,GAAAF,YAAyB,SAAS;IACxCG,WAAM,EAAArB,SAAA,CAAAiB,YAAA,CAAAI,WAAA;IACNJ,YAAI;EAAA,IACJ;IACDI,WAAA,EAAArB,SAAA,CAAAiB,YAAA,CAAAI,WAAA;IACDJ,YAAM,EAAAC;EACN;EAEA,IAAAI,YAAM;IACJC,IAAI;IACJC,KAAI;IACJC,MAAI;IACJC,KAAI;EACN;EACA,IAAAC,SAAM,GAAAL,YACJ,CAAQtB,SAAA,CAAA4B,KAAA,CAAgB;EAC1B,IAAAC,cAAM,GAAclD,KAAA,GAAAX,iBAAuB,CAAA8D,gBAAA,CAAAnD,KAAA,GAAAqB,SAAA,CAAA+B,eAAA;EAC3C,IAAAC,eAAM,GAAe;IACrBC,KAAM,EAAAJ,cACJ;IAGF,GAAA3B,IAAM,CAAAgC;EAAuC;EACrC,IACNC,eAAO;IACPF,KAAA,EAAAJ,cAAQ;IACR,GAAA3B,IAAO,CAAAkC;EACT;EACA,IAAAC,eAAkB;IAClBJ,KAAM,EAAAJ,cAAiB;IACvB,GAAA3B,IAAM,CAAAoC;EACN;EACA,IAAAC,sBAA0B;IAC1BN,KAAM,EAAAJ,cAAA;IACN,GAAA3B,IAAM,CAAAsC;EACN;EAA8B,IAC5BC,YAAM,OAAA5E,cAAA,CAAA6E,QAAA;EAA6C,IAClDC,qBAAoB,OAAA/E,aAAA,CAAAgF,OAAA;IACvB,WAAA3E,YAAA,CAAA4E,wBAAA,EAAA7C,SAAA,EAAAG,SAAA;EACA,IACAH,SAAM,EACJG,SAAA,CACF;EACA,IAAA2C,cAAM,KAAAnD,0BACiB,GAAAK,SAAe,CAAA+B,eAEhC,UAAU,IAAApC,0BAA0B,KAClC,SAAAA,0BACA,aAAAoD,OAAA;EAER,IAAAC,cAAM,OAAmBnF,cAAA,CAAAoF,WAA6C,GAAArD,IAAA,IAAAC,4BAAA,GAAA4C,YAAA,CAAAK,cAAA,eAAAjD,4BAAA,uBAAAA,4BAAA,CAAAqD,GAAA,qBAAAtD,IAAA,cAAAA,IAAA,IAAAE,mBAAA,GAAA2C,YAAA,CAAAR,KAAA,cAAAnC,mBAAA,uBAAAA,mBAAA,CAAAoD,GAAA;EACpE,IAAAC,eAAc,GAAAnD,SAAO,CAAAoD,UAAA,CAAAC,UAAA,sBAAArD,SAAA,CAAAoD,UAAA,CAAAC,UAAA;EACrB,IAAAC,eACE,YAAAC,iBAAAC,cAAA;IAAA,IAACjE,QAAA,SAAAA,QAAgB;IAAA,OAAhB,mBAAA9B,kBAAA,CAAAgG,GAAA,EAAA5F,cAAA,CAAAP,QAAA,CAAAoG,SAAA;MAAA,IACE1D,SAAI,CAAA2D,UAAU;QAEdC,SAAA,EAAA5D,SAAA,CAAA2D;MAG+D;MAElEpE,QAAA,EAAAiE,cAAA,0CAAA/F,kBAAA,CAAAgG,GAAA,EAAA9F,YAAA,CAAAkG,SAAA;QAEJ5B,KAAA,EAAAe,cAAA;QAEIc,MAAA,EAAUX;MACZ,KACE,mBAAA1F,kBAAA,CAAAgG,GAAA,EAAC9F,YAAA,CAAAoG,SAAA;QAEG9B,KAAA,EAAAe,cAAA;QACCc,MAAA,EAASX;MAAiD,CAC7D;IAGN;EAEA;EACE,IAAA1D,QAAM;IACN,OAAM,iBAAmB,EAAChC,kBAAW,CAAAgG,GAAA,EAAA1F,kBAAA,CAAAiG,WAAA;MAErChF,EAAA;MACGD,IAAA;MAAAiB,SAAA;MAAAiE,cACK,EAAU;MAAA1E,QACR,qBAAA9B,kBAAA,CAAAyG,IAAA,EAAArG,cAAA,CAAAsG,MAAA;QACLC,GAAG;QACJC,UAAU,UAAU;QACpB9E,QAAA,GACC,eAAI,IAAA9B,kBAAA,CAAAgG,GAAA,EAAwB3F,eAAQ,CAAAwG,QAAiB;UACpDC,OAAA,WAAY;UACVC,KAAA;UACAC,MAAA;QAA+B,EAC/B,EACFjG,KAAA,uBAAAf,kBAAA,CAAAgG,GAAA,EAAA3F,eAAA,CAAAwG,QAAA;UACFC,OAAA;UACCC,KAAI;UACHC,MAAA;QAAY,EACV;MAC+B;IACqB;EACtD;EACF,KAAA1E,YACK,KAAA3B,IAAA;IAAsD,IAAAsG,4BAC7C;IAAA,IAAAC,YACV,GAAAzF,OAAiB;IAAkB,IAAA0F,gBACnC,GAAa,GAAAjG,KAAA,IAAAD,UAAA;IAAkB,IAAAmG,UAC/B,GAAG,mBAAApH,kBAAwB,CAAAgG,GAAA,EAAQvF,yBAAiB,CAAA4G,kBAAA;MAAA,GAAA9E,SACtD,CAAA+E,YAAA;MAAAhG,IACF,EAAA+B,YAAA;MAAA,GACCM,cAAI;MAA6D4D,QAChE,EAAAhF,SAAA,CAAAgF,QAAmB;MAAArB,UACjB,EAAA3D,SAAA,CAAA2D,UAAiB;MAAkB,QACnC1F,YAAa,CAAAgH,uBAAA,EAAAhF,OAAA,CAAAiC,cAAkB;QAAAgD,UAC/B,EAAG;UACLC,eAAA,EAAAnH,iBAAA,CAAAoH,iBAAA,CAAAC,UAAA;UACFC,WAAA,EAAAtH,iBAAA,CAAAoH,iBAAA,CAAAG,MAAA;UACC,GAAG,IAAAtH,YAAA,CAAAgH,uBAAA,EAAAhF,OAAA,CAAAiC,cAAA;QACJ;MAAA;MACA,IACC,EAAI,EAAAjE,YAAA,CACDgH,uBACA,EAAAhF,OAAiB,CAAAmC,cACb;QAEPoD,UAAI;UACJL,eAAiB,EAAAnH,iBAAiB,CAAAoH,iBAAS,CAAAC,UAAA;UAC5CC,WAAA,EAAAtH,iBAA2B,CAAAoH,iBAAA,CAAAG,MAAA;UAC3B,OAAAtH,YAAgB,CAAAgH,uBAAS,EAAAhF,OAAA,CAAAmC,cAAA;QACzB;MACE;MACA,QAAAnE,YAAA,CAAAgH,uBAAqB,EAAAhF,OAAA,CAAAqC,cAAA;QACvBmD,UAAA;UACCN,eAAe,EAAAnH,iBAAW,CAAAoH,iBAAA,CAAAC,UAAA;UAE1BC,WAAA,EAAAtH,iBAAgB,CAAAoH,iBAAqD,CAAAG,MAAA;UAAA,OAAAtH,YAAA,CAAAgH,uBAAA,EAAAhF,OAAA,CAAAqC,cAAA;QACxE;MAEF;MACG,QAAArE,YAAA,CAAAgH,uBAAA,EAAAhF,OAAA,CAAAuC,qBAAA;QAAAkD,iBAAA;UACCP,eAAc,EAAAnH,iBAAe,CAAAoH,iBAAgB,CAAUC,UAAA;UACtDC,WAAG,EAAAtH,iBAAA,CAAAoH,iBAAA,CAAAG,MAAA;UAEH,OAAAtH,YAAA,CAAAgH,uBAAA,EAAAhF,OAAA,CAAAuC,qBAAA;QAAA;MACH;MAKF,GAAAlD,aAAM;MACNT,QAAM;MACHG,EAAA;MAAA,IAAA2F,YAAA;QACCzF;MAAK,IACLC,YAAW;QACVwG,cAAI,EAAAxG;MAA+C,IAEnD;MAAA,IAAAL,QAAA;QAAA8G,aAEC;MAAA,SAAC;MAAA,IAAA9G,QAAA;QAAA,eACU;MAAA,SACT;MAAe,eACX,EAAAF,QAAU;MAAA,cACd,EAAO,EAAAD,KAAA;MAAAS,eACP,WAAYyG,iBAAAC,GAAA;QAAA,IAAAjH,QACZ,IAAAC,QAAY;QAAAM,eACZ,KAAY,QAAAA,eAAA,uBAAAA,eAAA,CAAA0G,GAAA;MAAA;MACO,IAAAzG,MACnB;QAAaA;MACT,SAEH;MAAAE,QAAA,EAAA+D,eAAA,CAAApE,OAAA,aAAAA,OAAA,cAAAA,OAAA,GAAAC,YAAA;IAAA;IACY,IAAA4G,eAAA,GAAApD,qBAAA,CAAAxC,SAAA,sBAAA1C,kBAAA,CAAAgG,GAAA,EAAA5F,cAAA,CAAAmI,IAAA;MAAA/E,YAAA,GAAAyD,4BAAA,GAAAtD,cAAA,CAAAH,YAAA,cAAAyD,4BAAA,cAAAA,4BAAA,GAAA1E,SAAA,CAAAiB,YAAA,CAAAA,YAAA;MAAA,GAAA0B,qBACf;MAAApD,QAAA,EAAAsF;IAAA,KAAAA,UAAA;IAEJ,IAAAoB,YAAA,KAAAtD,qBAAA,CAAAxC,SAAA;IAGF,IAAI+F,WAAC,kBAAyB,IAAAzI,kBAAA,CAAAyG,IAAA,EAAArG,cAAA,CAAAsG,MAAA;MAE9BC,GAAA,EACEzC,SAAA;MAIJ0C,UAAA;MAEA,IACE4B,YAAA;QAACE,QAAA;MAAA;MACC5G,QAAM,GACNwG,eAAA,EACAvH,KAAA,uBAAAf,kBAAA,CAAAyG,IAAA,EAAArG,cAAA,CAAAuI,KAAA;QACAC,OAAA,EAAYrH,EAAA;QAEXD,IAAA,EAAAA,IAAC,WAAU;QACV,GAAAiB,SAAM,CAAAoD,UAAA;QACNnB,KAAM,EAAAJ,cAAA;QAENqD,UAAM,EAAAlD,eAAqB;QAG3BwD,UAAM,EAAArD,eAAA;QACJsD,UAAO,EAAApD,eAAA;QACPqD,iBAAQ,EAAAnD,sBAAA;QACV+D,YAAA;QACA,GAAA7H,UAAM;QACJc,QAAO,GACPf,KAAG,EACLI,QAAA;MACgC,EAC9B;IACQ;IAEV,KAAAgG,gBAAM,SAAAsB,WAAA;IAAiC,OACrC,eAAO,IAAAzI,kBAAA,CAAAgG,GAAA,EAAA1F,kBAAA,CAAAiG,WAAA;MAAAhF,EAAA;MACCL,KACV;MAEAD,UACE;MAAAK,IAAC;MAAAiB,SAAA;MAAAT,QACC,EAAA2G;IAAA;EACO;EACP,sBACA,IAAAzI,kBAAA,CAAAgG,GAAA,EAAA1F,kBAAA,CAAAwI,KAAA;IAAAlI,IAAA,EAAA0B,YACA;IAAA3B,IAAA;IAEAe,YAAC;IAAAZ,UAAA,EAAA8B,kBAAA;IAAAd,QAAA,WACMiH,UAAAC,KAAA;MAAA,IAAAC,aACL,KAAW,EAAAzI,YAAA,CAAA0I,aAAA,EAAAF,KAAA,EAAA9H,KAAA;MAAA,IAAAiI,eACN,GAAA1H,OAAA,UAAsB,IAAAA,OAAe,GAAAuH,KAAA,CAAAI,KAAU,CAAA1J,KAAmB;MAAA,IAAA2J,kBAErE,GAAAJ,aAAA,GAAA1I,iBAAA,CAAA8D,gBAAA,CAAAnD,KAAA,GAAAqB,SAAA,CAAA+B,eAAA;MAAA,IAAAgF,uBAAM;QACN9E,KAAA,EAAA6E,kBAAM;QACJ,GAAA5G,IAAA,CAAAgC;MAAC;MAAA,IAAA8E,uBACK;QAAU/E,KAAA,EAAA6E,kBACR;QAAA,GAAA5G,IAAA,CAAAkC;MACF;MACgB,IAAA6E,uBACpB,GAAY;QAAUhF,KAAA,EAAA6E,kBACjB;QAAsD,GAAA5G,IAAA,CAAAoC;MAC7C;MACyB,IAAA4E,8BACnC,GAAa;QAAkBjF,KAAA,EAAA6E,kBAC/B;QAAoD,GAAA5G,IAAA,CAAAsC;MACtD;MACF,sBACC,EAAI,EAAA/E,kBAAA,CAAAgG,GAAA,EAAA1F,kBAAwB,CAAAiG,WAAQ;QAAsBhF,EAAA;QAC7CL,KAAA,EAAA+H,aACV;QAAmChI,UAAA;QACJK,IAAA;QACqBiB,SAAA;QACtDT,QAAA,iBACF,IAAA9B,kBAAA,CAAAyG,IAAA,EAAArG,cAAA,CAAAsG,MAAA;UAAAC,GAAA,EAAAzC,SACC;UAA0D0C,UAAA,UACzD;UAAY,IAAA1B,qBACV,CAAAxC,SAAA,IAAiB;YAAkBgG,QAAA;UACJ;UACqB5G,QAAA,GACtD,YACF;YAAA,IAAA4H,6BACK;YAA6D,IAAAC,eAChE,kBAAmB,IAAA3J,kBAAA,CAAAgG,GAAA,EAAAvF,yBAAA,CAAA4G,kBAAA;cAAA,GAAA9E,SACjB,CAAA+E,YAAA;cAAmChG,IAAA,EAAA+B,YACnC;cAA+B,GAAAM,cAC/B;cAA2D4D,QAAA,EAC7DhF,SAAA,CAAAgF,QAAA;cAAArB,UACF,EAAA3D,SAAA,CAAA2D,UAAA;cAAA,QAAA1F,YACI,CAAAgH,uBAAA,EAAAhF,OAAA,CAAAiC,cAAA;gBAAAgD,UACJ;kBAAAC,eACA,EAAAnH,iBAAA,CAAAoH,iBAAA,CAAAC,UAAA;kBAAAC,WACA,EAAStH,iBAAA,CAAAoH,iBAAA,CAAAG,MAAA;kBAAA,IACR,GAAItH,YAAW,CAAEgH,uBAA+B,EAAAhF,OAAI,CAAAiC,cAAA;gBAAA;cACT;cACjB,QAAAjE,YAC3B,CAAAgH,uBAAiC,EAAAhF,OAAA,CAAAmC,cAAA;gBAAAoD,UACjC;kBACEL,eAAI,EAAAnH,iBAAsB,CAAAoH,iBAAA,CAAAC,UAAA;kBAC1BC,WAAA,EAAMtH,iBACJ,CAAAoH,iBAAe,CAAAG,MAAA;kBACjB,OAAAtH,YAAM,CAAAgH,uBAA8B,EAAAhF,OAAA,CAAAmC,cAAA;gBACpC;cAA4B;cAC9B,QAAAnE,YACA,CAAQgH,uBAAA,EAAAhF,OAAkB,CAAAqC,cAAO,QAAc;gBAAMmD,UAEpD;kBAA+BN,eAAA,EAAAnH,iBAAA,CAAAoH,iBAAA,CAAAC,UAAA;kBAClCC,WAAA,EAAAtH,iBAAA,CAAAoH,iBAAA,CAAAG,MAAA;kBAEF,OAAOtH,YAAA,CAAAgH,uBACL,EAAAhF,OAAA,CAAAqC,cAAA;gBAAA;cAAC;cAAA,QAAArE,YACC,CAAAgH,uBACiB,EAAAhF,OAAA,CAAgBuC,qBAAU,EAAa;gBAAAkD,iBAEpD;kBAAAP,eAEH,EAAAnH,iBAAA,CAAAoH,iBAAA,CAAAC,UAAA;kBAAAC,WAAA,EAAAtH,iBAAA,CAAAoH,iBAAA,CAAAG,MAAA;kBACH,IAEA,GAAAtH,YAAA,CAAAgH,uBAAA,EAAAhF,OAAA,CAAAuC,qBAAA;gBAEJ;cAAG;cAED,GAAAlD,aAAC;cAAAT,QAAA;cAAAG,EAAA;cACUE,OACT,EAAA0H,eAAe;cAAA,IAAA9H,QACX;gBAAU8G,aACP;cAAA,SACP;cAAY,IAAA9G,QACZ;gBAAY,eACZ,EAAY;cAAA,SACZ;cAAmB,eACnB,EAAAF,QAAa;cAAA,cACT,IAAA8H,aAAA;cAAAtH,eAEH,WAAAyG,iBAAAwB,UAAA;gBAAA,IAAAxI,QAAA,IAAAC,QAAA;gBAAA,IAAAwI,UACA,GAAAD,UAAY,+BAAAA,UAAA;gBAAAZ,KAAA,CAAAc,YAAA,CAAAD,UAAA;gBAAAlI,eAAA,aAAAA,eAAA,uBAAAA,eAAA,CAAAiI,UAAA;cAAA;cACfhI,MAAA,MAAApB,YAAA,CAAAuJ,iBAAA,EAAAf,KAAA,gBAAApH,MAAA;cAAAE,QAAA,EAAA+D,eAAA,CAAAsD,eAAA;YAEJ;YAAA,OAAAjE,qBAAA,CAAAxC,SAAA,sBAAA1C,kBAAA,CAAAgG,GAAA,EAAA5F,cAAA,CAAAmI,IAAA;cACF/E,YAAA,GAAAkG,6BAAA,GAAA/F,cAAA,CAAAH,YAAA,cAAAkG,6BAAA,cAAAA,6BAAA,GAAAnH,SAAA,CAAAiB,YAAA,CAAAA,YAAA;cAEJ,GAAA0B,qBAAA;cAAApD,QAAA,EAAA6H;YACF,KAAAA,eAAA;UAEJ,K","ignoreList":[]}

package/dist/cjs/fields/Checkbox/Checkbox.spec.cjs

@@ -0,0 +1,139 @@
+var import_react = require("@testing-library/react");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_Form = require("../../Form/index.cjs");
+var import_Checkbox = require("./Checkbox.cjs");
+var import_CheckboxGroup = require("./CheckboxGroup.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_vitest.describe)("Checkbox", () => {
+  (0, import_vitest.describe)("without form context", () => {
+    (0, import_vitest.it)("renders with label", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Checkbox.Checkbox, {
+        label: "Accept terms",
+        name: "terms"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Accept terms")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders required label with asterisk", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Checkbox.Checkbox, {
+        label: "Required",
+        name: "req",
+        required: true
+      }));
+      const label = result.container.querySelector("label");
+      (0, import_vitest.expect)(label?.textContent).toContain("*");
+    });
+    (0, import_vitest.it)("renders disabled state", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Checkbox.Checkbox, {
+        label: "Disabled",
+        name: "d",
+        disabled: true
+      }));
+      const checkbox = result.getCheckbox();
+      (0, import_vitest.expect)(checkbox?.getAttribute("aria-disabled")).toBe("true");
+    });
+    (0, import_vitest.it)("renders checked state", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Checkbox.Checkbox, {
+        label: "Checked",
+        name: "c",
+        checked: true
+      }));
+      const checkbox = result.getCheckbox();
+      (0, import_vitest.expect)(checkbox?.getAttribute("aria-checked")).toBe("true");
+    });
+    (0, import_vitest.it)("renders skeleton placeholder", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Checkbox.Checkbox, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      (0, import_vitest.expect)(result.container.querySelector("[role='checkbox']")).toBeNull();
+    });
+    (0, import_vitest.it)("calls onCheckedChange when clicked", () => {
+      const onCheckedChange = import_vitest.vi.fn();
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Checkbox.Checkbox, {
+        name: "cb",
+        defaultValue: false,
+        onCheckedChange
+      }));
+      const checkbox = result.getCheckbox();
+      if (checkbox) import_react.fireEvent.click(checkbox);
+      (0, import_vitest.expect)(onCheckedChange).toHaveBeenCalledWith(true);
+    });
+  });
+  (0, import_vitest.describe)("with form context", () => {
+    (0, import_vitest.it)("renders inside form", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        formOptions: {
+          defaultValues: {
+            agree: false
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Checkbox.Checkbox, {
+          name: "agree",
+          label: "I agree"
+        })
+      }));
+      (0, import_vitest.expect)(result.findTextElement("I agree")).toBeDefined();
+    });
+  });
+});
+(0, import_vitest.describe)("CheckboxGroup", () => {
+  const options = [{
+    label: "Option A",
+    value: "a"
+  }, {
+    label: "Option B",
+    value: "b"
+  }, {
+    label: "Option C",
+    value: "c"
+  }];
+  (0, import_vitest.it)("renders all options", () => {
+    const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CheckboxGroup.CheckboxGroup, {
+      label: "Pick options",
+      name: "opts",
+      options
+    }));
+    (0, import_vitest.expect)(result.findTextElement("Option A")).toBeDefined();
+    (0, import_vitest.expect)(result.findTextElement("Option B")).toBeDefined();
+    (0, import_vitest.expect)(result.findTextElement("Option C")).toBeDefined();
+  });
+  (0, import_vitest.it)("renders required label with asterisk", () => {
+    const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CheckboxGroup.CheckboxGroup, {
+      label: "Required",
+      name: "req",
+      options,
+      required: true
+    }));
+    const label = result.container.querySelector("label");
+    (0, import_vitest.expect)(label?.textContent).toContain("*");
+  });
+  (0, import_vitest.it)("renders skeleton placeholder", () => {
+    const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CheckboxGroup.CheckboxGroup, {
+      label: "Loading",
+      name: "l",
+      options,
+      skeleton: true
+    }));
+    const checkboxes = result.container.querySelectorAll("[role='checkbox']");
+    (0, import_vitest.expect)(checkboxes.length).toBe(0);
+  });
+  (0, import_vitest.it)("renders with form context", () => {
+    const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+      formOptions: {
+        defaultValues: {
+          opts: []
+        }
+      },
+      submitText: "Submit",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CheckboxGroup.CheckboxGroup, {
+        name: "opts",
+        label: "Options",
+        options
+      })
+    }));
+    (0, import_vitest.expect)(result.findTextElement("Option A")).toBeDefined();
+  });
+});